var HeaderView = View.extend({

  el: "nav",

  events: {
    "click .index": "toggleNav",
  },
  
  initialize: function(){
    this.$pageNumber = this.$(".page-no")
    this.$slideNumber = this.$(".slide-no")
    this.$slideCount = this.$(".slide-count")
  },
  
  updateSlideNumber: function(n){
    n += 1
    if (n < 10) n = "0" + n
    this.$slideNumber.html()
  },

  updatePageNumber: function(n){
    n += 1
    if (n < 10) n = "0" + n
    this.$pageNumber.html(n)
  },

  updateSlideCount: function(n){
    if (n < 10) n = "0" + n
    this.$slideCount.html(n)
  },
  
  toggleNav: function(){
    $('body').toggleClass('navopen')
  },

})