window.addEvent('domready', function(){
	var szNormal1 = 192, szNormal2 = 39, szSmall  = 39, szFull   = 192;
	
	var kwicks = $$("#kwicks .kwick");
	var fx = new Fx.Elements(kwicks, {wait: false, duration: 1000, transition: Fx.Transitions.Quint.easeOut});

	var o = {};
	kwicks.each(function(kwick, i) {
		if(i <= 3) {
			o[i] = {height: [kwick.getStyle("height").toInt(), szNormal1]}
		} else {
			o[i] = {height: [kwick.getStyle("height").toInt(), szNormal2]}
		}
	});
	fx.start(o);
		
	kwicks.each(function(kwick, i) {
		kwick.addEvent("mouseenter", function(event) {
			var o = {};
			o[i] = {height: [kwick.getStyle("height").toInt(), szFull]}
			kwicks.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("height").toInt();
					if(w != szSmall) o[j] = {height: [w, szSmall]};
				}
			});
			fx.start(o);
		});
	});
	
	$("kwicks").addEvent("mouseleave", function(event) {
		var o = {};
		kwicks.each(function(kwick, i) {
			if(i <= 3) {
				o[i] = {height: [kwick.getStyle("height").toInt(), szNormal1]}
			} else {
				o[i] = {height: [kwick.getStyle("height").toInt(), szNormal2]}
			}
		});
		fx.start(o);
	})
	
});