var i = 1;
var fadeTime = 1000;
var waitTime = 7000;

$(document).ready(function() {
    loadImages();
    if (ssLink != "")
        $("#SlideshowLnk").attr("href", ssLink);
    slideTransition(0)
    if (ssImgs.length > 1)
        setInterval('slide()', waitTime);
});

function loadImages() {
    for (num in ssImgs) {
        $("#SlideshowCache").append("<img src='" + ssImgs[num] + "' />");
    }
}

function slide() {
    slideTransition(i);
    if (i >= ssImgs.length - 1)
        i = 0;
    else i++;
}

// Fades out the current image and fades in the new
function slideTransition(newImageIndex) {
    $("#SlideshowImg").queue(function() {
        $(this).fadeOut(fadeTime);
        $(this).dequeue();
    });
    $("#SlideshowImg").queue(function() {
        $(this).attr("src", ssImgs[newImageIndex]);
        $(this).dequeue();
    });
    $("#SlideshowImg").queue(function() {
        $(this).fadeIn(fadeTime);
        $(this).dequeue();
    });
}