/**
 * Let css hover work in IE6 without hard-to-understand tricks
 * 
 * Requires Prototype js framework 
 * @author Damiano Seno faberadv 
 */
 
function ie6hover( menu, hoverClass ) {
	if ( typeof( hoverClass ) == 'undefined' ) {
		hoverClass = 'hovered';
	}
	
	// let's use very useful ms events, mouseenter and mouseleave
	menu.select( 'li' ).each( function( li ) {
		li.observe( 'mouseenter', function( ev ) {
			var list = ev.element().tagName.toLowerCase() == 'li' ? ev.element() : ev.element().up( 'li' );
			list.addClassName( hoverClass );
		  }
		);
		
		li.observe( 'mouseleave', function( ev ) {
			var list = ev.element().tagName.toLowerCase() == 'li' ? ev.element() : ev.element().up( 'li' );
			list.removeClassName( hoverClass );
		  }
		);		
	  } 
	);
}