<script type="text/javascript">

//This should have each valid amount that can be selected in the slider
var sliderAmountMap = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21];

$(function() {
    $( "#slider1" ).slider({
        value: 10, //array index of onload selected default value on slider, for example, 45000 in same array will be selected as default on load
        min: 0, //the values will be from 0 to array length-1
        max: sliderAmountMap.length-1, //the max length, slider will snap until this point in equal width increments

    });

});



var sliderAmountMap2 = [1,2,3,4,5,6,7,8,9,10];

$(function() {
    $( "#slider2" ).slider({
        value: 4, //array index of onload selected default value on slider, for example, 45000 in same array will be selected as default on load
        min: 0, //the values will be from 0 to array length-1
        max: sliderAmountMap2.length-1, //the max length, slider will snap until this point in equal width increments

    });


});


</script>