Backbone Router con "pestañas" (secciones en una misma PageView con rutas distintas)

gistfile1.js

/* Router */

var AppRouter = R.extend(SmartRouter, {
  init: function() {
    this._super()
    this.hottest()
  },
  routes: {
    "": "index",
    "latest": "latest",
    "hottest": "hottest",
    "post/:id": "detalles"
  },
  index: function() {
    this.hottest()
  },
  latest: function() {
    if (!(this._activePage instanceof PostListPageView)) {
      this.changePage(new PostListPageView())
    }
    this._activePage.showSection("recent")
  },
  hottest: function() {
    if (!(this._activePage instanceof PostListPageView)) {
      this.changePage(new PostListPageView())
    }
    this._activePage.showSection("popular")
  },
  detalles: function(id) {
    this.changePage(new PostDetailsPageView(id))
  }
})

/* Init */

window.appRouter = new AppRouter()
Backbone.history.start()