// 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) {
                ajax = null;
            }
        }
    }
    //se tiver suporte ajax
    if(ajax) {
        //deixa apenas o elemento 1 no option, os outros são excluídos
        document.formsCidade.listCidades.options.length = 1;
	     
        idOpcao  = document.getElementById("opcoes");
		 
        ajax.open("POST", "../fc/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 Primeiro";
                }
            }
        }
        //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.formsCidade.listCidades.options.add(novo);
        }
    }
    else {
        //caso o XML volte vazio, printa a mensagem abaixo
        idOpcao.innerHTML = "Selecione Seu Estado Primeiro";
    }
}