var PageView = View.extend({

  el: "body",

  events: {
    "click #close": "close",
  },

  initialize: function(options){
    options = options || {}
    var data = this.data = options.data
  },
  
  render: function(){
    if (this.rendered) return
    this.rendered = true
  },

  show: function(){
    this.render(this.data)
    document.body.className = "pageopen"
    MAKE_CONFETTI()
  },

  hide: function(){
    document.body.className = ""
    $(".visible").removeClass("visible")
    $("#nav a.active").removeClass('active')
  },
  
  close: function(){
    app.router.go("/")
  },

  load: function(id){
    $("#nav a[href='/page/" + id + "']").addClass('active')
    this.$("#" + id).addClass("visible")
  },


})