// JavaScript ajax para consultar cidades
function Dados(valor) {
	//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.frmComAjax.listCidades.options.length = 1;
	     
		idOpcao  = document.getElementById("opcoes");
		 
	    ajax.open("POST", "aj/cidades.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) {
				idOpcao.innerHTML = "Carregando...!";   
	        }
			//após ser processado - chama função processXMLCidade que vai varrer os dados
            if(ajax.readyState == 4 ) {
			   if(ajax.responseXML) {
			      processXMLCidade(ajax.responseXML);
			   }
			   else {
			       //caso não seja um arquivo XML emite a mensagem abaixo
				   idOpcao.innerHTML = "Selecione seu Estado";
			   }
            }
        }
		//passa o código do estado escolhido
	    var params = "estado="+valor;
        ajax.send(params);
    }
}
   
   function processXMLCidade(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];
			//contéudo dos campos no arquivo XML
			var codigo    =  item.getElementsByTagName("codigo")[0].firstChild.nodeValue;
			var descricao =  item.getElementsByTagName("descricao")[0].firstChild.nodeValue;
			
	        idOpcao.innerHTML = "Selecione a Cidade...";
			
			//cria um novo option dinamicamente  
			var novo = document.createElement("option");
			    //atribui um ID a esse elemento
			    novo.setAttribute("id", "opcoes");
				//atribui um valor
			    novo.value = codigo;
				//atribui um texto
			    novo.text  = descricao;
				//finalmente adiciona o novo elemento
				document.frmComAjax.listCidades.options.add(novo);
		 }
	  }
	  else {
	    //caso o XML volte vazio, printa a mensagem abaixo
		idOpcao.innerHTML = "---------";
	  }	  
   }