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

//var szNormal = 117, szSmall  = 100, szFull   = 219;
szNormal = new Array(6), szSmall  =new Array(6), szFull   = new Array(6);
szNormal[0] = 54; szSmall[0]  = 46; szFull[0]   = 90;
szNormal[1] = 94; szSmall[1]  = 86; szFull[1]   = 130;
szNormal[2] = 82; szSmall[2]  = 76; szFull[2]   = 120;
szNormal[3] = 70; szSmall[3]  = 64; szFull[3]   = 108;
szNormal[4] = 122; szSmall[4]  = 116; szFull[4]   = 160;
szNormal[5] = 86; szSmall[5]  = 76; szFull[5]   = 120;


var kwicks = $$("#kwicks .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[i]]}
		kwicks.each(function(other, j) {
			if(i != j) {
				var w = other.getStyle("width").toInt();
				if(w != szSmall[i]) o[j] = {width: [w, szSmall[j]]};
			}
		});
		fx.start(o);
	});
});

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



})