/***************************/
//@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(){
	$(".biomenu > li").click(function(e){
		switch(e.target.id) {
			case "bio01":
				//change status & style menu
				$("#bio01").addClass("active");
				$("#bio02").removeClass("active");
				$("#bio03").removeClass("active");
				$("#bio04").removeClass("active");
				$("#bio05").removeClass("active");
				$("#bio06").removeClass("active");
				$("#bio07").removeClass("active");
				$("#bio08").removeClass("active");
				$("#bio09").removeClass("active");
				$("#bio10").removeClass("active");
				$("#bio11").removeClass("active");
				$("#bio12").removeClass("active");
				$("#bio13").removeClass("active");
				$("#bio14").removeClass("active");
				//display selected division, hide others
				$("div.bio01").fadeIn();
				$("div.bio02").css("display", "none");
				$("div.bio03").css("display", "none");
				$("div.bio04").css("display", "none");
				$("div.bio05").css("display", "none");
				$("div.bio06").css("display", "none");
				$("div.bio07").css("display", "none");
				$("div.bio08").css("display", "none");
				$("div.bio09").css("display", "none");
				$("div.bio10").css("display", "none");
				$("div.bio11").css("display", "none");
				$("div.bio12").css("display", "none");
				$("div.bio13").css("display", "none");
				$("div.bio14").css("display", "none");
			break;
			case "bio02":
				//change status & style menu
				$("#bio01").removeClass("active");
				$("#bio02").addClass("active");
				$("#bio03").removeClass("active");
				$("#bio04").removeClass("active");
				$("#bio05").removeClass("active");
				$("#bio06").removeClass("active");
				$("#bio07").removeClass("active");
				$("#bio08").removeClass("active");
				$("#bio09").removeClass("active");
				$("#bio10").removeClass("active");
				$("#bio11").removeClass("active");
				$("#bio12").removeClass("active");
				$("#bio13").removeClass("active");
				$("#bio14").removeClass("active");
				//display selected division, hide others
				$("div.bio02").fadeIn();
				$("div.bio01").css("display", "none");
				$("div.bio03").css("display", "none");
				$("div.bio04").css("display", "none");
				$("div.bio05").css("display", "none");
				$("div.bio06").css("display", "none");
				$("div.bio07").css("display", "none");
				$("div.bio08").css("display", "none");
				$("div.bio09").css("display", "none");
				$("div.bio10").css("display", "none");
				$("div.bio11").css("display", "none");
				$("div.bio12").css("display", "none");
				$("div.bio13").css("display", "none");
				$("div.bio14").css("display", "none");
			break;
			case "bio03":
				//change status & style menu
				$("#bio01").removeClass("active");
				$("#bio02").removeClass("active");
				$("#bio03").addClass("active");
				$("#bio04").removeClass("active");
				$("#bio05").removeClass("active");
				$("#bio06").removeClass("active");
				$("#bio07").removeClass("active");
				$("#bio08").removeClass("active");
				$("#bio09").removeClass("active");
				$("#bio10").removeClass("active");
				$("#bio11").removeClass("active");
				$("#bio12").removeClass("active");
				$("#bio13").removeClass("active");
				$("#bio14").removeClass("active");
				//display selected division, hide others
				$("div.bio03").fadeIn();
				$("div.bio02").css("display", "none");
				$("div.bio01").css("display", "none");
				$("div.bio04").css("display", "none");
				$("div.bio05").css("display", "none");
				$("div.bio06").css("display", "none");
				$("div.bio07").css("display", "none");
				$("div.bio08").css("display", "none");
				$("div.bio09").css("display", "none");
				$("div.bio10").css("display", "none");
				$("div.bio11").css("display", "none");
				$("div.bio12").css("display", "none");
				$("div.bio13").css("display", "none");
				$("div.bio14").css("display", "none");
			break;
			case "bio04":
				//change status & style menu
				$("#bio01").removeClass("active");
				$("#bio02").removeClass("active");
				$("#bio03").removeClass("active");
				$("#bio04").addClass("active");
				$("#bio05").removeClass("active");
				$("#bio06").removeClass("active");
				$("#bio07").removeClass("active");
				$("#bio08").removeClass("active");
				$("#bio09").removeClass("active");
				$("#bio10").removeClass("active");
				$("#bio11").removeClass("active");
				$("#bio12").removeClass("active");
				$("#bio13").removeClass("active");
				$("#bio14").removeClass("active");
				//display selected division, hide others
				$("div.bio04").fadeIn();
				$("div.bio02").css("display", "none");
				$("div.bio03").css("display", "none");
				$("div.bio01").css("display", "none");
				$("div.bio05").css("display", "none");
				$("div.bio06").css("display", "none");
				$("div.bio07").css("display", "none");
				$("div.bio08").css("display", "none");
				$("div.bio09").css("display", "none");
				$("div.bio10").css("display", "none");
				$("div.bio11").css("display", "none");
				$("div.bio12").css("display", "none");
				$("div.bio13").css("display", "none");
				$("div.bio14").css("display", "none");
			break;
			case "bio05":
				//change status & style menu
				$("#bio01").removeClass("active");
				$("#bio02").removeClass("active");
				$("#bio03").removeClass("active");
				$("#bio04").removeClass("active");
				$("#bio05").addClass("active");
				$("#bio06").removeClass("active");
				$("#bio07").removeClass("active");
				$("#bio08").removeClass("active");
				$("#bio09").removeClass("active");
				$("#bio10").removeClass("active");
				$("#bio11").removeClass("active");
				$("#bio12").removeClass("active");
				$("#bio13").removeClass("active");
				$("#bio14").removeClass("active");
				//display selected division, hide others
				$("div.bio05").fadeIn();
				$("div.bio02").css("display", "none");
				$("div.bio03").css("display", "none");
				$("div.bio04").css("display", "none");
				$("div.bio01").css("display", "none");
				$("div.bio06").css("display", "none");
				$("div.bio07").css("display", "none");
				$("div.bio08").css("display", "none");
				$("div.bio09").css("display", "none");
				$("div.bio10").css("display", "none");
				$("div.bio11").css("display", "none");
				$("div.bio12").css("display", "none");
				$("div.bio13").css("display", "none");
				$("div.bio14").css("display", "none");
			break;
			case "bio06":
				//change status & style menu
				$("#bio01").removeClass("active");
				$("#bio02").removeClass("active");
				$("#bio03").removeClass("active");
				$("#bio04").removeClass("active");
				$("#bio05").removeClass("active");
				$("#bio06").addClass("active");
				$("#bio07").removeClass("active");
				$("#bio08").removeClass("active");
				$("#bio09").removeClass("active");
				$("#bio10").removeClass("active");
				$("#bio11").removeClass("active");
				$("#bio12").removeClass("active");
				$("#bio13").removeClass("active");
				$("#bio14").removeClass("active");
				//display selected division, hide others
				$("div.bio06").fadeIn();
				$("div.bio02").css("display", "none");
				$("div.bio03").css("display", "none");
				$("div.bio04").css("display", "none");
				$("div.bio05").css("display", "none");
				$("div.bio01").css("display", "none");
				$("div.bio07").css("display", "none");
				$("div.bio08").css("display", "none");
				$("div.bio09").css("display", "none");
				$("div.bio10").css("display", "none");
				$("div.bio11").css("display", "none");
				$("div.bio12").css("display", "none");
				$("div.bio13").css("display", "none");
				$("div.bio14").css("display", "none");
			break;
			case "bio07":
				//change status & style menu
				$("#bio01").removeClass("active");
				$("#bio02").removeClass("active");
				$("#bio03").removeClass("active");
				$("#bio04").removeClass("active");
				$("#bio05").removeClass("active");
				$("#bio06").removeClass("active");
				$("#bio07").addClass("active");
				$("#bio08").removeClass("active");
				$("#bio09").removeClass("active");
				$("#bio10").removeClass("active");
				$("#bio11").removeClass("active");
				$("#bio12").removeClass("active");
				$("#bio13").removeClass("active");
				$("#bio14").removeClass("active");
				//display selected division, hide others
				$("div.bio07").fadeIn();
				$("div.bio02").css("display", "none");
				$("div.bio03").css("display", "none");
				$("div.bio04").css("display", "none");
				$("div.bio05").css("display", "none");
				$("div.bio06").css("display", "none");
				$("div.bio01").css("display", "none");
				$("div.bio08").css("display", "none");
				$("div.bio09").css("display", "none");
				$("div.bio10").css("display", "none");
				$("div.bio11").css("display", "none");
				$("div.bio12").css("display", "none");
				$("div.bio13").css("display", "none");
				$("div.bio14").css("display", "none");
			break;
		}
		//alert(e.target.id);
		return false;
	});
});