
   function SelectCidade(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.forms[0].cidade.options.length = 1;
	     
		 idOpcao  = document.getElementById("opcoes");
		 
		 id_texto_estado = document.getElementById("texto_estado");
		 id_texto_cidade = document.getElementById("texto_cidade");
				 
		 x = document.getElementById("estado");
		 
		 document.getElementById("imagem_estado").src = "images/fundo_select.gif";	
		 
		 id_texto_estado.value = x.options[x.selectedIndex].text
		 
	     ajax.open("POST", "classes.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...!";
			   id_texto_cidade.value = "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--";
				   id_texto_estado.innerHTML = "--Primeiro selecione o estado--";
			   }
            }
         }
		 //passa o código do estado escolhido
	     var params = "estado="+document.getElementById("estado").value+"&acao=listCities";
         ajax.send(params);
      }
   }
   
   function processXML(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 nome =  item.getElementsByTagName("nome")[0].firstChild.nodeValue;
			
	        idOpcao.innerHTML = "Selecione uma cidade";
			id_texto_cidade.value = "Selecione uma 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  = nome;
				//finalmente adiciona o novo elemento
				document.getElementById("cidade").options.add(novo);
		 }
	  }
	  else {
	    //caso o XML volte vazio, printa a mensagem abaixo
		
		idOpcao.innerHTML = "--Primeiro selecione o estado --";
	  }	  
   }
   
   function selecionatipo(value){
	   
	 x = document.getElementById("hotspot_type");
		 
	 id_texto_tipo.value = x.options[x.selectedIndex].text
		 
	document.getElementById("imagem_tipo").src = "images/fundo_select.gif";			 
	   
   }
   
   
   function muda_imagem(operador){
				
		document.getElementById("imagem_"+operador).src = "images/fundo_select_baixo.gif";		
			
   }