     @all = []
 
 class Mark
-  MIN_WIDTH = 15
-  MAX_WIDTH = 150
-
   #move to end of marks-container on mousedown => for mousedown event
 
   constructor: (e, @canvasGraph) ->

    @element.style.pointerEvents = 'auto'
    @element.style.textAlign = 'center'

    @startingPoint = @toCanvasXPoint(e) - MIN_WIDTH
    @dragging = false

    @element.addEventListener 'mousemove', @updateCursor
    @element.addEventListener 'mousedown', @onMouseDown

  draw: (e) ->
    markLeftX = Math.max @startingPoint - MAX_WIDTH, Math.min @startingPoint, @toCanvasXPoint(e)
    markRightX = Math.max @startingPoint, @toCanvasXPoint(e)

    width = (Math.min (Math.max (Math.abs markRightX - markLeftX), MIN_WIDTH), MAX_WIDTH)

    @element.style.left = markLeftX + "px"
    @element.style.width = width + "px"

      </div>
    """

    @minWidth = 15 * @canvasGraph.scale
    @maxWidth = 150 * @canvasGraph.scale

    @element.style.left = @toCanvasXPoint(e) + "px"
    @element.style.position = 'absolute'
    @element.style.top = e.target.offsetTop + "px"
