var timer, i, ns4_menuFunction, justVisibleMenuId = 0, may_hideMenu = true;

var dom = document.getElementById ? true : false;
var ie4 = ((document.all) && (!dom)) ? true : false;
var ns4 = document.layers ? true : false;
var opera = navigator.userAgent.indexOf('Opera') != -1 ? true : false;
var dhtml = dom ? true : ie4 ? true : ns4 ? true : false;

if (dhtml) document.write ('<style type="text/css">#scriptSupport {display: none;} #menuHolder {position: relative; visibility: hidden; z-index: 1;} #hiddenMenu1, #hiddenMenu2, #hiddenMenu3 {position: absolute; visibility: hidden;} #visibleMenu1 {position: absolute; left: 0px; top: 0px;} #visibleMenu2 {position: absolute; left: 51px; top: 0px;} #visibleMenu3 {position: absolute; left: 135px; top: 0px;} #hiddenMenu1 {left: 0px; top: 21px;} #hiddenMenu2 {left: 51px; top: 21px;} #hiddenMenu3 {left: 135px; top: 21px;}</style>');

function setVisibility(element,newVisibility)
{
  if (dhtml)
  {
    if (dom) document.getElementById(element).style.visibility = newVisibility;
    else if (ie4) document.all[element].style.visibility = newVisibility;
    else if (ns4) eval('document.' + element + '.visibility = newVisibility');
  }
}

function menu()
{
  if (dhtml)
  {
    if (ns4)
    {
      for (i = 1; i <= 3; i++)
      {
        ns4_menuFunction = eval('ns4_moveMenu' + i);
        document.menuHolder.document.layers['visibleMenu' + i].document.captureEvents(Event.MOUSEDOWN);
        document.menuHolder.document.layers['visibleMenu' + i].document.onmousedown = ns4_menuFunction;
      }
      document.captureEvents(Event.MOUSEDOWN);
      document.onmousedown = hideMenu;
    }
    if (opera) for (i = 1; i <= 3; i++) document.getElementById('hiddenMenu' + i).style.top = 20;
    if (ie4) for (i = 1; i <= 3; i++) document.all['hiddenMenu' + i].style.top = 18;
    setVisibility('menuHolder','visible');
  }
}

function moveMenu(id)
{
  if (dhtml)
  {
    if (justVisibleMenuId == 0)
    {
      setVisibility((ns4 ? 'menuHolder.document.' : '') + 'hiddenMenu' + id,'visible');
      justVisibleMenuId = id;
    }
    else
    {
      setVisibility((ns4 ? 'menuHolder.document.' : '') + 'hiddenMenu' + justVisibleMenuId,'hidden');
      if (justVisibleMenuId != id)
      {
        setVisibility((ns4 ? 'menuHolder.document.' : '') + 'hiddenMenu' + id,'visible');
	 justVisibleMenuId = id;
      }
      else justVisibleMenuId = 0;
    }
    may_hideMenu = false;
    setTimeout('may_hideMenu = true',50);
  }
}

function hideMenu(e)
{
  if (dhtml)
  {
    if ((justVisibleMenuId != 0) && (may_hideMenu))
    {
      setVisibility((ns4 ? 'menuHolder.document.' : '') + 'hiddenMenu' + justVisibleMenuId,'hidden');
      justVisibleMenuId = 0;
    }
    if (ns4) routeEvent(e);
  }
}

function ns4_moveMenu1(){moveMenu(1);}
function ns4_moveMenu2(){moveMenu(2);}
function ns4_moveMenu3(){moveMenu(3);}