// JScript File

	// Locates "left" co-ordinate of a page element.
	function findPosX(obj)
	{
		var curleft = 0;
    
		if(obj.offsetParent)
		{
			while(1) 
			{        
				curleft += obj.offsetLeft;
          
				if(!obj.offsetParent)
				{
					break;
				}
          
				obj = obj.offsetParent;
			}
		}
		else if(obj.x)
		{
			curleft += obj.x;
		}
    
		return curleft;
	}


	// Locates "top" co-ordinate of a page element.
	function findPosY(obj)
	{
		var curtop = 0;
    
		if(obj.offsetParent)
		{
			while(1)
			{
				curtop += obj.offsetTop;
          
				if(!obj.offsetParent)
				{
					break;
				}
          
				obj = obj.offsetParent;
			}
		}
		else if(obj.y)
		{
			curtop += obj.y;
		}
    
		return curtop;
	}


	// Shows dynamic menu (below clicked div).
	function showMenu(menuId, divId)
	{
		// MENU IMG
		var oDiv = document.getElementById(divId);
        
		// Find top left location of img.
		var imgPosX = findPosX(oDiv); 
		var imgPosY = findPosY(oDiv); 
		var imgHeight = oDiv.height;
        
        
		// MENU
		var oMenu = document.getElementById(menuId);
        
		// Set top left position of menu div.
		oMenu.style.position = 'absolute';
		oMenu.style.visibility = 'visible';
		oMenu.style.display = 'block';
		oMenu.style.left = imgPosX;
		oMenu.style.top = imgPosY + imgHeight; 

		// TODO: Figure out how to fire mouseout when cursor off div!
		//oMenu.onmouseout = hideMenu(menuId);
		//var tmr = setTimeout("hideMenu('" + menuId + "')", 5000);   
	}

	// Hides dynamic menu (below clicked image).
	function hideMenu(menuId)
	{
		var oMenu = document.getElementById(menuId);
		oMenu.style.visibility = 'hidden';
	}

	// Changes colour when mouse over
	function changeColourOn(id)
	{
		var oMenuItem = document.getElementById(id);
		oMenuItem.style.color='#D62026';
	}

	// Changes colour when mouse over
	function changeColourOff(id)
	{
		var oMenuItem = document.getElementById(id);
		oMenuItem.style.color='#6599ff';
	}