function runBanners(){

	// konfigurace (globalni promenne)
	initialDelay = 2; // prvni prechod se spusti za initialDelay + delay sekund
	delay = 6; // do tohoto casu se zapocitava i fadeout, takze vysledna doba cisteho zobrazeni obrazku je delay - fadeDuration
	fadeDuration = 1;
	
	startCycling.delay(initialDelay);
}

function startCycling()
{
	new PeriodicalExecuter(cycleRandom, delay);
}

/**
 * Funkce funguje nasledujicim zpusobem: alternuji se dva DIVy, ktere se v layoutu prekryvaji. 
 * Vzdy se bud ten vrchni skryje, nebo se zobrazi. Aby to fungovalo hezky i na pomalejsim pripojeni, 
 * tak jsme s nactenim obrazku vzdy o jeden napred. Tzn. zobrazime (resp skryjeme) horni 
 * DIV a mezitim ho updatneme - novy obrazek tak ma celou dobu 'delay' sekund, aby se nacetl.
 **/
function cycleRandom(){

	var container = $('banner');
	var supplement = $('banner-supplement');

	if(supplement.visible())
	{
		supplement.fade({duration: fadeDuration, afterFinish: function(){
				new Ajax.Updater(supplement, '/title-page/load-random', { asynchronous: true });
			}
		});
	} else {
		supplement.appear({duration: fadeDuration, from: 0.0, to: 1.0, afterFinish: function(){
				new Ajax.Updater(container, '/title-page/load-random', { asynchronous: true });
			}
		});
	}
}