var activeMenu = false;
var timeCounter = false;

function showDropDown(ddMenuID, navImgID) {
    if (document.getElementById) {
        obj = document.getElementById(ddMenuID);
        if (activeMenu) {
            hideDropDown();
        }
        if (!obj) {
            return;
        }


        activeMenu = ddMenuID;
        obj.style.visibility = 'visible';
    }
}

function enterDropDown() {
    clearTimeout(timeCounter); // Need to stop timeout on menu. /JRG
}

function leaveDropDown() {
    if (timeCounter) {
        clearTimeout(timeCounter);
    }
    timeCounter = setTimeout("hideDropDown()", 500);
}

function leaveButton() {
    if (activeMenu) {
        if (timeCounter) {
            clearTimeout(timeCounter);
        }
        timeCounter = setTimeout("hideDropDown()", 500);
    }
}

function hideDropDown() {
    if (document.getElementById) {
        if (activeMenu) {
            document.getElementById(activeMenu).style.visibility = 'hidden';
            activeMenu = false;
        }
        if (timeCounter) {
            clearTimeout(timeCounter); // Need to stop timeout on menu. /JRG
        }
    }
}

var popUpWin = '';
function makePopUpWin() {
    if (popUpWin && !popUpWin.closed) {
        popUpWin.close();
    }
    popUpWin = eval("window.open('signup_popup.php','displayWin','scrollbars=no,height=330,width=280,resizable=yes')");
    if (!popUpWin.opener) popUpWin.opener = self;
}

var popUpWinEvent = '';
function makePopUpWinEvent() {
    if (popUpWinEvent && !popUpWinEvent.closed) {
        popUpWinEvent.close();
    }
    popUpWinEvent = eval("window.open('highlight_popup.php','displayWin','scrollbars=yes,height=360,width=310,resizable=yes')");
    if (!popUpWinEvent.opener) popUpWinEvent.opener = self;
}

// image swapping functions 

function MM_swapImgRestore() { //v3.0
    var i, x, a = document.MM_sr; for (i = 0; a && i < a.length && (x = a[i]) && x.oSrc; i++) x.src = x.oSrc;
}

function MM_preloadImages() { //v3.0
    var d = document; if (d.images) {
        if (!d.MM_p) d.MM_p = new Array();
        var i, j = d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i < a.length; i++)
            if (a[i].indexOf("#") != 0) { d.MM_p[j] = new Image; d.MM_p[j++].src = a[i]; } 
    }
}

function MM_findObj(n, d) { //v4.01
    var p, i, x; if (!d) d = document; if ((p = n.indexOf("?")) > 0 && parent.frames.length) {
        d = parent.frames[n.substring(p + 1)].document; n = n.substring(0, p);
    }
    if (!(x = d[n]) && d.all) x = d.all[n]; for (i = 0; !x && i < d.forms.length; i++) x = d.forms[i][n];
    for (i = 0; !x && d.layers && i < d.layers.length; i++) x = MM_findObj(n, d.layers[i].document);
    if (!x && d.getElementById) x = d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
    var i, j = 0, x, a = MM_swapImage.arguments; document.MM_sr = new Array; for (i = 0; i < (a.length - 2); i += 3)
        if ((x = MM_findObj(a[i])) != null) { document.MM_sr[j++] = x; if (!x.oSrc) x.oSrc = x.src; x.src = a[i + 2]; }
}

// shows the layer with id= 

var selected_step = 0;

function ra_showLayer(id) {
    var on_div_name, off_div_name, on_quote_name, off_quote_name, i, div_tag, div_quote_tag;

    on_div_name = "ra_content" + id;
    on_quote_name = "ra_quote" + id;
    // remember highlight for this image...
    selected_step = id;

    for (i = 0; i < 5; i++) {
        off_div_name = "ra_content" + i;
        off_quote_name = "ra_quote" + i;

        div_tag = document.getElementById(off_div_name);
        div_quote_tag = document.getElementById(off_quote_name);
        //alert (off_quote_name);
        if (off_div_name == on_div_name) {
            // set to visible
            div_tag.style.visibility = 'visible';
            // only mess with the quote if i>1 since there are only quotes 1-4
            // if (i>0){
            //div_quote_tag.style.visibility = 'visible';
            //}
        }
        else {
            // set to invisible
            div_tag.style.visibility = 'hidden';
            //if (i>0){
            //div_quote_tag.style.visibility = 'hidden';
            //}
        }
        // now sort out the image hightlights
        if (i > 0 && i != selected_step) {
            // unhighlight!
            unhighlight_step(i);
        }
    }
}

// highlight a step image

function highlight_step(id) {
    var img, new_src;
    new_src = "./images/picStep" + id + "_hi.gif";
    //alert(new_src);
    img = document.getElementById("step_img_" + id);
    img.src = "./images/picStep" + id + "_hi.gif";
}

function unhighlight_step(id) {
    var img;
    // only un highlight if they are not looking at this step...
    if (selected_step != id) {
        img = document.getElementById("step_img_" + id);
        img.src = "./images/picStep" + id + ".gif";
    }
}
// highlight a step imgae

function highlight_step_sm(id) {
    var img, new_src;
    new_src = "./images/picStep" + id + "_sm_hi.gif";
    //alert(new_src);
    img = document.getElementById("step_img_" + id + "_sm");
    //img.src = "./images/ra/step_sm"+id+"sm_hi.png";
    img.src = new_src;
}

function unhighlight_step_sm(id) {
    var img;
    // only un highlight if they are not looking at this step...
    if (selected_step != id) {
        img = document.getElementById("step_img_" + id + "_sm");
        img.src = "./images/picStep" + id + "_sm.gif";
    }
}



// un-highlughts a step image