var PaintingView = View.extend({

  el: "body",

  // template: liquid($('#tmpl-about').html()),

  events: {
  },

  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 = "painting"
  },

  hide: function(){
    // document.body.className = "about"
  },

  load: function(id){
    var index = this.data.paintings.map(function(p){ return p.id }).indexOf(id)
    if (index) {
      $.fn.fullpage.moveTo(index+1)
    }
  },

})