var PageView = ScrollableView.extend({
  
  events: {
    "click a": "follow_link"
  },

  initialize: function(opt){
    this.page = opt.page
    this.setElement("#" + opt.page)
    this.$content = this.$(".content")
    this.$loader = this.$(".loader")
    this.scroller = new IScroll('#' + this.page, app.iscroll_options)
  },

  show: function(){
    this.deferScrollToTop()
    app.footer.hide()
    document.body.className = this.page
  },
  
  populate: function(data){
    this.$content.html(data.body.replace(/\n/g, "<br>"))
    this.$content.find("a").each(function(){
      var href = $(this).attr("href") // .substr(1, "fuck".length-2)
      if (href.indexOf("“") !== -1) {
        href = href.substr(1, href.length-2)
        $(this).attr("href", href)
      }
      console.log(href)
      $(this).attr("target", "_system")
    })
  },
  
  follow_link: function(e){
    e.stopPropagation()
    e.preventDefault()
    var href = $(e.currentTarget).attr("href")
    console.log(href)
    if (href.indexOf('http') !== 0) {
      app.router.go(href.replace('!/', ''))
    } else {
      window.open(href, '_system')
    }
  },

})