/***************************/
//@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(){  
     $(".menu23 > li").click(function(e){  
         switch(e.target.id){  
		     case "img1":  
				 $("#mission").removeClass('active');
				 $("#mission").removeClass('non-active');
				 $("#mission").addClass('active'); 
				 
				 $("#parents").removeClass('active'); 
				 $("#parents").addClass('non-active'); 
				 
				 $("#staff").removeClass('active'); 
				 $("#staff").addClass('non-active');
				 
				 $("#students").removeClass('active'); 
				 $("#students").addClass('non-active');

                
                  
                 $("div.parents").css("display", "none");  
                 $("div.staff").css("display", "none");  
				 $("div.students").css("display", "none");  

				 $("div.round-top.second").css("display", "none"); 
				 $("div.round-top.third").css("display", "none"); 
				 $("div.round-top.fourth").css("display", "none"); 
				 
				 $("div.round-bottom.second1").css("display", "none"); 
				 $("div.round-bottom.third1").css("display", "none"); 
				 $("div.round-bottom.fourth1").css("display", "none"); 

                 $("div.round-top.first").fadeIn();
				 $("div.mission").fadeIn(); 
				 $("div.round-bottom.first1").fadeIn();
             break;
             case "img2":  
                 $("#parents").removeClass('active');
				 $("#parents").removeClass('non-active');
				 $("#parents").addClass('active'); 
                
				 $("#mission").removeClass('active'); 
				 $("#mission").addClass('non-active'); 
				 
				 $("#staff").removeClass('active'); 
				 $("#staff").addClass('non-active');
				 
				 $("#students").removeClass('active'); 
				 $("#students").addClass('non-active'); 
                  
                 $("div.mission").css("display", "none");  
                 $("div.staff").css("display", "none");  
				 $("div.students").css("display", "none");  


				 $("div.round-top.first").css("display", "none"); 
				 $("div.round-top.third").css("display", "none"); 
				 $("div.round-top.fourth").css("display", "none"); 
				 
				 $("div.round-bottom.first1").css("display", "none"); 
				 $("div.round-bottom.third1").css("display", "none"); 
				 $("div.round-bottom.fourth1").css("display", "none"); 

                 $("div.round-top.second").fadeIn();
				 $("div.parents").fadeIn(); 
				 $("div.round-bottom.second1").fadeIn();
					
             break;  
               
             case "img3":  
                $("#staff").removeClass('active');
				 $("#staff").removeClass('non-active');
				 $("#staff").addClass('active'); 
                
				 $("#mission").removeClass('active'); 
				 $("#mission").addClass('non-active'); 
				 
				 $("#parents").removeClass('active'); 
				 $("#parents").addClass('non-active');
				 
				 $("#students").removeClass('active'); 
				 $("#students").addClass('non-active');  
                  
                 $("div.mission").css("display", "none");  
                 $("div.parents").css("display", "none");  
				 $("div.students").css("display", "none");  

				 $("div.round-top.first").css("display", "none"); 
				 $("div.round-top.second").css("display", "none"); 
				 $("div.round-top.fourth").css("display", "none"); 
				 
				 $("div.round-bottom.first1").css("display", "none"); 
				 $("div.round-bottom.second1").css("display", "none"); 
				 $("div.round-bottom.fourth1").css("display", "none"); 

                 $("div.round-top.third").fadeIn();
				 $("div.staff").fadeIn(); 
				 $("div.round-bottom.third1").fadeIn();

             break; 
			 
			 case "img4":  
                 $("#students").removeClass('active');
				 $("#students").removeClass('non-active');
				 $("#students").addClass('active'); 
                
				 $("#mission").removeClass('active'); 
				 $("#mission").addClass('non-active'); 
				 
				 $("#parents").removeClass('active'); 
				 $("#parents").addClass('non-active');
				 
				 $("#staff").removeClass('active'); 
				 $("#staff").addClass('non-active'); 
                  
                 $("div.mission").css("display", "none");  
                 $("div.parents").css("display", "none");  
				 $("div.staff").css("display", "none");  

				 $("div.round-top.first").css("display", "none"); 
				 $("div.round-top.second").css("display", "none"); 
				 $("div.round-top.third").css("display", "none"); 
				 
				 $("div.round-bottom.first1").css("display", "none"); 
				 $("div.round-bottom.second1").css("display", "none"); 
				 $("div.round-bottom.third1").css("display", "none"); 

                 $("div.round-top.fourth").fadeIn();
				 $("div.students").fadeIn(); 
				 $("div.round-bottom.fourth1").fadeIn();

             break; 
         }  
         //alert(e.target.id);
         return false;  
     });  
});