// JavaScript Document
var api;

function initlojas(){
	
	//alert('entrou lojas');
	$('#m_mapa area').tooltip({
		track: true,
		delay: 0,
		showURL: false,
		showBody: " - ",
		extraClass: "ponta",
		fade: 250,
		top: -24,
		left: -8
	});
	$(".shapearea").click(function() {
		//alert($(this).attr("name"));
		filtraRevendas($(this).attr("name"));
		api.scrollTo(0);
	});
	$('.shapearea').mouseover(function() {
		document.body.style.cursor = "pointer";
	}).mouseout(function(){
		document.body.style.cursor = "default";
	});
	$(function() {
		$.fn.maphilight.defaults = {
			fill: true,
			fillColor: 'e63e0f',
			fillOpacity: 0.5,
			stroke: false,
			strokeColor: 'e63e0f',
			strokeOpacity: 1,
			strokeWidth: 2,
			fade: true,
			alwaysOn: false,
			neverOn: false,
			groupBy: false
		}
		$('#mapa').maphilight();
		
		<!--BARRA DE ROLAGEM-->
		var settings = {
			showArrows: false,
			autoReinitialise: true
		};
		$('#listagem_container').jScrollPane(settings);
		api = $('#listagem_container').data('jsp');
		<!--/ BARRA DE ROLAGEM-->
	});
	
	var xml;
	
	$.get('content/lojas/lojas.xml', function(dados){
		xml = dados;
		// alert("carregou: " + dados.toString());
		
		$("#listagem").fadeOut(0);
		
		$(".revenda").remove();
			
		var html = '<div class="revenda">';
		html += '<div class="titloja">Filtro</div>';
		html += '<div class="endloja">Clique no estado para visualizar as revendas disponíveis.</div>';
		html += '</div>';
		
		$(".jspPane").append($(html));
    });
	
	function filtraRevendas(estado){
		
		if ($("#listagem").css("display") == "none"){
			// Listagem está apagada
			
			$(".revenda").remove();
			$(xml).find('loja').each(function(){
				
				if (estado == $(this).attr("estado")){
					var titulo = $(this).attr("nome");
					var endereco = $(this).attr("endereco");
					
					var html = '<div class="revenda">';
					html += '<div class="titloja">' + titulo + '</div>';
					html += '<div class="endloja">' + endereco + '</div>';
					html += '</div>';
					
					$(".jspPane").append($(html));
				}
			});
			if ($('.jspPane').children().size() == 0){
				var html = '<div class="revenda"><div class="titloja">Nenhuma revenda encontrada!</div></div>';
				$(".jspPane").append($(html));
			}
			$("#listagem").delay(500).fadeIn("slow");
			$("#listagem_sombra").delay(500).fadeIn("slow");
		} else {
			// Listagem está aparecendo
			
			$("#listagem_sombra").fadeOut("slow");
			$("#listagem").fadeOut("slow", function(){
				$(".revenda").remove();
				$(xml).find('loja').each(function(){
					
					if (estado == $(this).attr("estado")){
						var titulo = $(this).attr("nome");
						var endereco = $(this).attr("endereco");
						
						var html = '<div class="revenda">';
						html += '<div class="titloja">' + titulo + '</div>';
						html += '<div class="endloja">' + endereco + '</div>';
						html += '</div>';
						
						$(".jspPane").append($(html));
					}
				});
				if ($('.jspPane').children().size() == 0){
					var html = '<div class="revenda"><div class="titloja">Nenhuma revenda encontrada!</div></div>';
					$(".jspPane").append($(html));
				}
				$("#listagem").delay(500).fadeIn("slow");
				$("#listagem_sombra").delay(500).fadeIn("slow");
			});
		}
	}
	
}