/*
Javascript encargado del funcionamiento javascript del menú de programas de la webinstitucional 2011
Este menú consta de :bloques de links directos con flecha a la derecha.
Bloques de links deplegables:
-Se pueden definir hasta 3 niveles.
-Solamente se visualizan directamente el nivel 1
-El nivel 2 y 3 aparecen al pasar por encima de su padre de nivel1.
-Se marca el link en el que está el cursor mediante un triangulo azul a su izquierda.
*/

$(document).ready(function(){
	/*Inicializamos variables fecha azul y flecha negra para los links directos.*/
	var img_flecha_azul="http://itemsweb.esade.edu/web2010/imagenes/flecha_azul.gif";
	var img_flecha_negra="http://itemsweb.esade.edu/web2010/imagenes/flecha_negra.gif";
		
	/*Para todos los links directos, bajo el div con class .widgethome2011_linkdirecto, definimos el cambio de imagen onmouseover*/
	$(".widgethome2011_linkdirecto a").mouseover(function(){
		
		$(this).children("img").attr("src",img_flecha_negra);
	});
	
	/*Para todos los links directos, bajo el div con class .widgethome2011_linkdirecto definimos el cambio de imagen onmouseout*/
	$(".widgethome2011_linkdirecto a").mouseout(function(){
		$(this).children("img").attr("src",img_flecha_azul);
	});
		
	/*listanivel1 = listado de links de nivel1 del menú de programas*/
	var listanivel1=$(".widgethome2011_li_n1");
	
	/*Para cada link de nivel1*/
	listanivel1.each(function(index) {
	
		/*Extraemos el id del ítem de nivel 1*/
		var idli_n1 = $(this).attr('id');
		
		/*Extraemos posición del ítem de la lista de nivel 1*/
		var offset=$(this).offset();
	 	/*Sumamos el desplazamiento a la derecha que debe tener la capa con el submenú*/
		offset.left=offset.left+130;
		 
		/*Inicializamos el id de la sublista*/
		var idli_n1_sublista=idli_n1+"_contenedor_sublista";
		
		/*Inicializamos el id de la imagen*/
		var idli_n1_triangulo=idli_n1+"_triangulo";
		
		/*Inicializamos el id del texto*/
		var idli_n1_texto=idli_n1+"_texto";
		
		/*Posicionamos la capa con la sublista*/
	 	$("#"+idli_n1_sublista).css(offset);
    
		
		/*Definimos el funcionamieto al hacer mouseover en el item de la lista de primer nivel*/
		$('#'+idli_n1).mouseover(function(){
																				
			
		    /*Cambiamos la clase del submenú para pasar a mostrarlo*/
			$("#"+idli_n1_sublista).removeClass("widgethome2011_contenedor_sublista_off");
			$("#"+idli_n1_sublista).addClass("widgethome2011_contenedor_sublista_on");
			
			
			/*Cambiamos la clase de la flechita para pasar a mostrarla*/
			$("#"+idli_n1_triangulo).removeClass("widgethome2011_img_tri_off");
			$("#"+idli_n1_triangulo).addClass("widgethome2011_img_tri_on");
			
			/*Camiamos la clase del texto para que pase a estado activo.*/
			$("#"+idli_n1_texto).removeClass("widgethome2011_li_n1_texto");
			$("#"+idli_n1_texto).addClass("widgethome2011_li_n1_texto_on");
			
			
			
		});
		
		/*Definimos el funcionamieto al hacer mouseout en el item de la lista de primer nivel*/
		$('#'+idli_n1).mouseout(function(index){
	
    			
    			
    		/*Cambiamos la clase del submenú para pasar a ocultarlo*/
    		$("#"+idli_n1_sublista).removeClass("widgethome2011_contenedor_sublista_on");
			$("#"+idli_n1_sublista).addClass("widgethome2011_contenedor_sublista_off");
    		
			/*Cambiamos la clase de la flechita para pasar a oculatlo*/
    		$('#'+idli_n1+'_triangulo').removeClass("widgethome2011_img_tri_on");
    		$('#'+idli_n1+'_triangulo').addClass("widgethome2011_img_tri_off");
			
			/*Camiamos la clase del texto para que pase a estado inactivo.*/
			$("#"+idli_n1_texto).removeClass("widgethome2011_li_n1_texto_on");
			$("#"+idli_n1_texto).addClass("widgethome2011_li_n1_texto");
		
		
			$('.widgethome2011_img_tri_on').each(function(index) {
				$(this).removeClass("widgethome2011_img_tri_on");	
				$(this).addClass("widgethome2011_img_tri_off");	
			});
		
	  
		});
		
		
	
	 
	});
	
	/*Recalculamos y posicionamos las capas ocultas de nivels 2 y 3 en el caso que el usuario modifique el tamaño de la ventana.*/
	$(window).resize(function() { 
	    /*listanivel1 = listado de links de nivel1 del menú de programas*/
		var listanivel1=$(".widgethome2011_li_n1");
	
		/*Para cada link de nivel1*/
		listanivel1.each(function(index) {
		/*Extraemos el id del ítem de nivel 1*/
		var idli_n1 = $(this).attr('id');
		
		/*Extraemos posición del ítem de la lista de nivel 1*/
		var offset=$(this).offset();
	 	/*Sumamos el desplazamiento a la derecha que debe tener la capa con el submenú*/
		offset.left=offset.left+130;
		 
		/*Inicializamos el id de la sublista*/
		var idli_n1_sublista=idli_n1+"_contenedor_sublista";
		
			
		/*Posicionamos la capa con la sublista*/
	 	$("#"+idli_n1_sublista).css(offset);
		
		});
	});

	/*
	Funcionamiento eventos links de segundo y tercer nivel
	*/		 
	
	/*Para cada link de nivel 2 definimos el funcionamiento onmouseover*/
	$('.widgethome2011_li_n2').mouseover(function(){
		/*Para cada uno de los ítems de nivel 3*/ 	
		$('.widgethome2011_li_n3').each(function(index){
			var idli_n33 = $(this).attr('id');				
			/*En el caso que esté activo lo desactivamos*/
			if($('#'+idli_n33+'_triangulo').hasClass("widgethome2011_img_tri_on")) {
				$('#'+idli_n33+'_triangulo').removeClass("widgethome2011_img_tri_on");			
				$('#'+idli_n33+'_triangulo').addClass("widgethome2011_img_tri_off");															
			}
																		
											
		});		
									
		var idli_n2=$(this).attr('id');
		/*Para cada uno de los ítems de nivel 2*/ 							 
		$('.widgethome2011_li_n2').each(function(index){
			var idli_n22 = $(this).attr('id');	
			/*En el caso que esté activo lo desactivamos*/			
			if($('#'+idli_n22+'_triangulo').hasClass("widgethome2011_img_tri_on")) {
				$('#'+idli_n22+'_triangulo').removeClass("widgethome2011_img_tri_on");			
				$('#'+idli_n22+'_triangulo').addClass("widgethome2011_img_tri_off");															
			}
																		
											
		});									 
  		/*Activamos el link actual*/ 					
  		$('#'+idli_n2+'_triangulo').removeClass("widgethome2011_img_tri_off");
		$('#'+idli_n2+'_triangulo').addClass("widgethome2011_img_tri_on");
  			
	
	 
	 });
	 
	 

	/*Para cada link de nivel 3 definimos el funcionamiento onmouseover*/
	 $('.widgethome2011_li_n3').mouseover(function(){
		/*Para cada uno de los ítems de nivel 2*/ 							
		$('.widgethome2011_li_n2').each(function(index){
			var idli_n22 = $(this).attr('id');
			/*En el caso que esté activo lo desactivamos*/
			if($('#'+idli_n22+'_triangulo').hasClass("widgethome2011_img_tri_on")) {
				$('#'+idli_n22+'_triangulo').removeClass("widgethome2011_img_tri_on");			
				$('#'+idli_n22+'_triangulo').addClass("widgethome2011_img_tri_off");															
			}
																		
											
		});	
									
		var idli_n3=$(this).attr('id');
		/*Para cada uno de los ítems de nivel 3*/ 											 
		$('.widgethome2011_li_n3').each(function(index){
			var idli_n33 = $(this).attr('id');		
			/*En el caso que esté activo lo desactivamos*/
			if($('#'+idli_n33+'_triangulo').hasClass("widgethome2011_img_tri_on")) {
				$('#'+idli_n33+'_triangulo').removeClass("widgethome2011_img_tri_on");			
				$('#'+idli_n33+'_triangulo').addClass("widgethome2011_img_tri_off");															
			}
																		
											
		});									 
  		/*Activamos el link actual*/ 					
  		$('#'+idli_n3+'_triangulo').removeClass("widgethome2011_img_tri_off");
		$('#'+idli_n3+'_triangulo').addClass("widgethome2011_img_tri_on");
  			
	
	 
	 });

 						
});