/*
	Versión 1.0
*/
/* ELEMENTOS COMUNES */
// Enlace en ventana nueva.
// Quitar el   de inputs tipo texto, password y textareas.
$(document).ready( function(){
	// Enlace en ventana nueva.
	$("a[rel='external']").attr("target","_blank");

	// Quitar el   de inputs tipo texto, password y textareas.
	$("input[type='text'], input[type='password'], textarea").focus( function() {
		if (($(this).attr("value")) && ($(this).attr("value").charCodeAt(0) == 32 || $(this).attr("value").charCodeAt(0) == 160) && ($(this).attr("value").length == 1)) {
			this.value = "";
			return false;
		}
	});
});

// Resaltar input(text-password)/textarea seleccionado
$(document).ready(function(){
	$("input[type='text'], input[type='password'], textarea").focus( function() {
		if ($(this).attr("readonly")) {
			// Nada
		} else {
			$(this).addClass("enfocado");
		}
		return false;
	});
	$("input[type='text'], input[type='password'], textarea").blur( function() {
		$(this).removeClass("enfocado");
	});
	$("input[type='text'], input[type='password'], textarea").each( function() {
		if ($(this).attr("readonly")) {
			$(this).addClass("solo_lectura");
		}
	});
});

// Enviar formulario
$(document).ready(function(){
	$("a.enviar_formulario").click(function(){
		$(this).parents("form:first").submit();
		return false;
	});
});

// Imprimir página
$(document).ready(function(){
	$("a.imprimir").click( function() {
		window.print();
		return false;
	});
});
/*
	ESPECIFICOS DE LA PÁGINA
*/
/*
	CARRUSEL INICIO
*/
$(document).ready(function(){
	var num =0;
	var texto ="";
	// Creamos los manejadores solo si hay más de un destacado
	if($("#portada_destacados > ul > li").length > 1){		
		
		texto +="<div id='dest_numeros'>";
		$("#portada_destacados > ul > li").each(function(e){
			// Marcamos cada banner como "dest_x"
			$(this).addClass("dest_" + e);
			$(this).removeClass("ocultar_antes_de_iniciar");
			$(this).css("display", "block");
			// Creamos el botón de cada destacado
			if (e == 0) {
				$(this).show();
				texto +="<a href='#' id='dest_" + e +"' class='activo'>" + (e+1) + "</a> ";
			} else {
				$(this).hide();
				texto +="<a href='#' id='dest_" + e +"' class='inactivo'>" + (e+1) + "</a> ";
			}
		});
		texto +="</div>";
		$("#portada_destacados").append(texto);		
		
		// Variables de los timmers
		var tiempo = 12000;
		var temporizador = setInterval(function(){
			reproducir(true);
		},tiempo);
		
		// A cada botón, al hacer click, paramos el timer y mostramos la capa que procede.
		$("#dest_numeros a").click(function(){
			$(this).blur();
			if($(this).hasClass("inactivo")){
				// Paramos el temporizador
				clearInterval(temporizador);
				// Cambiamos los class para marcar el clickado
				$("#dest_numeros a").removeClass("activo");
				$("#dest_numeros a").addClass("inactivo");
				$(this).removeClass("inactivo");
				$(this).addClass("activo");
				// Ocultamos todos los banners y mostramos el banner correspondiente
				//$("#portada_destacados > ul > li").removeClass("activo").addClass("inactivo").fadeOut(600);
				$("#portada_destacados > ul > li").removeClass("activo").addClass("inactivo").hide();
				var elemento_clickado = $(this).attr("id");
				//$("." + elemento_clickado).removeClass("inactivo").addClass("activo").fadeIn(600);
				$("." + elemento_clickado).removeClass("inactivo").addClass("activo").show();
				return false;
			}
		});
		function reproducir(avance) {
			var elemento_activo = $("#dest_numeros a.activo").attr("id");
			id_elemento = elemento_activo.replace("dest_", "");
			$("#dest_" + id_elemento).removeClass("activo").addClass("inactivo");
			$(".dest_" + id_elemento).removeClass("activo").addClass("inactivo");
			//$(".dest_" + id_elemento).fadeOut(600);
			$(".dest_" + id_elemento).hide();
			if(avance){					
				id_elemento++;
			} else {	
				id_elemento--;
			}
			if (id_elemento > $("#portada_destacados > ul > li").length-1) {
				id_elemento = 0;
			}
			if (id_elemento < 0) {
				id_elemento = $("#portada_destacados > ul > li").length-1;
			}
			$("#dest_" + id_elemento).removeClass("inactivo").addClass("activo");
			$(".dest_" + id_elemento).removeClass("inactivo").addClass("activo");
			//$(".dest_" + id_elemento).fadeIn(600);
			$(".dest_" + id_elemento).show();
		}
	}
});
/* 
	CARRUSEL DE VIDEOS EN INICIO
*/
$(document).ready( function(){
	var contador_videos = 1;
	// Si hay más de un video cargamos el contenedor de banners
	var cuantos_videos = $("#videos_inicio .video").length;
	$("#pie_videos #dcha").append('<ul class="botonera_videos"></ul>');
	// Para cada video
	if (cuantos_videos > 1) {
		$.each($(".video"), function(){
			// Marcamos cada video como "banner_destacadox"
			$(this).attr({ id: "video" + contador_videos });
			// Creamos el botón de cada video
			$(".botonera_videos").append('<li><a href="#" rel="#video' + contador_videos + '">' + contador_videos + '</a></li>');			
			contador_videos++;
		});
		$("#dcha").append('<div class="clearall"></div>');
	}
	$(".video").hide(); //Esconde todos los videos
	$("ul.botonera_videos li:first").addClass("active"); //Activa el primer link
	$(".video:first").show(); //Muestra el primer video y su detalle
	$("ul.botonera_videos li").click(function() {
		$(this).find("a").blur();
		$("ul.botonera_videos li").removeClass("active"); //Elimina las clases activas
		$(this).addClass("active"); //Agrega la clase activa a el link seleccionado
		$(".video").hide(); //Esconde todos los videos
		var activeVideo = $(this).find("a").attr("rel"); //Encuentra el valor del atributo href para identificar el video a mostrar
		$(activeVideo).fadeIn(); //Agrega efecto de transición (fade)
		return false;
	});
});
/*
	MÓDULO DE REDES SOCIALES
*/
$(document).ready(function() {
	$(".pest_content").hide(); //Esconde todo el contenido
	$("ul.pestanas li:first").css("border-left","none");
	$("ul.pestanas li:first").addClass("active").show(); //Activa la primera tab
	$(".pest_content:first").show(); //Muestra el contenido de la primera tab
	$("ul.pestanas li").click(function() {
		$("ul.pestanas li").removeClass("active"); //Elimina las clases activas
		$(this).addClass("active"); //Agrega la clase activa a la tab seleccionada
		$(".pest_content").hide(); //Esconde todo el contenido de la tab
		var activePest = $(this).find("a").attr("href"); //Encuentra el valor del atributo href para identificar la tab activa + el contenido
		$(activePest).fadeIn(); //Agrega efecto de transición (fade) en el contenido activo
		return false;
	});
});
/*
	MENÚ PRINCIPAL
*/
function displayMenuPrincipal(){
	
	/*   INSTRUCCIONES PARA REPRESENTAR LOS ESTADOS OVER/OUT   */
	
	var tmpFondoImagen;
	var tmpFondoImagenAnterior;
	var classCargaPagina = "cargaPagina";
	
	var primerNivel = $("#menuPrincipal ul.menu > li");

	var representarHover = function(item, index){
		var tmpA = item.children("a");
		tmpA.css({"color" : "#FFD300"});
		tmpA.css({"background-color" : "#000000"});
	}
	
	var representarOut = function(item, index){
		var tmpA = item.children("a");
		tmpA.css({"color" : "#000000"});
		tmpA.css({"background-color" : "transparent"});
	}
	
	primerNivel.map(function(index){
		
		// al pasar por los elementos de los que cuelgue un segundo nivel
		// evitaremos que el cursor sea el dedo
		
		if($(this).hasClass("parent")){
			$(this).find("a:first").css({"cursor":"default"});
		}
		
		$(this).hover(
			function(){
				representarHover($(this), index);
			},
			function(){
				representarOut($(this), index);
			}
		);
		
		$(this).find("a:first").keypress(function(event){
			// si clicamos intro
			if(event.which == 13){
				$(this).addClass(classCargaPagina);
			}
		});
		
		$(this).find("a:first").click(function(event){
			if($(this).hasClass(classCargaPagina) == false){
				if($(this).parent().hasClass("parent") == true){
					event.preventDefault();
				}
			}else{
				$(this).removeClass(classCargaPagina);
			}
		});
		
	});
	/*   INSTRUCCIONES PARA DESPLEGAR EL 2º NIVEL   */
	
	// Comportamiento para el ratón
	$("#menuPrincipal ul.menu li.parent").mouseover( function() {
		if($(this).hasClass("ultimo") == false){
			$(this).find("ul").css("left","0px");
		}else{
			var lista = $(this).find("ul");
			lista.css("left",-(lista.width() - lista.parent("li").width()) + "px");
		}
	});
	$("#menuPrincipal ul.menu li.parent").mouseout( function() {
		$(this).find("ul").css("left","-10000px");
	});
	// Comportamiento para el teclado
	$("#menuPrincipal ul.menu li a").focus( function() {
		$("#menuPrincipal ul.menu li.parent ul").css("left","-10000px");
	});
	$("#menuPrincipal ul.menu li.parent a").focus( function() {

		if($(this).parents("li.parent:first").hasClass("ultimo") == false){
			$(this).parents("li.parent:first").find("ul").css("left","0px");
		}else{
			var lista = $(this).parents("li.parent:first").find("ul");
			lista.css("left",-(lista.width() - lista.parent("li").width()) + "px");
		}
	});
	$("#menuPrincipal ul.menu li.parent li a").focus( function() {
		if($(this).parents("li.parent:first").hasClass("ultimo") == false){
			$(this).parents("li.parent:first").find("ul").css("left","0px");
		}else{
			var lista = $(this).parents("li.parent:first").find("ul");
			lista.css("left",-(lista.width() - lista.parent("li").width()) + "px");
		}
	});
	
	$(".enlace_anterior_mp, .enlace_posterior_mp").focus( function() {
		$("#menuPrincipal ul.menu li.parent ul").css("left","-10000px");
	});
}
$(document).ready(function(){
	displayMenuPrincipal();
});