$(function(){
            	var start = -1000;
            	var end = -830;
            	
            	var seek_length = 1000;
        	
            	$('#back').click(function(){    	

				   			$('#forward').show();
	                		$('#back').show();
	                		$('#down').show();

				   			start = start + seek_length;
	                		$('#background').animate({'background-position': start + ' 0px'}, 1000, 'easeout');
	                		
	                		if(start > -1000){
	                			//$('#headline').html('Some Left Text');
	                			//$('#subhead').html('<a href="weddings.php">wedding</a>');
	                			//$('#subhead').css('background-color','#D83C9A');
	                			$('#weddingNav').css('background-color','rgba(193,216,60,.25)');
	                			$('#mitzvahNav').css('background-color','transparent');
	                		}
	                		else{
	                			//$('#headline').html('Designed to Fit You');
	                			//$('#subhead').html('<a href="barmitzvah.php">bat mitzvah</a>');
	                			$('#mitzvahNav').css('background-color','rgba(193,216,60,.25)');
	                			$('#elegantNav').css('background-color','transparent');
	                		}

	                		if(start > -1000){
	                			$('#forward').show();
	                			$('#back').hide();
	                			$('#down').hide();
							}
	            });
	               
	            $('#forward').click(function(){

				   			$('#forward').show();
	                		$('#back').show();
	                		$('#down').show();

				   			start = start - seek_length;
				   			$('#background').animate({'background-position': start + ' 0px'}, 1000, 'easeout');
							
							if(start >= -1000){
								// $('#headline').html('Designed to Fit You');
								$('#subhead').html('<a href="barmitzvah.php">bat mitzvah</a>');
								$('#subhead').css('background-color','#C1D83C');
								$('#mitzvahNav').css('background-color','rgba(193,216,60,.25)');
								$('#weddingNav').css('background-color','transparent');
								
							}
							else{
								//$('#headline').html('Some Right Text');
								$('#elegantNav').css('background-color','rgba(193,216,60,.25)');
								$('#mitzvahNav').css('background-color','transparent');
								//$('#subhead').html('<a href="events.php">special event</a>');
								//$('#subhead').css('background-color','#4FC8EB');
							}
							
							if(start < -1000){
	                			$('#forward').hide();
	                			$('#back').show();
	                			$('#down').hide();
							}

	            });
	            
	            $('#down').click(function(){

				   			$('#forward').show();
	                		$('#back').show();
	                		$('#down').show();
	                		
	                		//$('#headline').html('Some Lower Text');
	                		//$('#subhead').html('<a href="fundraisers.php">fundraiser</a>');
	                		//$('#subhead').css('background-color','#E19741');
	                		$('#corporateNav').css('background-color','rgba(193,216,60,.25)');
	                		$('#mitzvahNav').css('background-color','transparent');
	                		
	                		
				   			//start = -463;
				   			$('#background').animate({'background-position': '-1000px -463px'}, 750, 'easeout');
				   			
				   			$('#back').hide();
				   			$('#forward').hide();
				   			$('#down').hide();
				   			$('#up').show();
	            });
	            
	           $('#up').click(function(){
		
				   			$('#forward').show();
	                		$('#back').show();
	                		$('#down').show();
	                		$('#up').hide();
	                		
	                		//$('#headline').html('Designed to Fit You');
	                		//$('#subhead').html('<a href="barmitzvah.php">bat mitzvah</a>');
	                		//$('#subhead').css('background-color','#C1D83C');
	                		$('#mitzvahNav').css('background-color','rgba(193,216,60,.25)');
	                		$('#corporateNav').css('background-color','transparent');
	                		

				   			start = -1000;
				   			$('#background').animate({'background-position': '-1000px 0px'}, 750, 'easeout');

	            });      
});