function showMenu(menuID) {
    //Only hide and show if menu rollover is different from current
    if (document.getElementById(menuID).style.display != "block")
    {
        hideOtherMenus();
        document.getElementById(menuID).style.display = "block";
        resetFade();
        fadeIn(menuID);
    }
}

function hideOtherMenus(){
    var els = document.getElementById('submenus').getElementsByTagName('DIV');
    for(var i=0; i<els.length;i++)
    {
        if(els[i].className=='sub-menu')
        {
            els[i].style.display = "none";
        }
    }
}


var fade = 0;
function resetFade() {
    fade = 0;
}
function fadeIn(menuID) {
var timeo, obj = document.getElementById(menuID);
fade=fade+5;
setOpacity(obj, fade);
timeo = setTimeout('fadeIn("' + menuID + '");',20);

if (fade>=100)
    clearTimeout(timeo);
}

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}