SearchEngine = {
    
    init: function(){
        var closure = this;
        $('select#AnnonceMarque').bind('change', function(){
            closure.getModeles();
        });
    },
    
    getModeles: function(){
        var marque = $('select#AnnonceMarque').val();
        var closure = this;
        $.getJSON(_BASE_URL_ + 'annonces/indexModeles', {marque : marque}, function(data){            
            closure.hydrateSelect(data.modeles);
        });        
    },
    
    hydrateSelect : function(data){
        $('select#AnnonceModele').empty();
        $('select#AnnonceModele').append('<option value="">Modele</option>');
        for(i in data)
            $('select#AnnonceModele').append(
                '<option value="' + i + '">' + data[i] + '</option>');       
    }   
    
}

$(document).ready(function(){
    SearchEngine.init();
});