$(window).ready(function() {
	$("div.sliderGallery").each(function() {
		var ul = $("ul#items", this);
		var productWidth = ul.innerWidth() - $(this).outerWidth();
		var productCount = $("ul#items", this).children().length-1;
		//alert(productWidth);
		ul.css("left", 0);

		var slider = $("div.slider", this).slider({
			handle: "div.handle",
			min: 0,
			max: productWidth,
			startValue: 0,
			steps: productCount,	
			slide: function(ev, ui) {
				ul.css("left", ui.value * -1);
			},
			stop: function(ev, ui) {
				ul.animate({ "left" : ui.value * -1 }, 500);
			}
		});
	});
});
