$(document).ready(function() {
   
	$('#nav').children('li').children('ul').click( function() {
		
		if ($(this).hasClass('fixed')) $(this).hide('slow');
		$(this).toggleClass('fixed');
		
	});
 
	$('#nav').children('li').click( function() {
		$(this).children('ul').toggleClass('fixed');
	});
 
 $('#nav').children('li').children('ul:first').addClass('fixed');
 $('#nav').children('li').children('ul:first').animate({ 
        width: '600px',
        opacity: 0.6,
		height: '200px',
		bottom: '100px',
		complete: $(this).addClass('fixed')
      }, 6000 );	  
	  
   $('#nav').children('li').hover(function(){
	
	if ($(this).children('ul').hasClass('fixed')) return;
	
	var elem = $(this).children('ul');
	
		$(elem).animate({ 
        width: '600px',
        opacity: 0.6,
		height: '200px',
		bottom: '100px',
		complete: $(elem).addClass('toggled')
      }, 2222 );	  	
		
		
   },
   function () {
   
   if ($(this).children('ul').hasClass('fixed')) return;
   
	var elem = $(this).children('ul');
	$(elem).animate({ 
        width: '100px',
		height: '100px',
        opacity: 1,
		bottom: '0px',
		complete: $(elem).removeClass('toggled')
      }, 50 );
   }
   
   );
   
});