function kwick(indice){
	var szNormal=100, szSmall=100, szFull=391;
	var kwicks = $$("#kwicks .kwick");
	var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});

	kwicks.each(function(kwick, i) {
		if(i == indice) {
			kwick.addClass('over');
			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("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);
			if(i == 3) {
				if($('kwicks').hasClass('on')) {
				} 
				else {
					$('kwicks').addClass('on');
				}
			} else {
				if($('kwicks').hasClass('on')) {
					if(indice != 3){
						$('kwicks').removeClass('on');
					}
				}
			}
		});
	});
	 
	$("kwicks").addEvent("mouseleave", function(event) {
		var o = {};
		kwicks.each(function(kwick, i) {
			if(i != indice) { o[i] = {width: [kwick.getStyle("width").toInt(), szSmall]} }
			else { o[i] = {width: [kwick.getStyle("width").toInt(), szFull]} }
		});
		fx.start(o);
		
		if(indice != 3 && $('kwicks').hasClass('on')) {
			$('kwicks').removeClass('on');
		}
	});

	if(indice ==3){
		$('kwicks').addClass('on');
	}
};
