// declare a global  XMLHTTP Request object
var XmlHttpObjCidade;

// create an instance of XMLHTTPRequest Object, varies with browser type, try for IE first then Mozilla
function CreateXmlHttpObjCidade()
{
	// try creating for IE (note: we don't know the user's browser type here, just attempting IE first.)
	try
	{
		XmlHttpObjCidade = new ActiveXObject("Msxml2.XMLHTTP");
	}
	catch(e)
	{
		try
		{
			XmlHttpObjCidade = new ActiveXObject("Microsoft.XMLHTTP");
		} 
		catch(oc)
		{
			XmlHttpObjCidade = null;
		}
	}
	// if unable to create using IE specific code then try creating for Mozilla (FireFox) 
	if(!XmlHttpObjCidade && typeof XMLHttpRequest != "undefined") 
	{
		XmlHttpObjCidade = new XMLHttpRequest();
	}
}

// called from onChange or onClick event of the Uf dropdown list
function idufOnChange() 
{
    var iduf = document.getElementById("iduf");
    
    // get selected Uf from dropdown list
    var selectedUf = iduf.options[iduf.selectedIndex].value;
    
    // url of page that will send xml data back to client browser
    var requestUrl;
    // use the following line if using asp
    //requestUrl = "xml_data_provider.asp" + "?filter=" + encodeURIComponent(selectedUf);
    // use the following line if using php
    //requestUrl = "xml_data_provider.php" + "?filter=" + encodeURIComponent(selectedUf);
     requestUrl = "inc.xml.cidades.php" + "?iduf=" + encodeURIComponent(selectedUf);
    
	CreateXmlHttpObjCidade();
	
	// verify XmlHttpObjCidade variable was successfully initialized
	if(XmlHttpObjCidade)
	{
        // assign the StateChangeHandlerCidade function ( defined below in this file)
        // to be called when the state of the XmlHttpObjCidade changes
        // receiving data back from the server is one such change
		XmlHttpObjCidade.onreadystatechange = StateChangeHandlerCidade;
		
		// define the iteraction with the server -- true for as asynchronous.
		XmlHttpObjCidade.open("GET", requestUrl,  true);
		
		// send request to server, null arg  when using "GET"
		XmlHttpObjCidade.send(null);		
	}
}


// this function called when state of  XmlHttpObjCidade changes
// we're interested in the state that indicates data has been
// received from the server
function StateChangeHandlerCidade()
{
	// state ==4 indicates receiving response data from server is completed
	if(XmlHttpObjCidade.readyState == 4)
	{
		// To make sure valid response is received from the server, 200 means response received is OK
		if(XmlHttpObjCidade.status == 200)
		{			
			Populateidcidade(XmlHttpObjCidade.responseXML.documentElement);
		}
		else
		{
			alert("problem retrieving data from the server, status code: "  + XmlHttpObjCidade.status);
		}
	}
}

// populate the contents of the cidade dropdown list
function Populateidcidade(cidadeNode)
{
    var idcidade = document.getElementById("idcidade");
	// clear the cidade list 
	for (var count = idcidade.options.length-1; count >-1; count--)
	{
		idcidade.options[count] = null;
	}

	var cidadeNodes = cidadeNode.getElementsByTagName('row');
	var idValue;
	var textValue; 
	var optionItem;
	//cria todos os modelos
	optionItem = new Option( 'Selecione', '',  false, false);
	idcidade.options[idcidade.length] = optionItem;
	// populate the dropdown list with data from the xml doc
	for (var count = 0; count < cidadeNodes.length; count++)
	{
   		//textValue = GetInnerText(cidadeNodes[count]);
		textValue = cidadeNodes[count].getAttribute("cidade");
		idValue = cidadeNodes[count].getAttribute("idcidade");
		optionItem = new Option( textValue, idValue,  false, false);
		idcidade.options[idcidade.length] = optionItem;
	}
}

// returns the node text value 
function GetInnerText (node)
{
	 return (node.textContent || node.innerText || node.text) ;
}