var timer;
var timerInterval;
var images;
var currentImage;
var fxProperties;

window.addEvent("domready",function() 
{
	init();
	
	onTransitionComplete();
});

/**
* Init
*/
function init() 
{
	timerInterval = 2000;
	images = [$("image1"),$("image2"),$("image3")];
	currentImage = $("image1");
	fxProperties = {duration:1000,property:"opacity"};
}

/**
* Init
*/
function changeImage() 
{
	var newImage = getNewImage();
	
	var currentFx = new Fx.Tween(currentImage,fxProperties);
	var newFx = new Fx.Tween(newImage,fxProperties);
	newFx.addEvents({complete:onTransitionComplete})
	currentFx.start(1,0);
	newFx.start(0,1);
	
	currentImage = newImage;
};

/**
* On transition complete
*/
function onTransitionComplete() 
{
	timer = setTimeout("onTimer()",5000);
}

/**
* On timer
*/
function onTimer() 
{
	changeImage();
}

/**
* Return new image
*/
function getNewImage() 
{
	for (i=0;images.length;i++) 
	{
		if (currentImage == images[i]) 
		{
			if (i + 1 >= images.length) return images[0];
			else return images[i+1];
			
			break;
		}
	}
	
	return images[0];
}