     if $('#graph-container').hasClass 'loading-lightcurve'
       @notify 'Please wait until current lightcurve is loaded.'
       return
-
     # load training subject
     @notify('Loading tutorial...')
-
+    tutorialSubject = @createTutorialSubject()
+    tutorialSubject.select()
+    # do stuff after tutorial complete/aborted
+    addEventListener "zootorial-end", =>
+      $('.tutorial-annotations.x-axis').removeClass('visible')
+      $('.tutorial-annotations.y-axis').removeClass('visible')
+      $('.mark').fadeIn()
+    @initialTutorial.start()
+
+  createTutorialSubject: ->
     # create tutorial subject
     tutorialSubject = new Subject
       id: 'TUTORIAL_SUBJECT'

    # DEBUG CODE
    console.log JSON.stringify( @classification )
    console.log '********************************************'
    @classification.send()
    @recordedClickEvents = []
    @Subject.next()


      selected_light_curve: 
        location: 'https://s3.amazonaws.com/demo.zooniverse.org/planet_hunter/beta_subjects/1873513_15-3.json'
    console.log 'TUTORIAL SUBJECT: ', tutorialSubject
    tutorialSubject

  updateButtons: ->
    # console.log 'updateButtons()'
