var visibleMenu = null;

function HideMenu(item) 
{
	if (item != null)
	{
		item.style.visibility = 'hidden';
		item.style.display = 'none';
		visibleMenu = null;
		event.cancelBubble = true;
	}
}

function ShowMenu(id, p)
{
	var item = document.getElementById(id);

	if (visibleMenu != item)
		HideMenu(visibleMenu);

	item.style.visibility = 'visible';
	item.style.display = '';
	item.style.left = leftOffset(p) + 100;
	item.style.top = p.offsetTop + p.offsetParent.offsetTop;
	
	visibleMenu = item;
	event.cancelBubble = true;
}

function CancelMenu()
{
	event.cancelBubble = true;
}

function leftOffset(item)
{
	var offset = 0;
	var i = item;
	while (i != null)
	{
		offset = offset + i.offsetLeft;
		i = i.offsetParent;
	}
	return offset;
}


function topOffset(item)
{
	var offset = 0;
	var i = item;
	while (i != null)
	{
		offset = offset + i.offsetTop;
		i = i.offsetParent;
	}
	return offset;
}