var Navigation = new Class({
	navigationElement:null,
	navigationImageElement:null,
	initialize:function(a) {
		this.navigationElement = a;
		if (!a.hasClass("active")) {
			this.navigationImageElement = a.getElement("img");
			a.addEvent("mouseenter",this.hoverOn.bind(this));
			a.addEvent("mouseleave",this.hoverOff.bind(this));
		}
	},
	hoverOn:function() {
		this.navigationElement.addClass("over");
		PNGSrc.replace(this.navigationImageElement, "-off", "-over");
	},
	hoverOff:function() {
		this.navigationElement.removeClass("over");
		PNGSrc.replace(this.navigationImageElement, "-over", "-off");
	}
});

// IE6 PNG fix image replacement
var PNGSrc = {
	replace:function(element, a, b) {
		if (element.src.indexOf("blank.gif") >= 0) {
			element.style.filter = element.style.filter.replace(a, b);
		} else {
			element.src = element.src.replace(a, b);
		}
	}
};

function initNavigation() {
	var navItems = $$("#navigation ul li");
	navItems.shift();
	for (var i = 0; i < navItems.length; i++) {
		new Navigation(navItems[i]);
	}
}

function initQRS() {
	if (navigator.appName.indexOf("Internet Explorer") >= 0) {
		var version = navigator.appVersion.split("MSIE ")[1].split(".")[0];
		$$('body')[0].addClass("ie" + version);	
	}
}

window.addEvent("domready", initNavigation);
window.addEvent("domready", initQRS);