 
   elements:
     '.subject'                      : 'subjectContainer'
-    '.frame-image'                  : 'foo123'
+    # '.frame-image'                  : 'imageFrames'   # not being used (yet?)
     'button[name="play-frames"]'    : 'playButton'
     'button[name="finish-marking"]' : 'finishButton'
     'button[name="no-tags"]'        : 'noTagsButton'

    @play() # still needs to be built!

  play: ->

    console.log "SUBJECTS:"
    for src, i in DEV_SUBJECTS
      console.log "  SUBJECT-" + i + ": " + src

    @playTimeouts.splice 0
    @el.removeClass 'playing'

  activateFrame: (@active) ->
    @active = modulus +@active, @classification.subject.location.standard.length
    console.log "-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-"
    for image, i in @el.find('.frame-image')
      # console.log "SHOWING FRAME: " + @active
      @hideFrame(image.id)

    @showFrame("frame-id-"+@active)

  # A VERY DODGY WAY OF HIDING/SHOWING FRAMES:
  hideAllFrames: ->
    @hideFrame("frame-id-0")
    @hideFrame("frame-id-1")
    @hideFrame("frame-id-2")
    @hideFrame("frame-id-3")
    
  showFrame: (img_id) ->
    console.log "SHOW " + img_id
    document.getElementById(img_id).style.visibility="visible"

  hideFrame: (img_id) ->
    console.log "HIDE " + img_id
    document.getElementById(img_id).style.visibility="hidden"

  onClickFinishMarking: ->
    @showSummary()
