$(document).ready(function(){
					// Main Page Navigation Elements  
       			 $(".nav").hide();
       			
       			 $(".top").click(function() {
       			 	$('body').scrollTo("#home", 1000);
       			 	return false;
       			 });
       			 $(".about").click(function() {
       			 	$('body').scrollTo("#about", 1000);
       			 	return false;
       			 });
       			 $(".services").click(function() {
       			 	$('body').scrollTo("#services", 1000);
       			 	return false;
       			 });
       			 $(".portfolio").click(function() {
       			 	$('body').scrollTo("#portfolio", 1000);
       			 	return false;
       			 });
       			 $(".contact").click(function() {
       			 	$('body').scrollTo("#contact", 1000);
       			 	return false;
       			 });
       			 
       			 
       			 
       			 // Determine Scroll Position
				 $(window).scroll(function() {
				 
				 	offset = 150;
				 	offset2 = 0;
				 
				 	aboutTop = $("#home").height() - offset;
				 	aboutBottom = $("#home").height() + $("#about").height() - offset2;
				 	
				 	servicesTop = $("#home").height() + $("#about").height() - offset;
				 	servicesBottom = $("#home").height() + $("#about").height() + $("#services").height() - offset2;
				 	
				 	portfolioTop = $("#home").height() + $("#about").height() + $("#services").height() - offset;
				 	portfolioBottom = $("#home").height() + $("#about").height() + $("#services").height() + $("#portfolio").height() - offset2;
				 	
				 	contactTop = $("#home").height() + $("#about").height() + $("#services").height() + $("#portfolio").height() - 300;
				 	contactBottom = $("#home").height() + $("#about").height() + $("#services").height() + $("#portfolio").height() + $("#contact").height() - offset2;
				 	
       			 	scrollTop = $(window).scrollTop();
       			 	
				 	if (scrollTop >= aboutTop && scrollTop <= aboutBottom) {
       			 		$("#nav2").fadeIn("slow");
				 	}
				 	else {
				 		$("#nav2").fadeOut("slow");
				 	}
				 	
				 	if (scrollTop >= servicesTop && scrollTop <= servicesBottom) {
       			 		$("#nav3").fadeIn("slow");
				 	}
				 	else {
				 		$("#nav3").fadeOut("slow");
				 	}
				 	
				 	if (scrollTop >= portfolioTop && scrollTop <= portfolioBottom) {
       			 		$("#nav4").fadeIn("slow");
				 	}
				 	else {
				 		$("#nav4").fadeOut("slow");
				 	}
				 	
				 	if (scrollTop >= contactTop && scrollTop <= contactBottom) {
       			 		$("#nav5").fadeIn("slow");
				 	}
				 	else {
				 		$("#nav5").fadeOut("slow");
				 	}
				 	
				 });
				
       		});