window.addEvent('domready', function() {
		var szNormal = 82, szSmall  = 82, szFull   = 130;
		var kwicks = $$("#nav a.inactive");
		var home = $$("#nav a.home");

		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);
			});
	});
	
	$("nav").addEvent("mouseleave", function(event) {
		var o = {};
		kwicks.each(function(kwick, i) {
			o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
		});
		fx.start(o);
	})
	
	/*
	kwicks.each(function(kwick, i) {
		kwick.addEvent("mouseleave", function(event) {
			var o = {};
			o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
		})
	})
	
	kwicks.each(function(kwick, i) {
		kwick.addEvent("click", function(event) {
			return this.removeClass("inactive").addClass("active");
		})
	})
	*/

	
});