$(document).ready(function(){

	$("#p-scrollbar").slider({
	    animate: true,
	    change: handleSliderChange,
	    slide: handleSliderSlide
	});
});
$(window).load(function(){
	$.scrollTo( $("#p-scroller"),1000 );
});

function handleSliderChange(e, ui)
{
  var maxScroll = $("#portfolio ul").attr("scrollWidth") - 
                  $("#portfolio ul").width();
  $("#portfolio ul").animate({scrollLeft: ui.value * 
     (maxScroll / 100) }, 1000);
}

function handleSliderSlide(e, ui)
{
  var maxScroll = $("#portfolio ul").attr("scrollWidth") - 
                  $("#portfolio ul").width();
  $("#portfolio ul").attr({scrollLeft: ui.value * (maxScroll / 100) });
}