var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose; 


var open = false;
var openli = null;

function pop_up2(i) {    
    var obj = document.getElementById("nav").childNodes;
    var counter = 0;
}

function pop_up(i) {
    if (open == true) { return; }
    var obj = document.getElementById("nav").children;
    var li_count = 0;
    for (var c=0; c < obj.length; ++c) {
        if (obj[c].childElementCount >= 1) {
            if (i == c+1) {
                open = true;
                openli = c;
                obj[c].children[1].className = "show";
                obj[c].setAttribute("onmouseout", "off(" + i +")");
            }
        }
    }
}


function off(i) { 
    var obj = document.getElementById("nav").children[openli].children;
    obj[1].className = "hidden";
    // del attribute
    open = false;
}