     @playTimeouts.splice 0
     @el.removeClass 'playing'
 
-  # activate: somehow doesn't work. defined somewhere else?
   activateFrame: (@active) ->
-    # console.log "Active = " + @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)
 
-    # there are no satellite images for AZ
-    # @satelliteImage.add(@satelliteToggle).removeClass 'active'
+    @showFrame("frame-id-"+@active)
 
-    @active = modulus +@active, @classification.subject.location.standard.length
+  # 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"
 
-    console.log "@el " + @el.find('.frame-image').length
-    for image, i in @el.find('.frame-image')
-      console.log "(i, image): " + i + ", " + image
-      @setActiveClasses image, i, @active
-
-    # for button, i in @toggles
-    #   @setActiveClasses button, i, @active
-
-  setActiveClasses: (el, elIndex, activeIndex) ->
-    # el = $(el)
-
-    # console.log "+elIndex < +activeIndex " + +elIndex < +activeIndex
-    el.toggleClass 'before', +elIndex < +activeIndex
-    el.toggleClass 'active', +elIndex is +activeIndex
-    el.toggleClass 'after', +elIndex > +activeIndex
-
+  hideFrame: (img_id) ->
+    console.log "HIDE " + img_id
+    document.getElementById(img_id).style.visibility="hidden"
 
   onClickFinishMarking: ->
     @showSummary()


  elements:
    '.subject'                      : 'subjectContainer'
    '.frame-image'                  : 'foo123'
    '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
