$(document).ready(function(){

    $("#arch").click(
      function(){
	$("#a1").animate({width: "700px"}, { queue:false, duration:350});
	$("#a2").animate({width: "30px"}, { queue:false, duration:350});
	$("#a3").animate({width: "30px"}, { queue:false, duration:350});
	$("#a4").animate({width: "30px"}, { queue:false, duration:350});
	$("#contact_main").animate({width: "0px"}, { queue:false, duration:300});
	$("#site_main").animate({width: "0px"}, { queue:false, duration:300});
	$("#gal_left_bottom").css({display: "none"}, { queue:false, duration:350});
	$("#gal_right_bottom").css({display: "none"}, { queue:false, duration:350});
	$("#gal_right").css({display: "none"}, { queue:false, duration:350});
	$("#a1").css("border-left", "0");
	$(this).css("font-weight", "bold");
	$("#inte, #cons, #proj").css("font-weight", "normal");
	}
    );
    
    $("#inte").click(
      function(){
	$("#a2").animate({width: "668px"}, { queue:false, duration:350});
	$("#a1").animate({width: "30px"}, { queue:false, duration:350});
	$("#a3").animate({width: "30px"}, { queue:false, duration:350});
	$("#a4").animate({width: "30px"}, { queue:false, duration:350});
	$("#contact_main").animate({width: "0px"}, { queue:false, duration:300});
	$("#site_main").animate({width: "0px"}, { queue:false, duration:300});
	$("#gal_left_bottom").css({display: "none"}, { queue:false, duration:350});
	$("#gal_right_bottom").css({display: "none"}, { queue:false, duration:350});
	$("#gal_right").css({display: "none"}, { queue:false, duration:350});
	$("#a1").css("border-left", "0");
	$(this).css("font-weight", "bold");
	$("#arch, #cons, #proj").css("font-weight", "normal");
	}
    );
    
    $("#cons").click(
      function(){
	$("#a3").animate({width: "636px"}, { queue:false, duration:350});
	$("#a1").animate({width: "30px"}, { queue:false, duration:350});
	$("#a2").animate({width: "30px"}, { queue:false, duration:350});
	$("#a4").animate({width: "30px"}, { queue:false, duration:350});
	$("#contact_main").animate({width: "0px"}, { queue:false, duration:300});
	$("#site_main").animate({width: "0px"}, { queue:false, duration:300});
	$("#gal_left_bottom").css({display: "none"}, { queue:false, duration:350});
	$("#gal_right_bottom").css({display: "none"}, { queue:false, duration:350});
	$("#gal_right").css({display: "none"}, { queue:false, duration:350});
	$("#a1").css("border-left", "0");
	$(this).css("font-weight", "bold");
	$("#arch, #inte, #proj").css("font-weight", "normal");
	}
    );
    
    $("#proj").click(
      function(){
	$("#a4").animate({width: "637px"}, { queue:false, duration:350});
	$("#a1").animate({width: "30px"}, { queue:false, duration:350});
	$("#a2").animate({width: "30px"}, { queue:false, duration:350});
	$("#a3").animate({width: "30px"}, { queue:false, duration:350});
	$("#contact_main").animate({width: "0px"}, { queue:false, duration:300});
	$("#site_main").animate({width: "0px"}, { queue:false, duration:300});
	$("#gal_left_bottom").css({display: "none"}, { queue:false, duration:350});
	$("#gal_right_bottom").css({display: "none"}, { queue:false, duration:350});
	$("#gal_right").css({display: "none"}, { queue:false, duration:350});
	$("#a1").css("border-left", "0");
	$(this).css("font-weight", "bold");
	$("#arch, #inte, #cons").css("font-weight", "normal");
	}
    );
    
});