var NavView = View.extend({

  el: "#mobile-nav",

  events: {
    "click .pages a": "go",
    "click .pages > span": "go_span",
  },

	initialize: function(){
	},

  home: function(){
    app.router.go("/")
    this.$headings.find(".active").removeClass("active")
    if (app.mobile_nav && app.mobile_nav.state.open) {
      app.mobile_nav.hamburger()
    }
  },

  go: function(e){
    e.preventDefault()
    e.stopPropagation()
    var href = $(e.currentTarget).attr("href")
    app.router.go(href)
    console.log(href)
    if (is_mobile) {
      app.mobile_nav.hamburger()
    }
    this.after_go()
  },
  
  go_span: function(e){
    $("a", e.currentTarget).trigger("click")
  },
  
  after_go: function(){  
  },
  
  setActive: function(id){
    var href = '/' + id
    var $el = $('[href="' + href + '"]')
    this.$('.active').removeClass('active')
    if ($el.length) {
      $el.addClass('active')
    }
  },
  
});