var LIs;
	var selectedLI;
	var navUL;
	var navWrap;
	Event.observe(window, 'load', function() {
		navUL = $($('header').getElementsByTagName('ul')[0]);
		navWrap = $('nav');
		parseNav();	
	
	});
	function parseNav() {
		LIs = navUL.getElementsByTagName('li');
		for (i=0;i<LIs.length;i++) {
			LIs[i].nid = i+1;
			if ($(LIs[i]).hasClassName('selected')) {
				navUL.setStyle({
					backgroundPosition: 0 + " " + 0 + "px"
				});
				navWrap.setStyle({
					backgroundPosition: 0 + " " + -i*23+"px"
				});
				selectedLI = LIs[i];
			} else {
				LIs[i].observe('mouseover', rollOn);
				LIs[i].observe('mouseout', rollOff);
			};
		}
		navUL.setStyle({
			display: 'block'
	    });
					  
	}
	function rollOn(event) {
		element = Event.findElement(event, 'li');
		navUL.setStyle({
			backgroundPosition: 0 + " " + -element.nid*23 +"px"
		});
	}
	function rollOff(event) {
		navUL.setStyle({
			backgroundPosition: 0 + " " + 0 +"px"
		});		
	}