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