var app = (function() {

  var app = {}
  var last_t = 0, initial_t = 0

  app.init = function() {
    app.loader = new Loader ()
    app.bind()
    app.bindSocket()
    app.build()
    app.resize()
    app.ready()
    $("body,html").scrollTop(0)
  }

  app.bind = function() {
    if (is_mobile) {
      // FastClick.attach(document.body)
    }
    $(window).resize(app.resize)
  }

  app.bindSocket = function(){
    app.socket = io(window.location.origin.replace("http","ws"))
    app.socket.on("connect", function(){
      console.log("socket connected")
    })
  }

  app.build = function() {
    window.scrollTo(0,0)
    app.views = {}
    app.views.home = new HomeView ()
    app.router = new SiteRouter ()
  }

  app.ready = function() {
    if (last_t) return
    setTimeout(function () {
      $("html").removeClass("loading")
      window.scrollTo(0,0)
    }, 50)
    app.view = null
    app.router.launch()
    // app.animate(0)
  }

//   app.animate = function (t) {
//     requestAnimationFrame(app.animate)
//     if (! initial_t) {
//       initial_t = t
//       return
//     }
//     t -= initial_t
//     var dt = t - last_t
//     last_t = t
//     // environment.update(t, dt)
//   }

  app.resize = function () {
  }

  return app

})()

document.addEventListener('DOMContentLoaded', app.init)