// JavaScript Document


$(document).ready(function(){
 $(".ui-slider").slider({
 animate: true,
 change: handleSliderChange,
 slide: handleSliderSlide,
 orientation: "horizontal"
 });
});

function handleSliderChange(e, ui)
{
 var parentThis = $(this).parent();
 var sliderGallery = parentThis.find(".sliderGallery");
 var slider = parentThis.find(".slider");
 var maxScroll = sliderGallery.attr("scrollWidth") - (slider.width() + 120);
 sliderGallery.animate({scrollLeft: ui.value * (maxScroll / 100)}, 1000);
}

function handleSliderSlide(e, ui)
{
 var parentThis = $(this).parent();
 var sliderGallery = parentThis.find(".sliderGallery");
 var slider = parentThis.find(".slider");
 var maxScroll = sliderGallery.attr("scrollWidth") - (slider.width() + 120);
 sliderGallery.attr({scrollLeft: ui.value * (maxScroll / 100)});
}