window.addEvent('domready', function() {
    var szNormal = 216, szSmall = 184, szFull = 276;

    var kwicks = $$("#kwicks .kwick");
    var fx = new Fx.Elements(kwicks, {wait: false, duration: 150, transition: Fx.Transitions.quadOut});
    kwicks.each(function(kwick, i) {
    	kwick.addEvent("mouseenter", function(event) {
    		var o = {};
    		o[i] = {width: [kwick.getStyle("width").toInt(), szFull], opacity:1}
    		kwicks.each(function(other, j) {
    			if(i != j) {
    				var w = other.getStyle("width").toInt();
    				if(w != szSmall) o[j] = {width: [w, szSmall], opacity: .5};
    			}
    		});
    		fx.start(o);
    	});
    });

    $("kwicks").addEvent("mouseleave", function(event) {
    	var o = {};
    	kwicks.each(function(kwick, i) {
    		o[i] = {width: [kwick.getStyle("width").toInt(), szNormal], opacity: 1}
    	});
    	fx.start(o);
    })
});