function process_num(num) {
    var num_str = num.toString();
    var num_len = num_str.length;
    var num_result = num_str;
    if (num_len > 3) num_result = num_str.substr(0, num_len-3) + " " + num_str.substr(num_len-3);
    return num_result;
}

$(document).ready(function(){
    var fuel_start_volume_1;
    var fuel_start_volume_2;
    fuel_start_volume = $("#fuel_start_volume").val();
    if (fuel_start_volume) {
        fuel_start_volume = Math.abs(fuel_start_volume);
        if (fuel_start_volume <= 10000) {
            fuel_start_volume_1 = fuel_start_volume;
            fuel_start_volume_2 = 10000;
            var tml;
            if (fuel_start_volume == 0) tml = 0;
            else tml = (fuel_start_volume * 0.055) - 15;
            $("#slider_1_value").css("margin-left", tml+"px");
        } else {
            fuel_start_volume_1 = 0;
            fuel_start_volume_2 = fuel_start_volume;
            var tml;
            if (fuel_start_volume == 10000) tml = -25;
            else tml = ((fuel_start_volume - 10000) * 0.0061) - 25;
            $("#slider_2_value").css("margin-left", tml+"px");
        }
    } else {
        fuel_start_volume_1 = 0;
        fuel_start_volume_2 = 10000;
    }
    $("#slider_1").slider({
        value: fuel_start_volume_1,
        min: 0,
        max: 10000,
        step: 100,
        slide: function(event, ui) {
            $("#slider_1_value").html(process_num(ui.value));
            var ml;
            if (ui.value == 0) ml = 0;
            else ml = (ui.value * 0.055) - 15;
            $("#slider_1_value").css("margin-left", ml+"px");
            $("#fuel_volume").val(ui.value);
        },
        change: function(event, ui) {
            $("#slider_1_value").html(process_num(ui.value));
            var ml;
            if (ui.value == 0) ml = 0;
            else ml = (ui.value * 0.055) - 15;
            $("#slider_1_value").css("margin-left", ml+"px");
            $("#fuel_volume").val(ui.value);
        }
    });
    $("#slider_2").slider({
        value: fuel_start_volume_2,
        min: 10000,
        max: 100000,
        step: 1000,
        slide: function(event, ui) {
            $("#slider_2_value").html(process_num(ui.value));
            var ml;
            if (ui.value == 10000) ml = -25;
            else ml = ((ui.value - 10000) * 0.0061) - 25;
            $("#slider_2_value").css("margin-left", ml+"px");
            $("#fuel_volume").val(ui.value);
        },
        change: function(event, ui) {
            $("#slider_2_value").html(process_num(ui.value));
            var ml;
            if (ui.value == 10000) ml = -32;
            else ml = ((ui.value - 10000) * 0.0061) - 25;
            $("#slider_2_value").css("margin-left", ml+"px");
            $("#fuel_volume").val(ui.value);
        }
    });

    $("#fuel_volume_checker a").click(function(){
        var th_btn_div = $(this).parent().parent();
        if (!(th_btn_div.hasClass("grbut"))) {
            $("#fuel_volume_checker .grbut").removeClass("grbut");
            th_btn_div.addClass("grbut");
            var slider_id = $(this).attr("name");
            var slider_val = $("#" + slider_id).slider("value");
//            $("#slider_value").html(slider_val);
            $("#fuel_volume").val(slider_val);
            $("#slider_1, #slider_2, #slider_1_scale, #slider_2_scale, #slider_1_value, #slider_2_value").hide();
            $("#" + slider_id).show();
            $("#" + slider_id + "_scale").show();
            $("#" + slider_id + "_value").show();
        }
        return false;
    });
});