     for surface in @markingSurfaceList
       surface.on "create-mark", @onCreateMark
 
-
   renderTemplate: =>
     super
 

    @el.attr tabindex: 0
    @el.attr 'flicker', "true"

    @setState 'whatKind'
    @invert = false
    @currFrameIdx = 0


  states:
    whatKind:
      enter: ->
        @disableMarkingSurfaces()

        # reset asteroid/artifact selector
        for e in @el.find('input[name="classifier-type"]')
          e.checked = false
        @el.find('button[name="to-select"]').addClass 'hidden' 
        @el.find('.what-kind').show()

      exit: ->
        @enableMarkingSurfaces()
        @el.find('button[name="to-select"]').removeClass 'hidden'
        @el.find('.what-kind').hide()

    asteroidTool:
      enter: ->
        @activateFrame 0
        @enableMarkingSurfaces()
        @currAsteroid = new Sighting({type:"asteroid"})
        @el.find('.asteroid-classifier').show()
        @finishButton.hide()
        @doneButton.show()
        @doneButton.prop 'disabled', true

      exit: ->
        @disableMarkingSurfaces()
        @el.find('.asteroid-classifier').hide() 
        @doneButton.hide()
        @finishButton.show()

    artifactTool:
      enter: ->
        @enableMarkingSurfaces()
        @el.find('.artifact-classifier').show()
      exit: ->
        @disableMarkingSurfaces()
        @el.find('.artifact-classifier').hide() 

  constructor: ->
