function move_hover_bg($itm,sp){
	$itm.parent().css({backgroundPosition : (sp+'px') 	});
	} 

$(document).ready(function(){
cLeftPos =  	parseInt($("#container").css("left"));						   
$(".spacer1")
	.hover(
		function() {

				move_hover_bg($(this),-65);
							 
			} ,
		function() {

				move_hover_bg($(this),0);

						 

			}

		)
	.click(
		  function(){
				cLeftPos = -1*document.body.scrollLeft;
	
				 
			 	if(cLeftPos-585 > window.scrollMaxX ){
						cLeftPos = window.scrollMaxX;
					} else cLeftPos -= 585;
				 
			    $("html,body").animate({
									   scrollLeft:	-1*cLeftPos 
									   },
									   1000);
			   }
		   );

$(".spacer2").hover(
 					function() {
							$(this).parent().css({backgroundPosition : '-130px'});
						} ,
						function() {
							$(this).parent().css({backgroundPosition : '0px'});
						}

					)
 		.click(
			function(){
			   
				 
				cLeftPos = -1*document.body.scrollLeft;
				if(cLeftPos+585 < 0 ){
						cLeftPos = 0;
					} else cLeftPos += 585;
				//cLeftPos += "px";
				 
			   
				$("html,body").animate({
									   scrollLeft:	-1*cLeftPos 
									   },
									   1000);
			   }
		   
		   );

						   						   });