Updates fb and g+ functions to be called on api load, fixes #695

app/assets/index.html

@@ -74,6 +74,7 @@
   <script>
     // Additional JS functions here
     window.fbAsyncInit = function() {
+      Backbone.Mediator.publish('fbapi-loaded')
       FB.init({
         appId      : document.location.origin === 'http://localhost:3000' ? '607435142676437' : '148832601965463', // App ID
         channelUrl : document.location.origin +'/channel.html', // Channel File

app/views/play/ladder/ladder_tab.coffee

@@ -24,6 +24,8 @@ module.exports = class LadderTabView extends CocoView
     'click .connect-facebook': 'onConnectFacebook'
 
   subscriptions:
+    'fbapi-loaded': 'onFacebookAPILoaded'
+    'gapi-loaded': 'onGPlusAPILoaded'
     'facebook-logged-in': 'onConnectedWithFacebook'
 
   constructor: (options, @level, @sessions) ->
@@ -31,7 +33,6 @@ module.exports = class LadderTabView extends CocoView
     @teams = teamDataFromLevel @level
     @leaderboards = {}
     @refreshLadder()
-    @checkFriends()
 
   checkFriends: ->
     @loadingFacebookFriends = true
@@ -45,8 +46,14 @@ module.exports = class LadderTabView extends CocoView
     else
       @gplusSessionStateLoaded()
 
+  apiLoaded: ->
+    return unless @fbAPILoaded and @gplusAPILoaded
+    @checkFriends()
   # FACEBOOK
 
+  onFacebookAPILoaded: ->
+    @fbAPILoaded = true
+    @apiLoaded()
   # Connect button pressed
 
   onConnectFacebook: ->
@@ -80,6 +87,10 @@ module.exports = class LadderTabView extends CocoView
 
   # GOOGLE PLUS
 
+  onGPlusAPILoaded: ->
+    @gplusAPILoaded = true
+    @apiLoaded()
+
   gplusSessionStateLoaded: ->
     if application.gplusHandler.loggedIn
       @loadingGPlusFriends = true