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

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

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

var image_slide = new Array();

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

// the onload event handler that starts the fading.
function StartSlideShow() {
	play = setInterval('Play()',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 Stop () {
	clearInterval(play);
}

function GoNext() {
	clearInterval(play);

	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);

	var imageShow, imageHide;

	imageShow = i-1;
	imageHide = i;

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