$(function()
{
	
	//Opera quick fix (border-left not showing)
	if($.browser.opera){ $("#pdf").css({ "display" : "inline-block" , "padding-right" : "140px" }); }


	/////////////
	//Scrollbar//
	/////////////
	
	//Hidding overflow
	$("#photos").css({'overflow' : 'hidden'});
	$("html").css({ 'overflow-x' : 'hidden' });//For IE6
	
	var all_margin_width = 0;
	var photo_width = 0;
	var photos_width = 0;
	var photo_margin = 0;
	var old_photo_margin = 0;
	var margin_difference = 0;
	var time = 220;
	var margin_left = 0;
	
	
	$("#photos img").each(function()
	{
		photo_width = $(this).attr("width"); 
		photos_width += photo_width; 
	})
	
	photos_width -= (screen.width - 600);	
	
	//for easing plugin
	jQuery.easing.def = 'easeOutQuart';
	
	//Adding scrollbar
	$('#content').after('<div id="slider_container"><div id="slider"></div></div>');
	$("#slider").slider({ 
		animate:true,
		slide: function(event, ui) 
		{	
			old_photo_margin = photo_margin;
			photo_margin = ui.value;			
			margin_difference = photo_margin - old_photo_margin;

			if(margin_difference < 20)
			{ time = 420; }
			else if(margin_difference > 80)
			{ time = 40; }
			else if(margin_difference > 50)
			{ time = 120; }
			else
			{ time = 220; }
			
			if(margin_difference < 0) margin_difference = -margin_difference;
			
			margin_left = (ui.value/100) * photos_width;
			if(margin_left == 0) margin_left = -58;
			
			$("#photos").stop(true, true);
			
			$("#photos").animate({ "margin-left" : -( margin_left ) , easing:"easeInOutQuint" }, (margin_difference * time) )
			
		}
 	});

})