// globales
var path_archivo = "/archivo";
var imagenes_portada = [];
var seccion_cargada = "";
var flotante_cargado = "";
var imagen_actual = 0;
var IE6 = false;
var timer;

// Punto de entrada
$(document).ready(function(){
	if ($.browser.msie && $.browser.version=="6.0")
		IE6 = true;
		
	// cargamos portada
	cargar_seccion("portada");
	
	// acciones de los botones
	$("#logo").click(function(){win = window.open("http://www.madrid.org")});
	$("#titulo").click(function(){cargar_seccion("portada")});
	$("#el_proyecto").click(function(){cargar_flotante("el_proyecto")});
	$("#la_exposicion").click(function(){cargar_flotante("la_exposicion")});
	$("#consulta_el_archivo").click(function(){cargar_seccion("consulta_el_archivo")});
	$("#proyeccion").click(function(){cargar_seccion("proyeccion")});
	$("#buscador").click(function(){cargar_flotante("buscador")});
	$("#buscador_por_municipios").click(function(){cargar_seccion("buscador_por_municipios")});
	
	$("#volver").click(function(){cargar_seccion("portada")});
});

function mostrar_imagen(){
	clearTimeout(timer);
	if (seccion_cargada == "portada" || seccion_cargada == "proyeccion"){
		var obj = imagenes_portada[imagen_actual++];
		if (seccion_cargada == "proyeccion"){
			// generamos el tooltip
			var tooltip_actual = "<strong>" + obj.titulo + "</strong><br>" + obj.autor + "<br>";
			if (obj.anyo != "0")
		 		tooltip_actual += obj.anyo + "<br>";
		 	tooltip_actual += obj.localidad;
			if (obj.distrito != "")
				 tooltip_actual += " (" + obj.distrito + ")";
		}
		// cargamos la foto
		var img = new Image();
		$(img).load(function () {
			$("#seccion").hide();
			$("#seccion").html(this);
			$(this).addClass(seccion_cargada);
			$("#seccion").fadeIn("slow");
			timer = setTimeout(mostrar_imagen, 5000);
		});
		img.src = path_archivo+"/"+obj.referencia+"/"+obj.archivo;
		if (seccion_cargada == "proyeccion"){	
			// aņadimos/actualizamos el tooltip
			$(img).tooltip({
			    bodyHandler: function() { 
			        return tooltip_actual; 
			    }, 
			    showURL: false,
				delay: 0,
				track: true
		    });
		}
		// volvemos a empezar si terminamos con todas
		if (imagen_actual==imagenes_portada.length)
			imagen_actual=0;
	}
}

function cargar_seccion(seccion){
	if (seccion != seccion_cargada || seccion == "portada"){
		seccion_cargada = seccion;
		$("#flotante").hide();
		$("#flotante").html("");
		$("#seccion").load(seccion + ".php");
		if (seccion != "portada")
			flotante_cargado = "";
		if (seccion == "proyeccion"){
			$("#menu_proyeccion").show();
		}else{
			$("#menu_proyeccion").hide();
		}
		switch (seccion){
			case "portada":
				$("#contenido").css("height", "620px");
				break;
			case "buscador_por_municipios":
				$("#contenido").css("height", "1000px");
				break;
			default:
				$("#contenido").css("height", "650px");
				break;
		}
	}
}

function cargar_flotante(seccion){
	if (seccion != flotante_cargado){
		flotante_cargado = seccion;
		if (seccion_cargada != "portada")
			cargar_seccion("portada")
		$("#flotante").show();
		$("#flotante").load(seccion + ".php");
	}
}
