jQuery(document).ready(function() {
 
	jQuery(".navarchitecture").hover(
	  function () {
	    jQuery(".page-item-3").css("background-color","black");
	  }, 
	  function () {
	    jQuery(".page-item-3").css("background-color","white");
	  }
	);


	jQuery(".navinterior").hover(
	  function () {
	    jQuery(".page-item-4").css("background-color","black");
	  }, 
	  function () {
	    jQuery(".page-item-4").css("background-color","white");
	  }
	);


	jQuery(".navlandscape").hover(
	  function () {
	    jQuery(".page-item-7").css("background-color","black");
	  }, 
	  function () {
	    jQuery(".page-item-7").css("background-color","white");
	  }
	);


	jQuery(".navpeopleportrait").hover(
	  function () {
	    jQuery(".page-item-8").css("background-color","black");
	  }, 
	  function () {
	    jQuery(".page-item-8").css("background-color","white");
	  }
	);


	jQuery(".navobjects").hover(
	  function () {
	    jQuery(".page-item-9").css("background-color","black");
	  }, 
	  function () {
	    jQuery(".page-item-9").css("background-color","white");
	  }
	);


	jQuery(".navadverts").hover(
	  function () {
	    jQuery(".page-item-10").css("background-color","black");
	  }, 
	  function () {
	    jQuery(".page-item-10").css("background-color","white");
	  }
	);

	jQuery(".page-item-20").hover(
	  function () {
	    jQuery(".page-item-21").css("background-color","black");
	  }, 
	  function () {
	    jQuery(".page-item-21").css("background-color","white");
	  }
	);
	
	jQuery(".page-item-21").hover(
	  function () {
	    jQuery(".page-item-20").css("background-color","black");
	  }, 
	  function () {
	    jQuery(".page-item-20").css("background-color","white");
	  }
	);

});