var menuCount=6, menuAnchor, menuArray, activeMenu=1, menuOpen=false, activeColor='#ececec', inactiveColor='#00B5FF';
function windowOnload()
{
  menuAnchor = cbeGetElementById('menuAnchor').cbe;
  menuArray = new Array();
  window.cbe.addEventListener("resize", resizeListener);
  document.cbe.addEventListener("mousemove", menuHide);
  setTimeout("init()", 250);
}

function resizeListener(e) {
  init();
}

function init() {
  var i, menuX, menuY, menuLabel;
  menuX=menuAnchor.pageX();
  menuY=menuAnchor.pageY();
  for (i = 1; i <= menuCount; ++i) {
    menuLabel = cbeGetElementById('menuLabel'+i).cbe;
    menuLabel.zIndex(100);
    menuLabel.resizeTo(120,16);
    menuLabel.moveTo(menuX, menuY);
    menuLabel.show();
    menuArray[i] = cbeGetElementById('menu'+i).cbe;
    menuArray[i].moveTo(menuX, menuY + menuLabel.height());
    menuArray[i].menuLabel = menuLabel;
    menuArray[i].zIndex(200);
    menuX += menuLabel.width();
  }
}

function menuShow(e,mn)
{
  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;
  }
}