/***************************/
//@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 "editor":
				//change status & style menu
				$("#editor").addClass("active");
				$("#movement").removeClass("active");
				$("#old").removeClass("active");
				$("#resort").removeClass("active");
				$("#special").removeClass("active");
				$("#Travel").removeClass("active");
				$("#Food").removeClass("active");
				$("#Diary").removeClass("active");
				$("#Health").removeClass("active");
				$("#travelroad").removeClass("active");
				$("#Finally").removeClass("active");
				//display selected division, hide others
				$("div.editor").fadeIn();
				$("div.movement").css("display", "none");
				$("div.old").css("display", "none");
				$("div.resort").css("display", "none");
				$("div.special").css("display", "none");
				$("div.Travel").css("display", "none");
				$("div.Food").css("display", "none");
				$("div.Diary").css("display", "none");
				$("div.Health").css("display", "none");
				$("div.travelroad").css("display", "none");
				$("div.Finally").css("display", "none");
			break;
			case "movement":
				//change status & style menu
				$("#editor").removeClass("active");
				$("#movement").addClass("active");
				$("#old").removeClass("active");
				$("#resort").removeClass("active");
				$("#special").removeClass("active");
				$("#Travel").removeClass("active");
				$("#Food").removeClass("active");
				$("#Diary").removeClass("active");
				$("#Health").removeClass("active");
				$("#travelroad").removeClass("active");
				$("#Finally").removeClass("active");
				//display selected division, hide others
				$("div.editor").css("display", "none");
				$("div.old").css("display", "none");
				$("div.movement").fadeIn();
				$("div.resort").css("display", "none");
				$("div.special").css("display", "none");
				$("div.Travel").css("display", "none");
				$("div.Food").css("display", "none");
				$("div.Diary").css("display", "none");
				$("div.Health").css("display", "none");
				$("div.travelroad").css("display", "none");
				$("div.Finally").css("display", "none");
			break;
			case "special":
				//change status & style menu
				$("#editor").removeClass("active");
				$("#movement").removeClass("active");
				$("#old").removeClass("active");
				$("#resort").removeClass("active");
				$("#special").addClass("active");
				$("#Travel").removeClass("active");
				$("#Food").removeClass("active");
				$("#Diary").removeClass("active");
				$("#Health").removeClass("active");
				$("#travelroad").removeClass("active");
				$("#Finally").removeClass("active");
				//display selected division, hide others
				$("div.editor").css("display", "none");
				$("div.movement").css("display", "none");
				$("div.special").fadeIn();
				$("div.old").css("display", "none");
				$("div.resort").css("display", "none");
				$("div.Travel").css("display", "none");
				$("div.Food").css("display", "none");
				$("div.Diary").css("display", "none");
				$("div.Health").css("display", "none");
				$("div.travelroad").css("display", "none");
				$("div.Finally").css("display", "none");
			break;
			case "old":
				//change status & style menu
				$("#old").addClass("active");
				$("#editor").removeClass("active");
				$("#resort").removeClass("active");
				$("#movement").removeClass("active");
				$("#special").removeClass("active");
				$("#Travel").removeClass("active");
				$("#Food").removeClass("active");
				$("#Diary").removeClass("active");
				$("#Health").removeClass("active");
				$("#travelroad").removeClass("active");
				$("#Finally").removeClass("active");
				//display selected division, hide others
				$("div.old").fadeIn();
				$("div.editor").css("display", "none");
				$("div.movement").css("display", "none");
				$("div.resort").css("display", "none");
				$("div.special").css("display", "none");
				$("div.Travel").css("display", "none");
				$("div.Food").css("display", "none");
				$("div.Diary").css("display", "none");
				$("div.Health").css("display", "none");
				$("div.travelroad").css("display", "none");
				$("div.Finally").css("display", "none");
			break;
			case "resort":
				//change status & style menu
				$("#resort").addClass("active");
				$("#editor").removeClass("active");
				$("#old").removeClass("active");
				$("#movement").removeClass("active");
				$("#special").removeClass("active");
				$("#Travel").removeClass("active");
				$("#Food").removeClass("active");
				$("#Diary").removeClass("active");
				$("#Health").removeClass("active");
				$("#travelroad").removeClass("active");
				$("#Finally").removeClass("active");
				//display selected division, hide others
				$("div.resort").fadeIn();
				$("div.editor").css("display", "none");
				$("div.movement").css("display", "none");
				$("div.old").css("display", "none");
				$("div.special").css("display", "none");
				$("div.Travel").css("display", "none");
				$("div.Food").css("display", "none");
				$("div.Diary").css("display", "none");
				$("div.Health").css("display", "none");
				$("div.travelroad").css("display", "none");
				$("div.Finally").css("display", "none");
			break;
			case "Travel":
				//change status & style menu
				$("#resort").removeClass("active");
				$("#editor").removeClass("active");
				$("#old").removeClass("active");
				$("#movement").removeClass("active");
				$("#special").removeClass("active");
				$("#Travel").addClass("active");
				$("#Food").removeClass("active");
				$("#Diary").removeClass("active");
				$("#Health").removeClass("active");
				$("#travelroad").removeClass("active");
				$("#Finally").removeClass("active");
				//display selected division, hide others
				$("div.resort").css("display", "none");
				$("div.editor").css("display", "none");
				$("div.movement").css("display", "none");
				$("div.old").css("display", "none");
				$("div.special").css("display", "none");
				$("div.Travel").fadeIn();
				$("div.Food").css("display", "none");
				$("div.Diary").css("display", "none");
				$("div.Health").css("display", "none");
				$("div.travelroad").css("display", "none");
				$("div.Finally").css("display", "none");
			break;
			case "Food":
				//change status & style menu
				$("#resort").removeClass("active");
				$("#editor").removeClass("active");
				$("#old").removeClass("active");
				$("#movement").removeClass("active");
				$("#special").removeClass("active");
				$("#Travel").removeClass("active");
				$("#Food").addClass("active");
				$("#Diary").removeClass("active");
				$("#Health").removeClass("active");
				$("#travelroad").removeClass("active");
				$("#Finally").removeClass("active");
				//display selected division, hide others
				$("div.resort").css("display", "none");
				$("div.editor").css("display", "none");
				$("div.movement").css("display", "none");
				$("div.old").css("display", "none");
				$("div.special").css("display", "none");
				$("div.Travel").css("display", "none");
				$("div.Food").fadeIn();
				$("div.Diary").css("display", "none");
				$("div.Health").css("display", "none");
				$("div.travelroad").css("display", "none");
				$("div.Finally").css("display", "none");
			break;
			case "Diary":
				//change status & style menu
				$("#resort").removeClass("active");
				$("#editor").removeClass("active");
				$("#old").removeClass("active");
				$("#movement").removeClass("active");
				$("#special").removeClass("active");
				$("#Travel").removeClass("active");
				$("#Food").removeClass("active");
				$("#Diary").addClass("active");
				$("#Health").removeClass("active");
				$("#travelroad").removeClass("active");
				$("#Finally").removeClass("active");
				//display selected division, hide others
				$("div.resort").css("display", "none");
				$("div.editor").css("display", "none");
				$("div.movement").css("display", "none");
				$("div.old").css("display", "none");
				$("div.special").css("display", "none");
				$("div.Travel").css("display", "none");
				$("div.Food").css("display", "none");
				$("div.Diary").fadeIn();
				$("div.Health").css("display", "none");
				$("div.travelroad").css("display", "none");
				$("div.Finally").css("display", "none");
			break;
			case "Health":
				//change status & style menu
				$("#resort").removeClass("active");
				$("#editor").removeClass("active");
				$("#old").removeClass("active");
				$("#movement").removeClass("active");
				$("#special").removeClass("active");
				$("#Travel").removeClass("active");
				$("#Food").removeClass("active");
				$("#Diary").removeClass("active");
				$("#Health").addClass("active");
				$("#travelroad").removeClass("active");
				$("#Finally").removeClass("active");
				//display selected division, hide others
				$("div.resort").css("display", "none");
				$("div.editor").css("display", "none");
				$("div.movement").css("display", "none");
				$("div.old").css("display", "none");
				$("div.special").css("display", "none");
				$("div.Travel").css("display", "none");
				$("div.Food").css("display", "none");
				$("div.Diary").css("display", "none");
				$("div.Health").fadeIn();
				$("div.travelroad").css("display", "none");
				$("div.Finally").css("display", "none");
			break;
			case "travelroad":
				//change status & style menu
				$("#resort").removeClass("active");
				$("#editor").removeClass("active");
				$("#old").removeClass("active");
				$("#movement").removeClass("active");
				$("#special").removeClass("active");
				$("#Travel").removeClass("active");
				$("#Food").removeClass("active");
				$("#Diary").removeClass("active");
				$("#Health").removeClass("active");
				$("#travelroad").addClass("active");
				$("#Finally").removeClass("active");
				//display selected division, hide others
				$("div.resort").css("display", "none");
				$("div.editor").css("display", "none");
				$("div.movement").css("display", "none");
				$("div.old").css("display", "none");
				$("div.special").css("display", "none");
				$("div.Travel").css("display", "none");
				$("div.Food").css("display", "none");
				$("div.Diary").css("display", "none");
				$("div.Health").css("display", "none");
				$("div.travelroad").fadeIn();
				$("div.Finally").css("display", "none");
			break;
			case "Finally":
				//change status & style menu
				$("#resort").removeClass("active");
				$("#editor").removeClass("active");
				$("#old").removeClass("active");
				$("#movement").removeClass("active");
				$("#special").removeClass("active");
				$("#Travel").removeClass("active");
				$("#Food").removeClass("active");
				$("#Diary").removeClass("active");
				$("#Health").removeClass("active");
				$("#travelroad").removeClass("active");
				$("#Finally").addClass("active");
				//display selected division, hide others
				$("div.resort").css("display", "none");
				$("div.editor").css("display", "none");
				$("div.movement").css("display", "none");
				$("div.old").css("display", "none");
				$("div.special").css("display", "none");
				$("div.Travel").css("display", "none");
				$("div.Food").css("display", "none");
				$("div.Diary").css("display", "none");
				$("div.Health").css("display", "none");
				$("div.travelroad").css("display", "none");
				$("div.Finally").fadeIn();
			break;

		}
		//alert(e.target.id);
		return false;
	});
});