Javascript — объяснение функции JCrop showPreview

Мне тяжело понять, что именно делает эта функция и почему она это делает. Функция взята из JCrop, который является довольно стандартным плагином для обрезки jQuery. Эта функция отвечает за вычисление того, как показать небольшое изображение предварительного просмотра рядом с изображением, которое вы собираетесь обрезать. Вы делаете выбор на своем изображении, и предварительный просмотр показывает .. хорошо .. предварительный просмотр.

Вот функция со страницы примера JCrop:

function showPreview(coords)
{
var rx = 100 / coords.w;
var ry = 100 / coords.h;

$('#preview').css({
width: Math.round(rx * 500) + 'px',
height: Math.round(ry * 370) + 'px',
marginLeft: '-' + Math.round(rx * coords.x) + 'px',
marginTop: '-' + Math.round(ry * coords.y) + 'px'
});
}

Также может быть важно отметить, что экземпляр JCrop имеет параметр, в котором соотношение сторон установлено равным 1, preview div имеет ширину 100px и высоту 100px.

Вот ссылка, если вы хотите увидеть код и даже попробовать его.

http://deepliquid.com/projects/Jcrop/demos.php?demo=thumbnail

Я не понимаю многих из чисел .. RX * 500? Зачем? ry * 370? Зачем? Сверху вниз пробежка по этой логике будет высоко ценится.