     User.current.setPreference 'curr_course_id', 0 
     # User.current.setPreference 'supplemental_option', true
     @count = 0
-    @idx_last  = 0
+    @idx_last = 0
+    @idx_curr = 0
 
 module.exports = MiniCourse

    @idx_curr = index
    @loadContent(index)

  unlockLatest: ->
    # console.log "@idx_last: #{@idx_last}, @num_courses: #{@num_courses}"
    return unless @coursesAvailable()
    return unless User.current?

    # @toggleInterface()
    # @display(@idx_last)
    
    @idx_last = +@idx_last + 1
    User.current.setPreference 'curr_course_id', @idx_last
    console.log 'NEXT MINI-COURSE WILL BE: ', @idx_last

    # $(".arrow.right").hide()
    # rightArrow = @el.find('.arrow.right')
    # rightArrow.hide()

    # @course_el.fadeIn(@transitionTime)
    # @subject_el.fadeOut(@transitionTime)
    # @subject_el.toggleClass("hidden")
    # @course_el.toggleClass("visible")

  loadContent: (index) ->
    if typeof index is undefined

      # console.log 'AWESOME. COURSES AVAILABLE!!!'
      return true

  launch: ->
    console.log "idx_curr: ", @idx_curr
    console.log "idx_last: ", @idx_last
    return unless @coursesAvailable()
    @display(@idx_last)
    @toggleInterface()
    @unlockNext()

  toggleInterface: ->
    return unless @coursesAvailable()
    return unless User.current?
    @course_el.fadeIn(@transitionTime)
