<div id="main-slider" class="slider" ><input id="main-range" type="text" name="cminmax" value="{{$val}}" /></div>
<script>
	var old_cmin = 0;
	var old_cmax = 99;
	$("#main-range").slider({ from: 0, to: 99, step: 1, scale: ['{{$me}}', '|', '{{$intimate}}', '|', '{{$friends}}', '|', '{{$oldfriends}}', '|', '{{$acquaintances}}', '|', '{{$world}}' ], onstatechange: function(v) { 
		var carr = v.split(";");
		if(carr[0] != bParam_cmin) {
			old_cmin = bParam_cmin;
	 		bParam_cmin = carr[0];
		}
		if(carr[1] != bParam_cmax) {
			old_cmax = bParam_cmax; 
			bParam_cmax = carr[1];
		}
		networkRefresh();
 	} });

	var slideTimer = null;
	function networkRefresh() {
		if((document.readyState !== "complete") || (slideTimer !== null))
			return;
		if((bParam_cmin == old_cmin) && (bParam_cmax == old_cmax))
			return;
		setTimeout(function() { $("#profile-jot-text-loading").spin('small'); }, 1000 );
		slideTimer = setTimeout(networkTimerRefresh,2000);
	}

	function networkTimerRefresh() {
		slideTimer = null;
		page_load = true;
		liveUpdate();
	}
</script>