$(function() {
$('#top-menu li').append('<div class="hover">');  
     $('#top-menu li').hover(    
         function() {  
             $(this).children('div').fadeIn('1000');   
         },   
         function() {  
             $(this).children('div').fadeOut('1000');      
     }); 
		$('#tabs > div').hide(); // Hide all divs
		$('#tabs div:first').show(); // Show the first div
		$('#tabber li:first').addClass('active'); // Set the class of the first link to active
		$('#tabber li a').click(function(){ //When any link is clicked
		$('#tabber li').removeClass('active'); // Remove active class from all links
		$(this).parent().addClass('active'); //Set clicked link class to active
		var currentTab = $(this).attr('href'); // Set variable currentTab to value of href attribute of clicked link
		$('#tabs > div').hide(); // Hide all divs
		$(currentTab).show(); // Show div with id equal to variable currentTab
		return false;
		});
});