var timer;
var visible;
var prevVisible;
var opacity;
var fader;

function Fade()
{
    opacity += 10;
    
    HideFeatures();

    var previous = document.getElementById("FancyNavFeature" + (prevVisible + 1));
    var previousfade = document.getElementById("FancyNavFadingGroup" + (prevVisible + 1));
    var previousnofade = document.getElementById("FancyNavNonFadingGroup" + (prevVisible + 1));

    var current = document.getElementById("FancyNavFeature" + (visible + 1));
    var currentfade = document.getElementById("FancyNavFadingGroup" + (visible + 1));
    var currentnofade = document.getElementById("FancyNavNonFadingGroup" + (visible + 1));

    previousfade.style.display="";
    previousnofade.style.display="none";

    current.style.display="";
    currentfade.style.display="";
    currentnofade.style.display="";
        
    if (navigator.appName.indexOf("Microsoft")!=-1)
        previousfade.filters.alpha.opacity=100 - opacity;
    else
        previousfade.style.opacity=(1 - (opacity / 100.0));

    
    if (navigator.appName.indexOf("Microsoft")!=-1)
        currentfade.filters.alpha.opacity=opacity;
    else
        currentfade.style.opacity=(opacity / 100.0);

    if (opacity >= 100)
    {
        previous.style.display="none";
        previousfade.style.display="";
        previousnofade.style.display="";
    }
    else
    {
        previous.style.display="";

        fader = setTimeout("Fade()", 50)
    }
}

function ShowFeature(i)
{
    if (visible != i)
    {
        clearTimeout(fader);
        prevVisible = visible;
        visible = i;
        opacity = 0;

        Fade();
    }
    else
    {
        window.location = document.getElementById("FancyNavAnchor" + (i + 1)).href;
    }
}

function ShowFeature1()
{
    ShowFeature(0);

    StopTimer();
}
 
function ShowFeature2()
{			
    ShowFeature(1);

    StopTimer();
}		

function ShowFeature3()
{			
    ShowFeature(2);

    StopTimer();
}

function ShowFeature4()
{			
    ShowFeature(3);

    StopTimer();
}
 
function HideFeatures()
{
    document.getElementById("FancyNavFeature1").style.display="none";
    document.getElementById("FancyNavFeature2").style.display="none";
    document.getElementById("FancyNavFeature3").style.display="none";
    document.getElementById("FancyNavFeature4").style.display="none";
}

function StopTimer()
{
    timer = clearTimeout(timer);
    // Restart the timer after 60 seconds of inactivity
    timer = setTimeout("cycleTimeout();", 60000);
}

function RestartTimer()
{
    timer = setTimeout("cycleTimeout();", 5000);
}

function cycleTimeout()
{        
    ShowFeature((visible + 1) % 4);

    timer = setTimeout("cycleTimeout();", 7500);
}

prevVisible = 0;
visible = 0;
timer = setTimeout("cycleTimeout();", 10000);