function markMenuItem(elem)
{
	if(elem)
		elem.style.backgroundColor = '#ebebeb';
}
function unmarkMenuItem(elem)
{
	if(elem)
		elem.style.backgroundColor = '';
}
function getDimensions(obj)
{
	w = 0; h = 0;
	if(obj.style.pixelHeight)
	{
		h = obj.style.pixelHeight;
		w = obj.style.pixelWidth;
	}
	else
	{
		h = obj.offsetHeight;
		w = obj.offsetWidth;
	}
	return {w: w, h: h};
}
function getPosition(obj)
{
	var x = 0, y = 0;
	while(obj)
	{
		x += obj.offsetLeft;
		y += obj.offsetTop;
		obj = obj.offsetParent;
	}
	return {x: x, y:y};
};

var submenu = null;
function isSubmenuActive()
{
	return (submenu && submenu.style.display != 'none');
}
function hideMenu()
{
	if(submenu)
		submenu.style.display = 'none';
}
function clickMenu(menuItem)
{
	if(isSubmenuActive())
	{
		hideMenu();
		return ;
	}
	if(!submenu)
		submenu = document.getElementById('submenu');

	if(submenu && menuItem && menuItem.id && (menuItem.id.substr(0,1)=='h' || menuItem.id.substr(0,1)=='m'))
	{
		menuContent = document.getElementById('d'+menuItem.id.substr(1,1));
		if(menuContent)
		{
			pos = getPosition(menuItem);
			dim = getDimensions(menuItem);

			submenu.innerHTML = menuContent.innerHTML;
			submenu.style.display = '';
			submenu.style.left = pos['x'];
			submenu.style.top = pos['y']+dim['h'];
		}
	}
}