window.transformTosliderGallery = function(container) {
	var $container = jQuery(container);
	var $ul = $('ul', $container);
	var itemsWidth = $ul.innerWidth() - $container.outerWidth();

	$('.slider', $container).slider({
		min: 0,
		max: itemsWidth,
		handle: jQuery('.handle', $container),
		stop: function (event, ui) {
			$ul.animate({'left' : ui.value * -1}, 500);
		},
		slide: function (event, ui) {
			$ul.css('left', ui.value * -1);
		}
	});
};

jQuery(window).load(function() {
	jQuery('.sliderGallery').each(function(idx) {
		transformTosliderGallery(this);
	});
});