var IndexView = View.extend({

  events: {
  },
  
  action: "/api/index",
  keywordAction: "/api/keyword/",
  
  initialize: function(opt){
    // opt.parent = parent
    this.hootbox = new HootBox ({ parent: this })
    this.threadbox = new ThreadBox ({ parent: this })
    this.lastlog = new LastLog ({ parent: this })
  },
  
  load: function(keyword){
    if (keyword) {
      $(".subtitle").html('<a href="/">&lt; Home</a> &middot; <a href="/keywords">Keywords</a>')
      this.threadbox.options.latest = false
      this.threadbox.options.welcome = false
      $.get(this.keywordAction + keyword, this.populate.bind(this))
    }
    else {
      this.hootbox.options.required = true
      this.threadbox.options.latest = true
      this.threadbox.options.welcome = true
      $.get(this.action, this.populate.bind(this))
      $("body").addClass("index")
    }
  },
  
  populate: function(data){
    $("body").removeClass('loading')
    this.hootbox.load(data.hootbox)
    this.threadbox.load(data)
    this.lastlog.load(data.lastlog)
    $(".search_form input").focus()
  },
  
  success: function(){
    window.location.href = "/index"
  },

})