(function() {
    var currentLocation = window.location.href.slice(-6),
        nextStep = document.getElementById('submit'),
        settings = document.getElementById('js-rangeslider-0').children,
        handle = settings[0],
        fill = settings[1],
        bikes = document.getElementsByClassName('amount-text')[0].children[0],
        paymentFrequency = document.getElementsByClassName('select-fl fl-paymentfrequency')[0],
        weeks = document.getElementsByClassName('select-fl fl-timeframe weeks_tf')[0],
        months = document.getElementsByClassName('select-fl fl-timeframe months_tf')[0],
        monthsDiv = document.getElementsByClassName('timeframe monthly_timeframe')[0],
        weeksDiv = document.getElementsByClassName('timeframe weekly_timeframe')[0],
        timeframe = document.getElementsByClassName('timeframe show2')[0],
        initialPay = document.getElementsByClassName('initial-pay-selector show2')[0],
        slider = document.getElementsByClassName('rangeslider__handle')[0],
        input = document.getElementsByTagName('input')[0],
        price = document.getElementById('amount').innerHTML,
        pressF = document.getElementsByClassName('display-freq')[0],
        payNow = document.getElementsByClassName('amount_pay_now')[0];
    if (localStorage.bikes != undefined) {
        bikes.innerHTML = localStorage.bikes;
    }
    if (localStorage.width != undefined) {
        handle.style.width = localStorage.width;
    }
    if (localStorage.left != undefined) {
        fill.style.left = localStorage.left;
    }
    if (localStorage.type != undefined) {
        paymentFrequency.selectedIndex = localStorage.type;
    }
    if (localStorage.numMonths != undefined) {
        monthsDiv.style.display = 'block';
        pressF.innerText = 'Monthly';
        months.selectedIndex = localStorage.numMonths;
    }
    if (localStorage.numWeeks != undefined) {
        weeksDiv.style.display = 'block';
        pressF.innerText = 'Weekly';
        weeks.selectedIndex = localStorage.numWeeks;
    }
    if (localStorage.slider != undefined) {
        slider.style.left = localStorage.slider;
    }
    if (localStorage.value != undefined) {
        input.value = localStorage.value;
    }
    if (localStorage.payNow != undefined) {
        payNow.innerHTML = localStorage.payNow;
    }
    try {
        if (localStorage.numMonths != undefined) {updateSchedule(parseInt(price)*parseInt(bikes.innerHTML),parseInt(payNow.innerHTML),parseInt(localStorage.numMonths))}
        else {updateSchedule(parseInt(price)*parseInt(bikes.innerHTML),parseInt(payNow.innerHTML),parseInt(localStorage.numWeeks))}
    }
    catch(err) {
        console.log(err);
    }
    timeframe.style.display = 'block';
    initialPay.style.display = 'block';
    nextStep.onmouseover = function() {
        if (localStorage.bikes != bikes.innerHTML) {
            localStorage.bikes = bikes.innerHTML;
        }
        localStorage.fill = fill.style.left;
        localStorage.width = handle.style.width;
        localStorage.type = paymentFrequency.selectedIndex;
        localStorage.slider = slider.style.left;
        localStorage.value = input.value;
        localStorage.payNow = payNow.innerHTML
        if (localStorage.type == 1) {
            delete localStorage.numMonths;
            localStorage.numWeeks = weeks.selectedIndex;}
        else {
            delete localStorage.numWeeks;
            localStorage.numMonths = months.selectedIndex;}
        console.clear();
        console.log(localStorage);
    }
})();