window.CollectionListItemView = Backbone.View.extend({

  tagName: "li",
  className: "span3",
  template: new EJS({url: 'js/templates/collectionsItemView.ejs'}),

  initialize: function () {
    //this.model.bind("change", this.render, this);
    //this.model.bind("destroy", this.close, this);
  },
  events: {
    'click .pull-left' : 'noop',
    'click .icon-edit' : 'editProperties',
    'click': 'selectCollection'
  },
  render: function () {
    $(this.el).html(this.template.render(this.model));
    return this;
  },

  editProperties: function (event) {
    event.stopPropagation();
    window.App.navigate("collection/" + encodeURIComponent(this.model.get("id")), {trigger: true});
  },
  
  selectCollection: function() {
    window.App.navigate("collection/" + encodeURIComponent(this.model.get("name")) + "/documents/1", {trigger: true});
  },
  
  noop: function(event) {
    event.stopPropagation();
  }

});