<!-- 

	function changeSubMenuVisibility(show) {
			elem = document.getElementById("newSubMenuTable");
			if (!elem) return;
			//alert("still goin");
	    if (show == 1) {
			elem.style.visibility = "visible";
			return;
		}
		elem.style.visibility = "hidden";
	}



	function changeButtonImage(buttonName, newImage, outOrOver) {
	
		elem = document.getElementById(buttonName);
		elem.src = newImage;
		if ((outOrOver == 'over') && (buttonName == 'productsButton')) changeSubMenuVisibility(1);
		else changeSubMenuVisibility(0);
	}
	
	
	function setupMenu() {
//		alert("setting up");
		var contents = "";
		contents = contents + '<tr><td class="subbutton" > <table align="center" class="subbutton" ><tr><td>Rock</td><td> &lt;&gt; </td><td> Gravel </td><td> &lt;&gt; </td><td>  Sand </td></tr></table> </td></tr>';
		contents = contents + '<tr><td class="subbutton" > <table align="center" class="subbutton" ><tr><td>Bark</td><td> &lt;&gt; </td><td> Compost </td><td> &lt;&gt; </td><td>  Topsoil </td></tr></table> </td></tr>';
		contents = contents + '<tr><td class="subbutton" > <table align="center" class="subbutton" ><tr><td>Brick</td><td> &lt;&gt; </td><td> Block </td> </tr></table> </td></tr>';
		contents = contents + '<tr><td class="subbutton" > <table align="center" class="subbutton" ><tr><td>Feed</td><td> &lt;&gt; </td><td> Hay </td> </tr></table> </td></tr>';
		elem = document.getElementById("subMenuSpace");
		var extraNote='<table class="hint" cellpadding="0"><tr><td align="right">* Click on a column title to sort the table by the values of that column.</td></tr></table>';
	//	elem.innerHTML='<table border="1" cellspacing="0" valign="top">' + contents + "</table>" + extraNote;
		elem.innerHTML='<table border="2" cellspacing="0" width="190" class="subMenu" id="newSubMenuTable" valign="top">' + contents + '</table>';
	}

	
	function changeButtonColor(id, textColor, bgColor, showSubMenu) { 

		var strB="";
		strB += id;
		var thing = document.getElementById(id);
		thing.style.color=textColor;
		thing.style.backgroundColor = bgColor;
		//if ((id == "productsButton") && !(showSubMenu)) //alert("out of Product button");
		changeSubMenuVisibility(showSubMenu);
/*		var strS="";
		strS += id;
		var thing2 = document.getElementById(id);
		thing2.style.color=textColor;
		thing2.style.backgroundColor = bgColor;
		changeSubMenuVisibility(id, show);*/
	} 

	function changeSubColor(id, textColor, bgColor, showSubMenu) {
		changeButtonColor("productsButton", "white", '#000099', showSubMenu);
		changeButtonColor(id, textColor, bgColor, showSubMenu);
//		alert("chaging sub color");
		changeButtonImage("productsButton", "buttons/products_blue.gif", 'over');
	}
	
	function hideSubMenuOnExit() {
//		alert("hiding on exit");
		changeButtonColor("productsButton", "white", "#CC0000", 0);	
		changeButtonImage("productsButton", "buttons/products_red.gif", 'out');
		changeSubMenuVisibility(0);

	}
	--> 