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

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

// The time to wait before moving to the next image. Set to 3 seconds by default.
var wait = 6000;

// The Fade Function
function SwapImage(x,y) {	
	
	if (false) { 
		
	}else{
		var myximage = document.getElementById(image_slide[y]);
		var myyimage = document.getElementById(image_slide[x]);		
		$(myyimage).fadeIn();
		$(myximage).fadeOut();
		//alert('hide ' + image_slide[x] + ' and show ' + image_slide[y]);
					
	}
}

// the onload event handler that starts the fading.
function StartSlideShow() {
	play = setInterval('Play()',wait);
	//$('PlayButton').hide();
	//$('PauseButton').appear({ duration: 0});
								
}

function Play() {
	var imageShow, imageHide;

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

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

function GoNext() {
	clearInterval(play);
	$('PlayButton').appear({ duration: 0});
	$('PauseButton').hide();
	
	var imageShow, imageHide;

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

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

	var imageShow, imageHide;
				
	imageShow = zz-1;
	imageHide = zz;
	
	if (zz == 0) {
		SwapImage(NumOfImages-1,imageHide);	
		zz = NumOfImages-1;		
		
		//alert(NumOfImages-1 + ' and ' + imageHide + ' i=' + i)
					
	} else {
		SwapImage(imageShow,imageHide);			
		zz--;
		
		//alert(imageShow + ' and ' + imageHide)
	}
}