// set the starting image.
var i = 0;			

// The array of div names which will hold the images.
var image_slide = null;

// The number of images in the array.
var NumOfImages = null;

// The time to wait before moving to the next image.
var wait = 7000;

// The Fade Function
function SwapImage(x,y) {	
	$(image_slide[x]).appear({ duration: 1 });
	$(image_slide[y]).fade({duration: 1});
	
	$('control-' + (y+1)).removeClassName('active');
	$('control-' + (x+1)).addClassName('active');
}

// the onload event handler that starts the fading.
function InitSlideShow(_image_slide) {
	image_slide = _image_slide;
	NumOfImages = image_slide.length;
}

function StartSlideShow() {

	if (!image_slide || NumOfImages<=1) {
		return;
	}

	play = setInterval('Play()',wait);
	ToggleButtons();							
}

function Play() {
	var imageShow, imageHide;

	imageShow = i+1;
	imageHide = i;

	if (imageShow == NumOfImages) {
		SwapImage(0,imageHide);	
		i = 0;					
	} else {
		SwapImage(imageShow,imageHide);			
		i++;
	}
}

function Stop () {
	clearInterval(play);				
	$('PlayButton').appear({ duration: 0});
	$('PauseButton').hide();
}

function GoNext() {
	clearInterval(play);
	StartSlideShow();	
	ToggleButtons();

	var imageShow, imageHide;

	imageShow = i+1;
	imageHide = i;

	if (imageShow == NumOfImages) {
		SwapImage(0,imageHide);	
		i = 0;					
	} else {
		SwapImage(imageShow,imageHide);			
		i++;
	}
}

function JumpTo(j) {

	j--;

	if (j == i) {
		return;
	}

	clearInterval(play);
	StartSlideShow();	
	ToggleButtons();

	var imageShow, imageHide;

	imageShow = j;
	imageHide = i;

	if (imageShow == NumOfImages) {
		SwapImage(0,imageHide);	
		i = 0;					
	} else {
		SwapImage(imageShow,imageHide);			
		i = j;
	}
}

function GoPrevious() {
	clearInterval(play);
	StartSlideShow();	
	ToggleButtons();

	var imageShow, imageHide;

	imageShow = i-1;
	imageHide = i;

	if (i == 0) {
		SwapImage(NumOfImages-1,imageHide);	
		i = NumOfImages-1;		

		//alert(NumOfImages-1 + ' and ' + imageHide + ' i=' + i)

	} else {
		SwapImage(imageShow,imageHide);			
		i--;

		//alert(imageShow + ' and ' + imageHide)
	}	
}

function ToggleButtons() {
	if ($('PlayButton')) {
		$('PlayButton').appear({ duration: 0});
	}
	if ($('PauseButton')) {
		$('PauseButton').hide();
	}
}