// JavaScript Document

// Funções para auto-complete do topo
$(document).ready(function() {
    var estado = 0;
    var itemLista = "";
    
    $.getJSON(urlGetEstado, null, function(data) {
        var selecionar = '';
        var options = [];
        $.each(data, function(index, item) {
            options.push('<option value="' + item.Estado + '">' + item.Estado + '</option>');
        });
        $("#estado").find('option').remove();
        $("#estado").append(options.join('')).val(0);
        $("#estado").val("");
        $.getJSON(urlGetCidades + "?estado=", null, function(data) {
            var selecionar = '';
            var options = [];
            options.push('<option value="">Indiferente</option>');
            $.each(data, function(index, item) {
                options.push('<option value="' + item.Cidade + '">' + item.Cidade + '</option>');
            });
            $("#cidade").find('option').remove();
            $("#cidade").append(options.join('')).val(0);
            aplicaCSS();
        });
    });
    $.getJSON(urlGetEstado, null, function(data) {
        var selecionar = '';
        var options = [];
        $.each(data, function(index, item) {
            options.push('<option value="' + item.Estado + '">' + item.Estado + '</option>');
        });
        $("#estadoPainel").find('option').remove();
        $("#estadoPainel").append(options.join('')).val(0);
        $("#estadoPainel").val("");
        $.getJSON(urlGetCidades + "?estado=", null, function(data) {
            var selecionar = '';
            var options = [];
            options.push('<option value="">Indiferente</option>');
            $.each(data, function(index, item) {
                options.push('<option value="' + item.Cidade + '">' + item.Cidade + '</option>');
            });
            $("#cidadePainel").find('option').remove();
            $("#cidadePainel").append(options.join('')).val(0);
            aplicaCSS();
        });
    });
});
$(function() {
    $("#estado").change(function() {
        var uf = $("#estado").val();
        $.getJSON(urlGetCidades + "?estado=" + uf, null, function(data) {
            var selecionar = '';
            var options = [];
            options.push('<option value=""></option>');
            $.each(data, function(index, item) {
                options.push('<option value="' + item.Cidade + '">' + item.Cidade + '</option>');
            });
            $("#cidade").find('option').remove();
            $("#cidade").append(options.join('')).val(0);
            aplicaCSS();
        });
    });
    $("#estadoPainel").change(function() {
        var uf = $("#estadoPainel").val();
        $.getJSON(urlGetCidades + "?estado=" + uf, null, function(data) {
            var selecionar = '';
            var options = [];
            options.push('<option value=""></option>');
            $.each(data, function(index, item) {
                options.push('<option value="' + item.Cidade + '">' + item.Cidade + '</option>');
            });
            $("#cidadePainel").find('option').remove();
            $("#cidadePainel").append(options.join('')).val(0);
            aplicaCSS();
        });
    });
});



// Função para auto-complete das Cidades
/*$(document).ready(function() {
    var estado = 0;
    var itemLista = "";
    $("#todascidades").autocomplete({
        source: function(request, response) {
            $.ajax({
                url: urlGetTodasCidades,
                dataType: "JSONP",
                data: {
                    q: escape(request.term)
                },
                success: function(data) {
                    response($.map(data, function(item) {
                        if (item == '"' && estado == 0)
                            estado = 1;
                        else
                            if (item != "[" && item != "," && item != "]")
                            itemLista += item;
                        if (item == '"' && estado == 1) {
                            estado = 0;
                            var retorno = itemLista;
                            itemLista = "";
                            if (retorno != "") {
                                return {
                                    label: retorno,
                                    value: retorno
                                }
                            }
                        }
                    }))
                }
            })
        },
        minLength: 2
    });
});*/