﻿window.addEvent('domready', function() {
var szNormal = 125, szSmall  = 105, szFull   = 185;
 
var kwicks = $$("#kwick .kwick");
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);
    });
});
 
$("kwick").addEvent("mouseleave", function(event) {
    var o = {};
    kwicks.each(function(kwick, i) {
        o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
    });
    fx.start(o);
});
});