// instellingen
var onderContent = {
	'tussentijd': 6	// hoe lang duurt het voor het volgende block langskomt
};

function blocks_init()
{

	// tellen hoeveel vaste blokken er zijn.
	var b = $$('#onderContent .onderContentBlock.fix');	

	// zijn dit er 4 dan hoeven we niets te doen. andere zijn er dan niet.
	if (b && b.length==4) return false;
	
	// het zijn er minder dan 4. we moeten dus met de bewegende blokken aan de slag.
	var bb = $$('#onderContent .onderContentBlock.swap');
	
	// als er 0 blokken zijn dan maken we de hele ondercontent onzichtbaar
	if ((!b || !b.length) && (!bb || !bb.length))
	{
		$('onderContent').setStyle('height',10);
		return false;
	}
	
	// zijn er in totaal minder dan 4 blokken dan is het ook meteen goed
	if (b.length+bb.length<5) return false;
	
	// we moeten dingen wisselen.
	// de blokken die we nu niet tonen, opslaan in een lijstje
	onderContent.extra = [];
	onderContent.numswap = 4-b.length;
	for(var i=(4-b.length); i<bb.length; i++)
	{
		onderContent.extra.push(bb[i].setStyle('opacity',0).dispose());
	}

	onderContent.nextBlock = 0;	// we vervangen als eerste het eerste blok

	// wisselfunctie aanzetten
	onderContent.timer = blocks_fadeout.create({periodical:(onderContent.tussentijd*1000)});
	onderContent.timer();
}


function blocks_fadeout()
{
	var b = $$('#onderContent .onderContentBlock.swap');
	new Fx.Tween(
		b[onderContent.nextBlock],
		{ property: 'opacity', duration: 300 }
	).start(0.5).chain(blocks_swap);
	delete b;
}

function blocks_swap()
{
	// item is gefade. vervang door nieuw
	var b = $$('#onderContent .onderContentBlock.swap');
	onderContent.extra.push(b[onderContent.nextBlock].clone());
	onderContent.extra.shift().replaces(b[onderContent.nextBlock]);
	b = $$('#onderContent .onderContentBlock.swap');
	new Fx.Tween(
		b[onderContent.nextBlock],
		{ property: 'opacity', duration: 300 }
	).start(1);
	delete b;
	onderContent.nextBlock++;
	if(onderContent.nextBlock==onderContent.numswap) onderContent.nextBlock=0;
		
}