window.addEvent("domready", function() {
  $('filter-pays').addEvent('change',function(event) {
      new Request.JSON({
        url: "/ajax/getVille.php",
        data: "pays="+$('filter-pays').get('value'),
        onComplete: function(result) {
          $('filter-ville').empty();
          result.each(function(ville) {
            $('filter-ville').adopt(new Element('option', {value: ville.id, text: ville.nom}));
          });
          $('filter-ville').fireEvent('change');
        }
      }).send();
      event.preventDefault();
    });

    $('filter-ville').addEvent('change',function(event) {
      new Request.HTML({
        url: "/ajax/getPointsDeVente.php",
        data: "ville="+$('filter-ville').get('value'),
        update: $('points-de-vente')
      }).send();
      event.preventDefault();
    });
    $('filter-pays').fireEvent('change');
});