Как передвинуть ползунок?

Question

[dmitriu256]

Прошу помощи застрял на одном моменте
Как в функции initRange() заставить двигаться ползунок (первоначальный взнос) от мин к макс?

В версии1 ползунок работает отлично, однако не обновляется значение в anInitialFree.value
Заметно когда стоимость недвиж была 20000 и начинаем снижать эту стоимость, мин/макс значения пересчитываются а вот значение в инпут остается неизменным.

В версии2 все работает как задумал однако нет возможности выбрать значения между мин и макс.(хотя они тоже корректно меняются);

Хочу чтобы пользователь мог выбрать первый взнос в промежутке от мин к макс

Ползунок anInitialFreeRange зависит от значения в totalCostRange

function initRange() {

        totalCostRange.min = 20000;
        totalCost.value = totalCostRange.value;

        anInitialFreeRange.min = Math.round((Number(totalCost.value)/100)*25);
        anInitialFreeRange.max = Math.round((Number(totalCost.value)/100)*70);
       //Version1
        //при таком раскладе ползунок передвигается от мин к мах (но если менять ползунок Стоимость недвиж в сторону мин значение не меняется, хотя anInitialFreeRange.min корректно изменяется)
        //anInitialFree.value = anInitialFreeRange.min;
        //anInitialFree.value = anInitialFreeRange.value;
  //Version2
        //при таком раскладе ползунок не передвигается однако значения меняются корректно
        anInitialFreeRange.value = anInitialFreeRange.min;
        anInitialFree.value = anInitialFreeRange.value;
        creditTerm.value = creditTermRange.value;

    }

Полный код прикрепил на JSFiddle
Проект калькулятора