// Main Nav - Submenu Hide/Show 

/*global variables for nav behaviour */
var idTimer = null;
var elCurrTab = null;

varMenu = document.getElementById('MainNavTabs');

function prepareNavTabs() {
    if (varMenu) {
        var tabs = varMenu.getElementsByTagName('li');
        for(i=0;i<tabs.length;i++) {
            if (tabs[i].getElementsByTagName('ul').length > 0) {
                //if tab currently selected - store element in variable for timed replace
                if (/selected/.test(tabs[i].className)) elCurrTab = tabs[i];
                tabs[i].onmouseover = switchThisNavTab; // Have to use this method and not addEvent() otherwise IE passes the window object as 'this'
            }
        }
        varMenu.onmouseout = setTabResetTimer; 
    }
}

function switchSelectedNavTab(pNavEl) {
    deselectNavTabs();
    if (pNavEl) pNavEl.className += ' selected';
}

function switchThisNavTab() {
    deselectNavTabs();
    this.className += ' selected';
}

function deselectNavTabs() {
    clearTabResetTimer();
    var tabs = varMenu.getElementsByTagName('li');
    for(i=0;i<tabs.length;i++) {
        if (tabs[i].getElementsByTagName('ul').length > 0) {
            tabs[i].className = tabs[i].className.replace(/\s?selected/, '');
        }
    }
}

function setTabResetTimer() {
    idTimer = window.setTimeout("switchSelectedNavTab(elCurrTab)",1000); 
}

function clearTabResetTimer() {
    if (idTimer != 0) window.clearTimeout(idTimer);
}

AddEventListener(window, 'load', prepareNavTabs, false);