$(document).ready(function(){

	$('.sliderGallery').each(function(){
	
		var ul = $('ul', this);
		var numItems = $('ul > li', this).length;
		var itemWidth = $('ul >  li', this).width() + 5;
		$('ul', this).width((numItems) * itemWidth);
		//var itemsWidth = (numItems * itemWidth ) - $(this).outerWidth();
		var itemsWidth = ul.innerWidth() - $(this).outerWidth();

		$('.slider', this).slider({
			min: 0,
			max: itemsWidth,
			handle: '.handle',
			animate: true,

			stop: function (event, ui) {
				ul.animate({'left' : ui.value * -1}, 1);
			},
			
			slide: function (event, ui) {
			    
				 ul.css('left', ui.value * -1);
			}

		});
		$(".btn-slide-l").click(function(){
				$('.slider', this.offsetParent).slider("moveTo","-150px");
		});

		$(".btn-slide-r").click(function(){
				$('.slider', this.offsetParent).slider("moveTo","150px");
		});
	
	});
});