var CollectionView = Backbone.View.extend({
    appendItem: function() {},
    updateItem: function() {},
    removeItem: function() {},
    clear: function() {},
    repopulate: function() {
        this.clear();
        this.collection.each(this.appendItem, this);
    },
    bindCollection: function() {
        this.repopulate();
        
        this.collection
            .on('add', this.appendItem, this)
            .on('change', this.updateItem, this)
            .on('remove', this.removeItem, this)
            .on('reset', this.repopulate, this);
    },
    unbindCollection: function() {
        this.collection.off(null, null, this);
    },
    compileTemplates: function(templates) {
        this.templates = {};
        
        _.each(templates, function(template, name) {
            this.templates[name] = _.template(template);
        }, this);
    }
});
var CollectionCounterView = CollectionView.extend({
    initialize: function(options) {
        this.bindCollection();
    },
    appendItem: function() {
        this.repopulate();
    },
    removeItem: function() {
        this.repopulate();
    },
    repopulate: function() {
        this.$el.html(this.collection.models.length);
    }
});