/*****************************/
/* Efecto MORPH con MOOTOOLS 1.2  /
/* para EL MENU de LOIDI               */
/****************************/
window.addEvent('domready', function() {
	//Comprovamos el TITLE de la ID MEN-ACTUAL, dependiendo de su valor cargamos una imágen u otra.
	var title = $('men-actual').getProperty('class');
	var lang = $('lang-actual'); //Idioma actual
	if(lang.hasClass('lang-es')){
		var resL = $("res-link-es");
		var copL = $("cop-link-es");
		var plaL = $("pla-link-es");
		var menL = $("men-link-es");
		var conL = $("con-link-es");
		if(title == 'restaurante loidi') resL.style.background='url(views/images/menu-restaurante-on.gif) no-repeat 0 50px';
		if(title == 'concepto loidi') copL.style.background='url(views/images/menu-concepto-on.gif) no-repeat 0 50px';
		if(title == 'platos y carta') plaL.style.background='url(views/images/menu-platos-on.gif) no-repeat 0 50px';
		if(title == 'menus de grupo') menL.style.background='url(views/images/menu-menus-on.gif) no-repeat 0 50px';
		if(title == 'contactar con loidi') conL.style.background='url(views/images/menu-contacto-on.gif) no-repeat 0 50px';
	}else if(lang.hasClass('lang-cat')){
		var resL = $("res-link-cat");
		var copL = $("cop-link-cat");
		var plaL = $("pla-link-cat");
		var menL = $("men-link-cat");
		var conL = $("con-link-cat");
		if(title == 'restaurante loidi') resL.style.background='url(views/images/menu-restaurante-cat-on.gif) no-repeat 0 50px';
		if(title == 'concepto loidi') copL.style.background='url(views/images/menu-concepto-cat-on.gif) no-repeat 0 50px';
		if(title == 'platos y carta') plaL.style.background='url(views/images/menu-platos-cat-on.gif) no-repeat 0 50px';
		if(title == 'menus de grupo') menL.style.background='url(views/images/menu-menus-cat-on.gif) no-repeat 0 50px';
		if(title == 'contactar con loidi') conL.style.background='url(views/images/menu-contacto-cat-on.gif) no-repeat 0 50px';
	}else if(lang.hasClass('lang-en')){
		var resL = $("res-link-en");
		var copL = $("cop-link-en");
		var plaL = $("pla-link-en");
		var menL = $("men-link-en");
		var conL = $("con-link-en");
		if(title == 'restaurante loidi') resL.style.background='url(views/images/menu-restaurante-en-on.gif) no-repeat 0 50px';
		if(title == 'concepto loidi') copL.style.background='url(views/images/menu-concepto-en-on.gif) no-repeat 0 50px';
		if(title == 'platos y carta') plaL.style.background='url(views/images/menu-platos-en-on.gif) no-repeat 0 50px';
		if(title == 'menus de grupo') menL.style.background='url(views/images/menu-menus-en-on.gif) no-repeat 0 50px';
		if(title == 'contactar con loidi') conL.style.background='url(views/images/menu-contacto-en-on.gif) no-repeat 0 50px';
	}
	var morph = new Fx.Morph(resL);
	//Hacemos que no se ejecute ningún efecto si la ID del LINK es MEN-ACTUAL
	if(title != 'restaurante loidi'){
		resL.addEvents({'mouseenter': function(){ // Con el mouse por encima ejecutamos efecto de Morph
				resL.morph('.menuOn');
			},'mouseleave': function(){ //cuando salgamos, volvemos al incio
				resL.morph('div.menuOut');
			}
		});
	} /* <----- CERRAMOS  */
	var morph = new Fx.Morph(copL);
	if(title != 'concepto loidi'){
		copL.addEvents({'mouseenter': function(){ // Con el mouse por encima ejecutamos efecto de Morph
				copL.morph('.menuOn');
			},'mouseleave': function(){ //cuando salgamos, volvemos al incio
				copL.morph('div.menuOut');
			}
		});
	}
	var morph = new Fx.Morph(plaL);
	if(title != 'platos y carta'){
		plaL.addEvents({'mouseenter': function(){ // Con el mouse por encima ejecutamos efecto de Morph
				plaL.morph('.menuOn');
			},'mouseleave': function(){ //cuando salgamos, volvemos al incio
				plaL.morph('div.menuOut');
			}
		});
	}
	var morph = new Fx.Morph(menL);
	if(title != 'menus de grupo'){
		menL.addEvents({'mouseenter': function(){ // Con el mouse por encima ejecutamos efecto de Morph
				menL.morph('.menuOn');
			},'mouseleave': function(){ //cuando salgamos, volvemos al incio
				menL.morph('div.menuOut');
			}
		});
	}
	var morph = new Fx.Morph(conL);
	if(title != 'contactar con loidi'){
		conL.addEvents({'mouseenter': function(){ // Con el mouse por encima ejecutamos efecto de Morph
				conL.morph('.menuOn');
			},'mouseleave': function(){ //cuando salgamos, volvemos al incio
				conL.morph('div.menuOut');
			}
		});
	}
})
