       do (img_src, frameImage)  =>
         loadImage img_src, (img) =>
         frameImage.attr
-          'xlink:href': img_src          # get images from api
-          # 'xlink:href': DEV_SUBJECTS[i]   # use hardcoded static images
+          'xlink:href': img_src
 
     @stopLoading()
     @activateFrame 0  # default to first frame after loading

    @startLoading()

  onSubjectSelect: (e, subject) =>
    # console.log subject
    @resetMarkingSurfaces()

    if @TRAINING_SUBJECT isnt null
      console.log "YES"
    else
      console.log "NO"

    @classification = new Classification {subject}
    @loadFrames()


    document.getElementById('frame-slider').value = 0 #reset slider to first frame
    @finishButton.prop 'disabled', true
    @onClickFlicker()

  startLoading: ->
    @el.addClass 'loading'
