function handleMenuOn(e)
{
	var event = e ? e : window.event;
	var target = event.target ? event.target : event.srcElement;

	if (target.className.match(/rollover/))
		handleRolloverMouseover(e);

	while ((target.tagName != "UL") && (target.tagName != "IMG"))
		target = target.parentNode;

	var menuName = target.id.replace(/^menuIcon/, 'menuBox');
	addMenuRef(menuName);
}

function handleMenuOff(e)
{
	var event = e ? e : window.event;
	var target = event.target ? event.target : event.srcElement;

	if (target.className.match(/rollover/))
		handleRolloverMouseout(e);

	while ((target.tagName != "UL") && (target.tagName != "IMG"))
		target = target.parentNode;

	var menuName = target.id.replace(/^menuIcon/, 'menuBox');
	delMenuRef(menuName);
}

function handleMenuInit()
{
	for (var i = 1; i <= 7; i++)
	{
		var item = document.getElementById('menuIcon' + i);
		if (item)
		{
			var box = document.getElementById('menuBox' + i);
			if (box)
			{
				item.onmouseover = handleMenuOn;
				box.onmouseover = handleMenuOn;
				item.onmouseout = handleMenuOff;
				box.onmouseout = handleMenuOff;
			}
		}
	}
}

addEvent(window, "load", handleMenuInit);

var menuTable = new Array();

function menuCheckVisible(menu)
{
	var panel = document.getElementById('optionsHeader');
	var vis = 0;
	if (menuTable[menu])
	{
		vis = menuTable[menu];
	}

	var total = 0;

	for(var i = 1; i <= 7; i++)
	{
		if (menuTable['menuBox' + i])
			total += menuTable['menuBox' + i];
	}

	obj = document.getElementById(menu);

	if (!obj)
		return;

	if (vis)
	{
		obj.style.visibility = "visible";
	}
	else
	{
		obj.style.visibility = "hidden";
	}

	//panel.style.visibility = total > 0 ? "hidden" : "visible";
}
function addMenuRef(menu)
{
	if (menuTable[menu])
	{
		menuTable[menu]++;
	}
	else
	{
		menuTable[menu] = 1;
	}
	if (menuTable[menu] > 0)
		menuCheckVisible(menu);
}

function delMenuRef(menu)
{
	if (menuTable[menu])
	{
		menuTable[menu]--;
	}
	else
	{
		return;
	}
	setTimeout("menuCheckVisible('"+menu+"');", 50);
}