
var aList = new Array();
var dList = new Array();

function menuOver() {
  dList[this.id.replace("menuItem", "")-1].style.display = "block";
}

function menuOut(e) {
  var theDiv = dList[this.id.replace("menuItem", "")-1];
  var mPos = getMousePos(e);
  var dPos = findPos(theDiv);
  var width = theDiv.offsetWidth;
  var height = theDiv.offsetHeight;

  if((mPos[0] >= dPos[0]) && (mPos[0] <= dPos[0]+width) && (mPos[1] >= dPos[1]) && (mPos[1] <= dPos[1]+height))
    return;

  theDiv.style.display = "none";
}

function subMenuOver(e) {
  aList[this.id.replace("subMenu", "")].style.backgroundPosition = "0 -35px";
}

function subMenuOut(e) {
  var mPos = getMousePos(e);
  var dPos = findPos(this);
  var width = this.offsetWidth;
  var height = this.offsetHeight;

  if((mPos[0] > dPos[0]) && (mPos[0] < dPos[0]+width) && (mPos[1] > dPos[1]) && (mPos[1] < dPos[1]+height))
    return;

  aList[this.id.replace("subMenu", "")].style.backgroundPosition = "0 0";
  this.style.display = "none";
}

function getMousePos(e) {
  var posx = 0;
	var posy = 0;
	if (!e) var e = window.event;
	if (e.pageX || e.pageY) {
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) {
		posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	}

  return [posx, posy];
}

function findPos(obj) {
	var curleft = curtop = 0;

	if (obj.offsetParent) {
		curleft = obj.offsetLeft;
		curtop = obj.offsetTop;
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		}
	}

	return [curleft, curtop];
}

window.onload = function() {
  if(document.getElementById && document.getElementsByTagName) {
    var reportsMenu = document.getElementById("reportsMenu");
    var reportsSubMenu = document.getElementById("reportsSubMenu");
    aList = reportsMenu.getElementsByTagName("a");
    dList = reportsSubMenu.getElementsByTagName("div");

    for(var i=1; i<aList.length; i++) {
      aList[i].onmouseover = menuOver;
      aList[i].onmouseout = menuOut;
      dList[i-1].onmouseover = subMenuOver;
      dList[i-1].onmouseout = subMenuOut;
    }
  }
};