// Copyright 2006-2007 javascript-array.com

var Timeout = 300;
var _closeTimer = 0;
var _activeMenuItem = 0;

// open hidden layer
function MenuOpen(id)
{
  MenuCancelCloseTimer();

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

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

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

// start close timer
function MenuStartCloseTimer()
{
  _closeTimer = window.setTimeout(MenuClose, Timeout);
}

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

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