(function($){
  $.fn.eventsFilter = function() {
    var cont = null;
    var events = $('.events');
    
    var applyFilter = function() {
      var selected = cont.find('.selected');
      events.find('.match').removeClass('match');
      selected.each(function(){
        var igra = $(this).attr('class').replace(/ selected/, '');
        events.find('.'+igra).parents('.event').addClass('match').show('fast');
      });
      events.find('.event').not('.match').hide('fast');
    }
  
    return this.each(function() {
      cont = $(this);
      cont.find('a').each(function(){
        var game = $(this);
        game.click(function(){
          $(this).toggleClass('selected');
          applyFilter();
          return false;
        });
      });
      cont.append('<div class="controls"><span id="reset-filter">Reset filter</span></div>');
      cont.find('#reset-filter').click(function(){
        events.find('.match').removeClass('match');
        cont.find('.selected').removeClass('selected');
        events.find('.event').show('fast');
      });
    });

  };
})(jQuery);