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;
	});
});