//INICIO DE EJECUCIÓN JQUERY DE LA PÁGINA.
$(document).ready(function() {
						   		
	//inicializo la rotación de los destacados principales.
	initDestacadosPrincipales();
	
	//si estoy en pro, cargo los modulso
	$("#ModHome1").load('/includes/homeNews.php');
	$("#ModHome2").load('/includes/homeProFav.php');
	$("#ModHome3").load('/includes/homeProLast.php');
	
	//si estoy en pro, oculto los dos modulos de las pestañas que no quiero
	$("#ModHome2").hide();
	$("#ModHome3").hide();	
	
	
	
  
});

//FUNCIÓN QUE INICIA EL INTERVALO DE CAMBIO DE DESTACADO HOME
function initDestacadosPrincipales(){
	
	numElementos=0;
	timeOut="";
	
	//calculo el numero de elementos destacados principales para hacer la rotación.
	numElementos=$(".destacadoPpal").length;
	
	if (numElementos>1){
		
		elementoActual=1;		
		
		$(".destacadoPpal").stop(true, true).fadeOut("fast");
		
		$("#posicion_0"+elementoActual).stop(true, true).fadeIn("fast");		
		
		$("#ancla_"+elementoActual).addClass("activo");		
		
		timeOut = setInterval("cambiarDestacadoPrincipal(0)",5000);
	
	}
	
}

//función que tiene el intervalo que va mostrando y ocultando destacados.
//si se le pasa 0 es carga del siguiente destacado, si se le pasa un número, es el destacado concreto
function cambiarDestacadoPrincipal(cual){
	
	if (cual!=0){
		
		$(".destacadoPpal").stop(true, true).fadeOut("fast");
		$("#posicion_0"+cual).stop(true, true).fadeIn("fast");	
		
		//desactivo todos los botones y luego activo el actual
		$("#ancla_1").removeClass("activo");
		$("#ancla_2").removeClass("activo");
		$("#ancla_3").removeClass("activo");
		
		$("#ancla_"+cual).addClass("activo");		
		
		elementoActual=cual;
		
		clearInterval(timeOut);
		timeOut = setInterval("cambiarDestacadoPrincipal(0)",5000);
		
	}else{
	
	
		if (elementoActual+1>numElementos){
			elementoActual=1;
		}else{
			elementoActual=elementoActual+1;
		}
		
		$(".destacadoPpal").stop(true, true).fadeOut("fast");
		
		$("#posicion_0"+elementoActual).stop(true, true).fadeIn("fast");
		
		//desactivo todos los botones y luego activo el actual
		$("#ancla_1").removeClass("activo");
		$("#ancla_2").removeClass("activo");
		$("#ancla_3").removeClass("activo");
		
		$("#ancla_"+elementoActual).addClass("activo");
	
	}
	
}

//función que se ocupa de hacer el cambio de la columna derecha de la home.
function cambiarModulo(idModulo){
	
		//cambio todos y luego muestro el que corresponde.
		$(".moduloHome").stop(true, true).fadeOut("fast");
		$("#ModHome"+idModulo).stop(true, true).fadeIn("fast");	
		
		//lo mismo con los menús añadiendo la clase activo.
		$(".tituloModMenu").removeClass('activo');
		$("#btnMod"+idModulo).addClass('tituloModMenu activo');
}