// Funciones Ajax
$(document).ready(function(){
	// EVENTOS
	$("td.link_evento").mouseover(function(){
		var divEvento = "#evento_" + this.id;
		$("#eventos").html($(divEvento).html());
	}).mouseout(function() {
		$("#eventos").html("");
	});
	
	// CARGA DE PÁGINAS CON DETALLE PRODUCTOS
	$(".producto a").each(function(){
		var href = $(this).attr("href");
		$(this).attr({ href: "#"});
		$(this).click(function(){
			// Cabecera Seccion
			var src = $(".cabecera_productos").attr("src");
			var id_cabecera = $(".cabecera_productos").attr("id");
			var familia = id_cabecera.replace("cabecera_productos_", "");
			var fichero_cabecera = "top"+familia+".jpg";
			var ruta = src.substring(0, src.lastIndexOf("/")+1) + fichero_cabecera;
			$(".cabecera_productos").attr("src", ruta);
			
			// Cargar página del producto
			$("#detalle_producto").load(href);
		});
	});
	
	// NAVEGACIÓN FAMILIAS PRODUCTOS	
	$(".lista_categorias").css("display", "none");
	$(".lista_productos").css("display", "none");
	
	$(".subfamilia").click(function () {
		// $(".lista_categorias").css("display", "none");
		// $(".lista_productos").css("display", "none");
		
		var subfamilia_desplegado = false;
		var categoria = "#categorias_" + this.id;		
		if($(categoria).css("display") == "none") {
			
			var id_elemento_aux = this.id;
			jQuery.each($("li.li_subfamilia"), function() {
			  if("lista_" + id_elemento_aux != this.id) {
				$("#" + this.id).css("list-style-image", "url(/images/mas.jpg)");
				$("#categorias_" + this.id.replace("lista_", "")).css("display", "none");
				$("#productos_" + this.id.replace("lista_", "")).css("display", "none");
			  }
			});
			
			var lista_id_elemento = "#lista_" + this.id;
			$(lista_id_elemento).css("list-style-image", "url(/images/menos.jpg)");			
			$(categoria).css("display", "block");
			
			subfamilia_desplegado = true;
		}
		else {
			var lista_id_elemento = "#lista_" + this.id;
			$(lista_id_elemento).css("list-style-image", "url(/images/mas.jpg)");
			
			$(categoria).css("display", "none");
		}

		var productos = "#productos_" + this.id;
		if($(productos).css("display") == "none") {
			
			var id_elemento_aux = this.id;
			jQuery.each($("li.li_subfamilia"), function() {
			  if("lista_" + id_elemento_aux != this.id) {
				$("#" + this.id).css("list-style-image", "url(/images/mas.jpg)");
				$("#categorias_" + this.id.replace("lista_", "")).css("display", "none");
				$("#productos_" + this.id.replace("lista_", "")).css("display", "none");
			  }
			});
			
			var lista_id_elemento = "#lista_" + this.id;
			$(lista_id_elemento).css("list-style-image", "url(/images/menos.jpg)");
			
			$(productos).css("display", "block");
		}
		else {
			if(subfamilia_desplegado == false) {
				var lista_id_elemento = "#lista_" + this.id;
				$(lista_id_elemento).css("list-style-image", "url(/images/mas.jpg)");
			}
			
			$(productos).css("display", "none");
		}
	});
	
	$(".categoria").click(function () {
		var productos = "#productos_" + this.id;
		if($(productos).css("display") == "none") {
			
			var id_elemento_aux = this.id;
			jQuery.each($("li.li_categoria"), function() {
			  if("lista_" + id_elemento_aux != this.id) {
				$("#" + this.id).css("list-style-image", "url(/images/mas.jpg)");
				$("#productos_" + this.id.replace("lista_", "")).css("display", "none");
			  }
			});
			
			var lista_id_elemento = "#lista_" + this.id;
			$(lista_id_elemento).css("list-style-image", "url(/images/menos.jpg)");
			
			$(productos).css("display", "block");
		}
		else {
			var lista_id_elemento = "#lista_" + this.id;
			$(lista_id_elemento).css("list-style-image", "url(/images/mas.jpg)");
			
			$(productos).css("display", "none");
		}
	});
	
	$(".producto a").click(function () {
		$("#detalle_producto").css("background-color", "#FFFFFF");
	});									
	
	// NAVEGACION EN EL MUNDO
	$(".lista_paises").css("display", "none");
	
	$(".continente").click(function () {
		var paises = "#paises_" + this.id;		
		if($(paises).css("display") == "none") {
			var id_elemento_aux = this.id;
			jQuery.each($("li.continente"), function() {
			  if(id_elemento_aux != this.id) {
				$("#" + this.id).css("list-style-image", "url(/images/mas.jpg)");
				$("#" + this.id).css("color", "#84571C");
				$("#paises_" + this.id).css("display", "none");
			  }
			});
			
			var id_elemento = "#" + this.id;
			$(id_elemento).css("list-style-image", "url(/images/menos.jpg)");
			$(id_elemento).css("color", "#000000");
			
			$(paises).css("display", "block");
		} else {
			var id_elemento = "#" + this.id;
			$(id_elemento).css("list-style-image", "url(/images/mas.jpg)");
			$(id_elemento).css("color", "#84571C");
			
			$(paises).css("display", "none");	
		}
	});
	
	// ROLLOVER IMÁGENES
	$("#imagen_hoy_2").mouseover(function() {
		var src = $("#imagen_hoy_2").attr("src");
		var idioma = src.substring(src.indexOf("_"), src.length - 4);		
		$("#imagen_somos_2").attr("src", "/images/hoygris1" + idioma + ".jpg");
		$(this).attr("src", "/images/hoygris2" + idioma + ".jpg");
	});

	$("#imagen_hoy_2").mouseout(function() {
		var src = $("#imagen_hoy_2").attr("src");
		var idioma = src.substring(src.indexOf("_"), src.length - 4);	
		$("#imagen_somos_2").attr("src", "/images/hoyamar1" + idioma + ".jpg");
		$(this).attr("src", "/images/hoyamar2" + idioma + ".jpg");
	});
	
	$("#imagen_somos_1").mouseover(function() {
		var src = $("#imagen_somos_1").attr("src");
		var idioma = src.substring(src.indexOf("_"), src.length - 4);	
		$("#imagen_hoy_1").attr("src", "/images/hoyamar2" + idioma + ".jpg");
		$(this).attr("src", "/images/hoyamar1" + idioma + ".jpg");
	});

	$("#imagen_somos_1").mouseout(function() {
		var src = $("#imagen_somos_1").attr("src");
		var idioma = src.substring(src.indexOf("_"), src.length - 4);	
		$("#imagen_hoy_1").attr("src", "/images/hoygris2" + idioma + ".jpg");
		$(this).attr("src", "/images/hoygris1" + idioma + ".jpg");
	});

});