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

// The array of div names which will hold the images.
var image_slide = new Array('img1', 'img2', 'img3', 'img4', 'img5');

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

// The time to wait before moving to the next image. Set to 4 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});
}

// the onload event handler that starts the fading.
function StartSlideShow() {
    var imageShow, imageHide;

    imageShow = i + 1;
    imageHide = i;

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

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++;
    }
}