// JavaScript Document

/* NH Hoteles
 * Javascript de comportamiento de interfaz.  Funciones comunes.  Hacen uso de Mootools 1.11.
 *
 * Version - 0.1
 * Fecha - 23/10/2008
 * Autor - Kike Valdenebro
 *
 */

/* Inicializacion de la pagina */
window.addEvent('domready', function(){
	

	/* Ocultar todas las capas clase "jshide". */
	$$('.jshide').setStyle('display','none');
	/* PESTANAS */
	if($$("ul.tabs")!='') {
		
		/* Ocultar todas las capas de contenido de pestana y dejar visible la primera */
		var tabs_content = $$(".tabs_content");
		tabs_content.setStyle('display','none');
		tabs_content[0].setStyle('display','block');
		var myParent = $('content').getElementById('detalle');
		if(myParent != '') {
			tabs_content[1].setStyle('display','block');
		}
		/* Captura de enlaces de pestana. */
		var tabs = $$("ul.tabs li");
		tabs.each(function(tab, i) {
			var tablink = $E('a', tab);
			tablink.addEvent('click', function(event) {
				event = new Event(event).stop();
				var target = tablink.getProperty('href');
				var idtarget = target.split("#")[1];
				/* Plegar el resto de capas */
				tabs_content.setStyle('display','none');
				if(myParent != '') {
					tabs_content[0].setStyle('display','block');
				}
				tabs.removeClass('active');
				/* Desplegar la capa correspondientes al elemento clicado */
				$(idtarget).setStyle('display','block');
				tab.addClass('active');
			});
		 });
	
	}
	
	/* TIPS */
	
	if($$(".tip")!='') {
		
		var tips = $$(".tip");
		tips.each(function(tip, i) {
			var tiplink = $E('a.tip_lnk', tip);
			tiplink.addEvent('click', function(event) {
				event = new Event(event).stop();
				$$('.tip_layer').setStyle('display','none');
				var tiplayer = $E('.tip_layer', tip);
				tiplayer.setStyle('display','block');
				$('general').addEvent('click', function(event) {
					tiplayer.setStyle('display','none');
				});
			});
		});
		
	}

	
	/* TOlTIPS */
	
	if($$(".toltip")!='') {
		var toltips = $$(".toltip");
		toltips.each(function(toltip, i) {
			var toltiplink = $E('.toltip_lnk', toltip);
			toltiplink.addEvent('mouseenter', function(event) {
				event = new Event(event).stop();
				$$('.toltip_layer').setStyle('display','none');
				var toltiplayer = $E('.toltip_layer', toltip);
				toltiplayer.setStyle('display','block');
				toltiplink.addEvent('mouseleave', function(event) {
					toltiplayer.setStyle('display','none');
				});
				$('general').addEvent('click', function(event) {
					toltiplayer.setStyle('display','none');
				});
			});
		});
		
	}

/* Mostrar Capas */

	if($$(".ul_capas")!='') {
		var ul_capas = $$(".ul_capas");
		ul_capas.each(function(ul_capa, i) {
			ul_capa_lis = ul_capa.getElements('li');
			ul_capa_lis.each(function(ul_capa_li, j) {
				var lnk = ul_capa_li.getFirst();
				lnk.addEvent('click', function(event) {
					event = new Event(event).stop();
					$$(".ul_capas .capa").setStyle('display','none');
					ul_capa_li.getElements('.capa').setStyle('display','block');
					$('general').addEvent('click', function(event) {
						$$(".ul_capas .capa").setStyle('display','none');
					});
				});
			});
		});
	}
			

	/* Mostrar Atracciones Y  Enlaces  */
	
	if($$(".lnk_mostrar")!='') {
		/* Ocultar todas las capas de contenido de pestana y dejar visible la primera */
		var link_ocultar = $$(".lnk_ocultar");
		var lnk_mostrar = $$(".lnk_mostrar");
		var pestanas = $$(".pestanas");
		var capaenlaces = $$(".capaenlaces");
		var capareservas = $$(".capareservas");
		pestanas.setStyle('display','none');
		capaenlaces.setStyle('display','none');
		capareservas.setStyle('display','none');
		link_ocultar.setStyle('display','none');
			/* Captura de enlaces de pestana. */
			lnk_mostrar.addEvent('click', function(event) {
				event = new Event(event).stop();
				if($$(".calen")!='') {
					$$(".calen").setStyle('display','none');		
				} 
				var target = this.getProperty('href');
				var idtarget = target.split("#")[1];
				/* Plegar el resto de capas */
				$(idtarget).setStyle('display','block');
				this.setStyle('display','none');
				this.getPrevious().setStyle('display','inline');
				/* Desplegar la capa correspondientes al elemento clicado */
			});
			link_ocultar.addEvent('click', function(event) {
				event = new Event(event).stop();
				if($$(".calen")!='') {
					$$(".calen").setStyle('display','none');		
				} 
				var target = this.getProperty('href');
				var idtarget = target.split("#")[1];
				/* Plegar el resto de capas */
				$(idtarget).setStyle('display','none');
				this.setStyle('display','none');
				this.getNext().setStyle('display','inline');
				/* Desplegar la capa correspondientes al elemento clicado */
		});

	}
	
	/* Mostrar Atracciones Y  Enlaces  */
	
	if($$(".estancias")!='') {
		/* Ocultar todas las capas de contenido de pestana y dejar visible la primera */
		var lnks_ocultar = $$(".lnk_ocultar02").setStyle('display','none');
		var lnks_mostrar = $$(".lnk_mostrar02");
		lnks_mostrar.each(function(lnk_mostrar, i) {
			lnk_mostrar.addEvent('click', function(event) {
				event = new Event(event).stop();
				this.getParent().getPrevious().getElements('li.jshide').setStyle('display','block');
				this.setStyle('display','none');
				this.getPrevious().setStyle('display','inline');
			});
		});

		lnks_ocultar.each(function(lnk_ocultar, i) {
			lnk_ocultar.addEvent('click', function(event) {
				event = new Event(event).stop();
				this.getParent().getPrevious().getElements('li.jshide').setStyle('display','none');
				this.setStyle('display','none');
				this.getNext().setStyle('display','inline');
			});
		});

	}
	/**/
	
//	if($$(".fecha")!='') {
//		var lnkcalendar =	$$(".ico-calendar");
//		var fechaent = $("fechaent");
//		var fechaent02 = $("fechaent02");
//		var fechasal = $("fechasal");
//		var calen = $$(".calen");
//		calen.setStyle('display','none');
//		fechaent.addEvent('click', function(event) {
//			event = new Event(event).stop();
//			$('calendario01').setStyle('display','block');
//			$('calendario02').setStyle('display','none');
//			$('calendario03').setStyle('display','none');
//			/* Desplegar la capa calendario01 al elemento clicado */
//		});
//		if ($('calendario03')){
//			fechaent02.addEvent('click', function(event) {
//				event = new Event(event).stop();
//				$('calendario03').setStyle('display','block');
//				$('calendario01').setStyle('display','none');
//				$('calendario02').setStyle('display','none');
//				/* Desplegar la capa calendario01 al elemento clicado */
//			});
//		}
//		calen.setStyle('display','none');
//		fechasal.addEvent('click', function(event) {
//			event = new Event(event).stop();
//			$('calendario02').setStyle('display','block');
//			$('calendario01').setStyle('display','none');
//			if ($('calendario03')){
//				$('calendario03').setStyle('display','none');
//			}
//			/* Desplegar la capa calendario01 al elemento clicado */
//		});
//		
//		lnkcalendar.addEvent('click', function(event) {
//			event = new Event(event).stop();
//			var target = this.getProperty('href');
//			var idtarget = target.split("#")[1];
//			/* Plegar el resto de capas */
//			calen.setStyle('display','none');
//			$(idtarget).setStyle('display','block');
//
//			/* Desplegar la capa correspondientes al elemento clicado */
//			
//		});
//
//		document.addEvent('click', function(event) {
//			calen.setStyle('display','none');
//		});
//
//	}
//	
//		if($$(".dia")!='') {
//		var lnkcalendar =	$$(".ico-calendar").setStyle('display','block');;
//		var fechaent = $("fechaent");
//		var calen = $$(".calen");
//		calen.setStyle('display','none');
//		fechaent.addEvent('click', function(event) {
//			event = new Event(event).stop();
//			$('calendario01').setStyle('display','block');
//			$('calendario02').setStyle('display','none');
//			/* Desplegar la capa calendario01 al elemento clicado */
//		});
//		
//		lnkcalendar.addEvent('click', function(event) {
//			event = new Event(event).stop();
//			var target = this.getProperty('href');
//			var idtarget = target.split("#")[1];
//			/* Plegar el resto de capas */
//			calen.setStyle('display','none');
//			$(idtarget).setStyle('display','block');
//
//			/* Desplegar la capa correspondientes al elemento clicado */
//			
//		});
//
//		$('general').addEvent('click', function(event) {
//			calen.setStyle('display','none');
//		});
//
//	}
//
	
	if($$(".clicktocall")!='') {
		var clicktocall = $$(".clicktocall").setStyle('display','none');
		var lnktel02 = $$(".ico_telefono02");
		var lnktel = $$(".ico_telefono");
		lnktel.addEvent('click', function(event) {
			event = new Event(event).stop();
			/* Plegar el resto de capas */
			clicktocall.setStyle('display','block');
			clicktocall.addEvent('click', function(event) {
				event = new Event(event).stop();
			});
			document.addEvent('click', function(event) {
				event = new Event(event).stop();
				clicktocall.setStyle('display','none');
			});
		});
		lnktel02.addEvent('click', function(event) {
			event = new Event(event).stop();
			/* Plegar el resto de capas */
			clicktocall.setStyle('display','block');
			clicktocall.addEvent('click', function(event) {
				event = new Event(event).stop();
			});
			document.addEvent('click', function(event) {
				event = new Event(event).stop();
				clicktocall.setStyle('display','none');
			});
		});
		$$('.clicktocall #cerrar').addEvent('click', function(event) {
			clicktocall.setStyle('display','none');
		});
		
	}
// Desplegar listado de puntos en los paises //
	if($("listadopuntos")!='') {
		var list = $$(".listpaises li");
		list.each(function(lista, i) {
			lista_a = lista.getElements('a');
			lista_a.each(function(lista_a, j) {
				var lnk = lista_a;
				lnk.addEvent('click', function(event) {
					event = new Event(event).stop();
					var display = this.getNext().getStyle('display');
					if (display == "none"){
						this.getNext().setStyle('display','block');  
					} else {
						this.getNext().setStyle('display','none');  
					}
				});
			});
		});
	}

// Desplegar listado de puntos en los paises //
	if($$(".directorio")!='') {
		var list = $$(".directorio .list01 li");
		list.each(function(lista, i) {
			lista_a = lista.getElements('a.lnk_vermas');
			lista_a.each(function(lista_a, j) {
				var lnk = lista_a;
				lnk.addEvent('click', function(event) {
					event = new Event(event).stop();
					
					var display = this.getNext().getStyle('display');
					if (display == "none"){
						this.getNext().setStyle('display','block');
						this.removeClass('lnk_vermas');
						this.addClass('lnk_quitar');
					} else {
						this.getNext().setStyle('display','none');
						this.removeClass('lnk_quitar');
						this.addClass('lnk_vermas');
					}
				});
			});
		});
	}

	  
});


	//Implementacion de toggle: show / hide  
	function show(eId) {
		var e = $(eId);
		e.setStyle('display','block');  
	};
	function hide(eId) {
		var e = $(eId);
		e.setStyle('display','none');  
	};
	function toggle(eId) {
		var e = $(eId);
		var display = e.getStyle('display');
		if (display == "none"){
			e.setStyle('display','block');  
		} else {
			e.setStyle('display','none');  
		}
	} ;