var currentImage = 0;
var containers = new Array();
var timer = 3000; // time between images in millisecond... 3000 = 3 seconds

function init()
{	
	var imagesContainer = $("imagesContainer");
	var container;
	
	if (imagesContainer)
	{
		var images = imagesContainer.getElementsByTagName("li");
		for (var i=0, len=images.length; i<len ; i++)
		{
			container = images[i];
			containers.push(new fx.Opacity(container, {duration: 800, onComplete: function() {isDisabled = false;}}));
			containers[containers.length-1].setOpacity(0);
		}
	}
	
	if (containers.length)
		containers[0].setOpacity(1);
		
	if (containers.length>1)
		startRotating();
}	

function startRotating()
{
	setInterval(nextImage, timer);
}

function nextImage()
{
	var imagesContainer = $("imagesContainer");
	var images = imagesContainer.getElementsByTagName("li");
	images[currentImage].style.zIndex = 1;
	containers[currentImage].toggle(1,0);
	currentImage++;
	if (currentImage >= containers.length)
		currentImage = 0;
	images[currentImage].style.zIndex = 2;
	containers[currentImage].toggle(0,1);
}
window.onload = init;