var menuitem;
var submenu;

function MenuDiv(aDiv) {
	this.Div = aDiv;
	this.Height = aDiv.offsetHeight;
	this.Width  = aDiv.offsetWidth;
}
	
function tryMouseOut(event) {
	if (!event) event=window.event;

	var x=event.clientX;
	var y=event.clientY;

	var insideMenuImage = ((y > menuitem.Top+1) && (y < (menuitem.Top+menuitem.Height)) && (x > menuitem.Left+1) && (x < (menuitem.Left+menuitem.Width)));
	var insideMenuDiv   = ((y > submenu.Top+1) && (y < (submenu.Top+submenu.Height)) && (x > submenu.Left+1) && (x < (submenu.Left+submenu.Width)));
		
	if ((!insideMenuImage) && (!insideMenuDiv)) {
		menuitem.Img.src = 'images/menu/aanbod_n.gif';
		submenu.Div.style.visibility = 'hidden';
	}
}
	
function tryMouseOver() {
	menuitem.Img.src = 'images/menu/aanbod_o.gif';
	submenu.Div.style.visibility = 'visible';
}

function initializeMainMenu() {
	menuitem = new MenuDiv(document.getElementById('menu_item'));
	menuitem.Left   = 0;
  menuitem.Top    = 0; //document.getElementById('menu_itemsabove').offsetHeight;
	menuitem.Img    = document.getElementById('menu_img')
		
	submenu = new MenuDiv(document.getElementById('menu_submenu'));
	submenu.Left   = menuitem.Left + menuitem.Width/2 - submenu.Width/2 + 12;
	submenu.Top    = menuitem.Top + (menuitem.Height/2) + 10;
	submenu.Div.style.top  = submenu.Top + 'px';
	submenu.Div.style.left = submenu.Left + 'px';
}

//------------------------------------------------------------

function initMenu(menuId) {
  hideMenu(menuId);
}

function showMenu(menuId) {
  submenu = document.getElementById(menuId);
  submenu.style.visibility = 'visible';
}

function hideMenu(menuId) {
  submenu = document.getElementById(menuId);
  submenu.style.visibility = 'hidden';
}