$(window).load(function(){
	$(".sliderbox").each(function(){
		var _this = $(this);
		var ul = $("ul", _this);
		var mySlider = $(".slider", _this);
		var perc = (_this.outerWidth() - mySlider.innerWidth()-5)/100+1;
		var handleHalfWidth = $(".handle", mySlider).innerWidth() / 2;
		var productWidth = ul.innerWidth() - _this.outerWidth();
		var label = $(".slider span[class*=slider-lbl]");
		var labelLen = label.length;

		/*mySlider.slider({
			handle: ".handle",
			minValue: 0,
			startValue: 0,
			maxValue: productWidth,
			slide: function(ev, ui){
				ul.css("left",  ui.value*-1);
			},
			stop: function(ev, ui){
				ul.animate({"left": ui.value*-1}, 200);
			}
		});*/
		mySlider.slider({
			handle: ".handle",
			min: 0,
			max: productWidth,
			slide: function(ev, ui){
				ul.css("left",  ui.value*-1);
			},
			stop: function(ev, ui){
				ul.animate({"left": ui.value*-1}, 200);
			}
		});

		$(".pb-rightarrow", _this).click(function(){
			var _position = parseInt(ul.css("left"), 10) * -1 || 0;
			for(var i=0;i<labelLen;i++){
				var _left = parseInt(label.eq(i).css("left"), 10);
				if(_position+handleHalfWidth<_left){
					var _dist = (i==labelLen-1)
									?productWidth
									:_left*perc-handleHalfWidth;
					mySlider.slider("moveTo", _dist);
					return;
				}
			}
		});

		$(".pb-leftarrow", _this).click(function(){
			var _position = parseInt(ul.css("left"), 10) * -1 || 0;
			for(var i=labelLen-1;i>=0;i--){
				var _left = parseInt(label.eq(i).css("left"), 10);
				if(_position-handleHalfWidth>_left){
					mySlider.slider("moveTo", _left*perc-handleHalfWidth);
					return;
				}
			}
			mySlider.slider("moveTo", 0);
		});
	});
});