// Source code Copyright © ASD Solutions 

var currentImage = 1;
var prevImage = 0;

var numberOfImages = 0;

var t;

function init(i_numberOfImages) {
	numberOfImages = i_numberOfImages;
	highlightThumb(1);
	autoFade(4000);
}

function showNext() {


	var tempCurrentImage = currentImage;
	prevImage = currentImage;
	
	if (currentImage == numberOfImages)
	{
		currentImage = 1;
	}
	else
	{
		currentImage ++;
	}
	
	swapZIndex(currentImage);
	
	Effect.Appear("showcase_image_" + currentImage, { duration:1.0 });
	
	s_fadeFunc = "fadeOutImage(" + tempCurrentImage + ")";
	setTimeout("highlightThumb(currentImage)", 500);
	setTimeout(s_fadeFunc, 1000);
	autoFade(4000);

}



function showPrev() {


	var tempCurrentImage = currentImage;
	prevImage = currentImage;
	
	if (currentImage == 1)
	{
		currentImage = numberOfImages;
	}
	else
	{
		currentImage --;
	}

	Effect.Appear("showcase_image_" + currentImage, { duration:1.0 });

	s_fadeFunc = "fadeOutImage(" + tempCurrentImage + ")";
	
	setTimeout("highlightThumb(currentImage)", 500);
	
	setTimeout(s_fadeFunc, 1000);
	autoFade(4000);
}


function showImage(i_image) {

	if (i_image != currentImage)
	{
		prevImage = currentImage;
		swapZIndex(i_image);
		
		var tempCurrentImage = currentImage;
		
		
		currentImage = i_image;
		 
		Effect.Appear("showcase_image_" + currentImage, { duration:0.4 });
		
		clearTimeout(t);
		
		s_fadeFunc = "fadeOutImage(" + tempCurrentImage + ")";
		
		setTimeout(s_fadeFunc, 400);
		highlightThumb(currentImage);
		autoFade(6000);
	}
}

function autoFade(i_millisecs) {
	t = setTimeout("showNext()", i_millisecs);
}

function fadeOutImage(i_image) {
	//setObjDisp("showcase_image_" + i_image ,'none'); 
	Effect.Fade("showcase_image_" + i_image ,{ duration:0.0 }); 
}

function swapZIndex(i_image) {
	s_currentImage = "showcase_image_" + prevImage;
	s_newImage = "showcase_image_" + i_image;
	document.getElementById(s_currentImage).style.zIndex = "0";
	document.getElementById(s_newImage).style.zIndex = "1";
}

function highlightThumb(i_image) {
	if (prevImage != 0)
	{
		document.getElementById("image_thumb_" + prevImage).className = "";
	}
	document.getElementById("image_thumb_" + i_image).className = "selected";
}