var menuArray, activeMenu=1, menuOpen=false, activeColor='#A9C368', inactiveColor='#B1C972';
function windowOnload()
{
  var i, menuX=0, menuY=80, menuCount=4, menuLabel, menuContent;
  menuArray = new Array();
  for (i = 1; i <= menuCount; ++i) {
    menuLabel = document.getElementById('menuLabel'+i).cbe;
    menuLabel.moveTo(menuX, menuY);
    menuLabel.show();
    menuArray[i] = document.getElementById('menu'+i).cbe;
    menuArray[i].moveTo(menuX, menuY + menuLabel.height());
    menuArray[i].menuLabel = menuLabel;
    menuX += menuLabel.width();
  }
}

function menuShow(e,mn)
{
  menuArray[activeMenu].hide()
  menuArray[activeMenu].menuLabel.background(inactiveColor);
  menuArray[mn].show();
  menuArray[mn].menuLabel.background(activeColor);
  activeMenu = mn;
  if (!menuOpen) {
    document.addEventListener("mousemove",menuHide,true);
    menuOpen = true;
  }
}

function menuHide(e)
{
  cbeEvent.init(e);
  var x = cbeEvent.pageX;
  var y = cbeEvent.pageY;
  if (!menuArray[activeMenu].contains(x,y,-2,0,0,0) && !menuArray[activeMenu].menuLabel.contains(x,y)) {
    menuArray[activeMenu].hide();
    menuArray[activeMenu].menuLabel.background(inactiveColor);
    document.removeEventListener("mousemove",menuHide,true);
    menuOpen = false;
  }
}