var bLoop       = false;
var startAfter  = 3000;
var imgInterval = 5000;
var arrImgFade  = new Array();
var initZIndex  = 0;

addEvent(window, "load", imgfadeInit);

function imgfadeInit()
{
    arrImgFade = document.getElementById("divImageFade").getElementsByTagName("img");

    imgfadeStart();

    return true;
}

function imgfadeStart()
{
    var timeout = startAfter;

    for (var i = 1; i < arrImgFade.length; ++i)
    {
        if (arrImgFade[i].src)
        {
            window.setTimeout("imgfadeFadeIn(" + eval(i) + ", 0, true)", timeout);
            timeout += imgInterval;
        }
    }

    return true;
}

function imgfadeSetOpacity(objImg, opacity)
{
    opacity                   = (opacity == 100) ? (99.99) : (opacity);
    objImg.style.filter       = "alpha(opacity:" + opacity + ")"; // IE/Win
    objImg.style.KHTMLOpacity = opacity / 100;                    // Safari < 1.2, Konqueror
    objImg.style.MozOpacity   = opacity / 100;                    // Older Mozilla and Firefox
    objImg.style.opacity      = opacity / 100;                    // Safari 1.2, newer Firefox and Mozilla, CSS3

    return true;
}

function imgfadeFadeIn(i, opacity, init)
{
    if (init == true)
    {
// alert(i);
//        imgfadeShuffleZIndex(i);
        if (arrImgFade[i].style.visibility != "visible") { arrImgFade[i].style.visibility = "visible";  }
    }

    if (document.getElementById)
    {
        if (opacity <= 100)
        {
            imgfadeSetOpacity(arrImgFade[i], opacity);
            opacity += 5;
            window.setTimeout("imgfadeFadeIn(" + eval(i) + ", " + opacity + ", false)", 50);
        }
        else if ((bLoop == true) && (i == (arrImgFade.length - 1)))
        {
// alert("hello");
//            window.setTimeout("imgfadeStart()", (imgInterval * arrImgFade.length));
//            window.setTimeout("imgfadeHide(" + eval(i) + ")", (imgInterval + 1000));
        }
    }

    return true;
}


// Makes [ i ] the topmost image

function imgfadeShuffleZIndex(i)
{
    arrImgFade[i].style.zIndex = zIndexTop;

    for (var j = (i + 1); j < arrImgFade.length; ++j)
    {
        arrImgFade[j].style.zIndex = zIndexTop - (j - i);
    }

    for (var j = 0; j < i; ++j)
    {
        arrImgFade[j].style.zIndex = 1000 + (i - j);
    }

    var zIndexTop = arrImgFade.length + 1000;
}

function imgfadeHide(i)
{
            arrImgFade[i].style.zIndex = 1000 - arrImgFade.length;
    return true;
}