// JavaScript Document

$(document).ready(function(){
	$(".menu > li").click(function(e){
		switch(e.target.id){
			case "block1":
				//change status & style menu
				$("#block1").addClass("active");
				$("#block2").removeClass("active");
				$("#block3").removeClass("active");
				$("#block4").removeClass("active");
				$("#block5").removeClass("active");
				$("#block6").removeClass("active");
				//display selected division, hide others
				$("div.block1").fadeIn();
				$("div.block2").css("display", "none");
				$("div.block3").css("display", "none");
				$("div.block4").css("display", "none");
				$("div.block5").css("display", "none");
				$("div.block6").css("display", "none");
			break;
			case "block2":
				//change status & style menu
				$("#block1").removeClass("active");
				$("#block2").addClass("active");
				$("#block3").removeClass("active");
				$("#block4").removeClass("active");
				$("#block5").removeClass("active");
				$("#block6").removeClass("active");
				//display selected division, hide others
				$("div.block2").fadeIn();
				$("div.block1").css("display", "none");
				$("div.block3").css("display", "none");
				$("div.block4").css("display", "none");
				$("div.block5").css("display", "none");
				$("div.block6").css("display", "none");
			break;
			case "block3":
				//change status & style menu
				$("#block1").removeClass("active");
				$("#block2").removeClass("active");
				$("#block3").addClass("active");
				$("#block4").removeClass("active");
				$("#block5").removeClass("active");
				$("#block6").removeClass("active");
				//display selected division, hide others
				$("div.block3").fadeIn();
				$("div.block1").css("display", "none");
				$("div.block2").css("display", "none");
				$("div.block4").css("display", "none");
				$("div.block5").css("display", "none");
				$("div.block6").css("display", "none");
			break;
			case "block4":
				//change status & style menu
				$("#block1").removeClass("active");
				$("#block2").removeClass("active");
				$("#block3").removeClass("active");
				$("#block4").addClass("active");
				$("#block5").removeClass("active");
				$("#block6").removeClass("active");
				//display selected division, hide others
				$("div.block4").fadeIn();
				$("div.block1").css("display", "none");
				$("div.block2").css("display", "none");
				$("div.block3").css("display", "none");
				$("div.block5").css("display", "none");
				$("div.block6").css("display", "none");
			break;
			case "block5":
				//change status & style menu
				$("#block1").removeClass("active");
				$("#block2").removeClass("active");
				$("#block3").removeClass("active");
				$("#block4").removeClass("active");
				$("#block5").addClass("active");
				$("#block6").removeClass("active");
				//display selected division, hide others
				$("div.block5").fadeIn();
				$("div.block1").css("display", "none");
				$("div.block2").css("display", "none");
				$("div.block3").css("display", "none");
				$("div.block4").css("display", "none");
				$("div.block6").css("display", "none");
			break;
			case "block6":
				//change status & style menu
				$("#block1").removeClass("active");
				$("#block2").removeClass("active");
				$("#block3").removeClass("active");
				$("#block4").removeClass("active");
				$("#block5").removeClass("active");
				$("#block6").addClass("active");
				//display selected division, hide others
				$("div.block6").fadeIn();
				$("div.block1").css("display", "none");
				$("div.block2").css("display", "none");
				$("div.block3").css("display", "none");
				$("div.block4").css("display", "none");
				$("div.block5").css("display", "none");
			break;
			
		}
		//alert(e.target.id);
		return false;
	});
});