FormularioItinerarioFacade = {
		
		cargarTodos: function(){
	
			$("#itinerariosBox input").each(
				
				function(){
					
					if(this.checked == false){
						this.checked = true;
						itinerarioFacade.engadirItinerario(this.value);
						FormularioItinerarioFacade.engadirLupa(this,this.value);
					}
				}
			);	
		},
		
		onInputClick: function(input,idItinerario){
	
			if(input.checked == true){
				
				itinerarioFacade.engadirItinerario(idItinerario);
				this.engadirLupa(input, idItinerario);
			}
			else{
				
				itinerarioFacade.borrarItinerario(idItinerario);
				this.engadirLupa(input, idItinerario);
			}
		},
		
		onMouseOver: function(idElemento){
			
			itinerarioFacade.resaltarElemento(idElemento);
		},
		
		onMouseOut: function(){
			
			itinerarioFacade.borrarElementos();
		},
		
		centrar: function(idItinerario){
			
			itinerarioFacade.cuadrarItinerario(idItinerario);
		},
		
		cargarItinerario: function(input,id){
			
			if(input.get(0).checked == true){
				
				itinerarioFacade.engadirItinerario(id);
				this.engadirLupa(input.get(0), id);
			}
			else{
				
				itinerarioFacade.borrarItinerario(id);
				this.engadirLupa(input.get(0), id);
			}
		},
		
		engadirLupa: function (input, idItinerario){
			
		    if(input.checked == true){
		    	
		    	c = obterC(idItinerario);
		    	divColor = $("<div class='color' id='color"+idItinerario+"'><a href='javascript:FormularioItinerarioFacade.centrar("+idItinerario+");'><image style='border:0px;' width='16' height='16' src='./icons/lupa.png'/></a></div>");
		    	divColor.css("background-color",c);
		    	divColor.css("padding","5px");
		    	divColor.css("width","10px");
		    	divColor.css("height","10px");
		    	divColor.css("float", "right");
		    	divColor.css("border", "solid 1px");

		    	$("#itemLogo"+idItinerario).append(divColor);
		    }
		    else{
		    	
		    	$("#color"+idItinerario).remove();
		    }
		}
}
