window.addEvent("domready", function() {

	var pageurl = location.href;
	var szNormal = 90, szSmall  = 83, szFull   = 132;
	 
	var kwicks = $$("#MenuContainer ul li");
	var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
	kwicks.each(function(kwick, i) {
		kwick.addEvent("mouseenter", function(event) {
			var o = {};
			o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
			kwicks.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("width").toInt();
					if(w != szSmall) o[j] = {width: [w, szSmall]};
				}
			});
			fx.start(o);
		});
		
		var innerSectionName = kwick.getFirst().getFirst().innerHTML;
		innerSectionName = innerSectionName.replace(/ /,'-').toLowerCase();
		
		if (pageurl.toLowerCase().contains(innerSectionName)) {
			kwick.setProperty('class', 'Current');
		}
		
		if (kwick.className=='Current') {
			var o = {};
			o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
			kwicks.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("width").toInt();
					if(w != szSmall) o[j] = {width: [w, szSmall]};
				}
			});
			fx.start(o);
		} else {
			// Add click goto link
			kwick.addEvent("click", function(event) {
				window.location=kwick.getFirst().getFirst().href;
			});
		}
	});
	 
	$("MenuContainer").addEvent("mouseleave", function(event) {
		var o = {};
		kwicks.each(function(kwick, i) {
			if (kwick.className=='Current') {
				o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
			} else {
				o[i] = {width: [kwick.getStyle("width").toInt(), szSmall]}
			}
		});
		fx.start(o);
	})

});