$(document).ready(
	function(){
		Civas.init();
	}
);
var Civas = {
	init: function ()
	{
		$.ajax({
	    	type: "GET",
			url: "admin/xmlCivas.xml",
	    	dataType: "xml",
			error: function(){alert('Erro ao carregar o documento XML do mapa.');},
	    	success: parseXml
			//complete: function(){$('#loading').fadeOut(800);}
	  	});
		$.ajax({
	    	type: "GET",
			url: "admin/xmlCivas.xml",
	    	dataType: "xml",
			error: function(){alert('Erro ao carregar o documento XML.');},
	    	success: parseXml2,
			complete: function(){$('#loading').fadeOut(700);}
	  	});
		function parseXml(xml){
			$(xml).find("entry").each(function(){
				var id = $(this).find("id").text();
				var left = $(this).find("left").text();
				var leftLinha = parseInt(left)+7;
				var top = $(this).find("top").text();
				var topLinha = parseInt(top)+6;
				var topBox = parseInt(top)-45;
				var nome = $(this).find("nome").text();
				var horario = $(this).find("horario").text();
				var endereco = $(this).find("endereco").text();
				$("#mapa").append(
									'<a class=\"todos\" id=\"'+id+'\" style=\"left:'+left+'px; top:'+top+'px; z-index:101;\" href=\"#_'+id+'\">'+nome+'</a>' +
									'<img id=\"'+id+'\" src=\"img/pixel.gif\" width=\"1\" height=\"1\" style=\"left:'+leftLinha+'px; top:'+topLinha+'px; display:none; z-index:99;\" alt=\"'+nome+'\" />' +
									'<div class=\"box\" id=\"'+id+'\" style=\"top:'+topBox+'px;\">' +
										'<h3>'+nome+'</h3>' +
										'<span>'+horario+'</span>' +
										'<p>'+endereco+'</p>' +
									'</div>')
				$(this).find("tipos").each(function(){
					var diesel_leve = $(this).find("diesel_leve").text();
					var diesel_pesado = $(this).find("diesel_pesado").text();
					var gasolina_alcool_gnv = $(this).find("gasolina_alcool_gnv").text();
					var moto = $(this).find("moto").text();
					if(diesel_leve != 0){
						$("#mapa a#"+id).addClass('diesel-leve');
					}
					if(diesel_pesado != 0){
						$("#mapa a#"+id).addClass('diesel-pesado');
					}
					if(gasolina_alcool_gnv != 0){
						$("#mapa a#"+id).addClass('gasolina');
					}
					if(moto != 0){
						$("#mapa a#"+id).addClass('moto');
					}
				});
			});
			$('#mapa a.todos').click(function(){
				var AnchorTo = $(this).attr('href');
					AnchorTo = AnchorTo.split('#');
				$.scrollTo($('#lista-civas li#'+AnchorTo[1]), {duration:700,queue:false});
				return false;
			});
		}
		function parseXml2(xml){
	 			$(xml).find("entry").each(function(){
				var id = $(this).find("id").text();
				var nome = $(this).find("nome").text();
				var horario = $(this).find("horario").text();
				var endereco = $(this).find("endereco").text();
				var mapa = $(this).find("mapa").text();
				$("#lista-civas").append(
											'<li id=\"_' + id + '\" class=\"todos\">' +
												'<table width=\"680\" cellspacing=\"0\" cellpadding=\"5\" border=\"0\" align=\"center\">' +
	                                               	'<tr>' +
	                                               		'<td width=\"241\" valign=\"top\">' +
															'<h3>' + nome + '</h3>' +
															'<span>' + horario + '</span>' +
														'</td>' +
														'<td width=\"315\" valign=\"top\">' +
															'<p>' + endereco + '</p>' +
														'</td>' +
														'<td width=\"124\" valign=\"top\" align=\"center\">' +
															'<a id=\"'+ id +'\" class=\"botao-mapa\" href=\"' + mapa + '" title=\"' + nome + '<br>' + endereco + '\">Clique para ver o mapa</a>' +
															'<a id=\"'+ id +'\" class=\"botao-fotos\" href=\"javascript:;\" title=\"Clique e veja as fotos do ' + nome + '\">Clique para ver as fotos</a>' +
														'</td>' +
	                                               	'</tr>' +
	                                               '</table>' +
												'<ul class=\"fotos\" id=\"' + id + '\"></ul>' +
											'</li>')
				$(this).find("tipos").each(function(){
					var diesel_leve = $(this).find("diesel_leve").text();
					var diesel_pesado = $(this).find("diesel_pesado").text();
					var gasolina_alcool_gnv = $(this).find("gasolina_alcool_gnv").text();
					var moto = $(this).find("moto").text();
					if(diesel_leve != 0){
						$("#lista-civas li#"+id).addClass('diesel-leve');
					}
					if(diesel_pesado != 0){
						$("#lista-civas li#"+id).addClass('diesel-pesado');
					}
					if(gasolina_alcool_gnv != 0){
						$("#lista-civas li#"+id).addClass('gasolina');
					}
					if(moto != 0){
						$("#lista-civas li#"+id).addClass('moto');
					}
				});
				$(this).find("fotos").each(function(){
					$(this).find("foto").each(function(){
						if(id == id){
							$("#lista-civas #_"+id+" .fotos").append('<li><a href=\"' + $(this).text() + '\" title=\"\"><img src=\"' + $(this).text() + '\" width=\"150px\" height=\"99px\" border=\"0\" /></a></li>')
						}else{
							alert('Erro na leitura das fotos');
						}
					});
				});
			});
			$('ul#lista-civas li').slideDown(1000);
			$('#mapa a').fadeIn(1000).pulse({speed: 500, opacityRange: [0.6,0.9]}).mouseover(function(){
				$('#mapa img').hide();
				$('#mapa div').hide();
				var id = $(this).attr('id');
				var laguraTelaUsuario = document.body.clientWidth/2+16;
				var esquerdaPosicaoPonto = $('#mapa a#'+id).offset().left;
				var alturaTelaUsuario = document.body.clientHeight;
				var topoPosicaoImg = $('#mapa img#'+id).offset().top;
				
				/*
				$('#mapa img#'+id).show().css({width: "1px",height: "1px",position: "absolute"}).animate({width:(laguraTelaUsuario)-(esquerdaPosicaoPonto)},{duration:300,queue:false},function(){
					$('#mapa div#'+id).fadeIn(500);
				});
				*/
				
				$('#mapa img#'+id).show().css({width: "1px",height: "1px",position: "absolute"}).animate({width:(laguraTelaUsuario)-(esquerdaPosicaoPonto)},300,function(){
					$('#mapa div#'+id).fadeIn(500);
				});
			});
			$('#mapa a').mouseout(function(){
				$('#mapa img').hide();
				$('#mapa div').hide();
			});
			$('.centro').click(function(){
				civasFilter(this.value);
			});
			//$('ul#lista-civas li ul:not(:first)').hide();
			$('ul#lista-civas li a.botao-mapa').lightBox();
			$('.botao-fotos').click(function(){
				var id = $(this).attr('id');
				$('ul#lista-civas li ul#'+id+':visible').slideUp();
				$('ul#lista-civas li ul#'+id+':hidden').slideDown();
	        	$('ul#lista-civas > li > ul#'+id+' > li > a').lightBox();
			});
		}
	}
};