var fadeLevel = 100;
var fadeDir = -15;
var fadeItem = 4;
var newFadeItem = 1;
var descFadeTimer;
var autoFadeTimer;
var autoFade = true;

function areaStartup()
{
    beginFade();

    var element = document.getElementById("locdesc_" + fadeItem);
    if (element) {
        element.style.visibility = "visible";
        setOpacity(element, fadeLevel);
        autoFadeTimer = setInterval("doAutoFade()", 10000);

        label = document.getElementById("loclab_" + fadeItem);
        if (label)
            label.style.color = "#0000FF";

        img = document.getElementById("locimg_" + fadeItem);
        if (img)
            img.src = img.src.replace(".gif", "-sel.gif");
    }
}

function doAutoFade()
{
    autoFade = true;
    if (autoFadeTimer) {
        clearInterval(autoFadeTimer);
        autoFadeTimer = setInterval("doAutoFade()", 10000);
    }

    newFadeItem = (fadeItem + 1) % 10;
    fadeDir = -15;

    if (!descFadeTimer)
        descFadeTimer = setInterval("descriptionFade()", 50);

}

function locOver(index)
{
    label = document.getElementById("loclab_" + index);
    img = document.getElementById("locimg_" + index);
    if (label)
        label.style.textDecoration = "underline";
}


function locOut(index)
{
    label = document.getElementById("loclab_" + index);
    img = document.getElementById("locimg_" + index);
    if (label)
        label.style.textDecoration = "";

}

function locClick(index)
{
    if (autoFadeTimer) {
        clearInterval(autoFadeTimer);
        autoFadeTimer = setInterval("doAutoFade()", 30000);
    }

    label = document.getElementById("loclab_" + index);
    img = document.getElementById("locimg_" + index);


    if (fadeItem != index)
    {
        newFadeItem = index;
        fadeDir = -20;

        if (!descFadeTimer)
            descFadeTimer = setInterval("descriptionFade()", 50);
    }
}






function descriptionFade()
{
    if (fadeDir != 0)
    {
        var element = document.getElementById("locdesc_" + fadeItem);
        fadeLevel += fadeDir;

        if (fadeLevel > 100) {
            fadeLevel = 100;
            fadeDir = 0;
            if (descFadeTimer)
            {
                clearInterval(descFadeTimer);
                descFadeTimer = null;
            }
        }
        else
        {
            if (fadeLevel < 0) {
                fadeLevel = 0;
                fadeDir *= -1;

                if (element)
                    element.style.visibility = "hidden";

                label = document.getElementById("loclab_" + fadeItem);
                if (label) {
                    label.style.color = "";
                }
                img = document.getElementById("locimg_" + fadeItem);
                if (img)
                    img.src = img.src.replace("-sel.gif", ".gif");

                fadeItem = newFadeItem;

                element = document.getElementById("locdesc_" + fadeItem);
                if (element)
                    element.style.visibility = "visible";

                label = document.getElementById("loclab_" + fadeItem);
                if (label) {
                    label.style.color = "#0000FF";
                }
                img = document.getElementById("locimg_" + fadeItem);
                if (img)
                    img.src = img.src.replace(".gif", "-sel.gif");
            }

            // Non opacity supporting browsers should still just rotate the items...
            setOpacity(element, fadeLevel);
        }

    }
}

function setOpacity(el, f)
{
    if (el) {
        if (browserdetect=="mozilla")
            el.style.MozOpacity=f/100;
        else if (browserdetect=="ie") {
            el.filters.alpha.opacity=f;
        }
    }
}