var vtnLT = new Array (3);
var pantalla;
var reflejo;
var enFxVtn = true;

window.onDomReady (function () {
	
	pantalla = $('pantalla');
	pantalla.setOpacity (0.4);
	
	reflejo = $('reflejo');
	reflejo.setOpacity (0.01);
	reflejo.Fx = new Fx.Styles(reflejo, {duration: 2000, wait:false});
	

	// Ventanas
	vtns = $$('#ventanas div');
	vtns.each (function (vtn, iV) {
		// Definimos Efectos
		vtn.Fx = new Fx.Styles(vtn, {duration: 1000, wait:false, transition: Fx.Transitions.Cubic.easeInOut});
		
		// Configuramos vector de posiciones
		vtnLT[iV] = {left: 50 + 250* iV, top: 410}

		// Configuramos opacidad y posicion
		vtn.setStyles ({
			opacity: 0.01,
			left: 50 + 250* iV,
			top: 410
		});
		
		vtn.addEvents ({
			'mouseenter': function () {
				if (enFxVtn) vtn.Fx.start ({opacity: 0.7});

			},
			'mouseleave': function () {
				if (enFxVtn) vtn.Fx.start ({opacity: 0.3});
			},
			'mousedown': function (e) {
				enFxVtn= false;
				vtns.each (function (vtn2, iV2){
					vtns.setStyle ('z-index', 20)
					vtn2.Fx.start ({left: 50});
				});
				
				this.setStyles ({
					'z-index': 30,
					opacity: 1
				})
			}
		})
	});

});

window.onload = function () {
	reflejo.Fx.start({
		opacity: 0.2
	}).chain (function () {
		vtns.each (function (vtn, iV){
			(function () {(vtn.Fx).start ({
				opacity: 0.5
			}).chain (function () {
				vtn.Fx.options.duration = 400;
			})}).delay (200 + iV*400);
		});

		
	});
}