var lobby, room

var SiteRouter = Router.extend({

	el: "body",
	
	routes: {
		"/":              'login',
		"/index":         'index',
		"/login":         'login',
		"/details/:id":   'details',
		"/mail":          'mailbox',
		"/mail/:mailbox": 'mailbox',
		"/mail/read/:id": 'message',
		"/mail/compose":  'compose',
	},
	
	initialize: function(){
    this.route()
  },
  
  index: function(){
    app.view = new IndexView ()
  },
  
  login: function(){
    app.view = new LoginView ()
  },
  
  details: function(id){
    app.view = new DetailsView ()
    app.view.load(id)
  },
  
  mailbox: function(box){
    app.view = new MailboxView ()
    app.view.load(box)
  },
  
  message: function(id){
    app.view = new MessageView ()
    app.view.load(id)
  },
  
  compose: function(){
    app.view = new ComposeView ()
  },

})