/*
 * Adds pretty rollover effects to the menu.
 *
 * We use JavaScript because IE's current support for the :hover pseudoelement
 * is less than stellar.
 *
 */
 
Event.observe(
	window,
	'load',
	function() {
		$A( $( 'menu' ).childNodes ).each(
			function( oElem, iIdx ) {
				if ( oElem.tagName && oElem.tagName.match( /li/i ) ) {
					oElem.onmouseover = function() {
						oElem.style.backgroundColor = 'yellow';
					};
					oElem.onmouseout = function() {
						oElem.style.backgroundColor = '';
					};
				}
			}
		);
	},
	false
);