var NavView = View.extend({
  
  el: "#nav",
  
  events: {
    "click .store": "store",
    "click .hub": "hub",
    "click .story": "story",
    "click .archive": "archive",
    "click .login": "login",
    "click .faq": "faq",
    "click .search": "search",
    "click .fb": "fb",
    "click .insta": "insta",
    "click .tw": "tw",
  },
  
  initialize: function(){
  },
  
  show: function(){
    $("body").addClass("nav")
  },
  
  hide: function(){
    $("body").removeClass("nav")
  },

  store: function(){
    this.hide()
    app.router.go("store")
  },
  hub: function(){
    this.hide()
    app.router.go("hub")
  },
  story: function(){
    this.hide()
    app.router.go("story")
  },
  archive: function(){
    this.hide()
    app.router.go("archive")
  },
  
  login: function(){
    this.hide()
    app.router.go("login")
  },
  
  search: function(){
    this.hide()
    app.router.go("search")
  },
  faq: function(){
    this.hide()
    app.router.go("faq")
  },
  
  fb: function(){
    window.open("https://www.facebook.com/StoneIsland", '_system')
  },
  insta: function(){
    window.open("https://instagram.com/stoneisland_official", '_system')
  },
  tw: function(){
    window.open("https://twitter.com/stoneisland", '_system')
  },
  

})