/*****************************/
/* Efecto MORPH con MOOTOOLS 1.2  /
/* para Sistema de Eventos de LOIDI  */
/****************************/
window.addEvent('domready', function() {
	var status = {
		'true': 'open',
		'false': 'close'
	};
	//Comprovamos Version del Internet Explorer
	var bienvenido = document.getElementById("bienvenido");
	var bienvenidoImg = document.getElementById("bienvenido-img");
	var imgIE6 = document.getElementById("imgIE6");
	var bienvenidoTxt = document.getElementById("bienvenido-txt");
	var galeria = document.getElementById("galeria");
	var textGalery = document.getElementById("texto-galeria");
	var infoGalery = document.getElementById("info");
	var loidi = $('contenedor-index');
	var morph = new Fx.Morph('contenedor-index', {duration: 2500, transition: Fx.Transitions.Circ.easeOut});
	loidi.addEvents({
		'click': function(){ // Con el mouse por encima ejecutamos efecto de Morph
			morph.start('#contenedor-galeria');
			bienvenido.style.visibility='hidden';
			bienvenidoImg.style.visibility='hidden';
			bienvenidoTxt.style.visibility='hidden';
			galeria.style.visibility='visible';
			infoGalery.style.visibility='visible';
			textGalery.style.margin='16px 70px 0 0';
			galeria.style.width='950px';
			imgIE6.style.height='340px'; //Modificamos el tamaño de la imágen pues en IE6 con visibility hidden mantiene el tamaño original
		}
	});
})