$(document).ready(function(){
	$(".menu > li").click(function(e){
		switch(e.target.id){
			case "TB1":
				//change status & style menu
				$("#TB1").addClass("active");
				$("#TB2").removeClass("active");
				$("#TB3").removeClass("active");
				$("#TB4").removeClass("active");
				$("#TB5").removeClass("active");
				$("#TB6").removeClass("active");				
				$("#TB7").removeClass("active");								
				//display selected division, hide others
				$("div.TB1").fadeIn();
				$("div.TB2").css("display", "none");
				$("div.TB3").css("display", "none");
				$("div.TB4").css("display", "none");				
				$("div.TB5").css("display", "none");	
				$("div.TB6").css("display", "none");					
				$("div.TB7").css("display", "none");									
			break;
			
			case "TB2":
				//change status & style menu
				$("#TB1").removeClass("active");
				$("#TB2").addClass("active");
				$("#TB3").removeClass("active");
				$("#TB4").removeClass("active");				
				$("#TB5").removeClass("active");
				$("#TB6").removeClass("active");				
				$("#TB7").removeClass("active");								
				//display selected division, hide others
				$("div.TB2").fadeIn();
				$("div.TB1").css("display", "none");
				$("div.TB3").css("display", "none");
				$("div.TB4").css("display", "none");				
				$("div.TB5").css("display", "none");	
				$("div.TB6").css("display", "none");					
				$("div.TB7").css("display", "none");									
			break;
			
			case "TB3":
				//change status & style menu
				$("#TB1").removeClass("active");
				$("#TB2").removeClass("active");
				$("#TB3").addClass("active");
				$("#TB4").removeClass("active");				
				$("#TB5").removeClass("active");
				$("#TB6").removeClass("active");				
				$("#TB7").removeClass("active");								
				//display selected division, hide others
				$("div.TB3").fadeIn();
				$("div.TB1").css("display", "none");
				$("div.TB2").css("display", "none");
				$("div.TB4").css("display", "none");				
				$("div.TB5").css("display", "none");
				$("div.TB6").css("display", "none");				
				$("div.TB7").css("display", "none");								
			break;
			
			case "TB4":
				//change status & style menu
				$("#TB1").removeClass("active");
				$("#TB2").removeClass("active");
				$("#TB3").removeClass("active");
				$("#TB5").removeClass("active");
				$("#TB6").removeClass("active");
				$("#TB7").removeClass("active");				
				$("#TB4").addClass("active");				
				//display selected division, hide others
				$("div.TB4").fadeIn();
				$("div.TB1").css("display", "none");
				$("div.TB2").css("display", "none");
				$("div.TB3").css("display", "none");				
				$("div.TB5").css("display", "none");
				$("div.TB6").css("display", "none");
				$("div.TB7").css("display", "none");				
			break;
			
			case "TB5":
				//change status & style menu
				$("#TB1").removeClass("active");
				$("#TB2").removeClass("active");
				$("#TB3").removeClass("active");
				$("#TB4").removeClass("active");				
				$("#TB6").removeClass("active");
				$("#TB7").removeClass("active");				
				$("#TB5").addClass("active");				
				//display selected division, hide others
				$("div.TB5").fadeIn();
				$("div.TB1").css("display", "none");
				$("div.TB2").css("display", "none");
				$("div.TB3").css("display", "none");				
				$("div.TB4").css("display", "none");								
				$("div.TB6").css("display", "none");
				$("div.TB7").css("display", "none");				
			break;			
			
			case "TB6":
				//change status & style menu
				$("#TB1").removeClass("active");
				$("#TB2").removeClass("active");
				$("#TB3").removeClass("active");
				$("#TB4").removeClass("active");				
				$("#TB5").removeClass("active");								
				$("#TB7").removeClass("active");												
				$("#TB6").addClass("active");				
				//display selected division, hide others
				$("div.TB6").fadeIn();
				$("div.TB1").css("display", "none");
				$("div.TB2").css("display", "none");
				$("div.TB3").css("display", "none");				
				$("div.TB4").css("display", "none");								
				$("div.TB5").css("display", "none");
				$("div.TB7").css("display", "none");				
			break;		

			case "TB7":
				//change status & style menu
				$("#TB1").removeClass("active");
				$("#TB2").removeClass("active");
				$("#TB3").removeClass("active");
				$("#TB4").removeClass("active");				
				$("#TB5").removeClass("active");	
				$("#TB6").removeClass("active");					
				$("#TB7").addClass("active");				
				//display selected division, hide others
				$("div.TB7").fadeIn();
				$("div.TB1").css("display", "none");
				$("div.TB2").css("display", "none");
				$("div.TB3").css("display", "none");				
				$("div.TB4").css("display", "none");								
				$("div.TB5").css("display", "none");												
				$("div.TB6").css("display", "none");																
			break;	
			
		}
		//alert(e.target.id);
		return false;
	});
});