       @markingSurfaceList[i].on 'create-tool', (tool) =>
         tool.controls.controller.setMark(@currFrameIdx)
 
-        
-
     #######################################################
     #  API event bindings
     #######################################################

    'button[name="cancel"]'         : 'cancel'
    'input[name="selected-artifact"]': 'selectedArtifactRadios'  

    'keydown': (e) ->
      return if @el.hasClass 'playing'  # disable while playing
      switch e.which
        when KEYS.one
          @showFrame(0)
        when KEYS.two
          @showFrame(1)
        when KEYS.three
          @showFrame(2)
        when KEYS.four
          @showFrame(3)
        when KEYS.space
          @onClickPlay()

  states:
    whatKind:
      enter: ->
        console.log "STATE: \'whatKind/enter\'"

        @disableMarkingSurfaces()

        # this code is incorrect (e is an array) FIX!
        for e in @el.find('input[name="classifier-type"]')
          e.checked = false

    asteroidTool:
      enter: ->
        console.log "STATE: \'asteroidTool/enter\'"
        @activateFrame 0
        # create new asteroid
        @currAsteroid = new Asteroid
        @enableMarkingSurfaces()
        @el.find('.asteroid-classifier').show()

      exit: ->
