// JavaScript Document
$(document).ready(
	function ()
	{
		$("#portfolioContent").width(($('.portfolioEntry').width() +parseInt($('.portfolioEntry').css('margin-left'), 10) + 2) * $('.portfolioEntry').size() );
		var scrollWidth = ($('.portfolioEntry').width() +parseInt($('.portfolioEntry').css('margin-left'), 10)*2 + 20);	
		
		$(window).resize(setScroll);
		
		function setScroll()
		{
			$(function() {	
				$( "#slider" ).slider( 
				{
					value:1,
					min:0,
					max:1,
					step:1/($('.portfolioEntry').size() ),
					slide:function (event, ui)
						{
							var newPosition =ui.value *  -($('#portfolioContent').width() -$("#portfolioScrollMask").width())// + (ui.value * ($('#portfolioContent').width() -$("#portfolioScrollMask").width()));
							//ui.value * -($('#portfolioContent').width()) -$("#portfolioScrollMask").width();
							$("#portfolioContent").animate({'left':newPosition},50);
						}
					}
				);
				
				$("#portfolioContent").css({'left':-($('#portfolioContent').width() -$("#portfolioScrollMask").width())});
			});
		}
		
		
		
		setScroll();
	}
);