/***************************/
//@Author: Adrian "yEnS" Mato Gondelle & Ivan Guardado Castro
//@website: www.yensdesign.com
//@email: yensamg@gmail.com
//@license: Feel free to use it, but keep this credits please!					
/***************************/

$(document).ready(function(){
	$(".menu > li").click(function(e){
		switch(e.target.id){
			case "what-included":
				//change status & style menu
				$("#what-included").addClass("active");
				$("#features-explained").removeClass("active");
				$("#features-detailed").removeClass("active");
				$("#server-details").removeClass("active");
				$("#network-details").removeClass("active");
				//display selected division, hide others
				$("div.what-included").show();
				$("div.features-explained").css("display", "none");
				$("div.network-details").css("display", "none");
				$("div.features-detailed").css("display", "none");
				$("div.server-details").css("display", "none");
			break;
			case "features-explained":
				//change status & style menu
				$("#features-explained").addClass("active");
				$("#features-detailed").removeClass("active");
				$("#server-details").removeClass("active");
				$("#network-details").removeClass("active");
				$("#what-included").removeClass("active");
				//display selected division, hide others
				$("div.features-explained").show();
				$("div.what-included").css("display", "none");
				$("div.network-details").css("display", "none");
				$("div.features-detailed").css("display", "none");
				$("div.server-details").css("display", "none");
			break;
			case "features-detailed":
				//change status & style menu
				$("#features-explained").removeClass("active");
				$("#features-detailed").addClass("active");
				$("#server-details").removeClass("active");
				$("#network-details").removeClass("active");
				$("#what-included").removeClass("active");
				//display selected division, hide others
				$("div.features-detailed").show();
				$("div.what-included").css("display", "none");
				$("div.network-details").css("display", "none");
				$("div.features-explained").css("display", "none");
				$("div.server-details").css("display", "none");
			break;
			case "server-details":
				//change status & style menu
				$("#features-explained").removeClass("active");
				$("#features-detailed").removeClass("active");
				$("#network-details").removeClass("active");
				$("#server-details").addClass("active");
				$("#what-included").removeClass("active");
				//display selected division, hide others
				$("div.server-details").show();
				$("div.what-included").css("display", "none");
				$("div.network-details").css("display", "none");
				$("div.features-explained").css("display", "none");
				$("div.features-detailed").css("display", "none");
			break;
			case "network-details":
				//change status & style menu
				$("#features-explained").removeClass("active");
				$("#features-detailed").removeClass("active");
				$("#server-details").removeClass("active");
				$("#network-details").addClass("active");
				$("#what-included").removeClass("active");
				//display selected division, hide others
				$("div.network-details").show();
				$("div.what-included").css("display", "none");
				$("div.server-details").css("display", "none");
				$("div.features-explained").css("display", "none");
				$("div.features-detailed").css("display", "none");
			break;
		}
		//alert(e.target.id);
		return false;
	});
});