gistfile1.js

$(document).ready(function() {
    var slider = null;
    var sliderUl = null;
    
    $('div.sliding').each(function() {
        sliderUl = $('ul', this);
        var productWidth = sliderUl.innerWidth() - $(this).outerWidth();
        slider = $('#slider').slider({ 
          animate: false,
          min: 0, 
          max: productWidth,
          slide: function (ev, ui) { 
              sliderUl.css('left', '-' + ui.value + 'px');
          }, 
          change: function (ev, ui) {
		      //sliderUl.animate({ 'left' : '-' + ui.value + 'px' }, 1500, 'linear');        
          }
        });
    });
    
    var offset = $('div.sliding').position().left;
    
    $('ul.cat-ul li a').each(function(index) {
        $(this).bind('click', function(event) {
            event.preventDefault();
            var leftpos = $('div.sliding ul li.'+$(this).attr('class')+':first').position().left;
            sliderUl.css('left', '-' + leftpos + 'px');
            slider.slider('value', leftpos);
        });
    });
});