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