﻿
$(document).ready(function(){
	$(".menu > li").click(function(e){
		switch(e.target.id){
			case "p1":
				//change status & style menu
				$("#p1").addClass("active");
				$("#p2").removeClass("active");
				$("#p3").removeClass("active");
				$("#p4").removeClass("active");
				$("#p5").removeClass("active");
				$("#p6").removeClass("active");
				$("#p7").removeClass("active");
				$("#p8").removeClass("active");
				$("#p9").removeClass("active");
				$("#p10").removeClass("active");
				$("#p11").removeClass("active");
				$("#p12").removeClass("active");
				$("#p13").removeClass("active");
				$("#p14").removeClass("active");
				$("#p15").removeClass("active");
				//display selected division, hide others
				$("div.p1").fadeIn();
				$("div.p2").css("display", "none");
				$("div.p3").css("display", "none");
				$("div.p4").css("display", "none");
				$("div.p5").css("display", "none");
				$("div.p6").css("display", "none");
				$("div.p7").css("display", "none");
				$("div.p8").css("display", "none");
				$("div.p9").css("display", "none");
				$("div.p10").css("display", "none");
				$("div.p11").css("display", "none");
				$("div.p12").css("display", "none");
				$("div.p13").css("display", "none");
				$("div.p14").css("display", "none");
				$("div.p15").css("display", "none");
			break;
			case "p2":
				//change status & style menu
				$("#p2").addClass("active");
				$("#p1").removeClass("active");
				$("#p3").removeClass("active");
				$("#p4").removeClass("active");
				$("#p5").removeClass("active");
				$("#p6").removeClass("active");
				$("#p7").removeClass("active");
				$("#p8").removeClass("active");
				$("#p9").removeClass("active");
				$("#p10").removeClass("active");
				$("#p11").removeClass("active");
				$("#p12").removeClass("active");
				$("#p13").removeClass("active");
				$("#p14").removeClass("active");
				$("#p15").removeClass("active");
				//display selected division, hide others
				$("div.p2").fadeIn();
				$("div.p1").css("display", "none");
				$("div.p3").css("display", "none");
				$("div.p4").css("display", "none");
				$("div.p5").css("display", "none");
				$("div.p6").css("display", "none");
				$("div.p7").css("display", "none");
				$("div.p8").css("display", "none");
				$("div.p9").css("display", "none");
				$("div.p10").css("display", "none");
				$("div.p11").css("display", "none");
				$("div.p12").css("display", "none");
				$("div.p13").css("display", "none");
				$("div.p14").css("display", "none");
				$("div.p15").css("display", "none");
			break;
			case "p3":
				//change status & style menu
				$("#p3").addClass("active");
				$("#p2").removeClass("active");
				$("#p1").removeClass("active");
				$("#p4").removeClass("active");
				$("#p5").removeClass("active");
				$("#p6").removeClass("active");
				$("#p7").removeClass("active");
				$("#p8").removeClass("active");
				$("#p9").removeClass("active");
				$("#p10").removeClass("active");
				$("#p11").removeClass("active");
				$("#p12").removeClass("active");
				$("#p13").removeClass("active");
				$("#p14").removeClass("active");
				$("#p15").removeClass("active");
				//display selected division, hide others
				$("div.p3").fadeIn();
				$("div.p2").css("display", "none");
				$("div.p1").css("display", "none");
				$("div.p4").css("display", "none");
				$("div.p5").css("display", "none");
				$("div.p6").css("display", "none");
				$("div.p7").css("display", "none");
				$("div.p8").css("display", "none");
				$("div.p9").css("display", "none");
				$("div.p10").css("display", "none");
				$("div.p11").css("display", "none");
				$("div.p12").css("display", "none");
				$("div.p13").css("display", "none");
				$("div.p14").css("display", "none");
				$("div.p15").css("display", "none");
			break;
			case "p4":
				//change status & style menu
				$("#p4").addClass("active");
				$("#p2").removeClass("active");
				$("#p3").removeClass("active");
				$("#p1").removeClass("active");
				$("#p5").removeClass("active");
				$("#p6").removeClass("active");
				$("#p7").removeClass("active");
				$("#p8").removeClass("active");
				$("#p9").removeClass("active");
				$("#p10").removeClass("active");
				$("#p11").removeClass("active");
				$("#p12").removeClass("active");
				$("#p13").removeClass("active");
				$("#p14").removeClass("active");
				$("#p15").removeClass("active");
				//display selected division, hide others
				$("div.p4").fadeIn();
				$("div.p2").css("display", "none");
				$("div.p3").css("display", "none");
				$("div.p1").css("display", "none");
				$("div.p5").css("display", "none");
				$("div.p6").css("display", "none");
				$("div.p7").css("display", "none");
				$("div.p8").css("display", "none");
				$("div.p9").css("display", "none");
				$("div.p10").css("display", "none");
				$("div.p11").css("display", "none");
				$("div.p12").css("display", "none");
				$("div.p13").css("display", "none");
				$("div.p14").css("display", "none");
				$("div.p15").css("display", "none");
			break;
			case "p5":
				//change status & style menu
				$("#p5").addClass("active");
				$("#p2").removeClass("active");
				$("#p3").removeClass("active");
				$("#p4").removeClass("active");
				$("#p1").removeClass("active");
				$("#p6").removeClass("active");
				$("#p7").removeClass("active");
				$("#p8").removeClass("active");
				$("#p9").removeClass("active");
				$("#p10").removeClass("active");
				$("#p11").removeClass("active");
				$("#p12").removeClass("active");
				$("#p13").removeClass("active");
				$("#p14").removeClass("active");
				$("#p15").removeClass("active");
				//display selected division, hide others
				$("div.p5").fadeIn();
				$("div.p2").css("display", "none");
				$("div.p3").css("display", "none");
				$("div.p4").css("display", "none");
				$("div.p1").css("display", "none");
				$("div.p6").css("display", "none");
				$("div.p7").css("display", "none");
				$("div.p8").css("display", "none");
				$("div.p9").css("display", "none");
				$("div.p10").css("display", "none");
				$("div.p11").css("display", "none");
				$("div.p12").css("display", "none");
				$("div.p13").css("display", "none");
				$("div.p14").css("display", "none");
				$("div.p15").css("display", "none");
			break;
			case "p6":
				//change status & style menu
				$("#p6").addClass("active");
				$("#p2").removeClass("active");
				$("#p3").removeClass("active");
				$("#p4").removeClass("active");
				$("#p5").removeClass("active");
				$("#p1").removeClass("active");
				$("#p7").removeClass("active");
				$("#p8").removeClass("active");
				$("#p9").removeClass("active");
				$("#p10").removeClass("active");
				$("#p11").removeClass("active");
				$("#p12").removeClass("active");
				$("#p13").removeClass("active");
				$("#p14").removeClass("active");
				$("#p15").removeClass("active");
				//display selected division, hide others
				$("div.p6").fadeIn();
				$("div.p2").css("display", "none");
				$("div.p3").css("display", "none");
				$("div.p4").css("display", "none");
				$("div.p5").css("display", "none");
				$("div.p1").css("display", "none");
				$("div.p7").css("display", "none");
				$("div.p8").css("display", "none");
				$("div.p9").css("display", "none");
				$("div.p10").css("display", "none");
				$("div.p11").css("display", "none");
				$("div.p12").css("display", "none");
				$("div.p13").css("display", "none");
				$("div.p14").css("display", "none");
				$("div.p15").css("display", "none");
			break;
			case "p7":
				//change status & style menu
				$("#p7").addClass("active");
				$("#p2").removeClass("active");
				$("#p3").removeClass("active");
				$("#p4").removeClass("active");
				$("#p5").removeClass("active");
				$("#p6").removeClass("active");
				$("#p1").removeClass("active");
				$("#p8").removeClass("active");
				$("#p9").removeClass("active");
				$("#p10").removeClass("active");
				$("#p11").removeClass("active");
				$("#p12").removeClass("active");
				$("#p13").removeClass("active");
				$("#p14").removeClass("active");
				$("#p15").removeClass("active");
				//display selected division, hide others
				$("div.p7").fadeIn();
				$("div.p2").css("display", "none");
				$("div.p3").css("display", "none");
				$("div.p4").css("display", "none");
				$("div.p5").css("display", "none");
				$("div.p6").css("display", "none");
				$("div.p1").css("display", "none");
				$("div.p8").css("display", "none");
				$("div.p9").css("display", "none");
				$("div.p10").css("display", "none");
				$("div.p11").css("display", "none");
				$("div.p12").css("display", "none");
				$("div.p13").css("display", "none");
				$("div.p14").css("display", "none");
				$("div.p15").css("display", "none");
			break;
			case "p8":
				//change status & style menu
				$("#p8").addClass("active");
				$("#p2").removeClass("active");
				$("#p3").removeClass("active");
				$("#p4").removeClass("active");
				$("#p5").removeClass("active");
				$("#p6").removeClass("active");
				$("#p7").removeClass("active");
				$("#p1").removeClass("active");
				$("#p9").removeClass("active");
				$("#p10").removeClass("active");
				$("#p11").removeClass("active");
				$("#p12").removeClass("active");
				$("#p13").removeClass("active");
				$("#p14").removeClass("active");
				$("#p15").removeClass("active");
				//display selected division, hide others
				$("div.p8").fadeIn();
				$("div.p2").css("display", "none");
				$("div.p3").css("display", "none");
				$("div.p4").css("display", "none");
				$("div.p5").css("display", "none");
				$("div.p6").css("display", "none");
				$("div.p7").css("display", "none");
				$("div.p1").css("display", "none");
				$("div.p9").css("display", "none");
				$("div.p10").css("display", "none");
				$("div.p11").css("display", "none");
				$("div.p12").css("display", "none");
				$("div.p13").css("display", "none");
				$("div.p14").css("display", "none");
				$("div.p15").css("display", "none");
			break;
			case "p9":
				//change status & style menu
				$("#p9").addClass("active");
				$("#p2").removeClass("active");
				$("#p3").removeClass("active");
				$("#p4").removeClass("active");
				$("#p5").removeClass("active");
				$("#p6").removeClass("active");
				$("#p7").removeClass("active");
				$("#p8").removeClass("active");
				$("#p1").removeClass("active");
				$("#p10").removeClass("active");
				$("#p11").removeClass("active");
				$("#p12").removeClass("active");
				$("#p13").removeClass("active");
				$("#p14").removeClass("active");
				$("#p15").removeClass("active");
				//display selected division, hide others
				$("div.p9").fadeIn();
				$("div.p2").css("display", "none");
				$("div.p3").css("display", "none");
				$("div.p4").css("display", "none");
				$("div.p5").css("display", "none");
				$("div.p6").css("display", "none");
				$("div.p7").css("display", "none");
				$("div.p8").css("display", "none");
				$("div.p1").css("display", "none");
				$("div.p10").css("display", "none");
				$("div.p11").css("display", "none");
				$("div.p12").css("display", "none");
				$("div.p13").css("display", "none");
				$("div.p14").css("display", "none");
				$("div.p15").css("display", "none");
			break;
			case "p10":
				//change status & style menu
				$("#p10").addClass("active");
				$("#p2").removeClass("active");
				$("#p3").removeClass("active");
				$("#p4").removeClass("active");
				$("#p5").removeClass("active");
				$("#p6").removeClass("active");
				$("#p7").removeClass("active");
				$("#p8").removeClass("active");
				$("#p9").removeClass("active");
				$("#p1").removeClass("active");
				$("#p11").removeClass("active");
				$("#p12").removeClass("active");
				$("#p13").removeClass("active");
				$("#p14").removeClass("active");
				$("#p15").removeClass("active");
				//display selected division, hide others
				$("div.p10").fadeIn();
				$("div.p2").css("display", "none");
				$("div.p3").css("display", "none");
				$("div.p4").css("display", "none");
				$("div.p5").css("display", "none");
				$("div.p6").css("display", "none");
				$("div.p7").css("display", "none");
				$("div.p8").css("display", "none");
				$("div.p9").css("display", "none");
				$("div.p1").css("display", "none");
				$("div.p11").css("display", "none");
				$("div.p12").css("display", "none");
				$("div.p13").css("display", "none");
				$("div.p14").css("display", "none");
				$("div.p15").css("display", "none");
			break;
			case "p11":
				//change status & style menu
				$("#p11").addClass("active");
				$("#p2").removeClass("active");
				$("#p3").removeClass("active");
				$("#p4").removeClass("active");
				$("#p5").removeClass("active");
				$("#p6").removeClass("active");
				$("#p7").removeClass("active");
				$("#p8").removeClass("active");
				$("#p9").removeClass("active");
				$("#p10").removeClass("active");
				$("#p1").removeClass("active");
				$("#p12").removeClass("active");
				$("#p13").removeClass("active");
				$("#p14").removeClass("active");
				$("#p15").removeClass("active");
				//display selected division, hide others
				$("div.p11").fadeIn();
				$("div.p2").css("display", "none");
				$("div.p3").css("display", "none");
				$("div.p4").css("display", "none");
				$("div.p5").css("display", "none");
				$("div.p6").css("display", "none");
				$("div.p7").css("display", "none");
				$("div.p8").css("display", "none");
				$("div.p9").css("display", "none");
				$("div.p10").css("display", "none");
				$("div.p1").css("display", "none");
				$("div.p12").css("display", "none");
				$("div.p13").css("display", "none");
				$("div.p14").css("display", "none");
				$("div.p15").css("display", "none");
			break;
			case "p12":
				//change status & style menu
				$("#p12").addClass("active");
				$("#p2").removeClass("active");
				$("#p3").removeClass("active");
				$("#p4").removeClass("active");
				$("#p5").removeClass("active");
				$("#p6").removeClass("active");
				$("#p7").removeClass("active");
				$("#p8").removeClass("active");
				$("#p9").removeClass("active");
				$("#p10").removeClass("active");
				$("#p11").removeClass("active");
				$("#p1").removeClass("active");
				$("#p13").removeClass("active");
				$("#p14").removeClass("active");
				$("#p15").removeClass("active");
				//display selected division, hide others
				$("div.p12").fadeIn();
				$("div.p2").css("display", "none");
				$("div.p3").css("display", "none");
				$("div.p4").css("display", "none");
				$("div.p5").css("display", "none");
				$("div.p6").css("display", "none");
				$("div.p7").css("display", "none");
				$("div.p8").css("display", "none");
				$("div.p9").css("display", "none");
				$("div.p10").css("display", "none");
				$("div.p11").css("display", "none");
				$("div.p1").css("display", "none");
				$("div.p13").css("display", "none");
				$("div.p14").css("display", "none");
				$("div.p15").css("display", "none");
			break;
			case "p13":
				//change status & style menu
				$("#p13").addClass("active");
				$("#p2").removeClass("active");
				$("#p3").removeClass("active");
				$("#p4").removeClass("active");
				$("#p5").removeClass("active");
				$("#p6").removeClass("active");
				$("#p7").removeClass("active");
				$("#p8").removeClass("active");
				$("#p9").removeClass("active");
				$("#p10").removeClass("active");
				$("#p11").removeClass("active");
				$("#p12").removeClass("active");
				$("#p1").removeClass("active");
				$("#p14").removeClass("active");
				$("#p15").removeClass("active");
				//display selected division, hide others
				$("div.p13").fadeIn();
				$("div.p2").css("display", "none");
				$("div.p3").css("display", "none");
				$("div.p4").css("display", "none");
				$("div.p5").css("display", "none");
				$("div.p6").css("display", "none");
				$("div.p7").css("display", "none");
				$("div.p8").css("display", "none");
				$("div.p9").css("display", "none");
				$("div.p10").css("display", "none");
				$("div.p11").css("display", "none");
				$("div.p12").css("display", "none");
				$("div.p1").css("display", "none");
				$("div.p14").css("display", "none");
				$("div.p15").css("display", "none");
			break;
			case "p14":
				//change status & style menu
				$("#p14").addClass("active");
				$("#p2").removeClass("active");
				$("#p3").removeClass("active");
				$("#p4").removeClass("active");
				$("#p5").removeClass("active");
				$("#p6").removeClass("active");
				$("#p7").removeClass("active");
				$("#p8").removeClass("active");
				$("#p9").removeClass("active");
				$("#p10").removeClass("active");
				$("#p11").removeClass("active");
				$("#p12").removeClass("active");
				$("#p13").removeClass("active");
				$("#p1").removeClass("active");
				$("#p15").removeClass("active");
				//display selected division, hide others
				$("div.p14").fadeIn();
				$("div.p2").css("display", "none");
				$("div.p3").css("display", "none");
				$("div.p4").css("display", "none");
				$("div.p5").css("display", "none");
				$("div.p6").css("display", "none");
				$("div.p7").css("display", "none");
				$("div.p8").css("display", "none");
				$("div.p9").css("display", "none");
				$("div.p10").css("display", "none");
				$("div.p11").css("display", "none");
				$("div.p12").css("display", "none");
				$("div.p13").css("display", "none");
				$("div.p1").css("display", "none");
				$("div.p15").css("display", "none");
			break;
			case "p15":
				//change status & style menu
				$("#p15").addClass("active");
				$("#p2").removeClass("active");
				$("#p3").removeClass("active");
				$("#p4").removeClass("active");
				$("#p5").removeClass("active");
				$("#p6").removeClass("active");
				$("#p7").removeClass("active");
				$("#p8").removeClass("active");
				$("#p9").removeClass("active");
				$("#p10").removeClass("active");
				$("#p11").removeClass("active");
				$("#p12").removeClass("active");
				$("#p13").removeClass("active");
				$("#p14").removeClass("active");
				$("#p1").removeClass("active");
				//display selected division, hide others
				$("div.p15").fadeIn();
				$("div.p2").css("display", "none");
				$("div.p3").css("display", "none");
				$("div.p4").css("display", "none");
				$("div.p5").css("display", "none");
				$("div.p6").css("display", "none");
				$("div.p7").css("display", "none");
				$("div.p8").css("display", "none");
				$("div.p9").css("display", "none");
				$("div.p10").css("display", "none");
				$("div.p11").css("display", "none");
				$("div.p12").css("display", "none");
				$("div.p13").css("display", "none");
				$("div.p14").css("display", "none");
				$("div.p1").css("display", "none");
			break;
		}
		//alert(e.target.id);
		return false;
	});
});
