Проблем с изрязването на изображението в Jquery - показване на друга част от изображението, различна от избраната

Имам проблем с този плъгин

http://odyniec.net/projects/imgareaselect/

Мисля, че това изображение описва всичко.

Избрах цялото изображение, но палецът показва само част от него. Изглежда толкова зле дори на по-големи изображения. моят код

function preview(img, selection) {
    if (!selection.width || !selection.height)
        return;
    var scaleX = 100 / selection.width;
    var scaleY = 100 / selection.height;

    $('#preview img').css({                          
        width: Math.round(scaleX * 300),             
        height: Math.round(scaleY * 300),
        marginLeft: -Math.round(scaleX * selection.x1),
        marginTop: -Math.round(scaleY * selection.y1)
    });                                              

}

$(function () {
    $('#photo').imgAreaSelect({ aspectRatio: '1:1', handles: true,
        fadeSpeed: 200, onSelectChange: preview });
});

Опитах jcrop, но той прави същото