$(window).ready(function () {
  // png fix
  $('img[src$=.png]').ifixpng(); 

  // gallery slider
   $('#slider').s3Slider({
      timeOut: 10000
   });	 
       
  // horizontal slider
  $('div.sliderGallery').each(function () {
    var ul = $('ul', this);
    var productWidth = ul.innerWidth() - $(this).outerWidth();

    var slider = $('.slider', this).slider({ 
      min: 0, 
    //  step: 2,
      max: productWidth, 
      slide: function (event, ui) {
        ul.css('left', '-' + ui.value + 'px');
      }, 
      stop: function (event, ui) {
        ul.animate({ 'left' : '-' + ui.value + 'px' }, 500, 'linear');
      }
    });
  });
});