       tipselector: 'tr[data-gamenumber="0"] td:first-child'
       tipheading: 'Join this game'
       tipmessage: 'Click here to join the game!'
-
-    @addStep 
-      id: "goal"
-      modal: true
-      header: "Goal setting"
-      content: "Great, we're in a game! You've been chosen to be the goal setter. Let's make the goal '1+2'."
-
-    @doStepWhenScreen GoalScreen, "goal"
+      callback: =>
+        @addStep 
+          id: "goal"
+          modal: true
+          header: "Goal setting"
+          content: "Great, we're in a game! You've been chosen to be the goal setter. Let's make the goal '1+2'."
+        @doStepWhenScreen GoalScreen, "goal"
 
     @addStep
       modal: false

      modal: false
      tipselector: '#sendgoal'
      tipmessage: 'Great, now click here to submit the goal and start the game.'

    @addStep
      id: "game"
      modal: true
      header: "We're in!"
      content: "We've finally started playing the game. Let me now show you around."
    @doStepWhenScreen GameScreen, "game"

    @addStep
      modal: false

    if typeof className is "function"
      thisReference = this
      stepid = stepId
      numTries = 20
      doThis = -> thisReference.doStep(stepid)
      checker = ->
        currentScreen = ScreenSystem.currentScreen
        if currentScreen instanceof className
          doThis()
        else if numTries > 0
          numTries--
          setTimeout checker, 1000
        else if numTries <= 0
          ScreenSystem.currentScreen.alert "Hey! Still there? I'm waiting for you to do the tutorial..."
      checker()

  ###*
   * Shows the tutorial modal box (bootstrap) window
