var Blokje = { 

	switchcolor : function(e)
	{
		var obj = Event.element(e);
		var data = $A(arguments);   
		data.shift();
		if(obj.className == 'blokje kleur'+data[0])
			obj.className = 'blokje kleur'+data[1];
		else if(obj.className == 'blokje kleur'+data[1])
			obj.className = 'blokje kleur'+data[0];
	}
	,
	switchcolor2 : function(e)
	{
		var obj = Event.element(e);
		if(obj.className.substr(0,10)!='blokjelink')
			obj = obj.parentNode;
		if(obj.className.substr(0,10)!='blokjelink')
			obj = obj.parentNode;			
		var data = $A(arguments);   
		data.shift();
		if(obj.className == 'blokjelink kleur'+data[0])
			obj.className = 'blokjelink kleur'+data[1];
		else if(obj.className == 'blokjelink kleur'+data[1])
			obj.className = 'blokjelink kleur'+data[0];
	}

};

function setrandombg()
{
	var l = 5;
	var ran=Math.floor(l*Math.random())+1;
	var bodydiv = $$('body');
	bodydiv[0].className = 'bg'+ran;
}

function loadblokjes()
{
	setrandombg();
	var blokjes = $$('div.blokje');
	var l = 17;
	for(var i=0 ; i < blokjes.length ; i++)
	{
		var ran=Math.floor(l*Math.random())+1;
		var kleur1 = ran;
		if(ran==l)
			var kleur2 = 1;
		else
			var kleur2 = ran+1;
		//blokjes[i].kleur1 = kleur1;
		//blokjes[i].kleur2 = kleur2;
		blokjes[i].className = 'blokje kleur'+kleur1;
		Event.observe(blokjes[i],'mouseover', Blokje.switchcolor.bindAsEventListener(Blokje,kleur1,kleur2)); 	
		Event.observe(blokjes[i],'mouseout', Blokje.switchcolor.bindAsEventListener(Blokje,kleur2,kleur1)); 				
	}
	
	var blokjes = $$('div.blokjelink');
	var l = 18;
	for(var i=0 ; i < blokjes.length ; i++)
	{
		var ran=Math.floor(l*Math.random())+1;
		var kleur1 = ran;
		if(ran==l)
			var kleur2 = 1;
		else
			var kleur2 = ran+1;
		//blokjes[i].kleur1 = kleur1;
		//blokjes[i].kleur2 = kleur2;
		var blok = blokjes[i].firstChild.firstChild;
		blok.className = 'blokjelink kleur'+kleur1;
		Event.observe(blok,'mouseover', Blokje.switchcolor2.bindAsEventListener(Blokje,kleur1,kleur2)); 	
		Event.observe(blok,'mouseout', Blokje.switchcolor2.bindAsEventListener(Blokje,kleur2,kleur1)); 				
	}	
	var cont = $$('div.content');
//	cont.style.position = 'absolute';
	
}