jQuery(document).ready(function(){

	jQuery(".menu > li").click(function(e){

		switch(e.target.id){

			

			case "tab1":

				//change status & style menu

				jQuery("#tab1").addClass("active");

				jQuery("#tab2").removeClass("active");

				jQuery("#tab3").removeClass("active");

				jQuery("#tab4").removeClass("active");

				//display selected division, hide others

				jQuery("div.tab1").fadeIn();

				jQuery("div.tab2").css("display", "none");

				jQuery("div.tab3").css("display", "none");

				jQuery("div.tab4").css("display", "none");

			break;

			case "tab2":

				//change status & style menu

				jQuery("#tab1").removeClass("active");

				jQuery("#tab2").addClass("active");

				jQuery("#tab3").removeClass("active");

				jQuery("#tab4").removeClass("active");

				//display selected division, hide others

				jQuery("div.tab2").fadeIn();

				jQuery("div.tab1").css("display", "none");

				jQuery("div.tab3").css("display", "none");

				jQuery("div.tab4").css("display", "none");

			break;

			case "tab3":

				//change status & style menu

				jQuery("#tab1").removeClass("active");

				jQuery("#tab2").removeClass("active");

				jQuery("#tab3").addClass("active");

				jQuery("#tab4").removeClass("active");

				//display selected division, hide others

				jQuery("div.tab3").fadeIn();

				jQuery("div.tab1").css("display", "none");

				jQuery("div.tab2").css("display", "none");

				jQuery("div.tab4").css("display", "none");

			break;

			case "tab4":

				//change status & style menu

				jQuery("#tab1").removeClass("active");

				jQuery("#tab2").removeClass("active");

				jQuery("#tab3").removeClass("active");

				jQuery("#tab4").addClass("active");

				//display selected division, hide others

				jQuery("div.tab1").css("display", "none");

				jQuery("div.tab2").css("display", "none");

				jQuery("div.tab3").css("display", "none");	

				jQuery("div.tab4").fadeIn();

							

			break;	

			

		}

		//alert(e.target.id);

		return false;

	});
	
	
	
});