// JavaScript Document

/*
ENTER UPDATE
*/
var imageIdLeft = 0;
var imageIdMiddle = 0;
var imageIdRight = 0;
var fadeSeconds = 1;
var pause = 7;
var imagesLeft = "";
var imagesMiddle = "";
var imagesRight = "";

function showNextImage(id)
{
	showNextImageLeft();
	setTimeout("showNextImageMiddle()", fadeSeconds * 1000);
	setTimeout("showNextImageRight()", (fadeSeconds * 2) * 1000);
		
	setTimeout("showNextImage()", pause * 1000);
}

function showNextImageLeft()
{
	var oldImageIdLeft = imageIdLeft;
	
	imageIdLeft++;
	
	if(imageIdLeft >= imagesLeft.length)
	{
		imageIdLeft = 0;
	}
	
	
	$(imagesLeft[imageIdLeft]).addClass("currentImage").removeClass("oldImage hiddenImage");
	$(imagesLeft[oldImageIdLeft]).addClass("oldImage").removeClass("currentImage");
	
	$(imagesLeft[imageIdLeft]).fadeIn(fadeSeconds * 1000, function() {
		//alert("done 1");
		$(imagesLeft[oldImageIdLeft]).fadeOut(10, function() {
			//alert("done 2");
			// all animation done
		});
	});
}

function showNextImageMiddle()
{
	var oldImageIdMiddle = imageIdMiddle;
	
	imageIdMiddle++;
	
	if(imageIdMiddle >= imagesMiddle.length)
	{
		imageIdMiddle = 0;
	}
	
	
	$(imagesMiddle[imageIdMiddle]).addClass("currentImage").removeClass("oldImage hiddenImage");
	$(imagesMiddle[oldImageIdMiddle]).addClass("oldImage").removeClass("currentImage");
	
	$(imagesMiddle[imageIdMiddle]).fadeIn(fadeSeconds * 1000, function() {
		//alert("done 1");
		$(imagesMiddle[oldImageIdMiddle]).fadeOut(10, function() {
			//alert("done 2");
			// all animation done
		});
	});
}

function showNextImageRight()
{
	var oldImageIdRight = imageIdRight;
	
	imageIdRight++;
	
	if(imageIdRight >= imagesRight.length)
	{
		imageIdRight = 0;
	}
	
	
	$(imagesRight[imageIdRight]).addClass("currentImage").removeClass("oldImage hiddenImage");
	$(imagesRight[oldImageIdRight]).addClass("oldImage").removeClass("currentImage");
	
	$(imagesRight[imageIdRight]).fadeIn(fadeSeconds * 1000, function() {
		//alert("done 1");
		$(imagesRight[oldImageIdRight]).fadeOut(10, function() {
			//alert("done 2");
			// all animation done
		});
	});
}

function startFade(imageRefsLeft, imageRefsMiddle, imageRefsRight)
{
	$(".hiddenImage").fadeOut(1, function() {
		
	});
	
	imagesLeft = imageRefsLeft;
	imagesMiddle = imageRefsMiddle;
	imagesRight = imageRefsRight;
	setTimeout("showNextImage()", pause * 1000);
}