/***************************/
//@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 "option1":
				//change status & style menu
				$("#option1").addClass("active");
				$("#option2").removeClass("active");
				$("#option3").removeClass("active");
				$("#option4").removeClass("active");
				$("#option5").removeClass("active");
				$("#option6").removeClass("active");
				$("#contact1").removeClass("active");
				$("#contact2").removeClass("active");
				$("#option-all").removeClass("active");
				//display selected division, hide others
				$("div.option1").fadeIn();
				$("div.option2").css("display", "none");
				$("div.option3").css("display", "none");
				$("div.option4").css("display", "none");
				$("div.option5").css("display", "none");
				$("div.option6").css("display", "none");
				$("div.option7").css("display", "none");
			break;
			case "option2":
				//change status & style menu
				$("#option1").removeClass("active");
				$("#option2").addClass("active");
				$("#option3").removeClass("active");
				$("#option4").removeClass("active");
				$("#option5").removeClass("active");
				$("#option6").removeClass("active");
				$("#contact1").removeClass("active");
				$("#contact2").removeClass("active");
				$("#option-all").removeClass("active");
				//display selected division, hide others
				$("div.option2").fadeIn();
				$("div.option1").css("display", "none");
				$("div.option3").css("display", "none");
				$("div.option4").css("display", "none");
				$("div.option5").css("display", "none");
				$("div.option6").css("display", "none");
				$("div.option7").css("display", "none");
			break;
			case "option3":
				//change status & style menu
				$("#option1").removeClass("active");
				$("#option2").removeClass("active");
				$("#option3").addClass("active");
				$("#option4").removeClass("active");
				$("#option5").removeClass("active");
				$("#option6").removeClass("active");
				$("#contact1").removeClass("active");
				$("#contact2").removeClass("active");
				$("#option-all").removeClass("active");
				//display selected division, hide others
				$("div.option3").fadeIn();
				$("div.option1").css("display", "none");
				$("div.option2").css("display", "none");
				$("div.option4").css("display", "none");
				$("div.option5").css("display", "none");
				$("div.option6").css("display", "none");
				$("div.option7").css("display", "none");
			break;
			case "option4":
				//change status & style menu
				$("#option1").removeClass("active");
				$("#option2").removeClass("active");
				$("#option3").removeClass("active");
				$("#option4").addClass("active");
				$("#option5").removeClass("active");
				$("#option6").removeClass("active");
				$("#contact1").removeClass("active");
				$("#contact2").removeClass("active");
				$("#option-all").removeClass("active");
				//display selected division, hide others
				$("div.option4").fadeIn();
				$("div.option1").css("display", "none");
				$("div.option2").css("display", "none");
				$("div.option3").css("display", "none");
				$("div.option5").css("display", "none");
				$("div.option6").css("display", "none");
				$("div.option7").css("display", "none");
			break;
			case "option5":
				//change status & style menu
				$("#option1").removeClass("active");
				$("#option2").removeClass("active");
				$("#option3").removeClass("active");
				$("#option4").removeClass("active");
				$("#option5").addClass("active");
				$("#option6").removeClass("active");
				$("#contact1").removeClass("active");
				$("#contact2").removeClass("active");
				$("#option-all").removeClass("active");
				//display selected division, hide others
				$("div.option5").fadeIn();
				$("div.option1").css("display", "none");
				$("div.option2").css("display", "none");
				$("div.option3").css("display", "none");
				$("div.option4").css("display", "none");
				$("div.option6").css("display", "none");
				$("div.option7").css("display", "none");
			break;
			case "option6":
				//change status & style menu
				$("#option1").removeClass("active");
				$("#option2").removeClass("active");
				$("#option3").removeClass("active");
				$("#option4").removeClass("active");
				$("#option5").removeClass("active");
				$("#option6").addClass("active");
				$("#contact1").removeClass("active");
				$("#contact2").removeClass("active");
				$("#option-all").removeClass("active");
				//display selected division, hide others
				$("div.option6").fadeIn();
				$("div.option1").css("display", "none");
				$("div.option2").css("display", "none");
				$("div.option3").css("display", "none");
				$("div.option4").css("display", "none");
				$("div.option5").css("display", "none");
				$("div.option7").css("display", "none");
			break;
			case "contact1":
				//change status & style menu
				$("#option1").removeClass("active");
				$("#option2").removeClass("active");
				$("#option3").removeClass("active");
				$("#option4").removeClass("active");
				$("#option5").removeClass("active");
				$("#option6").removeClass("active");
				$("#contact1").addClass("active");
				$("#contact2").addClass("active");
				$("#option-all").removeClass("active");
				//display selected division, hide others
				$("div.option7").fadeIn();
				$("div.option1").css("display", "none");
				$("div.option2").css("display", "none");
				$("div.option3").css("display", "none");
				$("div.option4").css("display", "none");
				$("div.option5").css("display", "none");
				$("div.option6").css("display", "none");
			break;

			case "contact2":
				//change status & style menu
				$("#option1").removeClass("active");
				$("#option2").removeClass("active");
				$("#option3").removeClass("active");
				$("#option4").removeClass("active");
				$("#option5").removeClass("active");
				$("#option6").removeClass("active");
				$("#contact1").addClass("active");
				$("#contact2").addClass("active");
				$("#option-all").removeClass("active");
				//display selected division, hide others
				$("div.option7").fadeIn();
				$("div.option1").css("display", "none");
				$("div.option2").css("display", "none");
				$("div.option3").css("display", "none");
				$("div.option4").css("display", "none");
				$("div.option5").css("display", "none");
				$("div.option6").css("display", "none");
			break;


			case "option-all":
				//change status & style menu
				$("#option1").removeClass("active");
				$("#option2").removeClass("active");
				$("#option3").removeClass("active");
				$("#option4").removeClass("active");
				$("#option5").removeClass("active");
				$("#option6").removeClass("active");
				$("#contact1").removeClass("active");
				$("#contact2").removeClass("active");
				$("#option-all").addClass("active");
				//display selected division, hide others
				$("div.option7").css("display", "block");
				$("div.option1").css("display", "block");
				$("div.option2").css("display", "block");
				$("div.option3").css("display", "block");
				$("div.option4").css("display", "block");
				$("div.option5").css("display", "block");
				$("div.option6").css("display", "block");
				window.print();
			break;
		}
		//alert(e.target.id);
		return false;
	});
});