var currentBG;

window.onload = initTopNavDropdown;

function initTopNavDropdown(){
    var getMenuContainer = document.getElementById('topnav');
    var getMenuItem = getMenuContainer.getElementsByTagName('li');
    
    for(i=0; i<getMenuItem.length; i++){
        var getSubMenuItem = getMenuItem[i].getElementsByTagName('ul');
        for(x=0; x<getSubMenuItem.length; x++){
            getMenuItem[i].onmouseover = function (){rollOver(this,true)}
            getMenuItem[i].onmouseout = function (){rollOver(this,false)} 
        }
    }
}

function rollOver(alt,out){
    for(y=0; y<alt.childNodes.length; y++){
        if(alt.childNodes[y].nodeName == "UL"){
            if(out){
                currentBG = alt.style.backgroundImage;
                //alt.style.backgroundColor = "#ffffff";
                //alt.style.backgroundImage = "none";
                alt.childNodes[y].style.display = "block";
            }else{
                //alt.style.backgroundColor = "#f5eb9d";
                //alt.style.backgroundImage = currentBG;
                alt.childNodes[y].style.display = "none";
            }
        }
    }
}