function getSource(e)
{
	if(typeof(e) == 'undefined')var e = window.event
		source=e.target?e.target:e.srcElement;
	if(source.nodeType == 3)
		source = source.parentNode;
	return(source);
}

function addEvent(obj, evType, fn)
{
		if (obj.addEventListener)
				obj.addEventListener(evType, fn, true)
		if (obj.attachEvent)
				obj.attachEvent("on"+evType, fn)
}

function doBusca(tuf, campoCid)
{
 	//limpa o select
    var c=document.getElementById(campoCid);
	
    while(c.options.length>0)c.options[0]=null
    c.options[0]=new Option(" -- Aguarde ... -- "," -- Aguarde ... -- ")
	var oXMLHttp = makeRequest();
    //Monta a url com a uf
    
	oXMLHttp.open("get", "cidades.php?id="+tuf, true);

    oXMLHttp.onreadystatechange=function() 
	{
        if (oXMLHttp.readyState==4)
		{
            //limpa o select
            var c=document.getElementById(campoCid)
            while(c.options.length>0)c.options[0]=null

            //Transforma a lista de cidades JSON em Javascript
            var jsonData = eval('('+oXMLHttp.responseText+')');
			//alert(jsonData.cidades[0].controle);
            //popula o select com a lista de cidades obtida
           
		    c.options[c.options.length]= new Option("Escolha uma Cidade", "0");
			for(var i=0;i<jsonData.cidades.length;i++)
			{
                idCid = jsonData.cidades[i].id_cidade;
				nomeCid = unescape(jsonData.cidades[i].cidade);
				nomeCid = nomeCid.replace(/\+/g, " ");
				
	            c.options[c.options.length]= new Option(nomeCid, idCid);
            }
        }
    }
    oXMLHttp.send(null)
}

function carregaCid(nomeCampoEst, nomeCampoCid)
{
	areaEst_natu = document.getElementById(nomeCampoEst);
	areaEst_natu.onchange = function(e)
	{
		var source = getSource(e);
		tuf = source.value;
		doBusca(tuf, nomeCampoCid);
	}
}

function camposEst()
{
	//Cria Estado Natural/
	areaEst_natu = document.getElementById("estado1");
	carregaCid("estado1", "cidade1");

	//Cria Estado Residente
	areaEst_res = document.getElementById("estado2");
	carregaCid("estado2", "cidade2");
}
addEvent(window,"load", camposEst);