$(document).ready(function(){

	$("#item3").addClass("active");
	$("div.item1").css("display", "none");
	$("div.item2").css("display", "none");
	$("div.item4").css("display", "none");
	$("div.item5").css("display", "none");
	$("div.item6").css("display", "none");
	
	$("a.sidenav").click(function(e){
		switch(e.target.id){
			case "item1":
				//change status & style menu
				$("#item1").addClass("active");
				$("#item2").removeClass("active");
				$("#item3").removeClass("active");
				$("#item4").removeClass("active");
				$("#item5").removeClass("active");
				$("#item6").removeClass("active");
				//display selected division, hide others
				$("div.item1").fadeIn();
				$("div.item2").css("display", "none");
				$("div.item3").css("display", "none");
				$("div.item4").css("display", "none");
				$("div.item5").css("display", "none");
				$("div.item6").css("display", "none");
			break;
			case "item2":
				//change status & style menu
				$("#item1").removeClass("active");
				$("#item2").addClass("active");
				$("#item3").removeClass("active");
				$("#item4").removeClass("active");
				$("#item5").removeClass("active");
				$("#item6").removeClass("active");
				//display selected division, hide others
				$("div.item1").css("display", "none");
				$("div.item2").fadeIn();
				$("div.item3").css("display", "none");
				$("div.item4").css("display", "none");
				$("div.item5").css("display", "none");
				$("div.item6").css("display", "none");
			break;
			case "item3":
				//change status & style menu
				$("#item1").removeClass("active");
				$("#item2").removeClass("active");
				$("#item3").addClass("active");
				$("#item4").removeClass("active");
				$("#item5").removeClass("active");
				$("#item6").removeClass("active");
				//display selected division, hide others
				$("div.item1").css("display", "none");
				$("div.item2").css("display", "none");
				$("div.item3").fadeIn();
				$("div.item4").css("display", "none");
				$("div.item5").css("display", "none");
				$("div.item6").css("display", "none");
			break;
			case "item4":
				//change status & style menu
				$("#item1").removeClass("active");
				$("#item2").removeClass("active");
				$("#item3").removeClass("active");
				$("#item4").addClass("active");
				$("#item5").removeClass("active");
				$("#item6").removeClass("active");
				//display selected division, hide others
				$("div.item1").css("display", "none");
				$("div.item2").css("display", "none");
				$("div.item3").css("display", "none");
				$("div.item4").fadeIn();
				$("div.item5").css("display", "none");
				$("div.item6").css("display", "none");
			break;
			case "item5":
				//change status & style menu
				$("#item1").removeClass("active");
				$("#item2").removeClass("active");
				$("#item3").removeClass("active");
				$("#item4").removeClass("active");
				$("#item5").addClass("active");
				$("#item6").removeClass("active");
				//display selected division, hide others
				$("div.item1").css("display", "none");
				$("div.item2").css("display", "none");
				$("div.item3").css("display", "none");
				$("div.item4").css("display", "none");
				$("div.item5").fadeIn();
				$("div.item6").css("display", "none");
			break;
			case "item6":
				//change status & style menu
				$("#item1").removeClass("active");
				$("#item2").removeClass("active");
				$("#item3").removeClass("active");
				$("#item4").removeClass("active");
				$("#item5").removeClass("active");
				$("#item6").addClass("active");
				//display selected division, hide others
				$("div.item1").css("display", "none");
				$("div.item2").css("display", "none");
				$("div.item3").css("display", "none");
				$("div.item4").css("display", "none");
				$("div.item5").css("display", "none");
				$("div.item6").fadeIn();
			break;

		}
		//alert(e.target.id);
		return false;
	});
});