/***************************/
//@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 "1SS":
				//change status & style menu
				$("#1SS").addClass("active");
				$("#2S").removeClass("active");
				$("#3B").removeClass("active");
				$("#4C").removeClass("active");
				$("#5CN").removeClass("active");
				$("#6EP").removeClass("active");
				$("#7SF").removeClass("active");
				$("#8IC").removeClass("active");
				$("#9S").removeClass("active");				
				$("#10B").removeClass("active");
				//display selected division, hide others
				$("div.1SS").fadeIn();
				$("div.2S").css("display", "none");
				$("div.3B").css("display", "none");
				$("div.4C").css("display", "none");
				$("div.5CN").css("display", "none");
				$("div.6EP").css("display", "none");
				$("div.7SF").css("display", "none");
				$("div.8IC").css("display", "none");
				$("div.9S").css("display", "none");		
				$("div.10B").css("display", "none");				
			break;
			
			case "2S":
				//change status & style menu
				$("#1SS").removeClass("active");
				$("#2S").addClass("active");
				$("#3B").removeClass("active");
				$("#4C").removeClass("active");
				$("#5CN").removeClass("active");
				$("#6EP").removeClass("active");
				$("#7SF").removeClass("active");
				$("#8IC").removeClass("active");
				$("#9S").removeClass("active");				
				$("#10B").removeClass("active");
				//display selected division, hide others
				$("div.2S").fadeIn();
				$("div.1SS").css("display", "none");
				$("div.3B").css("display", "none");
				$("div.4C").css("display", "none");
				$("div.5CN").css("display", "none");
				$("div.6EP").css("display", "none");
				$("div.7SF").css("display", "none");
				$("div.8IC").css("display", "none");
				$("div.9S").css("display", "none");		
				$("div.10B").css("display", "none");				
			break;
			case "3B":
				//change status & style menu
				$("#1SS").removeClass("active");
				$("#2S").removeClass("active");
				$("#3B").addClass("active");
				$("#4C").removeClass("active");
				$("#5CN").removeClass("active");
				$("#6EP").removeClass("active");
				$("#7SF").removeClass("active");
				$("#8IC").removeClass("active");
				$("#9S").removeClass("active");				
				$("#10B").removeClass("active");
				//display selected division, hide others
				$("div.3B").fadeIn();
				$("div.1SS").css("display", "none");
				$("div.2S").css("display", "none");
				$("div.4C").css("display", "none");
				$("div.5CN").css("display", "none");
				$("div.6EP").css("display", "none");
				$("div.7SF").css("display", "none");
				$("div.8IC").css("display", "none");
				$("div.9S").css("display", "none");		
				$("div.10B").css("display", "none");				
			break;
			case "4C":
				//change status & style menu
				$("#1SS").removeClass("active");
				$("#2S").removeClass("active");
				$("#3B").removeClass("active");
				$("#4C").addClass("active");
				$("#5CN").removeClass("active");
				$("#6EP").removeClass("active");
				$("#7SF").removeClass("active");
				$("#8IC").removeClass("active");
				$("#9S").removeClass("active");				
				$("#10B").removeClass("active");
				//display selected division, hide others
				$("div.4C").fadeIn();
				$("div.1SS").css("display", "none");
				$("div.2S").css("display", "none");
				$("div.3B").css("display", "none");
				$("div.5CN").css("display", "none");
				$("div.6EP").css("display", "none");
				$("div.7SF").css("display", "none");
				$("div.8IC").css("display", "none");
				$("div.9S").css("display", "none");		
				$("div.10B").css("display", "none");				
			break;
			case "5CN":
				//change status & style menu
				$("#1SS").removeClass("active");
				$("#2S").removeClass("active");
				$("#3B").removeClass("active");
				$("#4C").removeClass("active");
				$("#5CN").addClass("active");
				$("#6EP").removeClass("active");
				$("#7SF").removeClass("active");
				$("#8IC").removeClass("active");
				$("#9S").removeClass("active");				
				$("#10B").removeClass("active");
				//display selected division, hide others
				$("div.5CN").fadeIn();
				$("div.1SS").css("display", "none");
				$("div.2S").css("display", "none");
				$("div.3B").css("display", "none");
				$("div.4C").css("display", "none");
				$("div.6EP").css("display", "none");
				$("div.7SF").css("display", "none");
				$("div.8IC").css("display", "none");
				$("div.9S").css("display", "none");		
				$("div.10B").css("display", "none");				
			break;
			case "6EP":
				//change status & style menu
				$("#1SS").removeClass("active");
				$("#2S").removeClass("active");
				$("#3B").removeClass("active");
				$("#4C").removeClass("active");
				$("#5CN").removeClass("active");
				$("#6EP").addClass("active");
				$("#7SF").removeClass("active");
				$("#8IC").removeClass("active");
				$("#9S").removeClass("active");				
				$("#10B").removeClass("active");
				//display selected division, hide others
				$("div.6EP").fadeIn();
				$("div.1SS").css("display", "none");
				$("div.2S").css("display", "none");
				$("div.3B").css("display", "none");
				$("div.4C").css("display", "none");
				$("div.5CN").css("display", "none");
				$("div.7SF").css("display", "none");
				$("div.8IC").css("display", "none");
				$("div.9S").css("display", "none");		
				$("div.10B").css("display", "none");				
			break;
			case "6EP":
				//change status & style menu
				$("#1SS").removeClass("active");
				$("#2S").removeClass("active");
				$("#3B").removeClass("active");
				$("#4C").removeClass("active");
				$("#5CN").removeClass("active");
				$("#6EP").addClass("active");
				$("#7SF").removeClass("active");
				$("#8IC").removeClass("active");
				$("#9S").removeClass("active");				
				$("#10B").removeClass("active");
				//display selected division, hide others
				$("div.6EP").fadeIn();
				$("div.1SS").css("display", "none");
				$("div.2S").css("display", "none");
				$("div.3B").css("display", "none");
				$("div.4C").css("display", "none");
				$("div.5CN").css("display", "none");
				$("div.7SF").css("display", "none");
				$("div.8IC").css("display", "none");
				$("div.9S").css("display", "none");		
				$("div.10B").css("display", "none");				
			break;
			case "7SF":
				//change status & style menu
				$("#1SS").removeClass("active");
				$("#2S").removeClass("active");
				$("#3B").removeClass("active");
				$("#4C").removeClass("active");
				$("#5CN").removeClass("active");
				$("#6EP").removeClass("active");
				$("#7SF").addClass("active");
				$("#8IC").removeClass("active");
				$("#9S").removeClass("active");				
				$("#10B").removeClass("active");
				//display selected division, hide others
				$("div.7SF").fadeIn();
				$("div.1SS").css("display", "none");
				$("div.2S").css("display", "none");
				$("div.3B").css("display", "none");
				$("div.4C").css("display", "none");
				$("div.5CN").css("display", "none");
				$("div.6EP").css("display", "none");
				$("div.8IC").css("display", "none");
				$("div.9S").css("display", "none");		
				$("div.10B").css("display", "none");				
			break;
			case "8IC":
				//change status & style menu
				$("#1SS").removeClass("active");
				$("#2S").removeClass("active");
				$("#3B").removeClass("active");
				$("#4C").removeClass("active");
				$("#5CN").removeClass("active");
				$("#6EP").removeClass("active");
				$("#7SF").removeClass("active");
				$("#8IC").addClass("active");
				$("#9S").removeClass("active");				
				$("#10B").removeClass("active");
				//display selected division, hide others
				$("div.8IC").fadeIn();
				$("div.1SS").css("display", "none");
				$("div.2S").css("display", "none");
				$("div.3B").css("display", "none");
				$("div.4C").css("display", "none");
				$("div.5CN").css("display", "none");
				$("div.6EP").css("display", "none");
				$("div.7SF").css("display", "none");
				$("div.9S").css("display", "none");		
				$("div.10B").css("display", "none");				
			break;
			case "9S":
				//change status & style menu
				$("#1SS").removeClass("active");
				$("#2S").removeClass("active");
				$("#3B").removeClass("active");
				$("#4C").removeClass("active");
				$("#5CN").removeClass("active");
				$("#6EP").removeClass("active");
				$("#7SF").removeClass("active");
				$("#8IC").removeClass("active");
				$("#9S").addClass("active");				
				$("#10B").removeClass("active");
				//display selected division, hide others
				$("div.9S").fadeIn();
				$("div.1SS").css("display", "none");
				$("div.2S").css("display", "none");
				$("div.3B").css("display", "none");
				$("div.4C").css("display", "none");
				$("div.5CN").css("display", "none");
				$("div.6EP").css("display", "none");
				$("div.7SF").css("display", "none");
				$("div.8IC").css("display", "none");		
				$("div.10B").css("display", "none");				
			break;
			case "10B":
				//change status & style menu
				$("#1SS").removeClass("active");
				$("#2S").removeClass("active");
				$("#3B").removeClass("active");
				$("#4C").removeClass("active");
				$("#5CN").removeClass("active");
				$("#6EP").removeClass("active");
				$("#7SF").removeClass("active");
				$("#8IC").removeClass("active");
				$("#9S").removeClass("active");				
				$("#10B").addClass("active");
				//display selected division, hide others
				$("div.10B").fadeIn();
				$("div.1SS").css("display", "none");
				$("div.2S").css("display", "none");
				$("div.3B").css("display", "none");
				$("div.4C").css("display", "none");
				$("div.5CN").css("display", "none");
				$("div.6EP").css("display", "none");
				$("div.7SF").css("display", "none");
				$("div.8IC").css("display", "none");		
				$("div.9S").css("display", "none");				
			break;


			/*case "tutorials":
				//change status & style menu
				$("#news").removeClass("active");
				$("#tutorials").addClass("active");
				$("#links").removeClass("active");
				//display selected division, hide others
				$("div.tutorials").fadeIn();
				$("div.news").css("display", "none");
				$("div.links").css("display", "none");
			break;
			case "links":
				//change status & style menu
				$("#news").removeClass("active");
				$("#tutorials").removeClass("active");
				$("#links").addClass("active");
				//display selected division, hide others
				$("div.links").fadeIn();
				$("div.news").css("display", "none");
				$("div.tutorials").css("display", "none");
			break;*/
		}
		//alert(e.target.id);
		return false;
	});
});