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

// The array of div names which will hold the images.
//var image_slide = new Array('image-3', 'image-5', 'image-7', 'image-9', 'image-1');
//var image_slide2 = new Array('image-4', 'image-6', 'image-8', 'image-10', 'image-2');

var image_slide = new Array('image-1', 'image-6', 'image-3' ,'image-4', 'image-5', 'image-10', 'image-11', 'image-12');
var image_slide2 = new Array('image-2','image-7','image-8','image-9','image-13','image-14','image-15' ,'image-16');


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

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

// The Fade Function
function SwapImage(x,y)
{
	$(image_slide[x]).appear({ duration: 2 });
	$(image_slide[y]).fade({duration: 2});
}

function SwapImage1(x,y)
{
	$(image_slide2[x]).appear({ duration: 2 });
	$(image_slide2[y]).fade({duration: 2});
}

// the onload event handler that starts the fading.
function StartSlideShow()
{
	play = setInterval('Play()', wait);
	sleep(wait/2);
	play1 = setInterval('Play1()', wait);
}

function Play() {
	var imageShow, imageHide;

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

function Play1() {
	var imageShow, imageHide;

	imageShow = j+1;
	imageHide = j;
	
	if (imageShow == NumOfImages) {
		SwapImage1(0,imageHide);	
		j = 0;
	}
	else
	{
		SwapImage1(imageShow,imageHide);
		j++;
	}
}

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

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

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

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

	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 sleep(milliSeconds)
{
	var startTime = new Date().getTime();
	while (new Date().getTime() < startTime + milliSeconds);
}

window.onload = StartSlideShow;