var HeaderView = View.extend({
  
  el: "#header",
  
  events: {
    "click .burger": "nav",
    "click .logo": "logo",
    "click .cart": "cart",
  },
  
  initialize: function(){
    this.$burger = this.$(".burger")
    this.$cart = this.$(".cart")
  },
  
  set_back: function(state){
    if (state) {
      this.$burger[0].className = "burger ion-ios-arrow-left"
    }
    else {
      this.$burger[0].className = "burger ion-android-menu"
    }
  },
  
  nav: function(){
    if (app.view.back) {
      app.view.back()
    }
    else {
      app.nav.show()
    }
  },
  
  logo: function(){
    app.router.go("intro")
  },
  
  cart: function(){
    app.router.go("cart")
  },

})