 
         # prompt user to opt in/out of mini course
         if @course.count is 3
-
-          # check box only if mini-course enabled
-          $('.mini-course-option').prop 'checked', @courseEnabled
-
-  injectMiniCourseView: ->
+          @renderSupTutPrompt()
+          if @allowCustomCourseInterval
+            @el.find('.allow-custom-interval').show()
+            @el.find('.disallow-custom-interval').hide()
+          else
+            @el.find('.allow-custom-interval').hide()
+            @el.find('.disallow-custom-interval').show()
+
+          if @courseEnabled
+            @el.find('[name="mini-course-option"]').prop 'checked', true
+            @el.find('[name="course-opt-out"]').prop 'checked', false
+          else
+            @el.find('[name="mini-course-option"]').prop 'checked', false
+            @el.find('[name="course-opt-out"]').prop 'checked', true
+
+  renderSupTutPrompt: ->   
+    console.log 'rendering supplemental tutorial prompt...' 
     newElement = document.createElement('div')
     newElement.setAttribute 'class', "supplemental-tutorial-option-container"
     newElement.setAttribute 'style', "padding: 20px;"

    # if window.matchMedia("(min-device-width: 320px)").matches and window.matchMedia("(max-device-width: 480px)").matches
    #   location.hash = "#/verify"

    Subject.group = "5417014a3ae7400bda000001"

    @loggedOutClassificationCount = 0


    else
      @spottersGuide.slideDown()
      $("html, body").animate scrollTop: @spottersGuide.offset().top - 20, 500
      clickEvent = { event: 'spotters-guide-pressed', timestamp: (new Date).toUTCString() }
      @recordedClickEvents.push clickEvent
    @guideShowing = !@guideShowing

  onClickTutorial: ->
    clickEvent = { event: 'tutorial-clicked', timestamp: (new Date).toUTCString() }
    @recordedClickEvents.push clickEvent
    @canvasGraph.marks.destroyAll() # clear previous marks
    @updateButtons()
