startList = function() 
{ 
	if (document.all && document.getElementById) 
	{ 
		navRoot = document.getElementById("navMenu"); 
		
		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", ""); 
				} 
				
				// cerco le UL all'interno di questo LI 
				for (j=0;j<node.childNodes.length; j++) 
				{
					ulnode = node.childNodes[j]; 
					//alert('qui '+ulnode.nodeName);
					
					if (ulnode.nodeName=="UL")
					{
						for (j=0;j<ulnode.childNodes.length; j++)
						{
							childnode = ulnode.childNodes[j]; 
							
							if ( childnode.nodeName=="LI")
							{
								
								childnode.onmouseover=function() 
								{ 
									this.className+=" over"; 
								} 
								childnode.onmouseout = function() 
								{ 
									this.className = this.className.replace(" over", ""); 
								} 
							}
							
							
						}
						
						
					}
				}
			} 
		} 
	} 
} 
window.onload=startList; 


/*
	esempio di HTML
			
			<div id="navMenuContainer">
				<ul id="navMenu"> 
					<li>Opzione 1
						<ul> 
							<li>Opzione non linkata</li> 
							<li><a href="#">Shadow bass</a></li> 
							<li><a href="#">Ozark bass</a></li> 
							<li><a href="#">White crappie</a></li> 
							<li>&nbsp;</li> 
							<li><strong>Strumenti</strong></li> 
							<li><a href="#">strumento 1</a></li> 
							<li><a href="#">strumento 2</a></li> 
							<li><a href="#">strumento 3</a></li> 
						</ul> 
					</li> 
					<li>Opzione 2
						<ul> 
							<li>Blackbanded sunfish</li> 
							<li><a href="#">Shadow bass</a></li> 
							<li><a href="#">Ozark bass</a></li> 
							<li><a href="#">White crappie</a></li> 
						</ul> 
					</li> 
					<li><a href="#">No submenu</a>
					</li> 
				
				</ul>
			</div>
				
*/