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")
    this.$cart_count = this.$(".cart_count")
  },
  
  back_state: false,
  set_back: function(state){
    this.back_state = state
    if (state) {
      this.$burger[0].className = "burger ion-ios-arrow-left"
    }
    else {
      this.$burger[0].className = "burger ion-android-menu"
    }
  },
  
  nav: function(){
    if (this.back_state) {
      app.view.back()
    }
    else {
      app.nav.show()
    }
  },
  
  logo: function(){
    app.router.go("intro")
  },
  
  cart: function(){
    app.router.go("cart")
  },
  
  count: 0,
  set_cart_count: function(n){
    this.count = n
    this.$cart_count.html(n || " ")
  },
  increment_cart_count: function(){
    this.$cart_count.html( ++this.count )
  },
  decrement_cart_count: function(){
    this.$cart_count.html( --this.count )
  },

})