var HootBox = FormView.extend({
  
  el: "#hootbox",
  
  events: {
  },
  
  initialize: function(){
    this.__super__.initialize.call(this)
    this.template = this.$(".template").html()
    this.$hoots = this.$("#hoots")
  },
  
  load: function(comments){
    comments.forEach(this.appendComment.bind(this))
  },
  
  parse: function(comment){
    var t = this.template.replace(/{{username}}/g, comment.username)
                         .replace(/{{comment}}/g, tidy_urls(comment.comment, true))
    return t
  },
  
  prependComment: function(comment){
    var $el = $( this.parse(comment) )
    this.$hoots.prepend($el)
  },

  appendComment: function(comment){
    var $el = $( this.parse(comment) )
    this.$hoots.append($el)
  },
  
  success: function(){
    this.prependComment(comment)
  }
})