$(document).ready(function(){
	
		//redondea las esquinas de los contenedores de informacion
		$(".cabecera-content-text").corner("round 10px top");
		
		
		//Para los click del submenu
		$('#link_salones_comercial').click(function(){
			$('#contenedor_pasaportes_asistencia').fadeOut('slow');
			setTimeout("$('#contenedor_salones_area_comercial').fadeIn('slow')",800);
		});
		
		$('#link_salones_hotel').click(function(){
			$('#contenedor_salones_area_comercial').fadeOut('slow');
			setTimeout("$('#contenedor_pasaportes_asistencia').fadeIn('slow')",800);
		});
		
		
		//Para desaparecer el Tooltip
		$("#agenda_dia1").hover(
			function(){
				$("#tool").fadeOut("slow");
			},
			function(){
			}
		);
		
		//Para aparecer el tooltip
		$("a",".contagenda").hover(
			function(){
				muestraTool(this);
			},
			function(){
			}
		);
		
		
		//Para mostrar o esconder los filtros de la agenda
		$('.titulo_filtros').toggle(
			function(){
				$('#contenedor_filtro_agenda').slideDown('slow');
			},
			function(){
				$('#contenedor_filtro_agenda').slideUp('slow');
			}
		);
		
		//Para cambiar el color del motrar filtro
		$('.titulo_filtros').hover(
			function(){
				$(this).css({backgroundColor:'#EEEEEE'});
			},
			function(){
				$(this).css({backgroundColor:'#DEDEDE'});
			}
		);
		
		
		//Para el ajax de la agenda al cambiar pais
		$('#pais').change(
			function(){
				muestraAgenda(this.value);
			}
		);
		
		
		

});



//funcion para el click de que aparezca y desaparezca
$(document).bind("ready",function(){
		$(document).bind("click",function(){
			$("#tool").fadeOut("slow");
		})

		/*$("a",".contagenda").bind("click",function(){
			showTool(this);
			return false
		})*/
});



//Funcion que pinta el popup del ponente
function showTool(el){
	
	$("#tool").css({
			display : "none",
			position : "absolute",
			left : $(el).position().left+20,
			top : $(el).position().top+20,
			zIndex : 999
		})
	$("#tool").fadeIn("slow");
	
	
}

	
	
	/*Carga la agenda del dia correspondiente*/
	function muestraDia(dia){
		
		switch(dia){
		
			case 1:
				//Especifico la clase del seleccionado
				$('#dia3').removeClass('select');
				$('#dia2').removeClass('select');
				$('#dia1').addClass('select');
				
				//desaparezco las demas agendas
				$('#agenda_dia2').fadeOut('slow');
				$('#agenda_dia3').fadeOut('slow');
				setTimeout("$('#agenda_dia1').fadeIn('slow');",800);
				break;
				
			case 2:
				//Especifico la clase del seleccionado
				$('#dia1').removeClass('select');
				$('#dia3').removeClass('select');
				$('#dia2').addClass('select');
				
				//desaparezco las demas agendas
				$('#agenda_dia1').fadeOut('slow');
				$('#agenda_dia3').fadeOut('slow');
				setTimeout("$('#agenda_dia2').fadeIn('slow');",800);
				break;
				
			case 3:
				//Especifico la clase del seleccionado
				$('#dia1').removeClass('select');
				$('#dia2').removeClass('select');
				$('#dia3').addClass('select');
				
				//desaparezco las demas agendas
				$('#agenda_dia1').fadeOut('slow');
				$('#agenda_dia2').fadeOut('slow');
				setTimeout("$('#agenda_dia3').fadeIn('slow');",800);
				break;
				
			case 'a':
				//Especifico la clase del seleccionado
				$('#dia3_comercial').removeClass('select');
				$('#dia2_comercial').removeClass('select');
				$('#dia1_comercial').addClass('select');
				
				//desaparezco las demas agendas
				$('#comercial_dia2').fadeOut('slow');
				$('#comercial_dia3').fadeOut('slow');
				setTimeout("$('#comercial_dia1').fadeIn('slow');",800);
				break;
				
			case 'b':
				//Especifico la clase del seleccionado
				$('#dia1_comercial').removeClass('select');
				$('#dia3_comercial').removeClass('select');
				$('#dia2_comercial').addClass('select');
				
				//desaparezco las demas agendas
				$('#comercial_dia1').fadeOut('slow');
				$('#comercial_dia3').fadeOut('slow');
				setTimeout("$('#comercial_dia2').fadeIn('slow');",800);
				break;
				
			case 'c':
				//Especifico la clase del seleccionado
				$('#dia1_comercial').removeClass('select');
				$('#dia2_comercial').removeClass('select');
				$('#dia3_comercial').addClass('select');
				
				//desaparezco las demas agendas
				$('#comercial_dia1').fadeOut('slow');
				$('#comercial_dia2').fadeOut('slow');
				setTimeout("$('#comercial_dia3').fadeIn('slow');",800);
				break;
				
			default:
				break;
		}
		
		
	}
	
	
	
	function muestraTool(elemento){
	
		var idSesion = elemento.id;
		idSesion = idSesion.substr(2);
		
		if(idSesion=='')
			return false;
		
		//Ejecuto el ajax para mostrar el tooltip
		var data = {clase:'tAgenda', metodo:'getToolTip', parametros_extra:idSesion};
		$.ajax({
    			async: true,
    			url: '../../accion.php',
   		 		type: 'POST',
    			data: data,
    			dataType: 'json',
    			timeout: 600000,
    			error: function(){
       				 alert('Error cargando el contenido');
   				 },
   			 	success: function(data){
					
					(data.sTitulo==null) ? $('#td_titulo').html('') : $('#td_titulo').html(data.sTitulo);
					(data.sNombrePonente==null) ? $('#td_ponente').html('') : $('#td_ponente').html('<a class="link_popup" href="../../controlador/ponentes/ponentes.php?letra='+data.sNombrePonente.charAt(0)+'#'+data.idPonente+'">'+data.sNombrePonente+'</a>');
					//(data.sNombrePonente==null) ? $('#td_ponente').html('') : $('#td_ponente').html(data.sNombrePonente);
					(data.sDescripTrack==null) ? $('#td_track').html('') : $('#td_track').html(data.sDescripTrack);
					(data.sDescripSector==null) ? $('#td_sector').html('') : $('#td_sector').html(data.sDescripSector);
					(data.sDescripSesion==null) ? $('#td_sinopsis').html('') : $('#td_sinopsis').html(data.sDescripSesion);
					(data.sFotoPonente==null) ? $('#td_img_ponente').html('') : $('#td_img_ponente').html('<img src="../../vista/img/ponentes/'+data.sFotoPonente+'" width="88" height="88" />');
					(data.descripcionRoles==null) ? $('#td_roles').html('') : $('#td_roles').html(data.descripcionRoles);
					(data.sDescripPais==null) ? $('#td_pais').html('') : $('#td_pais').html(data.sDescripPais);
					
					showTool(elemento);
				}
			});
	
	}
	
	
	//Funcion que gestiona todas las operaciones de filtrar la agenda
	function aplicarFiltro(){
	
		//Coloco todos los colores oscuros
		$('#agenda_dia1 tr td').css({backgroundColor:'black'});
		$('#agenda_dia2 tr td').css({backgroundColor:'black'});
		$('#agenda_dia3 tr td').css({backgroundColor:'black'});
		
		//Pinto en colores originales solo los seleccionados
		
		//Para los filtros de Track
		var track = document.getElementsByName('check_track');
		var check_track = new Array;
		var j=0;
		for(var i=0; i<track.length;i++){
			if(track[i].checked==true){
				
				//Obtengo todos los elementos (varios) cuyo track tiene ese valor
				check_track[j] = $('[track = '+track[i].value+' ]');
				
				//A c/u de esos elementos le devuelvo su color original
				for(var q=0;q<check_track[j].length;q++){
					var clase = $(check_track[j][q]).attr('class');
					$(check_track[j][q]).css({backgroundColor:getColor(clase)});
				}
				j++;  
				
			}
		}
		
		
		//Para los filtros de Sector
		var sector = document.getElementsByName('check_sector');
		var check_sector = new Array;
		var j=0;
		for(var i=0; i<sector.length;i++){
			if(sector[i].checked==true){
				
				//Obtengo todos los elementos (varios) cuyo track tiene ese valor
				check_sector[j] = $('[sector = '+sector[i].value+' ]');
				
				//A c/u de esos elementos le devuelvo su color original
				for(var q=0;q<check_sector[j].length;q++){
					var clase = $(check_sector[j][q]).attr('class');
					$(check_sector[j][q]).css({backgroundColor:getColor(clase)});
				}
				j++; 
				
			}
		}
		
		
		//Para los filtros de Rol
		var rol = document.getElementsByName('check_rol');
		var check_rol = new Array;
		var j=0;
		for(var i=0; i<rol.length;i++){
			if(rol[i].checked==true){
				
				//Obtengo todos los elementos (varios) cuyo track tiene ese valor
				check_rol[j] = $('[rol *= -'+rol[i].value+'- ]');
				
				//A c/u de esos elementos le devuelvo su color original
				for(var q=0;q<check_rol[j].length;q++){
					var clase = $(check_rol[j][q]).attr('class');
					$(check_rol[j][q]).css({backgroundColor:getColor(clase)});
				}
				j++; 
				
			}
		}
		
		
		//Si el usuario no marco ningun check pinto todos los colores originales
		if((check_rol.length==0)&&(check_sector.length==0)&&(check_track.length==0)){
			$('.mk_banca').css({backgroundColor:'#FBD0D0'});
			$('.mk_energia').css({backgroundColor:'#B9DEBC'});
			$('.mk_gobierno').css({backgroundColor:'#D1F5F0'});
			$('.mk_gris').css({backgroundColor:'#BDBDBD'});
			$('.mk_telecomunicaciones').css({backgroundColor:'#CED6E8'});
			$('.mk_manofactura').css({backgroundColor:'#FFFF88'});
			$('.mk_tecnologia').css({backgroundColor:'#E7B572'});
			$('.mk_blanca').css({backgroundColor:'white'});
			
			$('.gris').css({backgroundColor:'#DFDFDF'});
			$('.naranja').css({backgroundColor:'#E7B572'});
			$('.blanca').css({backgroundColor:'white'});
			
			
		}
		
	
	
	
	}
	
	function getColor(clase){
		switch(clase){
			
			case 'mk_banca':
				return '#FBD0D0';
				break;
			
			case 'mk_energia':
				return '#B9DEBC';
				break;
				
			case 'mk_gobierno':
				return '#D1F5F0';
				break;
				
			case 'mk_gris':
				return '#BDBDBD';
				break;
				
			case 'mk_telecomunicaciones':
				return '#CED6E8';
				break;
				
			case 'mk_manofactura':
				return '#FFFF88';
				break;
				
			case 'mk_tecnologia':
				return '#E7B572';
				break;
				
			case 'mk_blanca':
				return 'white';
				break;
				
			default:
				return '#BDBDBD';
				break;
		
		}
	}
	
	
	
	//Se encarga de realizar la peticion ajax para mostrar la agenda
	function muestraAgenda(pais){
	
		if(pais==-1)
			return false;
	
		$('#agenda_dia1').fadeOut('slow');
		$('#agenda_dia2').fadeOut('slow');
		$('#agenda_dia3').fadeOut('slow');
	
		var data = {pais:$('#pais').val()};
		
		$.ajax({
    			async: true,
    			url: 'agendaDia1.php',
   		 		type: 'POST',
    			data: data,
    			dataType: 'html',
    			timeout: 600000,
    			error: function(){
       				 alert('Error cargando el contenido');
   				 },
   			 	success: function(data){
   			 		
   			 		muestraDia(1);
   			 		$('#contenedor_diagrama_agenda').html(data);
   			 		
					
				}
		});
	
	
	}