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

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

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

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

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

// the onload event handler that starts the fading.
function StartSlideShow(maxsize) {
    image_slide = new Array();
    NumOfImages = maxsize;
    
    for (var index = 0; index < maxsize; index++) {
        image_slide[index] = 'image-' + (index + 1)        
    }
    $(image_slide[0]).appear({ duration: 0 });
    play = setInterval('Play()', wait);
    //$('PlayButton').hide();
    //$('PauseButton').appear({ duration: 0});

}

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);
    //$('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)
    }
}