var iPrevTab = 0;

function Toggle(obj, iCurrentTab)
{
	if (iPrevTab != 0)
	{
		var lastElement = document.getElementById("menu" + iPrevTab);
		if (lastElement)
			lastElement.style.display = "none";
	}

	if (iCurrentTab == iPrevTab)
	{
		iPrevTab = 0;
	}
	else
	{
		var currentElement = document.getElementById("menu" + iCurrentTab);
		if (currentElement)
		{
			var temp = currentElement.style;
			currentElement.style.top = document.getElementById("menuBar").offsetHeight + "px";
			currentElement.style.left = obj.offsetLeft + "px";
			currentElement.style.width = obj.clientWidth + "px";
			currentElement.style.display = "inline";

			iPrevTab = iCurrentTab;
		}
		else
		{
			iPrevTab = 0;
		}
	}
}

function Hide()
{
	if (iPrevTab != 0)
		document.getElementById("menu" + iPrevTab).style.display = "none";
	iPrevTab = 0;
}

function Check(event)
{
	if (iPrevTab == 0)
		return;
		
	var lastElement = document.getElementById("menu" + iPrevTab);
	if (!lastElement)
		return;
	
	var left, right, bottom, spacing;

	spacing = document.getElementById("menuBar").offsetHeight;
	left = parseInt(lastElement.style.left);
	right = left + lastElement.offsetWidth;
	bottom = spacing + lastElement.offsetHeight;

	if (event.clientY > bottom || event.clientX < left || event.clientX > right)
		Hide();
}

document.onmousedown = Check;