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


