function menuHighlight(sMenuItem) {

	var sNormal = "#abc3a7";

	var sHigh = "#80a778";

	var sDark = "#327b22";

	var iMenuID;

	var oCell;

	var bPopup = false;

			

	if(sMenuItem!=null) {

		iMenuID = getMenuID(sMenuItem);

		sMenuItem = "menu" + iMenuID;

		oCell = document.getElementById("menu" + iMenuID);

	}



	// set items not being hovered over to default colour...

	for(var x=1; x<=9; x++) {

		// Set table menu cell background to "normal"...

		oModCell = document.getElementById("menu" + x);

		if(oModCell!=null) {

			if(sMenuItem!=null) {

				oModCell.style.background = sHigh;

				// oModCell.className = "menuTitleHover";

			} else {

				oModCell.style.background = sNormal;

				// oModCell.className = "menuTitle";

			}

	

			// Hide any popup related to this cell...

			if(document.getElementById("popupMenu" + x)!=null) {

				document.getElementById("popupMenu" + x).style.visibility = "hidden";

			}

		}

	}

	

	// if we've been passed a table cell to highlight, highlight it

	// and set the cursor to "hand"...

	if(sMenuItem!=null) {

		var iMenuID = getMenuID(oCell.name);

		var oPopup;			

		

		oCell.style.background = sNormal;

		// oCell.className = "menuTitleHover";

		oCell.style.cursor = "hand";

		

		oPopup = document.getElementById("popupMenu" + iMenuID);

		if(oPopup != null) {

			var iTop=0;

			var iLeft=0;

	        while (oCell.tagName!="BODY")

			{

	           	iTop += oCell.offsetTop;

				iLeft += oCell.offsetLeft;

				oCell = oCell.offsetParent;

			}

			

			oPopup.style.pixelTop = iTop + 18;

			oPopup.style.pixelLeft = iLeft - 1;

			oPopup.style.visibility = "visible";

			bPopup = true;

		}

	}

	

	if(bPopup) {

		sVisibility = "hidden";

	} else {

		sVisibility = "visible";

	}

	

	for (j = 0; j < document.forms.length; j++) {

		var form = document.forms[j];

		for (i = 0; i < form.elements.length; i++) {

			var element = form.elements[i];

			if (element.type.indexOf("select") == 0) {

				element.style.visibility = sVisibility;

			}

		}

	}

	

	for (i = 0; i < document.frames.length; i++) {

		var element = document.frames[i];

		var oFrame = document.getElementById(element.name);

		if (oFrame.tagName.indexOf("IFRAME") == 0) {

			oFrame.style.visibility = sVisibility;

		}

	}

}



// Function gets the number off the end of the "menuX" name...

function getMenuID(sName) {

	var iPos = sName.length;

	var bFound = false;

	var iMenuID = "";

	

	while(iPos>1 && !bFound) {

		if(!isNaN(sName.substring(iPos-1, iPos))) {

			iMenuID = sName.substring(iPos-1, iPos) + iMenuID;

		} else {

			bFound = true;

		}

		iPos--;

	}

	return iMenuID;

}