if (is.nav4) 
	document.write("<style type='text/css'>.menuLabel {font-family:verdana,arial,sans-serif; font-size:12px; margin-right:4px; padding:2px;}</style>");
else 
	document.write("<style type='text/css'>.menuLabel {position:relative; visibility:visible; font-family:verdana,arial,sans-serif; font-size:12px; font-weight:bold; color:#ffffff; background:#6699CC; width:75px; margin:0px; padding:2px;}</style>");

var menuCount=1, menuArray, activeMenu=1, menuOpen=false, activeColor='orange', inactiveColor='orange';

function windowOnload()
{
  if (is.nav4) return;
  menuArray = new Array();
  window.cbe.addEventListener("resize", resizeListener);
  document.cbe.addEventListener("mousemove", menuHide);
  setTimeout("init()", 250);
}

function resizeListener(e) {
  init();
}

function init() {
  var i, menuLabel;
  for (i = 1; i <= menuCount; ++i) {
    menuLabel = cbeGetElementById('menuLabel'+i).cbe;
    menuArray[i] = cbeGetElementById('menu'+i).cbe;
    menuArray[i].moveTo(menuLabel.pageX(), menuLabel.pageY() + menuLabel.height());
    menuArray[i].menuLabel = menuLabel;
    menuArray[i].zIndex(2);
  }
}

function menuShow(e,mn)
{
  if (is.nav4) return;
  if (mn == activeMenu && menuOpen) return;
  menuArray[activeMenu].hide()
  for (i = 1; i <= menuCount; ++i) {
    menuArray[i].menuLabel.background(inactiveColor);
  }
  menuArray[mn].show();
  menuArray[mn].menuLabel.background(activeColor);
  activeMenu = mn;
  menuOpen = true;
}

function menuHide(e)
{
  if (!menuOpen) return;
  var x = e.pageX;
  var y = e.pageY;
  if (!menuArray[activeMenu].contains(x,y,-2,0,0,0) && !menuArray[activeMenu].menuLabel.contains(x,y,0,20,0,0)) {
    menuArray[activeMenu].hide();
    menuArray[activeMenu].menuLabel.background(inactiveColor);
    menuOpen = false;
  }
}
