$(document).ready(function(){


function hideall_practice() {

 //   $('#menu2_practice').hide();
	$('#menu2_home').hide();
	$('#menu2_projects').hide();	
	$('#menu3_staff').hide();
	$('#menu3_howwework').hide();
	$('#menu3_offices').hide();
	$('#menu3_community').hide();
	$('#menu3_education').hide();
	$('#menu3_exhibition').hide();
	$('#menu3_exhibitions').hide();
	$('#menu3_residential').hide();
	$('#menu3_urbandesign').hide(); 
	$('#menu3_projectlist').hide();
	$('#menu3_landscape').hide();

		}

		function hideall() {

   $('#menu2_home').hide();
		    $('#menu2_practice').hide();
		    $('#menu2_projects').hide();	
			$('#menu3_staff').hide();
			$('#menu3_howwework').hide();
		    $('#menu3_offices').hide();
		    $('#menu3_community').hide();
		    $('#menu3_education').hide();
		    $('#menu3_exhibition').hide();
		    $('#menu3_exhibitions').hide();
		    $('#menu3_residential').hide();
		    $('#menu3_urbandesign').hide(); 
		    $('#menu3_projectlist').hide();
		    $('#menu3_landscape').hide();

				}


		function hideall_projects() {
   $('#menu2_home').hide();
		    $('#menu2_practice').hide();
//		    $('#menu2_projects').hide();	
			$('#menu3_staff').hide();
			$('#menu3_howwework').hide();
		    $('#menu3_offices').hide();
		    $('#menu3_community').hide();
		    $('#menu3_education').hide();
		    $('#menu3_exhibition').hide();
		    $('#menu3_residential').hide();
		    $('#menu3_urbandesign').hide(); 
		    $('#menu3_projectlist').hide();
		    $('#menu3_landscape').hide();

				}
		
		
		
		


		function darkenall() {

	$("li.practice").css({color:'#4a4a4a'});
	$("li.projects").css({color:'#4a4a4a'});
	$("li.offices").css({color:'#4a4a4a'});
	$("li.community").css({color:'#4a4a4a'});
	$("li.education").css({color:'#4a4a4a'});
	$("li.exhibition").css({color:'#4a4a4a'});
	$("li.exhibitions").css({color:'#4a4a4a'});
	$("li.residential").css({color:'#4a4a4a'});
	$("li.urbandesign").css({color:'#4a4a4a'});
	$("li.landscape").css({color:'#4a4a4a'});
    $("#home").css({color:'#4a4a4a'});
    $("#news").css({color:'#4a4a4a'});
$("li.staff").css({color:'#4a4a4a'});
$("li.howwework").css({color:'#4a4a4a'});
				}
				
				
					function darkenall_projects() {

				$("li.practice").css({color:'#4a4a4a'});
	//			$("li.projects").css({color:'#4a4a4a'});
				$("li.offices").css({color:'#4a4a4a'});
				$("li.community").css({color:'#4a4a4a'});
				$("li.education").css({color:'#4a4a4a'});
				$("li.exhibition").css({color:'#4a4a4a'});
				$("li.exhibitions").css({color:'#4a4a4a'});
				$("li.residential").css({color:'#4a4a4a'});
				$("li.urbandesign").css({color:'#4a4a4a'});
				$("li.landscape").css({color:'#4a4a4a'});
			    $("#home").css({color:'#4a4a4a'});
			    $("#news").css({color:'#4a4a4a'});
				$("li.staff").css({color:'#4a4a4a'});
$("li.howwework").css({color:'#4a4a4a'});
							}
		
											function darkenall_practice() {

							//			$("li.practice").css({color:'#4a4a4a'});
										$("li.projects").css({color:'#4a4a4a'});
										$("li.offices").css({color:'#4a4a4a'});
										$("li.community").css({color:'#4a4a4a'});
										$("li.education").css({color:'#4a4a4a'});
										$("li.exhibitions").css({color:'#4a4a4a'});
										$("li.residential").css({color:'#4a4a4a'});
										$("li.urbandesign").css({color:'#4a4a4a'});
										$("li.landscape").css({color:'#4a4a4a'});
									    $("#home").css({color:'#4a4a4a'});
									    $("#news").css({color:'#4a4a4a'});
										$("li.staff").css({color:'#4a4a4a'});
$("li.howwework").css({color:'#4a4a4a'});
													}
													
														function darkenall_home() {

													$("li.practice").css({color:'#4a4a4a'});
													$("li.projects").css({color:'#4a4a4a'});
													$("li.offices").css({color:'#4a4a4a'});
													$("li.community").css({color:'#4a4a4a'});
													$("li.education").css({color:'#4a4a4a'});
													$("li.exhibitions").css({color:'#4a4a4a'});
													$("li.residential").css({color:'#4a4a4a'});
													$("li.urbandesign").css({color:'#4a4a4a'});
													$("li.landscape").css({color:'#4a4a4a'});
										//		    $("#home").css({color:'#4a4a4a'});
												    $("#news").css({color:'#4a4a4a'});
													$("li.staff").css({color:'#4a4a4a'});
$("li.howwework").css({color:'#4a4a4a'});
																}
																
																
																	function darkenall_news() {

																$("li.practice").css({color:'#4a4a4a'});
																$("li.projects").css({color:'#4a4a4a'});
																$("li.offices").css({color:'#4a4a4a'});
																$("li.community").css({color:'#4a4a4a'});
																$("li.education").css({color:'#4a4a4a'});
																$("li.exhibitions").css({color:'#4a4a4a'});
																$("li.residential").css({color:'#4a4a4a'});
																$("li.urbandesign").css({color:'#4a4a4a'});

$("li.landscape").css({color:'#4a4a4a'});
															    $("#home").css({color:'#4a4a4a'});
													//		    $("#news").css({color:'#4a4a4a'});

$("li.staff").css({color:'#4a4a4a'});

$("li.howwework").css({color:'#4a4a4a'});
																			}
		
		
		
		

$("li.projects").click(function(){ 
	
hideall();
darkenall();
$(this).css({color:'orange'}); //mouseover	
$('#menu2_projects').fadeIn("slow");
	
});	

$("li.practice").click(function(){ 
	
hideall();
darkenall();
$(this).css({color:'orange'}); //mouseover	
$('#menu2_practice').fadeIn("slow");
	
});


$("li.offices").click(function(){ 
	
hideall_projects();
darkenall_projects();
$(this).css({color:'orange'}); //mouseover	
$('#menu3_offices').fadeIn("slow");
	
});

$("li.community").click(function(){ 
	
	hideall_projects();
	darkenall_projects();
$(this).css({color:'orange'}); //mouseover	
$('#menu3_community').fadeIn("slow");
	
});

$("li.education").click(function(){ 
	
	hideall_projects();
	darkenall_projects();
$(this).css({color:'orange'}); //mouseover	
$('#menu3_education').fadeIn("slow");
	
});

$("li.exhibition").click(function(){ 
	
	hideall_projects();
	darkenall_projects();
$(this).css({color:'orange'}); //mouseover	
$('#menu3_exhibition').fadeIn("slow");
	
});

$("li.exhibitions").click(function(){ 
	
	hideall_practice();
	darkenall_practice();
$(this).css({color:'orange'}); //mouseover	
$('#menu3_exhibitions').fadeIn("slow");
	
});

$("li.residential").click(function(){ 
	
	hideall_projects();
	darkenall_projects();
$(this).css({color:'orange'}); //mouseover	
$('#menu3_residential').fadeIn("slow");
	
});

$("li.urbandesign").click(function(){ 
	
	hideall_projects();
	darkenall_projects();
$(this).css({color:'orange'}); //mouseover	
$('#menu3_urbandesign').fadeIn("slow");
	
});


$("li.landscape").click(function(){ 
	
	hideall_projects();
	darkenall_projects();
$(this).css({color:'orange'}); //mouseover	
$('#menu3_landscape').fadeIn("slow");
	
});


$("li.staff").click(function(){ 
	
	hideall_practice();
	darkenall_practice();
$(this).css({color:'orange'}); //mouseover	
$('#menu3_staff').fadeIn("slow");
	
});

$("li.projectlist").click(function(){ 
	
	hideall_practice();
	darkenall_practice();
$(this).css({color:'orange'}); //mouseover	
$('#menu3_projectlist').fadeIn("slow");
	
});


$("li.howwework").click(function(){ 
	
	hideall_practice();
	darkenall_practice();
$(this).css({color:'orange'}); //mouseover	
$('#menu3_howwework').fadeIn("slow");
	
});





$("#home").hover(function(){ 
		
		hideall();
		darkenall_home();
	$(this).css({color:'orange'}); //mouseover	
	$('#menu2_home').fadeIn("slow");
	$('#home').fadeIn("slow");


  });

$("#news").click(function(){ 

		hideall();
		darkenall_news();
	$(this).css({color:'orange'}); //mouseover	
//	$('#home').fadeIn("slow");


  });




	});