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