// JavaScript Document

	$("a.navHome").click(function(event){
		  $("#headers div:visible").removeClass("active");
 		  $(".homeHead").addClass("active");
		  counter = 1;
	 });
	 $("a.navServices").click(function(event){
		  $("#headers div:visible").removeClass("active");
 		  $(".servicesHead").addClass("active");
		  counter = 2;
	 });
	 $("a.navhowWeDoIt").click(function(event){
		  $("#headers div:visible").removeClass("active");
 		  $(".howWeDoItHead").addClass("active");
		  counter = 3;
	 });
	 
	 $("a.navAbout").click(function(event){
		  $("#headers div:visible").removeClass("active");
		  $(".aboutHead").addClass("active");	
		  counter = 4;
	 });
	 
	 $("a.navConnect").click(function(event){
		  $("#headers div:visible").removeClass("active");
 		  $(".connectHead").addClass("active");
		  counter = 5;
	 });
	 
	 $("a.nextPage").click(function(event){
	 	  if (counter == 1) {
		  	  $("div.servicesHead").addClass("active");
		      $(".homeHead").removeClass("active");
			  counter = 2;
			}		
 		  else if (counter == 2) {
		  	  $("div.howWeDoItHead").addClass("active");
			  $(".servicesHead").removeClass("active");
			  counter = 3;
		  }
		 else if (counter == 3) {
		  	  $("div.aboutHead").addClass("active");
			  $(".howWeDoItHead").removeClass("active");
			  counter = 4;
		  }
		 else if (counter == 4) {
		  	  $("div.connectHead").addClass("active");
			  $(".aboutHead").removeClass("active");
			  counter = 5;
		  }
	 });
		  
	 $("a.prevPage").click(function(event){
	 	  if (counter == 2) {
		  	  $("div.homeHead").addClass("active");
		      $(".servicesHead").removeClass("active");
			  counter = 1;
			}		
 		  else if (counter == 3) {
		  	  $("div.servicesHead").addClass("active");
			  $(".howWeDoItHead").removeClass("active");
			  counter = 2;
		  }
		 else if (counter == 4) {
		  	  $("div.howWeDoItHead").addClass("active");
			  $(".aboutHead").removeClass("active");
			  counter = 3;
		  }
		 else if (counter == 5) {
		  	  $("div.aboutHead").addClass("active");
			  $(".connectHead").removeClass("active");
			  counter = 4;
		  }
		 
	 });
