// JavaScript Document
var currentImage = images.length-1;
var tr_items = new Array();
var timer;

var myTransitions = function() {
	var myeffects = new Array();
		nextImg();

	tr_items.sort(function() {return 0.5 - Math.random()});
	tr_items.each(function(element,index){
		myeffects[index] = new Fx.Tween(element, { 
				duration: 200,
				'link': 'cancel'
		}).chain(function(){
			element.setStyle('background-image', 'url('+images[currentImage]+')');
			this.start.delay(0,this,['opacity',0,1]);
		});
		
		if (index>0){
			myeffects[index-1].chain(function(){
				myeffects[index].start.delay(0,myeffects[index],['opacity',1,0]);
			});
		}
	});
	myeffects[0].start.delay(0,myeffects[0],['opacity',1,0]);
};
var timer;


window.addEvent('domready', function(){
	tr_items= $$('td.fpt');
	
	myTransitions();
	timer = myTransitions.periodical(15000);
});

function nextImg()
{
	currentImage++;
	if (currentImage == images.length)
		currentImage = 0;
}

function changeTrans(imgArray)
{
	$clear(timer);
	images = imgArray;
	currentImage = images.length-1;
	myTransitions();
	timer = myTransitions.periodical(15000);
}