$(document).ready(function(){
    var value = 80;
    $("#slider").slider({ range: false, min: 80, max: 750, step: 10, slide: function(event, ui) {
            value = ui.value;
            $('#row1-value').html(value.toFixed(2));
            var value2 = value * 0.25;
            $('#row2-value').html(value2.toFixed(2));
            var value3 = value + value2;
            $('#row3-value').html(value3.toFixed(2));
        }
    });
    
    $("#minus").click(function(){
        if((value-10) >= $("#slider").slider( "option", "min" )) {
            value = value - 10;
            $("#slider").slider( "option", "value", value.toFixed(2) );
            $('#row1-value').html($("#slider").slider( "option", "value"));
            var value2 = value * 0.25;
            $('#row2-value').html(value2.toFixed(2));
            var value3 = value + value2;
            $('#row3-value').html(value3.toFixed(2));
        }
    })
    
    $("#plus").click(function(){
        if((value+10) <= $("#slider").slider( "option", "max" )) {
            value = value + 10;
            $("#slider").slider( "option", "value", value.toFixed(2) );
            $('#row1-value').html($("#slider").slider( "option", "value"));
            var value2 = value * 0.25;
            $('#row2-value').html(value2.toFixed(2));
            var value3 = value + value2;
            $('#row3-value').html(value3.toFixed(2));
        }
    })
})