$(document).ready(function() {    
   
   //Get all the LI from the tabMenu UL  
   $('#menu > li').click(function(){  
           
     //perform the actions when it's not selected  
     if (!$(this).hasClass('selected')) {      
   
     //remove the selected class from all LI      
     $('#menu > li').removeClass('selected');  
       
     //After cleared all the LI, reassign the class to the selected tab  
     $(this).addClass('selected');  
       
     //Hide all the DIV in .boxBody  
     $('#portfolio-switch div').slideUp('1500');  
       
     //Look for the right DIV index based on the Navigation UL index  
     $('#portfolio-switch div:eq(' + $('#menu > li').index(this) + ')').slideDown('1500');  
       
}

 }).mouseover(function() {  
   
    
     $(this).addClass('mouseover');  
     $(this).removeClass('mouseout');     
       
   }).mouseout(function() {   
       
     //Add and remove class  
     $(this).addClass('mouseout');  
     $(this).removeClass('mouseover');      
       
   });  
});