var images = new Array();
var imageNames = new Array();
var loadProgress = 0;
var prevImages = 0;

var slideTime = 5;

function addImage(img)
{
    n = images.length;
    images[n] = new Image()
    imageNames[n]=img;
}

function initImages()
{
     for (f=0;f<images.length;f++)
        {
            images[f].onload = incProgression;
            images[f].src = imageNames[f];
        }
}

function incProgression()
{
    loadProgress+=100/images.length;
    width = (150*loadProgress)/100;
    $("#progressBar").css('width',width+"px");
    if (loadProgress==100)
    {
        for (f=0;f<images.length;f++)
            $("#picHolder").append("<img src='"+imageNames[f]+"' alt='Image' id='image"+f+"' class='home_logo'/>");
        $("#picHolder img").css("opacity","0");
        $("#picHolder img").css("display","inline");
        $('#loadingHolder').animate({"opacity":"0"},500, showImages);
    }
}

function showImages()
{
    $('#picHolder #image0').animate({"opacity":"1"},500);
    $('#picHolder #image0').css("z-index","10");
    setTimeout("slide()",slideTime*1000);
}

function getNext()
{
    if (prevImages<images.length-1)
        return prevImages+1;
    return 0;
}

function slide()
{
    $('#picHolder #image'+prevImages).css("z-index","0");
    $('#picHolder #image'+getNext()).css("z-index","10");
    $('#picHolder #image'+getNext()).animate({"opacity":"1"},500,hideLast);
}

function hideLast()
{
    $('#picHolder #image'+prevImages).css("opacity","0");
    prevImages = getNext();
    setTimeout("slide()",slideTime*1000);
}