$(document).ready(function(){
$(".menudetails > li").click(function(e){
	switch(e.target.id){
		case "details1":
			$("#details1").addClass("active");
			$("#details2").removeClass("active");
			$("#details3").removeClass("active");
			$("#details4").removeClass("active");
			$("#details5").removeClass("active");
			$("#details6").removeClass("active");
			$("#details7").removeClass("active");
			$("#details8").removeClass("active");

			$("div.details1").show();
			$("div.details2").css("display", "none");
			$("div.details3").css("display", "none");
			$("div.details4").css("display", "none");
			$("div.details5").css("display", "none");				
			$("div.details6").css("display", "none");				
			$("div.details7").css("display", "none");				
			$("div.details8").css("display", "none");				
		break;
		case "details2":
			$("#details1").removeClass("active");
			$("#details2").addClass("active");
			$("#details3").removeClass("active");
			$("#details4").removeClass("active");
			$("#details5").removeClass("active");
			$("#details6").removeClass("active");
			$("#details7").removeClass("active");
			$("#details8").removeClass("active");

			$("div.details1").css("display", "none");
			$("div.details2").show();
			$("div.details3").css("display", "none");
			$("div.details4").css("display", "none");
			$("div.details5").css("display", "none");				
			$("div.details6").css("display", "none");				
			$("div.details7").css("display", "none");				
			$("div.details8").css("display", "none");				
		break;
		case "details3":
			$("#details1").removeClass("active");
			$("#details2").removeClass("active");
			$("#details3").addClass("active");
			$("#details4").removeClass("active");
			$("#details5").removeClass("active");
			$("#details6").removeClass("active");
			$("#details7").removeClass("active");
			$("#details8").removeClass("active");

			$("div.details1").css("display", "none");
			$("div.details2").css("display", "none");
			$("div.details3").show();
			$("div.details4").css("display", "none");
			$("div.details5").css("display", "none");				
			$("div.details6").css("display", "none");				
			$("div.details7").css("display", "none");				
			$("div.details8").css("display", "none");				
		break;
		case "details4":
			$("#details1").removeClass("active");
			$("#details2").removeClass("active");
			$("#details3").removeClass("active");
			$("#details4").addClass("active");
			$("#details5").removeClass("active");
			$("#details6").removeClass("active");
			$("#details7").removeClass("active");
			$("#details8").removeClass("active");

			$("div.details1").css("display", "none");
			$("div.details2").css("display", "none");
			$("div.details3").css("display", "none");
			$("div.details4").show();
			$("div.details5").css("display", "none");				
			$("div.details6").css("display", "none");				
			$("div.details7").css("display", "none");				
			$("div.details8").css("display", "none");				
		break;
		case "details5":
			$("#details1").removeClass("active");
			$("#details2").removeClass("active");
			$("#details3").removeClass("active");
			$("#details4").removeClass("active");
			$("#details5").addClass("active");
			$("#details6").removeClass("active");
			$("#details7").removeClass("active");
			$("#details8").removeClass("active");

			$("div.details1").css("display", "none");
			$("div.details2").css("display", "none");
			$("div.details3").css("display", "none");
			$("div.details4").css("display", "none");				
			$("div.details5").show();
			$("div.details6").css("display", "none");				
			$("div.details7").css("display", "none");				
			$("div.details8").css("display", "none");				
		break;
		case "details6":
			$("#details1").removeClass("active");
			$("#details2").removeClass("active");
			$("#details3").removeClass("active");
			$("#details4").removeClass("active");
			$("#details5").removeClass("active");
			$("#details6").addClass("active");
			$("#details7").removeClass("active");
			$("#details8").removeClass("active");

			$("div.details1").css("display", "none");
			$("div.details2").css("display", "none");
			$("div.details3").css("display", "none");
			$("div.details4").css("display", "none");				
			$("div.details5").css("display", "none");				
			$("div.details6").show();
			$("div.details7").css("display", "none");				
			$("div.details8").css("display", "none");				
		break;
		case "details7":
			$("#details1").removeClass("active");
			$("#details2").removeClass("active");
			$("#details3").removeClass("active");
			$("#details4").removeClass("active");
			$("#details5").removeClass("active");
			$("#details6").removeClass("active");
			$("#details7").addClass("active");
			$("#details8").removeClass("active");

			$("div.details1").css("display", "none");
			$("div.details2").css("display", "none");
			$("div.details3").css("display", "none");
			$("div.details4").css("display", "none");				
			$("div.details5").css("display", "none");				
			$("div.details6").css("display", "none");
			$("div.details7").show();
			$("div.details8").css("display", "none");				
		break;
		case "details8":
			$("#details1").removeClass("active");
			$("#details2").removeClass("active");
			$("#details3").removeClass("active");
			$("#details4").removeClass("active");
			$("#details5").removeClass("active");
			$("#details6").removeClass("active");
			$("#details7").removeClass("active");
			$("#details8").addClass("active");

			$("div.details1").css("display", "none");
			$("div.details2").css("display", "none");
			$("div.details3").css("display", "none");
			$("div.details4").css("display", "none");				
			$("div.details5").css("display", "none");				
			$("div.details6").css("display", "none");
			$("div.details7").css("display", "none");				
			$("div.details8").show();
		break;
	}
	//alert(e.target.id);
	return false;
});
});