﻿// Archivo JScript
window.addEvent('domready', function(){
			var szNormal=117, szSmall=46, szFull=445;
			
			var cajas = $$("#cajas .caja");
//			var myTips = new Tips($$('.btnAyuda'), {
//			    maxTitleChars: 50,
//			    offsets: {x: -145, y: -255}
//			    });
//			var Tips1 = new Tips($$('.btnAyuda'));
			
			
			
			var fx = new Fx.Elements(cajas, {wait: false, duration: 500, transition: Fx.Transitions.Back.easeOut});
			cajas.each(function(caja, i) {
				caja.addEvent("mouseenter", function(event) {
					var o = {};
					o[i] = {width: [caja.getStyle("width").toInt(), szFull]}
					cajas.each(function(other, j) {
						if(i != j) {
							var w = other.getStyle("width").toInt();
							if(w != szSmall) o[j] = {width: [w, szSmall]};
						}
					});
					fx.start(o);
				});
			});
			
			$("cajas").addEvent("mouseleave", function(event) {
				var o = {};
				cajas.each(function(caja, i) {
					o[i] = {width: [caja.getStyle("width").toInt(), szNormal]}
				});
				fx.start(o);
			})
			
		});