$(document).ready(function(){

	$("#walkitem1").addClass("active");
	$("div.walkitem2").css("display", "none");
	$("div.walkitem3").css("display", "none");
	$("div.walkitem4").css("display", "none");
	$("div.walkitem5").css("display", "none");
	$("div.walkitem6").css("display", "none");
	$("div.walkitem7").css("display", "none");
	$("div.walkitem8").css("display", "none");
	$("div.walkitem9").css("display", "none");
	$("div.walkitem10").css("display", "none");
	
	$("a.walknav").click(function(e){
		switch(e.target.id){
			case "walkitem1":
				//change status & style menu
				$("#walkitem1").addClass("active");
				$("#walkitem2").removeClass("active");
				$("#walkitem3").removeClass("active");
				$("#walkitem4").removeClass("active");
				$("#walkitem5").removeClass("active");
				$("#walkitem6").removeClass("active");
				$("#walkitem7").removeClass("active");
				$("#walkitem8").removeClass("active");
				$("#walkitem9").removeClass("active");
				$("#walkitem10").removeClass("active");
				//display selected division, hide others
				$("div.walkitem1").fadeIn();
				$("div.walkitem2").css("display", "none");
				$("div.walkitem3").css("display", "none");
				$("div.walkitem4").css("display", "none");
				$("div.walkitem5").css("display", "none");
				$("div.walkitem6").css("display", "none");
				$("div.walkitem7").css("display", "none");
				$("div.walkitem8").css("display", "none");
				$("div.walkitem9").css("display", "none");
				$("div.walkitem10").css("display", "none");
			break;
			case "walkitem2":
				//change status & style menu
				$("#walkitem1").removeClass("active");
				$("#walkitem2").addClass("active");
				$("#walkitem3").removeClass("active");
				$("#walkitem4").removeClass("active");
				$("#walkitem5").removeClass("active");
				$("#walkitem6").removeClass("active");
				$("#walkitem7").removeClass("active");
				$("#walkitem8").removeClass("active");
				$("#walkitem9").removeClass("active");
				$("#walkitem10").removeClass("active");
				//display selected division, hide others
				$("div.walkitem1").css("display", "none");
				$("div.walkitem2").fadeIn();
				$("div.walkitem3").css("display", "none");
				$("div.walkitem4").css("display", "none");
				$("div.walkitem5").css("display", "none");
				$("div.walkitem6").css("display", "none");
				$("div.walkitem7").css("display", "none");
				$("div.walkitem8").css("display", "none");
				$("div.walkitem9").css("display", "none");
				$("div.walkitem10").css("display", "none");
			break;
			case "walkitem3":
				//change status & style menu
				$("#walkitem1").removeClass("active");
				$("#walkitem2").removeClass("active");
				$("#walkitem3").addClass("active");
				$("#walkitem4").removeClass("active");
				$("#walkitem5").removeClass("active");
				$("#walkitem6").removeClass("active");
				$("#walkitem7").removeClass("active");
				$("#walkitem8").removeClass("active");
				$("#walkitem9").removeClass("active");
				$("#walkitem10").removeClass("active");
				//display selected division, hide others
				$("div.walkitem1").css("display", "none");
				$("div.walkitem2").css("display", "none");
				$("div.walkitem3").fadeIn();
				$("div.walkitem4").css("display", "none");
				$("div.walkitem5").css("display", "none");
				$("div.walkitem6").css("display", "none");
				$("div.walkitem7").css("display", "none");
				$("div.walkitem8").css("display", "none");
				$("div.walkitem9").css("display", "none");
				$("div.walkitem10").css("display", "none");
			break;
			case "walkitem4":
				//change status & style menu
				$("#walkitem1").removeClass("active");
				$("#walkitem2").removeClass("active");
				$("#walkitem3").removeClass("active");
				$("#walkitem4").addClass("active");
				$("#walkitem5").removeClass("active");
				$("#walkitem6").removeClass("active");
				$("#walkitem7").removeClass("active");
				$("#walkitem8").removeClass("active");
				$("#walkitem9").removeClass("active");
				$("#walkitem10").removeClass("active");
				//display selected division, hide others
				$("div.walkitem1").css("display", "none");
				$("div.walkitem2").css("display", "none");
				$("div.walkitem3").css("display", "none");
				$("div.walkitem4").fadeIn();
				$("div.walkitem5").css("display", "none");
				$("div.walkitem6").css("display", "none");
				$("div.walkitem7").css("display", "none");
				$("div.walkitem8").css("display", "none");
				$("div.walkitem9").css("display", "none");
				$("div.walkitem10").css("display", "none");
			break;
			case "walkitem5":
				//change status & style menu
				$("#walkitem1").removeClass("active");
				$("#walkitem2").removeClass("active");
				$("#walkitem3").removeClass("active");
				$("#walkitem4").removeClass("active");
				$("#walkitem5").addClass("active");
				$("#walkitem6").removeClass("active");
				$("#walkitem7").removeClass("active");
				$("#walkitem8").removeClass("active");
				$("#walkitem9").removeClass("active");
				$("#walkitem10").removeClass("active");
				//display selected division, hide others
				$("div.walkitem1").css("display", "none");
				$("div.walkitem2").css("display", "none");
				$("div.walkitem3").css("display", "none");
				$("div.walkitem4").css("display", "none");
				$("div.walkitem5").fadeIn();
				$("div.walkitem6").css("display", "none");
				$("div.walkitem7").css("display", "none");
				$("div.walkitem8").css("display", "none");
				$("div.walkitem9").css("display", "none");
				$("div.walkitem10").css("display", "none");
			break;
			case "walkitem6":
				//change status & style menu
				$("#walkitem1").removeClass("active");
				$("#walkitem2").removeClass("active");
				$("#walkitem3").removeClass("active");
				$("#walkitem4").removeClass("active");
				$("#walkitem5").removeClass("active");
				$("#walkitem6").addClass("active");
				$("#walkitem7").removeClass("active");
				$("#walkitem8").removeClass("active");
				$("#walkitem9").removeClass("active");
				$("#walkitem10").removeClass("active");
				//display selected division, hide others
				$("div.walkitem1").css("display", "none");
				$("div.walkitem2").css("display", "none");
				$("div.walkitem3").css("display", "none");
				$("div.walkitem4").css("display", "none");
				$("div.walkitem5").css("display", "none");
				$("div.walkitem6").fadeIn();
				$("div.walkitem7").css("display", "none");
				$("div.walkitem8").css("display", "none");
				$("div.walkitem9").css("display", "none");
				$("div.walkitem10").css("display", "none");
			break;
			case "walkitem7":
				//change status & style menu
				$("#walkitem1").removeClass("active");
				$("#walkitem2").removeClass("active");
				$("#walkitem3").removeClass("active");
				$("#walkitem4").removeClass("active");
				$("#walkitem5").removeClass("active");
				$("#walkitem6").removeClass("active");
				$("#walkitem7").addClass("active");
				$("#walkitem8").removeClass("active");
				$("#walkitem9").removeClass("active");
				$("#walkitem10").removeClass("active");
				//display selected division, hide others
				$("div.walkitem1").css("display", "none");
				$("div.walkitem2").css("display", "none");
				$("div.walkitem3").css("display", "none");
				$("div.walkitem4").css("display", "none");
				$("div.walkitem5").css("display", "none");
				$("div.walkitem6").css("display", "none");
				$("div.walkitem7").fadeIn();
				$("div.walkitem8").css("display", "none");
				$("div.walkitem9").css("display", "none");
				$("div.walkitem10").css("display", "none");
			break;
			case "walkitem8":
				//change status & style menu
				$("#walkitem1").removeClass("active");
				$("#walkitem2").removeClass("active");
				$("#walkitem3").removeClass("active");
				$("#walkitem4").removeClass("active");
				$("#walkitem5").removeClass("active");
				$("#walkitem6").removeClass("active");
				$("#walkitem7").removeClass("active");
				$("#walkitem8").addClass("active");
				$("#walkitem9").removeClass("active");
				$("#walkitem10").removeClass("active");
				//display selected division, hide others
				$("div.walkitem1").css("display", "none");
				$("div.walkitem2").css("display", "none");
				$("div.walkitem3").css("display", "none");
				$("div.walkitem4").css("display", "none");
				$("div.walkitem5").css("display", "none");
				$("div.walkitem6").css("display", "none");
				$("div.walkitem7").css("display", "none");
				$("div.walkitem8").fadeIn();
				$("div.walkitem9").css("display", "none");
				$("div.walkitem10").css("display", "none");
			break;
			case "walkitem9":
				//change status & style menu
				$("#walkitem1").removeClass("active");
				$("#walkitem2").removeClass("active");
				$("#walkitem3").removeClass("active");
				$("#walkitem4").removeClass("active");
				$("#walkitem5").removeClass("active");
				$("#walkitem6").removeClass("active");
				$("#walkitem7").removeClass("active");
				$("#walkitem8").removeClass("active");
				$("#walkitem9").addClass("active");
				$("#walkitem10").removeClass("active");
				//display selected division, hide others
				$("div.walkitem1").css("display", "none");
				$("div.walkitem2").css("display", "none");
				$("div.walkitem3").css("display", "none");
				$("div.walkitem4").css("display", "none");
				$("div.walkitem5").css("display", "none");
				$("div.walkitem6").css("display", "none");
				$("div.walkitem7").css("display", "none");
				$("div.walkitem8").css("display", "none");
				$("div.walkitem9").fadeIn();
				$("div.walkitem10").css("display", "none");
			break;
			case "walkitem10":
				//change status & style menu
				$("#walkitem1").removeClass("active");
				$("#walkitem2").removeClass("active");
				$("#walkitem3").removeClass("active");
				$("#walkitem4").removeClass("active");
				$("#walkitem5").removeClass("active");
				$("#walkitem6").removeClass("active");
				$("#walkitem7").removeClass("active");
				$("#walkitem8").removeClass("active");
				$("#walkitem9").removeClass("active");
				$("#walkitem10").addClass("active");
				//display selected division, hide others
				$("div.walkitem1").css("display", "none");
				$("div.walkitem2").css("display", "none");
				$("div.walkitem3").css("display", "none");
				$("div.walkitem4").css("display", "none");
				$("div.walkitem5").css("display", "none");
				$("div.walkitem6").css("display", "none");
				$("div.walkitem7").css("display", "none");
				$("div.walkitem8").css("display", "none");
				$("div.walkitem9").css("display", "none");
				$("div.walkitem10").fadeIn();
			break;

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