function findPosX(obj)
	{
		var curleft = 0;
		if (obj.offsetParent)
		{
			while (obj.offsetParent)
			{
				curleft += obj.offsetLeft
				obj = obj.offsetParent;
			}
		}
		else if (obj.x)
			curleft += obj.x;
		return curleft;
	}

	function findPosY(obj)
	{
		var curtop = 0;
		if (obj.offsetParent)
		{
			while (obj.offsetParent)
			{
				curtop += obj.offsetTop
				obj = obj.offsetParent;
			}
		}
		else if (obj.y)
			curtop += obj.y;
		return curtop;
	}	
	
	function showPaneControl(PaneId)
	{
		document.getElementById('paneControlBar' + PaneId).style.zIndex = 15;
		document.getElementById('paneControlLayer' + PaneId).style.visibility = "visible";
		document.getElementById('paneButtonLayer' + PaneId).style.backgroundColor = "#EEE6DE";
	}
	function hidePaneControl(PaneId)
	{
		document.getElementById('paneControlBar' + PaneId).style.zIndex = 5;
		document.getElementById('paneControlLayer' + PaneId).style.visibility = "hidden";
		document.getElementById('paneButtonLayer' + PaneId).style.backgroundColor = "#DCCDBC";
	}	
	
	
	function showModuleControl(controlId, buttonId)
	{
		var posX = findPosX(document.getElementById(buttonId)) + 1;
		var posY = findPosY(document.getElementById(buttonId));
		var width = document.getElementById(controlId).offsetWidth;
		
		document.getElementById(controlId).style.visibility = "visible";
		document.getElementById(controlId).style.top = posY + "px";
		document.getElementById(controlId).style.left = (posX - width) + "px";
		
		document.getElementById(buttonId).style.backgroundImage = "url(/AtlasSystem/images/Icons/Arrow-over.gif)";
		document.getElementById(buttonId).style.backgroundColor = "#336699";
	}
	function hideModuleControl(controlId, buttonId)
	{
		document.getElementById(controlId).style.visibility = "hidden";
		document.getElementById(buttonId).style.backgroundImage = "url(/AtlasSystem/images/Icons/Arrow.gif)";
		document.getElementById(buttonId).style.backgroundColor = "#E0E8F0";
	}