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';
if (id != "menu1") {
document.getElementById('menugfx1').src = document.getElementById('TopMenuPreload1').src; 
}
if (id != "menu2") {
document.getElementById('menugfx2').src = document.getElementById('TopMenuPreload2').src; 
}
if (id != "menu3") {
document.getElementById('menugfx3').src = document.getElementById('TopMenuPreload3').src; 
}
if (id != "menu4") {
document.getElementById('menugfx4').src = document.getElementById('TopMenuPreload4').src; 
}
if (id != "menu5") {
document.getElementById('menugfx5').src = document.getElementById('TopMenuPreload5').src; 
}
if (id != "menu6") {
document.getElementById('menugfx6').src = document.getElementById('TopMenuPreload6').src; 
}
}
// 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';
document.getElementById('menugfx1').src = document.getElementById('TopMenuPreload1').src;
document.getElementById('menugfx2').src = document.getElementById('TopMenuPreload2').src;
document.getElementById('menugfx3').src = document.getElementById('TopMenuPreload3').src;
document.getElementById('menugfx4').src = document.getElementById('TopMenuPreload4').src;
document.getElementById('menugfx5').src = document.getElementById('TopMenuPreload5').src;
document.getElementById('menugfx6').src = document.getElementById('TopMenuPreload6').src;
}
}
// 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;