$(document).ready(function(){
	$("#about-subnav").css("visibility", "hidden");
	$("#team-subnav").css("visibility", "hidden");
	$("#casestudies-subnav").css("visibility", "hidden");
	$("#projects-subnav").css("visibility", "hidden");
	
	$(window).scroll(function () { 
		hash:true;
	
  		var scrollTopPosition = ($(window).scrollTop() + 100);
		
		var headerSpace = ($("#header").offset().top + $("#header").height());
		var aboutSpace = ($("#about").offset().top + $("#about").height());
  		var teamSpace = ($("#team").offset().top + $("#team").height());
  		var casestudiesSpace = ($("#casestudies").offset().top + $("#casestudies").height());
  		var projectsSpace = ($("#projects").offset().top + $("#projects").height());
  		var endSpace = ($("#footer").offset().top + $("#footer").height());
  		
		var philosophySpace = ($("#philosophy").offset().top + $("#philosophy").height());
		var locationsSpace = ($("#locations").offset().top + $("#locations").height());
		var clientlistSpace = ($("#clientlist").offset().top + $("#clientlist").height());
		var associatesSpace = ($("#associates").offset().top + $("#associates").height());
		var contactSpace = ($("#contact").offset().top + $("#contact").height());
		
		/*var partnersSpace = ($("#partners").offset().top + $("#partners").height());
		var collaboratorsSpace = ($("#collaborators").offset().top + $("#collaborators").height());*/
		
		var humanitycallsSpace = ($("#humanitycalls").offset().top + $("#humanitycalls").height());
		var joshbeckerSpace = ($("#joshbecker").offset().top + $("#joshbecker").height());
		var coronySpace = ($("#corony").offset().top + $("#corony").height());
		
		var designforobamaSpace = ($("#designforobama").offset().top + $("#designforobama").height());
		var abetterworldbydesignSpace = ($("#abetterworldbydesign").offset().top + $("#abetterworldbydesign").height());
		
		// div#navigation and div.subnav
		
		if ((headerSpace <= scrollTopPosition) && (scrollTopPosition <= aboutSpace)){
			$(".nav0 a").addClass('active');
			$("#about-subnav").css("visibility", "visible");
		} else {
			$(".nav0 a").removeClass('active');
			$("#about-subnav").css("visibility", "hidden");
		}
		
		if ((aboutSpace <= scrollTopPosition) && (scrollTopPosition <= teamSpace)){
			$(".nav1 a").addClass('active');
			$("#team-subnav").css("visibility", "visible");
		} else {
			$(".nav1 a").removeClass('active');
			$("#team-subnav").css("visibility", "hidden");
		}
		
		if ((teamSpace < scrollTopPosition) && (scrollTopPosition <= casestudiesSpace)) {
			$(".nav2 a").addClass('active');
			$("#casestudies-subnav").css("visibility", "visible");
		} else {
			$(".nav2 a").removeClass('active');
			$("#casestudies-subnav").css("visibility", "hidden");
		}
		
		if ((casestudiesSpace < scrollTopPosition) && (scrollTopPosition <= projectsSpace)) {
			$(".nav3 a").addClass('active');
			$("#projects-subnav").css("visibility", "visible");
		} else {
			$(".nav3 a").removeClass('active');
			$("#projects-subnav").css("visibility", "hidden");
		}
		
		// div#about
		
		if (((headerSpace+100) <= scrollTopPosition) && (scrollTopPosition <= philosophySpace)){
  			$(".aboutsub0 a").addClass('active');
  		} else {
  			$(".aboutsub0 a").removeClass('active');
  		}
		
		if ((philosophySpace <= scrollTopPosition) && (scrollTopPosition <= locationsSpace)){
  			$(".aboutsub1 a").addClass('active');
  		} else {
  			$(".aboutsub1 a").removeClass('active');
  		}
		
		if ((locationsSpace <= scrollTopPosition) && (scrollTopPosition <= clientlistSpace)){
  			$(".aboutsub2 a").addClass('active');
  		} else {
  			$(".aboutsub2 a").removeClass('active');
  		}
		
		if ((clientlistSpace <= scrollTopPosition) && (scrollTopPosition <= associatesSpace)){
  			$(".aboutsub3 a").addClass('active');
  		} else {
  			$(".aboutsub3 a").removeClass('active');
  		}
		
		if ((associatesSpace <= scrollTopPosition) && (scrollTopPosition <= contactSpace)){
  			$(".aboutsub4 a").addClass('active');
  		} else {
  			$(".aboutsub4 a").removeClass('active');
  		}
		
		// div#team
		/*
		if ((aboutSpace <= scrollTopPosition) && (scrollTopPosition <= partnersSpace)){
  			$("#partners").fadeTo(1, 1);
  			$(".teamsub0 a").addClass('active');
  		} else {
  			$("#partners").fadeTo(1, 1.0);
  			$(".teamsub0 a").removeClass('active');
  		}
		
		if ((partnersSpace <= scrollTopPosition) && (scrollTopPosition <= collaboratorsSpace)){
  			$("#collaborators").fadeTo(1, 1);
  			$(".teamsub1 a").addClass('active');
  		} else {
  			$("#collaborators").fadeTo(1, 1.0);
  			$(".teamsub1 a").removeClass('active');
  		}
		*/
		// div#casestudies
		
		if ((teamSpace <= scrollTopPosition) && (scrollTopPosition <= humanitycallsSpace)){
  			$(".casestudiessub0 a").addClass('active');
  		} else {
  			$(".casestudiessub0 a").removeClass('active');
  		}
		
		if ((humanitycallsSpace <= scrollTopPosition) && (scrollTopPosition <= joshbeckerSpace)){
  			$(".casestudiessub1 a").addClass('active');
  		} else {
  			$(".casestudiessub1 a").removeClass('active');
  		}
		
		if ((joshbeckerSpace <= scrollTopPosition) && (scrollTopPosition <= coronySpace)){
  			$(".casestudiessub2 a").addClass('active');
  		} else {
  			$(".casestudiessub2 a").removeClass('active');
  		}
		
		// div#projects
		
		if ((casestudiesSpace <= scrollTopPosition) && (scrollTopPosition <= designforobamaSpace)){
  			$(".projectssub0 a").addClass('active');
  		} else {
  			$(".projectssub0 a").removeClass('active');
  		}
		
		if ((designforobamaSpace <= scrollTopPosition) && (scrollTopPosition <= abetterworldbydesignSpace)){
  			$(".projectssub1 a").addClass('active');
  		} else {
  			$(".projectssub1 a").removeClass('active');
  		}
		
  	   		//$('#status').html(scrollTopPosition +","+ actSpace +","+crossSpace +"," +mainWhoSpace);
	});
	    
});

jQuery(function( $ ){
	$.localScroll.hash({
		offset: -67,
		duration:1500
	});
	

	$.localScroll({
		duration:1500,
		hash:true,
		offset: -67,
		onBefore:function( e, anchor, $target ){
			// The 'this' is the settings object, can be modified
		},
		onAfter:function( anchor, settings ){
			// The 'this' contains the scrolled element (#content)
		}
	});
	
	
});