HTMLRoteiroFacade = {
		
		listarRoteirosPorArea: function(area, div, div2){
	
			$("#load").empty().html('<img src="./style/img/loadingBarra.gif"/>');
			
	
			if(area == ""){
				
				context = {callback:this.pintar,scope:{"div":div,"div2":div2}};
				RoteiroFacade.listarRoteirosPorArea(area,context);
				//roteiros.engadirTodos();
			}
			else{
				
				RoteiroFacade.listarRoteirosPorArea(area,this.amosarContexto);
			}
		},
		
		pintar: function(data){

			if(data){

				$("#load").empty();
				$("#public_route_list1 > *:gt(0)").remove();
				$("#public_route_list2 > *:gt(0)").remove();
//				$("#public_route_list .houseListControl").show();

				
				for(d in data){

					if(data[d].autores.length > 0){
					
						this.scope.div.append(HTMLRoteiroFacade.pintarEnlaceRoteiro(data[d]));
						//onSelectClick(data[d].id,map1);
						controlLupa(data[d].id);
					}
					else{
						
						this.scope.div2.append(HTMLRoteiroFacade.pintarEnlaceRoteiro(data[d]));
						//onSelectClick(data[d].id,map1);
						controlLupa(data[d].id);
					}

				}
				
				altura1 = $("#public_route_list1 > div.listElement").size()*80;
				altura2 = $("#public_route_list2 > div.listElement").size()*50;
				
				if(altura1 > 245){
					
					altura1 = 245;
				}
				
				if(altura2 > 245){
					
					altura2 = 245;
				}
				
				if(altura1 < altura2)
					altura2 = 490 - altura1;
				else
					altura1 = 490 - altura2;


				$("#public_route_list1").css("height",altura1+"px");
				$("#public_route_list2").css("height",altura2+"px");
				$("#public_route_list1").css("overflow-y","auto");
				$("#public_route_list2").css("overflow-y","auto");
				
				$(".nomeLista").show();
				$("#public_route_list1").show();
				$("#public_route_list2").show();
			}
		},
		
		pintarEnlaceRoteiro: function(data){

			div = $("<div class='listElement'></div>");
			
			html = "";

			//html = "<input checked type='checkbox' onClick=javascript:onSelectClick('"+data.id+"',map1); id='"+data.id+"'>";
			
			html = "<input type='checkbox' onClick=javascript:onSelectClick('"+data.id+"',map1); id='"+data.id+"'>";
			html = html+"</input><div class='nome'><p><a href='AmosarRoteiroDetalle.do?id="+data.id+"'>"+data.nome+"</a></p></div>";
			
			if(data.autores.length > 0){
				
				html = html+"<div class='nomeAutor'><b>Territorio de: </b>";
				
				for(a in data.autores){
					
					var membro;
					var idAutor;
					
					if(data.autores[a].EMembro == true){
						
						membro = "true";
						idAutor = data.autores[a].idAutorMembro;
					}
					else{
						
						membro = "false";
						idAutor = data.autores[a].idAutorNonMembro;
					}
					
					if(a != 0){
						
						html = html + " | ";
					}
					
					html = html + "<a href='AmosarTerritorioAutor.do?id="+idAutor+"&eMembro="+membro+"'>"+data.autores[a].nome + "</a>";
				}
				
				html = html + "</div>";
			}
			
			if(data.paratexto != null){
				html = html+"<a href='"+data.paratexto.autor[0].url+"' target='_blank' onclick='window.open(this.href,this.target,\"width="+screen.width+",height="+screen.height+",status=no,toolbar=no,menubar=no,scrollbars=yes,top=0,left=0, resizable=1\"); return false;'><div class='nomeAutor'><b>Autor/a do texto: </b>"+data.paratexto.autor[0].nome+"</div></a>";
			}
			
			div.append(html);
			div.append("<div class='clear'></div>");
	
			return div;
		},
		
		amosarContexto: function(data){
			
			$("div.listElement").hide();
			
			if(data){
			
				for(d in data){
				
					$("#"+data[d].id).parents("div.listElement").show();
				}
			}
		}
}

function onSelectClick(id,map){
	
	var chk=document.getElementById(id);
	
    if(chk.checked){
    	
//    	c = obterC(id);
//    	divColor = $("<div id='color"+id+"'><a href='javascript:roteiros.centrarRoteiro("+id+");'><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");
//
//    	$("#"+id).parents("div.listElement").prepend(divColor);
		controlLupa(id);
    	roteiros.engadirRoteiro(id,false,false,c);
    }
    else{
    	
    	roteiros.borrarRoteiro(id);
    	controlLupa(id);
//    	$("#color"+id).remove();
    }
}

function controlLupa(id){
	
	var chk=document.getElementById(id);
	
    if(chk.checked){
    	
    	c = obterC(id);
    	divColor = $("<div id='color"+id+"'><a href='javascript:roteiros.centrarRoteiro("+id+");'><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");

    	$("#"+id).parents("div.listElement").prepend(divColor);
    }
    else{
    	
    	$("#color"+id).remove();
    }
}

function selectAllRoutes(){
	

	selectAllRoutesN("1");
	selectAllRoutesN("2");
}

function deselectAllRoutes(){
	
	deselectAllRoutesN("1");
	deselectAllRoutesN("2");
}

function selectAllRoutesN(numList){
	
	$("#public_route_list"+numList).hide();
	
	$("#public_route_list"+numList+" :input").each(
			
			function(){
				
				if(this.checked == false){
					
					this.checked = true;
					onSelectClick(this.id,map1);
				}
				
			}
	);
	
	$("#public_route_list"+numList).show();
}

function deselectAllRoutesN(numList){
	
	$("#public_route_list"+numList+" :input").each(
			
			function(){
				
				if(this.checked == true){
					
					this.checked = false;
					onSelectClick(this.id,map1);
				}
				
			}
	);
}