// JavaScript Document
// JavaScript Document
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.form1.cidades.options.length = 1;
	idOpcao  = document.getElementById("nome_cidades");
	ajax.open("POST", "gre_cidades_ajax.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 = "Aguarde Carregando...!";   
		}
		//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
				idOpcao.innerHTML = "Primeiro selecione o estado";
			}
		}
	}
	//passa o código do estado escolhido
	var params = "estado="+valor;
	ajax.send(params);
	}
}


function processXML(obj){
	document.form1.cidades.disabled=false;
	//pega a tag cidade
	var dataArray   = obj.getElementsByTagName("cidades");
	//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 nome =  item.getElementsByTagName("nome")[0].firstChild.nodeValue;
			idOpcao.innerHTML = "Selecione";
			//cria um novo option dinamicamente  
			var novo = document.createElement("option");
			//atribui um ID a esse elemento
			novo.setAttribute("id", "nome_cidades");
			//atribui um valor
			novo.value = nome;
			//atribui um texto
			novo.text  = nome;
			//finalmente adiciona o novo elemento
			document.form1.cidades.options.add(novo);
		}
	}
	else {
		//caso o XML volte vazio, printa a mensagem abaixo
		idOpcao.innerHTML = "--Primeiro selecione o estado--";
	}	  
}