     @$handles = []
     for str, i in cards
       e = $('<div></div>',{
-        style:"position:absolute;"
+        style:'position:absolute;'
       })
       style = {}
-      style.cursor = str + "-resize"
-      style["z-index"] = 374 + i
-      className = "ord-" + str + " jcrop-handle"
+      style.cursor = str + '-resize'
+      style['z-index'] = 374 + i
+      className = 'ord-' + str + ' jcrop-handle'
       e.css(style)
       e.addClass(className)
       e.addClass('handle')


    # the special handler responsible for the rotation
    @$handleR = $('<div></div>',{
      style:"position:absolute; margin-left: -4px; margin-top: -4px; left: 50%; top:-25px; cursor:url(assets/images/rotate.png) 12 12, auto; z-index:382;"
    })
    @$handleR.addClass("jcrop-handle")
    @$handleR.addClass("handleR")
    @handleR = @$handleR[0]

    @$hCt.append(@handleR)

    #This element is here to receive mouse events (clicks)
    @$tracker = $('<div></div>',{
      style:"cursor: move; position: absolute; z-index: 360;"
    })
    # ADD A CROSS COMPATIBLE CSS PROPERTY TO MAKE IT UNSELECTABLE
    @$tracker.css({"-webkit-user-select":"none"})
    @$tracker.addClass('jcrop-tracker')
    @$tracker.addClass('tracker')
    @tracker = @$tracker[0]

    # hCt: Handler container that will hold all the handlers
    #
    @$hCt = $('<div></div>',{
      style:'width: 100%; height: 100%; bottom: 0px; position: absolute; z-index: 320; display: block;'
    })
    @hCt = @$hCt[0]
    @$selectR.append(@hCt)
