function showMenu(i) {
    var mo = document.getElementById("menu"+i);
    mo.style.visibility='visible';
}

function areaOver() {
    var mo = document.getElementById("menu"+this.menuNo);
    mo.style.visibility='visible';
}

function areaOut() {
    var mo = document.getElementById("menu"+this.menuNo);
    window.setTimeout("hideMenuB("+this.menuNo+")",menuHideDt);
}

function hideMenuA(i) {
    var mo = document.getElementById("menu"+i);
    window.setTimeout("hideMenuB("+i+")",menuHideDt);
}

function hideMenuB(i) {
	var mo = document.getElementById("menu"+i);
	if (!isInside[i]) {
	    mo.style.visibility='hidden';
	}
}

function exitMenu() {
    isInside[this.menuNo] = 0;
    window.setTimeout("hideMenuB("+this.menuNo+")",menuHideDt);
}


function enterMenu() {
    isInside[this.menuNo] = 1;
}

function darkenBg() {
    this.style.backgroundColor = "#888888";
}

function lightenBg() {
    this.style.backgroundColor = "transparent";
}

function doItemClick() {
    window.location = this.childNodes[0].href;
}

function initMenu(i) {
    isInside[i] = 0;
    var mo = document.getElementById("menu"+i);
    var ao = document.getElementById("area"+i);
    ao.onmouseover = areaOver;
    ao.onmouseout = areaOut;
    ao.menuNo = i;
    mo.style.visibility = 'hidden';
    mo.onmouseover = enterMenu;
    mo.onmouseout = exitMenu;
    mo.menuNo = i;
    for(var j=0; j<mo.childNodes.length; j++) {
        var cn = mo.childNodes[j];
        if (cn.nodeType == 1) {
            cn.onmouseover = darkenBg;
            cn.onmouseout = lightenBg;
            cn.onclick = doItemClick;
        }
    }
}

isInside = [];
menuHideDt = 100;