 
     @updateIconsForCreateMark()
 
-    # this was for 4-up (commented for now)
-    # locate the surface this frame coresponds to
-    # setTimeout =>
-    #   for surface in @allSurfaces
-    #     theSurface = surface if mark in surface.marks
-
-    #   for surface in @allSurfaces when surface isnt theSurface
-    #     surface.addTool new theSurface.tool
-    #       surface: surface
-    #       mark: mark
+    #sync surfaces for 4up
+    setTimeout =>
+      for surface in @allSurfaces
+        theSurface = surface if mark in surface.marks
+
+      for surface in @allSurfaces when surface isnt theSurface
+        surface.addTool new theSurface.tool
+          surface: surface
+          mark: mark
 
   updateIconsForCreateMark: =>
     frameNum = @currFrameIdx+1


  setCurrentFrameIdx: (frame_idx) ->
    @currFrameIdx = frame_idx
    # find way to communicate current frame with marking tool
    @el.attr 'data-on-frame', @currFrameIdx

  hideAllFrames: ->

      markElements = surface.el.getElementsByClassName('marking-tool-root')
      for i in [0...markElements.length]
        markElements[0].parentElement.appendChild markElements[0] 

  onClickFinishMarking: ->
    radio.checked = false for radio in @classifierTypeRadios
    @sendClassification()
    @destroyFrames()
    Subject.next()
    document.getElementById('frame-slider').value = 0 #reset slider to first frame
    @finishButton.prop 'disabled', true
    @onClickFlicker()

