$(function() {
    
    function populateSelect(element) {
        
        var tipo = $('#Param_tipo').val();
        var marca = $('#Param_marca').val();
        var modelo = $('#Param_modelo').val(); 

        if(tipo != 999 && element == 'Param_tipo') {
            marca = 999;
            modelo = 999;
        }

        $("#tipo").val(tipo);
        $("#marca").val(marca);
        $("#modelo").val(modelo);
        $.getJSON('/default/index/populateselect', 
        {
            tipo : tipo,
            marca : marca,
            modelo : modelo
        }, 
        function(data) {

            var selectTipo = '<option value="999">Escolha o tipo</option>';
            var selectMarca = '<option value="999">Escolha a marca</option>';
            var selectModelo = '<option value="999">Escolha o modelo</option>';

            if(data.tipo != undefined) {
                for (var i = 0; i < data.tipo.length; i++) {
                    selectTipo += '<option value="' + data.tipo[i].id + '"';
                    if(data.tipo[i].id == marca) {
                        selectTipo += ' selected="selected"';
                    }
                    selectTipo += '>' + data.tipo[i].nome + '</option>';
                }
                $('#Param_tipo').html(selectTipo);
            }

            if(data.marca != undefined) {
                for (i = 0; i < data.marca.length; i++) {
                    selectMarca += '<option value="' + data.marca[i].id + '"';
                    if(data.marca[i].id == marca) {
                        selectMarca += ' selected="selected"';
                    }
                    selectMarca += '>' + data.marca[i].nome + '</option>';
                }
                $('#Param_marca').html(selectMarca);
            }

            if(data.modelo != undefined) {
                for (i = 0; i < data.modelo.length; i++) {
                    selectModelo += '<option value="' + data.modelo[i].id + '"';
                    if(data.modelo[i].id == modelo) {
                        selectModelo += ' selected="selected"';
                    }
                    selectModelo += '>' + data.modelo[i].nome + '</option>';
                }
                $('#Param_modelo').html(selectModelo);
            }

            $('#Param_tipo').val($("#tipo").val());
            $('#Param_marca').val($("#marca").val());
            $('#Param_modelo').val($("#modelo").val());
            $('.newListSelected').remove();
            $('.PesquisaMoto').sSelect({
                subString : 18
            });

            $("#formSearch").css("visibility","visible");
        });

           

        

            

       

        
    }

    $('.PesquisaMoto').change(function() {

        $('.PesquisaMoto').attr('disabled', 'disabled');

        $('#btoBuscaAvancada').attr('disabled', 'disabled');

        $('.PesquisaMoto').resetSS();

    });

    $('#formSearch').ajaxStop(function() {
        $('.PesquisaMoto').removeAttr('disabled');

        $('.PesquisaMoto').resetSS();

        $('#btoBuscaAvancada').removeAttr('disabled');

    });

    
    populateSelect();
    
    $('.PesquisaMoto').change(function() {
        var element = $(this).attr('id');
        populateSelect(element);
    });    

})