var pestanya_cargada_actualmente = "/index.aspx";
var javascript_portada_cargado = "false";
var javascript_fundacion_cargado = "false";
var javascript_monumentos_cargado = "false";
var javascript_coleccion_cargado = "false";
var javascript_casaducal_cargado = "false";
var javascript_archivo_cargado = "false";
var javascript_actividades_cargado = "false";


/* Google Analytics */
	var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-4703372-1']);
      _gaq.push(['_setDomainName', 'fundacionmedinaceli.org']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();	

$(document).ready(function(){
	/* Animación banner. */
	/* Para evitar que tarde mucho en cargar la página, he utilizado este hack: http://stackoverflow.com/questions/5188331/jquery-cycle-plugin-with-ajax-functionality */
	//$("div#ctl00_topslider").cycle({ height: 170, delay: 1000, speed: 2000, timeout: 10000 });
	
	$('div#ctl00_topslider').cycle({
		height: 170,
		delay: 1000,
		speed: 2000,
		timeout: 10000,
		before: function(currSlideElement, nextSlideElement, options, forwardFlag) {
			if ($(nextSlideElement).attr("asrc")) {
				$(nextSlideElement).attr("src", $(nextSlideElement).attr("asrc"));
			}
		},
		after: function(currSlideElement, nextSlideElement, options, forwardFlag) {
			if ($(nextSlideElement).attr("asrc")) {
				$(nextSlideElement).attr("src", $(nextSlideElement).attr("asrc"));
			}
		}
	});	
	
	
	
	/* Scrollbar noticias */
	//TODO
	//$('.jScrollbar4').jScrollbar({ allowMouseWheel : true, scrollStep : 30 });
	
	/* Parche Mozilla */
	if ($.browser.mozilla) { 
		$("div#bloque_noticias").css( "margin-top","-2px" );
	}

	/* Cargo animaciones de la página principal */
	CompruebaJSyCSSmarcoCargado(pestanya_cargada_actualmente);
	
	/* Realizo una precarga de todas las pestañas, en distintos contenedores DIV, para una navegación más fluida */
		var url;
		//url = "/index.aspx"; $('#cuerpo_portada').load(url + " #ctl00_cuerpo", function() { CompruebaJSyCSSmarcoCargado(url); });		
		url = "/fundacion/index.aspx"; $('#cuerpo_fundacion').load(url + " #ctl00_cuerpo", function() { CompruebaJSyCSSmarcoCargado(url); });		
		url = "/monumentos/index.aspx"; $('#cuerpo_monumentos').load(url + " #ctl00_cuerpo", function() { CompruebaJSyCSSmarcoCargado(url); });		
		url = "/coleccion/index.aspx"; $('#cuerpo_coleccion').load(url + " #ctl00_cuerpo", function() { CompruebaJSyCSSmarcoCargado(url); });		
		url = "/casaducal/index.aspx"; $('#cuerpo_casaducal').load(url + " #ctl00_cuerpo", function() { CompruebaJSyCSSmarcoCargado(url); });		
		url = "/archivo/index.aspx"; $('#cuerpo_archivo').load(url + " #ctl00_cuerpo", function() { CompruebaJSyCSSmarcoCargado(url); });		
		url = "/actividades/index.aspx"; $('#cuerpo_actividades').load(url + " #ctl00_cuerpo", function() { CompruebaJSyCSSmarcoCargado(url); });		
	
	/* Navegación menú superior */
	$('div.nav ul li').mouseenter(function(){
		var etiqueta_a = $(this).children()[0];
		
		if (etiqueta_a != null)
		{
			url = $(etiqueta_a).attr('href');
			
			if (url != pestanya_cargada_actualmente)
			{
				return carga_pestanya(etiqueta_a, url);
			}
		}
	});
	
	/* CHAPUZA: Se debe hacer mientras se utilice el diseño de portada SIN las 3 columnas fluidas. Según el número de idiomas mostrados, ajusto el height de 2 capas */
	AjustarTamanyoDivsIdiomas();
			
	/* Configuro botones laterales de idioma */
	$('a#bandera-en').click(function() { pestanya_idioma_pulsada('en', 'Wait a few seconds...'); });
	$('a#bandera-es').click(function() { pestanya_idioma_pulsada('es', 'Un momento, por favor...'); });
	$('a#bandera-fr').click(function() { pestanya_idioma_pulsada('fr', 'Veuillez patienter, s\'il vous plaît...'); });
	$('a#bandera-it').click(function() { pestanya_idioma_pulsada('it', 'Aspetti un attimo, per favore...'); });
	
	/* Configuro las noticias del menú derecho, para que al hacer click sobre una noticia, se cargue la pestaña superior 'Portada' */
	
	$('.lof-navigator li').click(function()
	{
		if (pestanya_cargada_actualmente != "/index.aspx") { carga_pestanya($('li#pestanya_portada').children()[0], "/index.aspx"); } 
	});
	
});


var pestanya_idioma_pulsada = function(idioma, mensaje)
{
	//idioma = en, es, fr, it
	
	//En primer lugar, compruebo si la pestaña está ya pulsada (no hago nada en ese caso)
	var elemento_li = $('a#bandera-' + idioma).parent();
	
	if ( !$(elemento_li).hasClass("active") ) //Si no está pulsada
	{
		$.blockUI({ 
				message: '<h1 style="font-size:14pt; line-height:50px; vertical-align:middle;"><img src="/inc/img/ajax-loader.gif" style="vertical-align:middle;" /> <span style="margin-left: 10px;">' + mensaje + '</span></h1>',
				timeout: 3000, 
				onBlock: function()
				{ 
					window.location.href = "http://" + idioma + ".fundacionmedinaceli.org/";
				}
			}); 
	}
}


var carga_pestanya = function(etiqueta_a, url) {
	//Variables auxiliares
	var elemento_li = $(etiqueta_a).parent();
	//var div_remota_a_incrustar = '#ctl00_cuerpo'; //Contenedor por defecto
	
	//Guardo en la variable global 'pestanya_cargada_actualmente' la pestaña que vamos a abrir
	pestanya_cargada_actualmente = url;
	
	//Identifico la pestaña pulsada mediante la url de la etiqueta <a> que posee en su interior
	switch(url)
	{
		case "/index.aspx": //Portada
			activa_pestanya_menu_superior(elemento_li);
			//carga_cuerpo(url, div_remota_a_incrustar);
			muestra_div('cuerpo_portada', url);
			break;
		
		case "/fundacion/index.aspx": //Fundación
			activa_pestanya_menu_superior(elemento_li);
			//carga_cuerpo(url, div_remota_a_incrustar);
			muestra_div('cuerpo_fundacion', url);
			break;
		
		case "/monumentos/index.aspx": //Monumentos
			activa_pestanya_menu_superior(elemento_li);
			//carga_cuerpo(url, div_remota_a_incrustar);
			muestra_div('cuerpo_monumentos', url);
			break;
		
		case "/coleccion/index.aspx": //Colección
			activa_pestanya_menu_superior(elemento_li);
			//carga_cuerpo(url, div_remota_a_incrustar);
			muestra_div('cuerpo_coleccion', url);
			break;
		
		case "/casaducal/index.aspx": //Casa Ducal
			activa_pestanya_menu_superior(elemento_li);
			//carga_cuerpo(url, div_remota_a_incrustar);
			muestra_div('cuerpo_casaducal', url);
			break;
		
		case "/archivo/index.aspx": //Archivo
			activa_pestanya_menu_superior(elemento_li);
			//carga_cuerpo(url, div_remota_a_incrustar);
			muestra_div('cuerpo_archivo', url);
			break;
		
		case "/actividades/index.aspx": //Actividades
			activa_pestanya_menu_superior(elemento_li);
			//carga_cuerpo(url, div_remota_a_incrustar);
			muestra_div('cuerpo_actividades', url);
			break;
		
		default:
			break;
	}
	
	return true;
}

var activa_pestanya_menu_superior = function(elemento_li) {
	//Función secundaria llamada únicamente desde la función 'carga_pestanya()'
	
	//En primer lugar, he de desactivar la clase "active" a todas las pestañas, para que no haya 2 pestañas activas
		var todaslaspestanyas = $(elemento_li).parent().children();
		
		$(todaslaspestanyas).each (
			function(indice, pestanya)
			{
				if ( $(pestanya).hasClass("active") ) { $(pestanya).removeClass("active"); }
			}
		);
	
	//Posteriormente, añado la clase "active" a la pestaña seleccionada
		$(elemento_li).addClass("active");
}


var muestra_div = function(nombre_div_a_mostrar, url) {
	//Se utiliza para mostrar la página precargada de una pestaña. Cada pestaña se carga en una div. Esta función muestra/oculta esas divs.
	
	$('#ctl00_cuerpo').css("display", "none"); //Ocultamos la capa inicial (Portada)
	
	if (nombre_div_a_mostrar == 'cuerpo_portada') { $('#cuerpo_oculta_portada').css("display", "none"); }
	if (nombre_div_a_mostrar != 'cuerpo_portada') { $('#cuerpo_oculta_portada').css("display", "block"); if (javascript_portada_cargado == "false") {javascript_portada_cargado=true; CompruebaJSyCSSmarcoCargado(url);} }
	
	if (nombre_div_a_mostrar == 'cuerpo_fundacion') { $('#cuerpo_fundacion').css("display", "block"); if (javascript_fundacion_cargado == "false") {javascript_fundacion_cargado=true; CompruebaJSyCSSmarcoCargado(url);} }
	if (nombre_div_a_mostrar != 'cuerpo_fundacion') { $('#cuerpo_fundacion').css("display", "none"); }
	
	if (nombre_div_a_mostrar == 'cuerpo_monumentos') { $('#cuerpo_monumentos').css("display", "block"); if (javascript_monumentos_cargado == "false") {javascript_monumentos_cargado=true; CompruebaJSyCSSmarcoCargado(url);} }
	if (nombre_div_a_mostrar != 'cuerpo_monumentos') { $('#cuerpo_monumentos').css("display", "none"); }
	
	if (nombre_div_a_mostrar == 'cuerpo_coleccion') { $('#cuerpo_coleccion').css("display", "block"); if (javascript_coleccion_cargado == "false") {javascript_coleccion_cargado=true; CompruebaJSyCSSmarcoCargado(url);} }
	if (nombre_div_a_mostrar != 'cuerpo_coleccion') { $('#cuerpo_coleccion').css("display", "none"); }
	
	if (nombre_div_a_mostrar == 'cuerpo_casaducal') { $('#cuerpo_casaducal').css("display", "block"); if (javascript_casaducal_cargado == "false") {javascript_casaducal_cargado=true; CompruebaJSyCSSmarcoCargado(url);} }
	if (nombre_div_a_mostrar != 'cuerpo_casaducal') { $('#cuerpo_casaducal').css("display", "none"); }
	
	if (nombre_div_a_mostrar == 'cuerpo_archivo') { $('#cuerpo_archivo').css("display", "block"); if (javascript_archivo_cargado == "false") {javascript_archivo_cargado=true; CompruebaJSyCSSmarcoCargado(url);} }
	if (nombre_div_a_mostrar != 'cuerpo_archivo') { $('#cuerpo_archivo').css("display", "none"); }
	
	if (nombre_div_a_mostrar == 'cuerpo_actividades') { $('#cuerpo_actividades').css("display", "block"); if (javascript_actividades_cargado == "false") {javascript_actividades_cargado=true; CompruebaJSyCSSmarcoCargado(url);} }
	if (nombre_div_a_mostrar != 'cuerpo_actividades') { $('#cuerpo_actividades').css("display", "none"); }
}


var carga_cuerpo = function(url, div_remota_a_incrustar) {
	//Función secundaria llamada únicamente desde la función 'carga_pestanya()'
	//Efecto de transición en div#cuerpo
	$('#loading').stop(true, true).fadeIn('slow');
	$('#cuerpo').stop(true, true).fadeOut('slow');
	
	$('#cuerpo').load(url + ' ' + div_remota_a_incrustar, function() {
		$('#loading').stop(true, true).fadeOut('slow');
		$('#cuerpo').stop(true, true).fadeIn('slow');
		CompruebaJSyCSSmarcoCargado(url);
	});	
}


var CompruebaJSyCSSmarcoCargado = function(url)
{
	switch(url)
	{
		case "/index.aspx": //Portada
			$("div#slider_noticia_artesonados").cycle({ height: 314, delay: 0, speed: 2000, timeout: 6000 });
			break;

		case "/monumentos/index.aspx": //Monumentos
			$("div#slideshow").cycle({ speed: 1000, timeout: 4000, height: 210 });
			break;
			
		case "/coleccion/index.aspx": //Colección
			if ($('#carousel').css('visibility') != 'visible') //Es decir, es la primera vez que cargo el marco. El javascript se ejecuta sólo la primera vez
			{
				$.getScript("/inc/js/jquery-infinite-carousel/jquery.infinite-carousel.js", function()
				{
					$('#carousel').css('visibility', 'visible');
					
					jQuery('#viewport').carousel('#simplePrevious', '#simpleNext');  
					
					//The auto-scrolling function
					function slide(){ $('#simpleNext').click(); }
					
					//Launch the scroll every 2 seconds
					var intervalId = window.setInterval(slide, 2000);

					//On user click deactivate auto-scrolling
					$('#previous, #simpleNext').click( function(event) { if(event.originalEvent) { window.clearInterval(intervalId); } } );	
				});
			}
			
			$('div#carrusel1_coleccion_belt > div.panel:nth-child(2)').css('position','absolute');
			$('div#cuerpo_coleccion .bottom').css('position','absolute');
			$('div#cuerpo_coleccion .bottom').css('top','340px');
			$('div#carrusel_wrapper_wrap_coleccion').css('margin-top','30px');
			
			$('div#carrusel1_coleccion_belt > div.panel:nth-child(2)').css('right','0px');
			
			$('div#cuerpo_coleccion a#a_bloque_paneles_1').click(function() { window.location.href = "/coleccion/index.aspx"; }); //Botón de 'A fondo'
			//$('div#cuerpo_coleccion a#a_bloque_paneles_2').click(function() { window.location.href = "/coleccion/index.aspx?p=buscador"; }); //Botón de 'Buscador'
			$('div#cuerpo_coleccion a#a_bloque_paneles_2').click(function() { window.location.href = "/coleccion/buscador.aspx"; }); //Botón de 'Buscador'
			$('div#cuerpo_coleccion a#a_bloque_paneles_3').click(function() { window.location.href = "/coleccion/index.aspx?p=conjuntos"; }); //Botón de 'Conjuntos'
			
			$('div#cuerpo_coleccion div.button-prev a').click(function() { window.location.href = "/coleccion/index.aspx"; }); //Flecha izq
			$('div#cuerpo_coleccion div.button-next a').click(function() { window.location.href = "/coleccion/index.aspx"; }); //Flecha der

			$('div#accordion1_wrap').css('display','none');
			$('div#carrusel1_coleccion').css('margin-top','-16px');
			
			break;
			
		case "/actividades/index.aspx": //Actividades

			//Correcciones de CSS para la correcta visualización de la página de Actividades al insertarla en la PortadaV2
			$('div#carrusel1_actividades_belt > div.panel:nth-child(2)').css('position','absolute');
			$('div#carrusel1_actividades_belt > div.panel:nth-child(2)').css('right','0px');
			$('div#carrusel1_actividades').css('margin-top','0px');
			$('div#carrusel_wrapper_wrap_actividades div.button-prev a').css('background-position','2px 205px');
			$('div#carrusel_wrapper_wrap_actividades div.button-next a').css('background-position','2px 205px');
			$('div#carrusel_wrapper_wrap_actividades div.button-prev').css('margin-left','6px');
			$('div#ctl00_CPHcuerpo_menupestanasjquery_menuBuscador').css('margin-left','37px');
			//$('div#ctl00_CPHcuerpo_menupestanasjquery_menuBuscador').css('margin-top','10px !important');
			
			$('.stepcarousel .belt').css('position','relative');
			
			$('div#div_cuerpo_actividades a#a_bloque_paneles_1').click(function() { window.location.href = "/actividades/conservacion.aspx"; }); //Botón de Conservación
			$('div#div_cuerpo_actividades a#a_bloque_paneles_2').click(function() { window.location.href = "/actividades/publicaciones.aspx"; }); //Botón de Publicaciones
			
			$('div#div_cuerpo_actividades div.button-prev a').click(function() { window.location.href = "/actividades/conservacion.aspx"; }); //Flecha izq
			$('div#div_cuerpo_actividades div.button-next a').click(function() { window.location.href = "/actividades/conservacion.aspx"; }); //Flecha der
			
			
			break;
			
		default:
			break;
	}
	
}

var is_image_loaded = function(img) {
    // IE
    if(!img.complete) {
        return false;
    }
    // Others
    if(typeof img.naturalWidth != "undefined" && img.naturalWidth == 0) {
        return false;
    }
    return true;
}

var AjustarTamanyoDivsIdiomas = function()
{
	/* CHAPUZA: Se debe hacer mientras se utilice el diseño de portada SIN las 3 columnas fluidas
	   Según el número de idiomas mostrados, ajusto el height de 2 capas */
	var num_LI_idiomas = $('#ctl00_languages ul').children().size();
	
	switch(num_LI_idiomas)
	{
		case 5: //3 idiomas, con sus 2 separadores
			$("#ctl00_languages").css("height","112px");
			$(".marco-bg-left").css("height","407px");
			//alert("3 idiomas");
			break;

		case 7: //4 idiomas, con sus 3 separadores
			$("#ctl00_languages").css("height","140px");
			$(".marco-bg-left").css("height","379px");
			//alert("4 idiomas");
			break;

		default:
			break;
	}	
}