function ListarCidades(estado) {
        
    var resultado = $('#spanCidade');
    $('#divCarregando').show();
    resultado.hide();

    //ESCONDO AS INFORMAÇÕES
    $("#boxPrevisao").hide();


    $.ajax({
        type: 'POST',
        url: '/site/WebServices/PrevisaoDoTempo.asmx/RetornaCidades',
        data: { 'estado': estado },
        success:
        function(xml) {
            cidadesXml = $(xml).find("Cidades");
            var txt = "";
            totalItens = cidadesXml.length + 1;

            txt += "<select style='width: 115px;' id='ddlCidade' name='ddlCidade' onchange='AtualizarInformacoesPrevisao(\"" + estado + "\", this.value);'>";
            txt += "<option value='Selecione'>Selecione</option>";

            for (var x = 0; x < cidadesXml.length; x++) {
                var nomeCidade = $(cidadesXml[x]).find('cidade').text();
                var idCidade = $(cidadesXml[x]).find('id').text();

                txt += "<option value='" + idCidade + "'>" + nomeCidade + "</option>";
            }
            txt += "</select>";
            resultado.html(txt);
            $('#divCarregando').hide();
            resultado.show();
        },
        error:
        function(req, status, er) {
            alert(er);
        }
    });

//    $.post("/site/WebServices/PrevisaoDoTempo.asmx/RetornaCidades", { "estado": estado },
//        function(xml) {
//            cidadesXml = $(xml).find("Cidades");
//            var txt = "";
//            totalItens = cidadesXml.length + 1;

//            txt += "<select style='width: 115px;' id='ddlCidade' name='ddlCidade' onchange='AtualizarInformacoesPrevisao(\"" + estado + "\", this.value);'>";
//            txt += "<option value='Selecione'>Selecione</option>";

//            for (var x = 0; x < cidadesXml.length; x++) {
//                var nomeCidade = $(cidadesXml[x]).find('cidade').text();
//                var idCidade = $(cidadesXml[x]).find('id').text();

//                txt += "<option value='" + idCidade + "'>" + nomeCidade + "</option>";
//            }
//            txt += "</select>";
//            resultado.html(txt);
//            $('#divCarregando').hide();
//            resultado.show();
//        }
//    );

    
    
    $("#ddlCidade").focus();
}

function AtualizarInformacoesPrevisao(estado, cidade) {

    var umidade;
    var precipitacao;
    var TemperaturaMin;
    var TemperaturaMax;
    var CodigoCondicaoTempo;
    var nomeCidade;

    

    $('#spanLinkProximos4Dias').html("<a href='/site/servicos/previsaodotempo.fss?estado=" + estado + "&amp;cidade=" + cidade + "' style='float:right;' id='textPrevisao'>Previsão para os próximos 4 dias</a>");
    
    $('#divCarregando').show();
    $.post("/site/WebServices/PrevisaoDoTempo.asmx/RetornaPrevisao", { "Uf": estado, "Cidade": cidade },
        function(xml) {
            xml = $(xml).find("Previsao");
            totalItens = xml.length + 1;
            for (var x = 0; x < xml.length; x++) {
                nomeCidade = $(xml[x]).find("Cidade").text();
                umidade = $(xml[x]).find("Umidade").text();
                precipitacao = $(xml[x]).find("Precipitacao").text();
                TemperaturaMin = $(xml[x]).find("TemperaturaMin").text();
                TemperaturaMax = $(xml[x]).find("TemperaturaMax").text();
                CodigoCondicaoTempo = $(xml[x]).find("CodigoCondicaoTempo").text();
                $("#umidadeAjax").html(umidade);
                $("#precipitacaoAjax").html(precipitacao);
                $("#TemperaturaMinAjax").html(TemperaturaMin);
                $("#TemperaturaMaxAjax").html(TemperaturaMax);
                $("#CodigoCondicaoTempoAjax").html(CodigoCondicaoTempo);
                $("#nomeCidadeAjax").html(nomeCidade);
                $("#fundoPrevisaoHome").css("background", "url('/images/previsao_tempo/ct" + CodigoCondicaoTempo + ".gif')");
                $("#fundoPrevisaoHomeAgricultor").css("background", "url('/images/previsao_tempo/ct" + CodigoCondicaoTempo + ".gif')");
            }
        });

        $('#divCarregando').hide();
        $("#boxPrevisao").show();
    
    
}