var imageScrollIndex = 0;
var imageClientID;
var divCaptionsClientID;
var images = new Array();
var imageControls = new Array();
var imageCaptions = new Array();
var imageRotationTimeout = 7000;
var timer;


/***********************************************************
*    Start up
***********************************************************/
$(document).ready(function()
{
    timer = setInterval("nextImage()", imageRotationTimeout);
});


/***********************************************************
*    Images
***********************************************************/
function previousImage()
{
    if (imageScrollIndex <= 0)
        imageScrollIndex = images.length - 1;
    else
       imageScrollIndex--;

    if (images.length > 1)
        $("#slides").fadeOut(1000, showImage);
}

function goToImage(goToIndex)
{
    imageScrollIndex = goToIndex;
    
    if (images.length > 1)
        $("#slides").fadeOut(1000, showImage);
}

function nextImage()
{
    if (imageScrollIndex >= images.length - 1)
        imageScrollIndex = 0;
    else
       imageScrollIndex++;

    if (images.length > 1)
        $("#slides").fadeOut(1000, showImage);
}

function showImage()
{
    if (document.getElementById(imageClientID) == null)
        return;

    resetImageControls();
    selectImageControls(imageScrollIndex);
    
    if (imageCaptions.length > 0)
        document.getElementById(divCaptionsClientID).innerHTML = "<p>" + imageCaptions[imageScrollIndex] + "</p>";
        
    document.getElementById(imageClientID).src = images[imageScrollIndex];
    $("#slides").fadeIn(1000);
}

function preloadImages()
{
    var preloader;
    
    for (var i = 0; i < images.length; i++)
        preloader = new ImagePreloader([images[i]], preloadImage_oncomplete);
}

function preloadImage_oncomplete(a,b)
{ }

function resetImageRotateInterval()
{
    clearInterval(timer); 
    timer = setInterval("nextImage()", imageRotationTimeout); 
}

function resetImageControls()
{
    for (var i = 0; i < imageControls.length ; i++)
        document.getElementById(imageControls[i]).setAttribute("class", "");
}

function selectImageControls(lnkImageControlIndex)
{
    document.getElementById(imageControls[lnkImageControlIndex]).setAttribute("class", "active");
}