 
     @listenTo @contains.handlerContainer.rotateHandle, 'drag:start', (data)=>
       @trigger 'start:rotate'
+      @setState data
       @setTransform fn: @rotate, end: @endRotate
       @listenMouse()
-      @setState data
 
   listenMouse: ->
     @options.workspace.on 'mousemove', @_transform.fn


# Vector Helper
V =
  eventDir: (event, center)->
    x: event.pageX - center.x
    y: event.pageY - center.y

  norm: (vector)->
    Math.sqrt vector.x * vector.x + vector.y * vector.y

    @contains = new RotateContainerView
    @listenToDragStart()
    @position()
    @$el.css({"background-color":"#ff0000"})
    # we attribute the angle beta
    @beta = (@model.get 'rotate') * (2 * Math.PI / 360)
    @setState()

  position: ()->
    for prop in 'top left width height'.split ' '
      @$el.css(prop, @model.get(prop))
