вопрос по вертикальной карусели

[tp-20]

Доброго дня.
Есть галерея как на ВБ.
Слева карусель с миниатюрами, справа большое фото (Скриншот 1)

При перелистывании стрелками вертикальной карусели миниатюры уходят за границы блока, и можно пролистать, чтобы они вообще ушли вниз или вверх.
Пытаюсь на jquery ограничить это движение.

Суть в том, что margin-top не должно уходить в минус, чтобы миниатюры не уезжали вниз (Скриншот 2).
И так же при пролистывании до самого низу миниатюры не должны уходить вверх (Скриншот 3)

кода много, поэтому закинул в фидл: https://jsfiddle.net/tps20/41bgyLh9/6/

Пробовал таким образом, но не помогает:
по моей логике: если margin-top уходит в минус, то прекратить выполнять функцию.

if($('#images-additional_wrapper').css("margin-top")<'0px') {
       return false;
    }

[рони]

tp-20,
...вариант

function down(id, h) {
        let margin_top = parseFloat($('#images-additional_wrapper').css('margin-top'));
        let max =
            parseFloat($('.images-additional').css('height')) -
            parseFloat($('#images-additional_wrapper').css('height'));
        if (margin_top - h < max) h = margin_top - max;
        $('#images-additional_wrapper').animate({
            'margin-top': '-=' + h + 'px',
        });
    }

    function up(id, h) {
        let margin_top = parseFloat($('#images-additional_wrapper').css('margin-top'));

        if (margin_top + h > 0) h = -margin_top;

        $('#images-additional_wrapper').animate({
            'margin-top': '+=' + h + 'px',
        });
    }

[tp-20]

рони, огромное спасибо, идеальное решение! в вашей помощи не сомневался!