$j(document).ready(function(){
	$j('div.slider-gallery').each(function () {
	    var ul = $j('ul', this);
		var productWidth = ul.innerWidth() - $j(this).outerWidth();
		
		var initialValue = parseInt($j('.slider', this).text());
		if (initialValue)
		{
			$j('.slider', this).empty();
			initialValue = initialValue*220;
			if (initialValue > productWidth)
			{
				initialValue = productWidth;
			}
			ul.css('left', '-' + initialValue + 'px');
		}
		else
		{
			initialValue = 0;
		}
		
	    $j('.slider', this).slider({
			value: initialValue,
		    min: 0, 
		    max: productWidth,
		    slide: function (ev, ui) {
		    	ul.css('left', '-' + ui.value + 'px');
		    }, 
		    stop: function (ev, ui) {
		    	//ul.animate({ 'left' : '-' + ui.value + 'px' }, 500, 'linear');
		    }
	    });
	});
});

