var fixIEhover = Class.create({
	initialize: function(elms, hoverClass) {
		
		//All browsers but IE support :hover
		if(Prototype.Browser.IE !== true){
			return;
		//IE7 supports :hover, so we don't want to give it :hover and .hover bc ie freaks out
		//IE7 is the only version of IE to support XMLHttpRequest as a native object
		}else if(window.XMLHttpRequest){
			return;
		}
		
		this.hoverClass = hoverClass;
		this.elms = elms;

		this.elms.each(function(elm){
			elm.observe('mouseover', this.navOver.bindAsEventListener(this, elm));
			elm.observe('mouseout', this.navOff.bindAsEventListener(this, elm));
		}.bind(this));
	},

	navOver: function(e, elm){
		elm.addClassName(this.hoverClass);
	},

	navOff: function(e, elm){
		elm.removeClassName(this.hoverClass);
	}
});

Event.observe(window, 'load', fixIE);


function fixIE(){
	var tabs = $('nav').childElements();
	var navHover = new fixIEhover(tabs, 'over' );
}