window.addEvent('domready', function(){
	var szNormal = 60, szSmall = 60, szMinFull = 80; margenPx= 15; matszFull = []; matszFullItemActivo = [];

	var kwicks = $$("#kwicks .kwick");
	var kwicksOn = $$("#kwicks .kwickon");
	var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
	var fx2 = new Fx.Elements(kwicksOn, {wait: false, duration: 0, transition: Fx.Transitions.Back.easeOut});

	//Calcula los tamaņos maximos iniciales de cada item del menu
	for(var i=0;i<kwicksOn.length;i++){
		matszFullItemActivo[i] = (kwicksOn[i].getStyle("height").toInt()>=szMinFull)?kwicksOn[i].getStyle("height").toInt()+margenPx:szMinFull;
	}

	for(var i=0;i<kwicks.length;i++){
		matszFull[i] = (kwicks[i].getStyle("height").toInt()>=szMinFull)?kwicks[i].getStyle("height").toInt()+margenPx:szMinFull;
	}

			//alert(matszFullItemActivo);
			//alert(matszFull);

	//Coloca en la posicion inicial
	var o = {};
	kwicks.each(function(kwick, i) {
		o[i] = {height: [szNormal, szNormal]}
	});
	fx.start(o);

	//Coloca el item resaltado en su posicion
	var a = {};
	kwicksOn.each(function(kwickon, i) {
		a[i] = {height: [kwickon.getStyle("height").toInt(), matszFullItemActivo[i]]}
	});
	fx2.start(a);

	setTimeout(function(){
		kwicks.each(function(kwick, i) {
			kwick.setStyle("visibility","visible");
		});
	},10);

	setTimeout(function(){
		kwicksOn.each(function(kwickon, i) {
			kwickon.setStyle("visibility","visible");
		});
	},10);

	//Eventos
	kwicks.each(function(kwick, i) {
		kwick.addEvent("mouseenter", function(event) {
			var o = {};
			o[i] = {height: [kwick.getStyle("height").toInt(), matszFull[i]]}
			kwicks.each(function(other, j) {
				if(i != j) {
					var h = other.getStyle("height").toInt();
					if(h != szSmall) o[j] = {height: [h, szSmall]};
				}
			});
			fx.start(o);
		});
	});

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