var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
//var lastID = '';

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

    // close old layer
//    if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
    if (ddmenuitem) ddmenuitem.style.display = 'none';
    
//    if (lastID.length > 0) 
//    {
//        var oldMenuItem = document.getElementById(lastID + '_std');
//        oldMenuItem.style.visibility = 'visible';
//    }


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

//    var stdMenuItem = document.getElementById(id + '_std');
//    stdMenuItem.style.visibility = 'hidden';

//    lastID = id;
}

// close showed layer
function mclose() {

//   if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
    if (ddmenuitem) ddmenuitem.style.display = 'none';


//    if (lastID.length > 0) 
//    {
//        var oldMenuItem = document.getElementById(lastID + '_std');
//        oldMenuItem.style.visibility = 'visible';
//    }

}

// go close timer
function mclosetime() 
{

//    alert('mclosetime()');

    closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{

//    alert('mcancelclosetime()');
    
    if (closetimer) {
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}

//function hideMenuDiv(id) {
//    //safe function to hide an element with a specified id
//    if (document.getElementById) { // DOM3 = IE5, NS6
//        document.getElementById(id).style.display = 'none';
//    }
//    else {
//        if (document.layers) { // Netscape 4
//            document.id.display = 'none';
//        }
//        else { // IE 4
//            document.all.id.style.display = 'none';
//        }
//    }
//}

//function showMenuDiv(id) {
//    //safe function to show an element with a specified id

//    if (document.getElementById) { // DOM3 = IE5, NS6
//        document.getElementById(id).style.display = 'block';
//    }
//    else {
//        if (document.layers) { // Netscape 4
//            document.id.display = 'block';
//        }
//        else { // IE 4
//            document.all.id.style.display = 'block';
//        }
//    }
//}

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