 
   handleInitStart: (e) ->
     console.log 'handleInitStart()'
-
-    return if @state.workflow is "transcribe"
 
     {horizontal, vertical} = @getScale()
     rect = @refs.sizeRect?.getDOMNode().getBoundingClientRect()

            </Draggable>

            { 
              if @state.workflow is "mark"
                @state.marks.map ((mark, i) ->
                  <TextRegionTool
                    key = {mark.key}
                    mark = {mark}
                    disabled = {false}
                    imageWidth = {@state.imageWidth}
                    imageHeight = {@state.imageHeight}
                    getEventOffset = {@getEventOffset}
                    select = {@selectMark.bind null, mark}
                    selected = {mark is @state.selectedMark}
                    onClickDelete = {@onClickDelete}
                    scrubberWidth = {64}
                    scrubberHeight = {32}
                    workflow = {@state.workflow}
                    handleDragMark = {@handleDragMark}
                    handleUpperResize = {@handleUpperResize}
                    handleLowerResize = {@handleLowerResize}
                    handleMarkClick = {@handleMarkClick.bind null, mark}
                  />
                ), @
              else
                console.log 'SELECTED MARK KEY: ', @state.selectedMark.key
                <RegionFocusTool 
                  key = {@state.selectedMark.key}
                  mark = {@state.selectedMark}
                  disabled = {false}
                  imageWidth = {@state.imageWidth}
                  imageHeight = {@state.imageHeight}
                  getEventOffset = {@getEventOffset}
                  select = {@selectMark.bind null, @state.selectedMark}
                  selected = {true}
                  onClickDelete = {@onClickDelete}
                  scrubberWidth = {64}
                  scrubberHeight = {32}
                  workflow = {@state.workflow}
                  handleDragMark = {@handleDragMark}
                  handleUpperResize = {@handleUpperResize}
                  handleLowerResize = {@handleLowerResize}
                  handleMarkClick = {@handleMarkClick.bind null, @state.selectedMark}
                />
            }


          </svg>


        </div>
        <p>{@state.subject.location}</p>

  handleInitDrag: (e) ->
    console.log 'handleInitDrag()'

    {x,y} = @getEventOffset e

    dist = Math.abs( @state.selectedMark.y - y )
