function showmenu(MenuID){

	var intParentX = 0;
	var intParentY = 0;
	var intParentWidth = 0;
	
	/* NOT APPLICABLE ANYMORE:	The div that the menu is in has been given an absolute position of top:60px in the css, So we need 
		to deduct this amount every time we position an item inside this div using AbsolutePosition('Y') */
	var intOffsetY = 0; 

	// Get the location and width of the parent elements
	 if (document.getElementById) {	//  IE 5+, NS6+, Mozilla
		objParent = document.getElementById("cell"+ MenuID);
	} else if(document.all){ 		//  IE 4
		objParent = document.all.item("cell"+ MenuID);
	} else if(document.layers){		// NS 4
		objParent = eval("document.cell"+ MenuID);
	}
	
	intParentWidth = objParent.offsetWidth;
	intParentX = AbsolutePosition("cell"+ MenuID, 'X') + intParentWidth;
	intParentY = AbsolutePosition("cell"+ MenuID, 'Y') - intOffsetY;
	
	/* 
		I don't know why, but we have to subtract 5px off the horizontal position if the
		Parent is one the top 2 buttons and 10px if its one of the others (probably something to do 
		with css). Also we subtract 1 pixel from all vertical positions that aren't one of the top 
		2 buttons.
	*/		
		
	if (MenuID <= 5){
		intParentX = intParentX - 4;
	} else {
		if (navigator.appName == "Microsoft Internet Explorer")
			intParentX = intParentX - 9;
		intParentY = intParentY - 1;
	}
	
	objParent = null;
	
	// Position the Menu
	if (document.getElementById) {	//  IE 5+, NS6+, Mozilla
	
		objDiv = document.getElementById("dropdiv"+ MenuID);
		//objDiv.style.pixelLeft = intParentX;
		//objDiv.style.pixelTop = intParentY;
		objDiv.style.left = intParentX + "px";
		objDiv.style.top = intParentY + "px";
		
	} else if(document.all){ 		//  IE 4
	
		objDiv = document.all.item("dropdiv"+ MenuID);
		objDiv.style.pixelLeft = intParentX;
		objDiv.style.pixelTop = intParentY;
		
	} else if(document.layers){		// NS 4
	
		objDiv = eval("document.dropdiv"+ MenuID);
		objDiv.left = intParentX;
		objDiv.top = intParentY;
	}
		
	// Show the Menu	
	if(document.layers){
		objDiv.visibility = "visible";
	} else {
		objDiv.style.visibility = "visible";
	}
	objDiv = null;	
}
	
function hidemenu(MenuID){

	if (document.getElementById) {	// IE 5+, NS6+, Mozilla
		objDiv = document.getElementById("dropdiv"+ MenuID);
	} else if(document.all){ 		// IE 4
		objDiv = document.all.item("dropdiv"+ MenuID);
	} else if(document.layers){		// NS 4
		objDiv = eval("document.dropdiv"+ MenuID);
	}
	
	if(document.layers){
		objDiv.visibility = "hidden";
	} else {
		objDiv.style.visibility = "hidden";
	}
	
	objDiv = null;	
}

function AbsolutePosition(strObjectName, strAxis){
	
	if (document.getElementById) {	//  IE 5+, NS6+, Mozilla
		objHTMLObject = document.getElementById(strObjectName);
	} else if(document.all) { 
		objHTMLObject = document.all.item(strObjectName);
	}
	
	if (strAxis.toUpperCase() == 'Y'){
	
		var intTempPos = objHTMLObject.offsetTop;
		var strTagName = objHTMLObject.tagName;
					
		while(strTagName != "BODY" && strTagName != "HTML"){
			
			objHTMLObject = objHTMLObject.offsetParent;
			intTempPos = intTempPos + objHTMLObject.offsetTop;
			strTagName = objHTMLObject.tagName;
		} 
	} else if (strAxis.toUpperCase() == 'X'){
	
		var intTempPos = objHTMLObject.offsetLeft;
		var strTagName = objHTMLObject.tagName;
					
		while(strTagName != "BODY" && strTagName != "HTML"){
			
			objHTMLObject = objHTMLObject.offsetParent;
			intTempPos = intTempPos + objHTMLObject.offsetLeft;
			strTagName = objHTMLObject.tagName;
		} 
	} else {
		var intTempPos = 0;
	}
	
	return intTempPos;
}