// store an array of images to highlight
var loaded = false;

// global variable to store the current highlight
var cur = 0;

// global variable to store the timer
var t;

// All images are loaded so set to true.
loaded  = true;

// set timeout for image rotation
function setTime ()
{
    //t = window.setTimeout('rotateImg()', 3000);
}

// switch the highlight image after and set the timeout for
// the next switch
//
function rotateImg ()
{
    if (loaded && document.images)
    {
        switchImg(cur);

        // Increment the current highlight;
        cur++;
        if (cur > imgs.length - 1) { cur = 0 };

        // set timeout
        setTime();
    }
}

// On Hover, change the image
function switchImg (step)
{
    if (loaded && document.images)
    {
        // Stop the timer
        window.clearTimeout(t);

        // set cur to the current step and update image.
        cur = step;
        document.images["cycle"].src = imgs[step].src;

        // hide all overlays
        hideOverlays();
        // show step overlay
        showOverlay(step);
    }
}

// Create overlays for the Cycle stage text
//
var overlays = new Array();

function init ()
{
    // Intro overlay
    var overlay_bas = new YAHOO.widget.Overlay("overlay_bas", {
        context:["cycle-img","tl","tr", ["beforeShow", "windowResize"]],
                                                       visible:false,
                                                       width:"410px",
                                                       height:"290px"}
        );
    overlay_bas.render();
    overlays.push(overlay_bas);
    
    // Development overlay
    var overlay_dev = new YAHOO.widget.Overlay("overlay_dev", {
        context:["cycle-img","tl","tr", ["beforeShow", "windowResize"]],
                                                       visible:false,
                                                       width:"410px",
                                                       height:"290px"}
        );
    overlay_dev.render();
    overlays.push(overlay_dev);
    
    // Verification overlay
    var overlay_ver = new YAHOO.widget.Overlay("overlay_ver", {
        context:["cycle-img","tl","tr", ["beforeShow", "windowResize"]],
                                                       visible:false,
                                                       width:"410px",
                                                       height:"290px"}
        );
    overlay_ver.render();
    overlays.push(overlay_ver);
    
    // Production overlay
    var overlay_pro = new YAHOO.widget.Overlay("overlay_pro", {
        context:["cycle-img","tl","tr", ["beforeShow", "windowResize"]],
                                                       visible:false,
                                                       width:"410px",
                                                       height:"290px"}
        );
    overlay_pro.render();
    overlays.push(overlay_pro);

    // Sales/Support overlay
    var overlay_sup = new YAHOO.widget.Overlay("overlay_sup", {
        context:["cycle-img","tl","tr", ["beforeShow", "windowResize"]],
                                                       visible:false,
                                                       width:"410px",
                                                       height:"290px"}
        );
    overlay_sup.render();
    overlays.push(overlay_sup);

    switchImg(0);
}

// Hide all the overlays
function hideOverlays ()
{
    var i = 0;
    while (i < overlays.length)
    {
        overlays[i].hide();
        i++;
    }
}

// Show overlay
function showOverlay (step)
{
    if ((step >=0) && (step < overlays.length))
    {
        overlays[step].bringToTop();
        overlays[step].show();
    }
}

YAHOO.util.Event.addListener(window, "load", init);