// JavaScript Webs Fashion Hotels
// Basado en Mootools, creado por Fabián Vargas

				


window.addEvent('domready', function() {
									 
		//var myHorizontalSlide = new Fx.Slide('cuerpo', {mode: 'horizontal'});
		//$('cuerpo').myHorizontalSlide.slideIn();	
		$('cuerpo').set('Fx.Slide', {mode: 'horizontal'});
				$('cuerpo').slideIn;
		
		$('grupo').addEvents({
		mouseenter: function(){
			// Este cambio abre la pestaña grupo
			this.morph('.w420');
			$('fijo').morph('.w35');
			$('vision').morph('.w180');
			$('life').morph('.w150');
			$('facts').morph('.w110');
			$('fijo2').morph('.w57');
			$('titulo1').morph('.w410');
			$('titulo1').tween('opacity', 0.6);
		},
		mouseleave: function(){
			// Devuelve la pestaña grupo al tamaño original
			this.morph('.group');
			$('fijo').morph('.estatico');
			$('vision').morph('.vision');
			$('life').morph('.life');
			$('facts').morph('.facts');
			$('fijo2').morph('.estatico2');
			$('titulo1').morph('.titulos');
			$('titulo1').tween('opacity', 0);
		}
	});

		$('vision').addEvents({
		mouseenter: function(){
			// Este cambio abre la pestaña grupo
			this.morph('.w420');
			$('fijo').morph('.w35');
			$('grupo').morph('.w180');
			$('life').morph('.w150');
			$('facts').morph('.w110');
			$('fijo2').morph('.w57');
			$('titulo2').morph('.w410');
			$('titulo2').tween('opacity', 0.6);
		},
		mouseleave: function(){
			// Devuelve la pestaña grupo al tamaño original
			this.morph('.vision');
			$('fijo').morph('.estatico');
			$('grupo').morph('.group');
			$('life').morph('.life');
			$('facts').morph('.facts');
			$('fijo2').morph('.estatico2');
			$('titulo2').morph('.titulos');
			$('titulo2').tween('opacity', 0);
		}
	});
	
	$('life').addEvents({
		mouseenter: function(){
			// Este cambio abre la pestaña grupo
			this.morph('.w420');
			$('fijo').morph('.w35');
			$('grupo').morph('.w180');
			$('vision').morph('.w150');
			$('facts').morph('.w110');
			$('fijo2').morph('.w57');
			$('titulo3').morph('.w410');
			$('titulo3').tween('opacity', 0.6);
		},
		mouseleave: function(){
			// Devuelve la pestaña grupo al tamaño original
			this.morph('.life');
			$('fijo').morph('.estatico');
			$('vision').morph('.vision');
			$('grupo').morph('.group');
			$('facts').morph('.facts');
			$('fijo2').morph('.estatico2');
			$('titulo3').morph('.titulos');
			$('titulo3').tween('opacity', 0);
		}
	});
	
	$('facts').addEvents({
		mouseenter: function(){
			// Este cambio abre la pestaña grupo
			this.morph('.w420');
			$('fijo').morph('.w35');
			$('grupo').morph('.w180');
			$('vision').morph('.w150');
			$('life').morph('.w110');
			$('fijo2').morph('.w57');
			$('titulo4').morph('.w410');
			$('titulo4').tween('opacity', 0.6);
		},
		mouseleave: function(){
			// Devuelve la pestaña grupo al tamaño original
			this.morph('.facts');
			$('fijo').morph('.estatico');
			$('vision').morph('.vision');
			$('life').morph('.life');
			$('grupo').morph('.group');
			$('fijo2').morph('.estatico2');
			$('titulo4').morph('.titulos');
			$('titulo4').tween('opacity', 0);
		}
	});
	
	// Botones de Explorar secciones
	
	var colapsoexterno = function(){ 
				$('top').morph('.top-seccion');
				$('bottom').morph('.bottom-seccion');
		}
	
	
	
//Estos se mantienen cierran todo
});