Dealing with the following problem on the page http://www.vakantiehuizen-frankrijk.nl/vakantiehuis-frankrijk

I've included three sliders on that page, but I face the following bug:

1. When dragging the slider he seems to be 1 off. Please try the "sterren"-slider to see if yourself. If you drag the left slider to the right you'll see that nothing changes in the first 'step', the second step changes the value to "1".

On-page Javascript:

<script type="text/javascript">
		$(document).ready(function(){	
			
			$(".priceslider").slider({ 
				range: true, 
				min: 0, 
				max: iCurrentSliderPriceMax,
				change: function(e,ui) { 
					$(".qualityBox em#prijs_min").html($(".priceslider").slider("values", 0));
					$(".qualityBox em#prijs_max").html($(".priceslider").slider("values", 1));
				}
			});
			
		        $(".sterslider").slider({ 
				range: true, 
				min: 0, 
				max: 5, 
				change: function(e,ui) { 
					$(".qualityBox em#ster_min").html($(".sterslider").slider("values", 0));
					$(".qualityBox em#ster_max").html($(".sterslider").slider("values", 1));
				}
			});

		        $(".cijferslider").slider({ 
				range: true, 
				min: 0, 
				max: 10, 
				change: function(e,ui) { 
					$(".qualityBox em#cijfer_min").html($(".cijferslider").slider("values", 0));
					$(".qualityBox em#cijfer_max").html($(".cijferslider").slider("values", 1));
				}
			});
		});
 		var sProtocol = "http";		
</script>

HTML

<!--  / quality box \\ -->

<div class="qualityBox">

        <h3>Kwaliteit</h3>
 
	<script type="text/javascript">
		var iSliderPriceMin = 0;
		var iSliderPriceMax = iCurrentSliderPriceMax;
	</script>

        <h4><span>Min <em id="prijs_min">0</em> - Max <em id="prijs_max">5500</em></span> Prijs in EURO</h4>

        <div class="priceslider"></div>
 
	<script type="text/javascript">
	        var iSliderStarsMin = 0;
		var iSliderStarsMax = 5;
	</script>

        <h4><span>Min <em id="ster_min">0</em> - Max <em id="ster_max">5</em></span> Aantal sterren</h4>

        <div class="sterslider"></div>

        <script type="text/javascript">
                var iSliderRatingMin = 0;
                var iSliderRatingMax = 10;
        </script>

        <h4><span>Min <em id="cijfer_min">0</em> - Max <em id="cijfer_max">10</em></span> Beoordelingscijfer</h4>

        <div class="cijferslider"></div>
</div>

<!--  \\ quality box / -->