initMenu = function() { 
	
	// only needed for IE 6 and below
	// other browsers use pure CSS
	if (navigator.appName == 'Microsoft Internet Explorer')
	{
		var ua = navigator.userAgent;
		var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
		if (re.exec(ua) != null)
			version = parseInt( RegExp.$1 );
  	
		if ( version <= 6 ) 
		{ 
			navRoot = document.getElementById("sections").firstChild;
			for ( i=0; i<navRoot.childNodes.length; i++ ) 
			{
				var node = navRoot.childNodes[i]; 
				// count items in the nested list
				var numChildren = 0; 
				for ( j=0; j<node.childNodes.length; j++ ) 
					if( node.childNodes[j].nodeName == 'UL' ) 
						for ( k=0; k<node.childNodes[j].childNodes.length; k++ ) 
							numChildren++; 
				// only add rollover if more than one item in the list we will be revealing
				if ( numChildren>1 ) 
				{
					if ( node.nodeName=="LI" ) 
					{
						node.onmouseover=function() 
						{
							this.oldClassName = this.className;
							this.className += " over";
							//alert( this.className );
						}
						node.onmouseout=function() 
						{
							if( this.oldClassName != "" )
								this.className = this.oldClassName;
							else
								this.className =  "";
							//alert( this.className );
						}
					}
				}
			}
		}
	}
}
addLoadEvent( initMenu );
