$j = jQuery.noConflict();

var startnummer = 0;
var taal = '';
var volgorde = '';
var images = '';

$j(document).ready(function(){
	setTimeout('switch_text()', 10000);
	
	taal = $j('.taalbox').html();
	volgorde = ['communicatie', 'beheercontrole', 'organisatieaudit', 'projecten', 'change', 'kwaliteit', 'businessanalyse', 'bpm', 'strategie'];
	images = ['atoom_oranje_'+taal+'.png', 'atoom_groen_'+taal+'.png', 'atoom_geel_'+taal+'.png', 'atoom_blauw_'+taal+'.png', 'atoom_oranje_'+taal+'.png', 'atoom_groen_'+taal+'.png', 'atoom_geel_'+taal+'.png', 'atoom_blauw_'+taal+'.png', 'atoom_rood_'+taal+'.png'];
	
	$j('#Map area').click(function(){
		startnummer = 100;
		$j('.contentBox_rechts').css('display', 'none');
		$j('.contentBox_links').css('display', 'none');
		
		var tekst_id = $j(this).attr('id');
		var image_kleur = $j(this).attr('class');
	
		$j('#tekst_'+tekst_id).css('display', 'block');
		$j('.atoom').attr('src', 'img/atoom_'+image_kleur+'_'+taal+'.png');
	});
});


function switch_text()
{
	if(startnummer != 100)
	{
		// eerst alles terug verbergen
		$j('.contentBox_rechts').css('display', 'none');
		$j('.contentBox_links').css('display', 'none');
		// dan de juiste tekst en image laten zien
		$j('#tekst_'+volgorde[startnummer]).css('display', 'block');
		$j('.atoom').attr('src', 'img/'+images[startnummer]);
		
		startnummer++;
		
		setTimeout('switch_text()', 5000);
	}
	
	if(startnummer == 9)
	{
		startnummer = 0;
	}
}