         width: parseInt(raw[1], 10)
         height: parseInt(raw[2], 10)
         center: raw[4] == 'center'
-        top: parseInt(raw[5], 10) or undefined
-        left: parseInt(raw[6], 10) or undefined
+        left: parseInt(raw[5], 10) or undefined
+        top: parseInt(raw[6], 10) or undefined
 
     croppedImageModifiers: (previewUrl, size, modifiers) ->
       @croppedImageCoords(previewUrl, size, @__parseModifiers modifiers)
         .then (coords) =>
           size = "#{coords.width}x#{coords.height}"
-          topLeft = "#{coords.x},#{coords.y}"
+          topLeft = "#{coords.left},#{coords.top}"
 
           opts =
             crop: $.extend({}, coords)

          @__currentCoords =
            height: coords.h
            width: coords.w
            x: coords.x
            x2: coords.x2
            y: coords.y
            y2: coords.y2

      if @__options.preferedSize
        [width, height] = @__options.preferedSize.split 'x'

          previousCoords.height = @__originalHeight

      if previousCoords.center
        left = (@__originalWidth - previousCoords.width) / 2
        top = (@__originalHeight - previousCoords.height) / 2
      else
        left = previousCoords.left or 0
        top = previousCoords.top or 0

      scaleX = @__resizedWidth / @__originalWidth
      scaleY = @__resizedHeight / @__originalHeight

      jCropOptions.setSelect = [
        left * scaleX,
        top * scaleY,
        (previousCoords.width + left) * scaleX,
        (previousCoords.height + top) * scaleY,
      ]

      @__setState 'loading'
      done = (api) =>
