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

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

// close old layer
mclose();
// get new layer and show it
ddmenuitem = document.getElementById(id);
//ddmenuitem.parentNode.firstChild.style.backgroundColor= 'yellow';
ddmenuitem.parentNode.style.background = 'url("/aura/themes/gaia/images/Tab_left_hi.png") no-repeat left top';
ddmenuitem.parentNode.firstChild.style.background = 'url("/aura/themes/gaia/images/Tab_right_hi.png") no-repeat right top';
ddmenuitem.parentNode.firstChild.style.color="black";
ddmenuitem.style.visibility = 'visible';
ddmenuitem.style.display = 'block';

}
// close showed layer
function mclose()
{
if(ddmenuitem)  {
  ddmenuitem.style.visibility = 'hidden';
  if (ddmenuitem.parentNode.id == "navBarTabCurrent") {
    ddmenuitem.parentNode.style.background = 'url("/aura/themes/gaia/images/Tab_left_current.png") no-repeat left top';
    ddmenuitem.parentNode.firstChild.style.background = 'url("/aura/themes/gaia/images/Tab_right_current.png") no-repeat right top';
  }
  else {
    ddmenuitem.parentNode.style.background = 'url("/aura/themes/gaia/images/Tab_left_lo.png") no-repeat left top';
    ddmenuitem.parentNode.firstChild.style.background = 'url("/aura/themes/gaia/images/Tab_right_lo.png") no-repeat right top';
    ddmenuitem.parentNode.firstChild.style.color="white";
  }
}
}

// 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;