     return
 
 
-  dragStart: (e) ->
+  dragStart: (e) =>
     if notesManager.debug
       console.debug 'Note#dragStart (id=%d)', @id
-    @addDocumentObserver 'mousemove', @drag.bindAsEventListener(this)
-    @addDocumentObserver 'mouseup', @dragStop.bindAsEventListener(this)
+    @addDocumentObserver 'mousemove', @drag
+    @addDocumentObserver 'mouseup', @dragStop
     @addDocumentObserver 'selectstart', ->
       false
     @cursorStartX = e.pointerX()

    @boundsY = new ClipRange(10, @elements.image.clientHeight - (@boxStartY) - 5)
    @dragging = true
    @clearDocumentObservers()
    @addDocumentObserver 'mousemove', @resize.bindAsEventListener(this)
    @addDocumentObserver 'mouseup', @resizeStop.bindAsEventListener(this)
    e.stop()
    @bodyHide()
    return


  resizeStop: (e) ->
    if notesManager.debug
      console.debug 'Note#resizeStop (id=%d)', @id
    @clearDocumentObservers()

    return


  editDrag: (e) =>
    left = @editStartX + e.pointerX() - (@cursorStartX)
    top = @editStartY + e.pointerY() - (@cursorStartY)
    @elements.editBox.style.left = left + 'px'
