startList = function() 
{
	if (document.all && document.getElementById) 
	{
		var menus = ["menu", "featured_items"];
		for (m=0; m<menus.length; m++)
		{
			navRoot = document.getElementById(menus[m]);
			if (navRoot != null)
			{
				for (i=0; i<navRoot.childNodes.length; i++) 
				{
					node = navRoot.childNodes[i];
					if (node.nodeName=="LI") 
					{
						node.onmouseover=function() 
						{
							this.className+=" over";
						}
				  		node.onmouseout=function() 
						{
				  			this.className=this.className.replace(" over", "");
				   		}
				   	}
				/* // this is only required if the a tags in lists beneath don't have widths. which they do.
					for(j=0;j<node.childNodes.length;j++)
					{
						childList = node.childNodes[j];
						if (childList.nodeName == "UL")
						{
							for(cn=0;cn<childList.childNodes.length;cn++)
							{
								itemNode = childList.childNodes[cn];
								if (itemNode.nodeName == "LI")
								{
									itemNode.onmouseover=function() 
									{
										this.className+=" over";
									}
							  		itemNode.onmouseout=function() 
									{
							  			this.className=this.className.replace(" over", "");
							   		}
								}
							}
						}
					}
					*/
				}
	 		}
		}
	}
}
window.onload=startList;