Untitled

var ParticipantFilter = new Class({

  initialize: function(filtersContainer, availableFilters) {
    this.filtersContainer = filtersContainer;
    this.availableFilters = availableFilters;
    this.addButton = $('add_filter');

    this.attachEvents();
  },

  attachEvents: function() {
    this.addButton.addEvent('click', this.addFilterSelect.bind(this));
  },

  addFilterSelect: function() {
    var count = $$('.filter_wrapper').length;

    var filterWrapper = new Element('div', {
      id: "filter_wrapper_" + count,
      class: 'filter_wrapper',
    });

    var filterSelect = new Element('select', {
      id: "filter_select_" + count
    });

    this.availableFilters.each(function(filter, key){
      var filterOption = new Element('option', {
        value: key,
        text: filter.text
      });
      filterOption.inject(filterSelect);
    });

    filterSelect.addEvent('change', function(){
      addFilterInput(this);
participant_filter.js:36Uncaught ReferenceError: addFilterInput is not defined
    });

    filterSelect.inject(filterWrapper);
    filterWrapper.inject(this.filtersContainer);
  },

  addFilterInput: function(filterSelect) {
    var selected = filterSelect.getSelected();
    var filter = availableFilters.get(selected.get('value'));

    console.log(filter);
  }

});