var currentTop = 0;
var fadeCoverTop = null;
var contentPhotoTop = null;

function rotateTop(pe)
{
	contentPhotoTop.src = topImages[currentTop].src;	
	if(++currentTop >= topImages.length)
	{
		currentTop = 0;
	}

	fadeCoverTop.setStyle({ background: 'url('+topImages[currentTop].src+') no-repeat'});
	fadeCoverTop.setStyle({ opacity: 0, display: 'block' }).fade({ from: 0, to: 1.0, duration: 1.0 });

}

function preloadTopImages()
{
	for(var i=0; i<topImages.length; i++)
	{
		window['image'+i] = new Image();
		window['image'+i].src = topImages[i].src;
	}
}

function initTopShow() {
	fadeCoverTop = $('fade-cover-top');
	contentPhotoTop = $('slide-top-image');
	
	preloadTopImages();
	new PeriodicalExecuter(rotateTop, rotationSpeed);
}

Event.observe(window, 'load', initTopShow);


var currentBottom = 0;
var fadeCoverBottom = null;
var contentPhotoBottom = null;

function rotateBottom(pe)
{
	contentPhotoBottom.src = bottomImages[currentBottom].src;	
	if(++currentBottom >= bottomImages.length)
	{
		currentBottom = 0;
	}

	fadeCoverBottom.setStyle({ background: 'url('+bottomImages[currentBottom].src+') no-repeat'});
	fadeCoverBottom.setStyle({ opacity: 0, display: 'block' }).fade({ from: 0, to: 1.0, duration: 1.0 });

}

function preloadBottomImages()
{
	for(var i=0; i<bottomImages.length; i++)
	{
		window['image'+i] = new Image();
		window['image'+i].src = bottomImages[i].src;
	}
}

function initBottomShow() {
	fadeCoverBottom = $('fade-cover-bottom');
	contentPhotoBottom = $('slide-bottom-image');
	
	preloadBottomImages();
	new PeriodicalExecuter(rotateBottom, rotationSpeed);
}

Event.observe(window, 'load', initBottomShow);