SignalR connection flow

connection.js

$(document).ready(function () {
        var username = @Html.Raw(Json.Encode(Model));
        
        PongR.createInstance(1200,600,username);
        PongR.connect();                      
 });

// Public methods
pongR.PublicPrototype.createInstance = function (width, height, username) {
  pongR.settings = new Settings(width, height);
  pongR.pongRHub = $.connection.pongRHub;
  pongR.pongRHub.username = username;
  pongR.pongRHub.opponentLeft = opponentLeft;
  pongR.pongRHub.wait = wait;
  pongR.pongRHub.setupMatch = setupMatch;
  pongR.pongRHub.updateGame = updateGame;
}


pongR.PublicPrototype.connect = function () {
  $.connection.hub.start()
    .done(function () {
        pongR.pongRHub.joined();
    });
};