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


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


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

    $(".media").fadeOut(1000, showImage);
}

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

    document.getElementById(imageClientID).src = images[imageScrollIndex];
    $(".media").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)
{ }