
   function SelectCidade(id_estado) {
      //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) {
	     //deixa apenas o elemento 1 no option, os outros são excluídos
		document.forms[0].cidade.options.length = 1;
	     
        idOpcaoCidade  = document.getElementById("title_cidade");


	     ajax.open("POST", "include/function/busca_cidade.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) {
			 
				 idOpcaoCidade.value = "Carregando...";
			  
	        }
			//após ser processado - chama função processXML que vai varrer os dados
            if(ajax.readyState == 4 ) {
			 
				if(ajax.responseXML) {
					
					processXML1(ajax.responseXML);
				
				}
				else {
				   //caso não seja um arquivo XML emite a mensagem abaixo
				   
				}
				idOpcaoCidade.value = "Selecione a Cidade";
            }
         }
		 
	     var params = "estado="+id_estado;
         ajax.send(params);
      }
   }
   
   function processXML1(obj){
      //pega a tag cidade
      var dataArray   = obj.getElementsByTagName("cidade");

      
	  //total de elementos contidos na tag cidade
	  if(dataArray.length > 0) {
		  
	     //percorre o arquivo XML paara extrair os dados
         for(var i = 0 ; i < dataArray.length ; i++) {
			 
			var item = dataArray[i];
			
			var codigo=  item.getElementsByTagName("codigo")[0].firstChild.nodeValue;
			var nome =  item.getElementsByTagName("nome")[0].firstChild.nodeValue;

				var novo = document.createElement("option");
			    //atribui um ID a esse elemento
                novo.setAttribute("id", "opcoes");

                /* Caso seja o primeiro registro (coloca o fundo como amerelo)
                   Lembrando que esse primeiro registro é a capital do estado */
                if (i == 0) { novo.style.backgroundColor = "#FFFFA6"; }
                
				//atribui um valor
			    novo.value = codigo;
				//atribui um texto
			    novo.text  = nome;
				//finalmente adiciona o novo elemento
				
				
				document.getElementById("cidade").options.add(novo);
		 }
	  }
	  else {
	    //caso o XML volte vazio, printa a mensagem abaixo
		
		idOpcaoCidade.innerHTML = "Vazio";
	  }	  
   }
   
