/***************************/
//@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 "1":
				//change status & style menu
				$("#1").addClass("active");
				$("#2").removeClass("active");
				$("#3").removeClass("active");
				$("#4").removeClass("active");
				$("#5").removeClass("active");
				$("#6").removeClass("active");
				$("#7").removeClass("active");
				//display selected division, hide others
				$("div.1").fadeIn();
				$("div.2").css("display", "none");
				$("div.3").css("display", "none");
				$("div.4").css("display", "none");
				$("div.5").css("display", "none");
				$("div.6").css("display", "none");
				$("div.7").css("display", "none");
			break;
			case "2":
				//change status & style menu
				$("#1").removeClass("active");
				$("#2").addClass("active");
				$("#3").removeClass("active");
				$("#4").removeClass("active");
				$("#5").removeClass("active");
				$("#6").removeClass("active");
				$("#7").removeClass("active");
				//display selected division, hide others
				$("div.2").fadeIn();
				$("div.1").css("display", "none");
				$("div.3").css("display", "none");
				$("div.4").css("display", "none");
				$("div.5").css("display", "none");
				$("div.6").css("display", "none");
				$("div.7").css("display", "none");
			break;
			case "3":
				//change status & style menu
				$("#1").removeClass("active");
				$("#2").removeClass("active");
				$("#3").addClass("active");
				$("#4").removeClass("active");
				$("#5").removeClass("active");
				$("#6").removeClass("active");
				$("#7").removeClass("active");
				//display selected division, hide others
				$("div.3").fadeIn();
				$("div.1").css("display", "none");
				$("div.2").css("display", "none");
				$("div.4").css("display", "none");
				$("div.5").css("display", "none");
				$("div.6").css("display", "none");
				$("div.7").css("display", "none");
			break;
			case "4":
				//change status & style menu
				$("#1").removeClass("active");
				$("#2").removeClass("active");
				$("#3").removeClass("active");
				$("#4").addClass("active");
				$("#5").removeClass("active");
				$("#6").addClass("active");
				$("#7").removeClass("active");
				//display selected division, hide others
				$("div.4").fadeIn();
				$("div.1").css("display", "none");
				$("div.2").css("display", "none");
				$("div.3").css("display", "none");
				$("div.5").css("display", "none");
				$("div.6").css("display", "none");
				$("div.7").css("display", "none");
			break;
			case "5":
				//change status & style menu
				$("#1").removeClass("active");
				$("#2").removeClass("active");
				$("#3").removeClass("active");
				$("#4").removeClass("active");
				$("#5").addClass("active");
				$("#6").removeClass("active");
				$("#7").removeClass("active");
				//display selected division, hide others
				$("div.5").fadeIn();
				$("div.1").css("display", "none");
				$("div.2").css("display", "none");
				$("div.3").css("display", "none");
				$("div.4").css("display", "none");
				$("div.6").css("display", "none");
				$("div.7").css("display", "none");
			break;
			case "6":
				//change status & style menu
				$("#1").removeClass("active");
				$("#2").removeClass("active");
				$("#3").removeClass("active");
				$("#4").removeClass("active");
				$("#5").removeClass("active");
				$("#6").addClass("active");
				$("#7").removeClass("active");
				//display selected division, hide others
				$("div.6").fadeIn();
				$("div.1").css("display", "none");
				$("div.2").css("display", "none");
				$("div.3").css("display", "none");
				$("div.4").css("display", "none");
				$("div.5").css("display", "none");
				$("div.7").css("display", "none");
			break;
			case "7":
				//change status & style menu
				$("#1").removeClass("active");
				$("#2").removeClass("active");
				$("#3").removeClass("active");
				$("#4").removeClass("active");
				$("#5").removeClass("active");
				$("#6").removeClass("active");
				$("#7").addClass("active");
				//display selected division, hide others
				$("div.7").fadeIn();
				$("div.1").css("display", "none");
				$("div.2").css("display", "none");
				$("div.3").css("display", "none");
				$("div.4").css("display", "none");
				$("div.5").css("display", "none");
				$("div.6").css("display", "none");
			break;
		}
		//alert(e.target.id);
		return false;
	});
});