$(function(){
	/////////////

	//Scrollbar//

	/////////////
	
	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;		

	//Hidding overflow

	$("#photos").css({'overflow' : 'hidden'});

	$("html").css({ 'overflow-x' : 'hidden' });//For IE6

	

	$("#photos img").each(function(){

		photo_width = $(this).attr("width"); 

		photos_width += photo_width; 

	})
	photos_width -= (screen.width - 250);	

	$("#photos").attr("data-width",photos_width);


	// Scrollbar API
	var sld = $("#slider").slider("widget");
	
	// Scrollbar init	
	sld.slider({ 

		animate:true,
		
		max: photos_width,
		min: -58,
		
		step: 100,

		slide: function(event, ui) 

		{

			margin_left = ui.value;

			if(margin_left < -58) margin_left = -58;
			if(margin_left > $("#photos").attr("data-width")) margin_left = $("#photos").attr("data-width");


			$("#photos").stop().animate({ "margin-left" : -( margin_left )},'500',"easeOutQuad" );

		}

 	});	
	
	$("body").bind("mousewheel",function(event, delta) {
		
		margin_left -= (delta * 100);
		if(margin_left < -58) margin_left = -58;
		if(margin_left > $("#photos").attr("data-width")) margin_left = $("#photos").attr("data-width");
		
		$("#photos").stop().animate({ "margin-left" : -( margin_left)},'500',"easeOutQuad" );
		sld.slider("option", "value",$(sld).slider("option", "value") - (delta * 100));
		
      event.preventDefault();

   });
	
});