// JavaScript Document
   	  
 function Dados(uf,cidade,parametro) {
      //verifica se o browser tem suporte a ajax
	  try {
         ajax = new ActiveXObject("Microsoft.XMLHTTP");
      } 
      catch(e) {
         try {
            ajax = new ActiveXObject("Msxml2.XMLHTTP");
         }
	     catch(ex) {
            try {
               ajax = new XMLHttpRequest();
            }
	        catch(exc) {
               alert("Esse browser não tem recursos para uso do Ajax");
               ajax = null;
            }
         }
      }
	  //se tiver suporte ajax
	  if(ajax) {
		 //variaveis para processar resultado
		div_1=document.getElementById("lista_lojas");
		div_lista_cidades = document.getElementById("lista_cidades"); 
		estado_selecionado = document.getElementById("selecioneEstado");
		 
	     ajax.open("POST", "cidades_xml.php", true);
		 ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		 
		 ajax.onreadystatechange = function() {
            //enquanto estiver processando...emite a msg de carregando
			if(ajax.readyState == 1) {
			   div_1.innerHTML = "<br /><br />Carregando...<br />Aguarde um momento por favor.";
			   div_lista_cidades.innerHTML = "<br /><br />Carregando...<br />Aguarde um momento por favor.";
			   estado_selecionado.innerHTML = "Carregando...";
	        }
			if(ajax.readyState ==2) {
				div_1.innerHTML = "<br /><br />Ainda não temos lojas franqueadas nesse estado. Seja você um Franqueado Purific, veja como é facil em <a href='http://www.purific.com.br/sejafranqueado/ style='text-decoration: underline;'>Seja um Franqueado</a>"
				div_lista_cidades.innerHTML = "Não há lojas nesse estado."
				estado_selecionado.innerHTML = "Selecione o estado";
			}
			//após ser processado - chama função processXML que vai varrer os dados
            if(ajax.readyState == 4 ) {
			   if(ajax.responseXML) {
			      processXML(ajax.responseXML);
			   }
			   else {
			       //caso não seja um arquivo XML emite a mensagem abaixo
				   div_1.innerHTML = "<br /><br />Ainda não temos lojas franqueadas nesse estado. Seja você um Franqueado Purific, veja como é facil em <a href='negocios.php' style='text-decoration: underline;'>Seja um Franqueado</a>";
				   div_lista_cidades.innerHTML = "Não há lojas nesse estado.";
				   estado_selecionado.innerHTML = "Selecione o estado";
			   }
            }
         }
		 //passa o código do estado escolhido
	     var params = "estado="+uf+"&cidade="+cidade+"&parametro="+parametro;
         ajax.send(params);
      }
   }
   
   function processXML(obj){
      //pega a tag cidade
      var dataArray   = obj.getElementsByTagName("loja");
	  
      
	  //total de elementos contidos na tag cidade
	  if(dataArray.length > 0) {
	     //percorre o arquivo XML paara extrair os dados
		 var conteudo="";
		 var lista_cidades="";
         for(var i = 0 ; i < dataArray.length ; i++) {
            var item = dataArray[i];
			//contéudo dos campos no arquivo XML
			 var cidade     =  item.getElementsByTagName("cidade")[0].firstChild.nodeValue;
			 var cidade_imp	=  item.getElementsByTagName("cidade")[0].firstChild.nodeValue;
			 var nome 	=  item.getElementsByTagName("nome")[0].firstChild.nodeValue;
			 var endereco	=  item.getElementsByTagName("endereco")[0].firstChild.nodeValue;
			 var bairro 	=  item.getElementsByTagName("bairro")[0].firstChild.nodeValue;
			 var cep 	=  item.getElementsByTagName("cep")[0].firstChild.nodeValue;
			 var fones 	=  item.getElementsByTagName("fones")[0].firstChild.nodeValue;
			 var email 	=  item.getElementsByTagName("email")[0].firstChild.nodeValue;
			 var site 	=  item.getElementsByTagName("site")[0].firstChild.nodeValue;
			 var uf 	=  item.getElementsByTagName("uf")[0].firstChild.nodeValue;
			 var uf_desc	=  item.getElementsByTagName("uf_desc")[0].firstChild.nodeValue;
			 //Para o mapa
			 var endereco_mapa = endereco+" - "+bairro+"  - "+cidade+" - "+uf;
			 
			// alert(endereco_mapa);
			// return;
			if (cidade_anterior == cidade){
				cidade_imp="";			
			}
			
/*				
conteudo = conteudo + "<div><p><strong><u>"+ 
			cidade+"</u><br />"+
			bairro+"</strong><br />"+
			endereco+"<br />"+
			"CEP: "+cep+"<br />"+
			fones+"<br />"+
			email+"<br />"+
			site+"<br/></p></div>";
			
*/			
			
conteudo = conteudo +
			"<table width='100%' align='center' style='border-bottom:solid; border-bottom-color:#C2C2C2; border-bottom-width:1px; padding-top:5px; padding-bottom:5px;'>";
			//Para visualizar o nome da cidade apenas 1 vez
			if(cidade_imp != ""){
			conteudo = conteudo +
				"<tr><td colspan='2' align='center' ><h2>"+cidade_imp+"</h2></td></tr>";
			}
			
conteudo = conteudo +
				"<tr>"+
					"<td>"+		
						"<b><a onclick='mapa_franqueado(\""+endereco+"\", \""+bairro+"\", \""+cep+"\", \""+cidade+"\", \""+uf+"\", \""+fones+"\")'>"+bairro+"</b></a><br />"+
						endereco+"<br />"+
						"CEP: "+cep+"<br />"+
						fones+"<br />"+
					"</td>"+
					"<td width='75px' align='center'>"+
						"<span><a onclick='mapa_franqueado(\""+endereco+"\", \""+bairro+"\", \""+cep+"\", \""+cidade+"\", \""+uf+"\", \""+fones+"\")'><img  src='http://www.purific.com.br/sobre/imagens/iconeMapa.jpg' title='Veja no Mapa' alt='Veja no Mapa'/></a><a onclick='mapa_franqueado(\""+endereco+"\", \""+bairro+"\", \""+cep+"\", \""+cidade+"\", \""+uf+"\", \""+fones+"\")'><br />Veja no Mapa</a></span>"+
					"</td>"+
				"</tr>"+
			"</table>";


lista_cidades = lista_cidades+"<span style='cursor:pointer'><a href='#' onclick='Dados(\""+uf+"\",\""+cidade+"\","+"0)'>"+cidade_imp+"</a></span>";
	if (cidade_imp !="") {
		lista_cidades = lista_cidades+"<br />";
	}
	
//"<a onclick='mapa_franqueado()'>Veja no Mapa </a>"
			var cidade_anterior = cidade;
			}
			
			div_lista_cidades.innerHTML = "<center><span class='titulos'>Selecione a cidade:</span></center><br />"+lista_cidades+"<br /><span style='cursor:pointer'><a href='#' onclick='Dados(\""+uf+"\",\"todos\","+"1)'>Exibir todas as Cidades.</a></span>";
			div_1.innerHTML=conteudo;
			estado_selecionado.innerHTML = uf_desc;
	  }

   }
	  

function mapa_franqueado(endereco, bairro, cep, cidade, uf, fones){
	var endereco_mapa = endereco+" - "+bairro+" - "+cidade+"-"+uf+", "+cep;
	var WINDOW_HTML = "<b>PURIFIC "+cidade+" "+bairro+"</b><br />"+endereco+" - "+bairro+"<br />CEP: "+cep+"<br />FONE: "+fones;
        Shadowbox.open({
            player:     'html',
            content:    '',
            title:      'PURIFIC '+cidade+' '+bairro+' - '+endereco,
            height:     500,
            width:      700,

            options:    {
                onFinish: function(item){
                    
                    if(GBrowserIsCompatible()){
                        var map = new GMap2(document.getElementById('sb-content'));

                        var geocoder = new GClientGeocoder();
                        //showAddress("76 9th ave new york");
                        //var endereco_mapa = "Maringá Brasil";
                        //function showAddress(address) {

                          geocoder.getLatLng(

                            endereco_mapa,
                            function(point) {
                                  if (!point) {
                                        alert("O GoogleMaps não localizou a loja no endereço: \""+endereco_mapa+"\".");
                                        Shadowbox.open();
                                  } else {
                                        map.setCenter(point, 16);
                                        var marker = new GMarker(point);
                                        map.addOverlay(marker);

                                        GEvent.addListener(marker, "click", function(){ marker.openInfoWindowHtml(WINDOW_HTML);});
                                        marker.openInfoWindowHtml(WINDOW_HTML);

                                        map.addControl(new GLargeMapControl());
                                        map.addControl(new GMapTypeControl());
                                        //alert(endereco_mapa);

                                }
                            }
                          );
                    }
                }
            }
    });

}

function demoGoogleMaps(){
    Shadowbox.open({
        player:     'html',
        content:    '',
        height:     300,
        width:      500,
        options:    {
            onFinish: function(item){
                if(GBrowserIsCompatible()){
                    var body = document.getElementById(Shadowbox.contentId());
                    var map = new GMap2(body);
                    map.setCenter(new GLatLng(37.4419, -122.1419), 13);

                    // add 10 markers to the map at random locations
                    var bounds = map.getBounds();
                    var southWest = bounds.getSouthWest();
                    var northEast = bounds.getNorthEast();
                    var lngSpan = northEast.lng() - southWest.lng();
                    var latSpan = northEast.lat() - southWest.lat();
                    for(var i = 0; i < 10; i++){
                        var point = new GLatLng(southWest.lat() + latSpan * Math.random(),
                            southWest.lng() + lngSpan * Math.random());
                        map.addOverlay(new GMarker(point));
                    }

                    // add some simple controls
                    map.addControl(new GSmallMapControl());
                    map.addControl(new GMapTypeControl());
                }
            }
        }
    });
}