$(window).bind('load', 
	function () {
		// run the cross fade plugin against selector
		$('#gallery > p').cycle('fade');
	}
);
$(document).ready(
	function(){
		$("#navpage1").click(
			function(){
				$('#navpage1').css('background-color', '#d6d6d6');
				$('#navpage2').css('background-color', 'white');
				$('#part1').fadeIn(1000 );
				$('#part2').fadeOut(1000, 
					function(){
						$('#part1').css('position', 'relative');
						$('#part2').css('position', 'absolute');
					}
				);
				$.scrollTo( '#text', 800 );
			}
		);
		$("#navpage2").click(
			function(){
				$('#navpage2').css('background-color', '#d6d6d6');
				$('#navpage1').css('background-color', 'white');
				//$('#part1').css('position', 'absolute');
				//$('#part2').css('position', 'relative');
				$('#part2').fadeIn(1000);
				$('#part1').fadeOut(1000, 
					function(){
						$('#part1').css('position', 'absolute');
						$('#part2').css('position', 'relative');
					});
				$.scrollTo( '#text', 800 );
			}
		);
	}
);