Event.observe(window, 'load', function() {
	// Due to way nav was coded we have to set 'left' position of subnavs manually
	$$("#topnav ul").each( function(ele, index) {
		if( index == 0 )
		{
			ele.setStyle({left: '67px'});	// Set the left position lf "meet the pioneers" nav
		}
		else if( index == 1 )
		{
			ele.setStyle({left: '234px'});	// Set the left position lf "maps" nav
		}
	});
	
	// Add class add/remove binds to the nav items on hover (this is modernized Prototype version of
	// code that was originally on site and was throwing JS errors in IE)
	$$("#topnav li").each( function(ele) {
		ele.observe('mouseover', addHoverClass);
		ele.observe('mouseout', removeHoverClass);
	});
});

function addHoverClass(evt) {
	var element = Event.element(evt);
	if( element.match('a') )
	{
		element = element.up();	
	}
	element.addClassName('over');
}

function removeHoverClass(evt) {
	var element = Event.element(evt);
	if( element.match('a') )
	{
		element = element.up();	
	}
	element.removeClassName('over');
}