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

	var kwicks = $$("#kwicks .kwick");
	var fx = new Fx.Elements(kwicks, {wait: false, duration:400, transition: Fx.Transitions.Back.easeOut});
	kwicks.each(function(kwick, i) {
		//var fx = new Fx.Styles(kwick, {duration:500, wait:false, transition: Fx.Transitions.Back.easeOut});
		kwick.addEvent("onClick", function(event) {
			kwick.parent.location="test";
		});
		kwick.addEvent("mouseenter", function(event) {
		
			var o = {};
			o[i] = {width: [kwick.getStyle("width").toInt(), '138px']}
			kwicks.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("width").toInt();
					if(w != '45px') o[j] = {width: [w, '45px']};
				}
			});
			fx.start(o);
		});
		
	});
	 
	$("kwicks").addEvent("mouseleave", function(event) {
		var o = {};
		kwicks.each(function(kwick, i) {
			var w = kwick.getStyle("width").toInt();
			if(w != '45px')
			o[i] = {width: [w, '45px']}
		});
		fx.start(o);
	})

});