﻿/***************************/
//@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(){
						   
				$("#s_tab1").addClass("active");
				$("#s_tab2").removeClass("active");
				
				$("div.s_tab1").fadeIn();
				$("div.s_tab2").css("display", "none");
				
				
				
				
				$("#c_tab1").addClass("active");
				$("#c_tab2").removeClass("active");
				$("#c_tab3").removeClass("active");
				$("#c_tab4").removeClass("active");
				$("#c_tab5").removeClass("active");
				$("#c_tab6").removeClass("active");
				
				$("div.c_tab1").fadeIn();
				$("div.c_tab2").css("display", "none");
				$("div.c_tab3").css("display", "none");
				$("div.c_tab4").css("display", "none");
				$("div.c_tab5").css("display", "none");
				$("div.c_tab6").css("display", "none");
				
				
				
	$(".menu > li").click(function(e){
		switch(e.target.id){
			case "s_tab1":
				//change status & style menu
				$("#s_tab1").addClass("active");
				$("#s_tab2").removeClass("active");
				 
				//display selected division, hide others
				$("div.s_tab1").fadeIn();
				$("div.s_tab2").css("display", "none");
				 
			break;
			case "s_tab2":
				//change status & style menu
				$("#s_tab1").removeClass("active");
				$("#s_tab2").addClass("active");
				 
				//display selected division, hide others
				$("div.s_tab2").fadeIn();
				$("div.s_tab1").css("display", "none");
				 
			break;
			 
		}
		//alert(e.target.id);
		return false;
	});
	
	
	
	
	
	
	
	$(".menu2 > li").click(function(e){
		switch(e.target.id){
			case "c_tab1":
				//change status & style menu
				$("#c_tab1").addClass("active");
				$("#c_tab2").removeClass("active");
				$("#c_tab3").removeClass("active");
				$("#c_tab4").removeClass("active");
				$("#c_tab5").removeClass("active");
				$("#c_tab6").removeClass("active");
				 
				//display selected division, hide others
				$("div.c_tab1").fadeIn();
				$("div.c_tab2").css("display", "none");
				$("div.c_tab3").css("display", "none");
				$("div.c_tab4").css("display", "none");
				$("div.c_tab5").css("display", "none");
				$("div.c_tab6").css("display", "none");
				 
			break;
			case "c_tab2":
				//change status & style menu
				$("#c_tab1").removeClass("active");
				$("#c_tab2").addClass("active");
				$("#c_tab3").removeClass("active");
				$("#c_tab4").removeClass("active");
				$("#c_tab5").removeClass("active");
				$("#c_tab6").removeClass("active");
				
				 
				//display selected division, hide others
				$("div.c_tab2").fadeIn();
				$("div.c_tab1").css("display", "none");
				$("div.c_tab3").css("display", "none");
				$("div.c_tab4").css("display", "none");
				$("div.c_tab5").css("display", "none");
				$("div.c_tab6").css("display", "none");
				 
			break;
			
			case "c_tab3":
				//change status & style menu
				$("#c_tab1").removeClass("active");
				$("#c_tab3").addClass("active");
				$("#c_tab2").removeClass("active");
				$("#c_tab4").removeClass("active");
				$("#c_tab5").removeClass("active");
				$("#c_tab6").removeClass("active");
				
				 
				//display selected division, hide others
				$("div.c_tab3").fadeIn();
				$("div.c_tab1").css("display", "none");
				$("div.c_tab2").css("display", "none");
				$("div.c_tab4").css("display", "none");
				$("div.c_tab5").css("display", "none");
				$("div.c_tab6").css("display", "none");
				 
			break;
			
			case "c_tab4":
				//change status & style menu
				$("#c_tab1").removeClass("active");
				$("#c_tab4").addClass("active");
				$("#c_tab3").removeClass("active");
				$("#c_tab2").removeClass("active");
				$("#c_tab5").removeClass("active");
				$("#c_tab6").removeClass("active");
				
				 
				//display selected division, hide others
				$("div.c_tab4").fadeIn();
				$("div.c_tab1").css("display", "none");
				$("div.c_tab3").css("display", "none");
				$("div.c_tab2").css("display", "none");
				$("div.c_tab5").css("display", "none");
				$("div.c_tab6").css("display", "none");
				 
			break;
			
			case "c_tab5":
				//change status & style menu
				$("#c_tab1").removeClass("active");
				$("#c_tab5").addClass("active");
				$("#c_tab3").removeClass("active");
				$("#c_tab2").removeClass("active");
				$("#c_tab4").removeClass("active");
				$("#c_tab6").removeClass("active");
				
				 
				//display selected division, hide others
				$("div.c_tab5").fadeIn();
				$("div.c_tab1").css("display", "none");
				$("div.c_tab3").css("display", "none");
				$("div.c_tab2").css("display", "none");
				$("div.c_tab4").css("display", "none");
				$("div.c_tab6").css("display", "none");
				 
			break;
			case "c_tab6":
				//change status & style menu
				$("#c_tab1").removeClass("active");
				$("#c_tab6").addClass("active");
				$("#c_tab3").removeClass("active");
				$("#c_tab2").removeClass("active");
				$("#c_tab4").removeClass("active");
				$("#c_tab5").removeClass("active");
				
				 
				//display selected division, hide others
				$("div.c_tab6").fadeIn();
				$("div.c_tab1").css("display", "none");
				$("div.c_tab3").css("display", "none");
				$("div.c_tab2").css("display", "none");
				$("div.c_tab4").css("display", "none");
				$("div.c_tab5").css("display", "none");
				 
			break;
			 
		}
		//alert(e.target.id);
		return false;
	});
	
	
	
	
	
	
});
