$(document).ready(function(){  
  
    $('#menu li ul li a').mouseover(function () {
		$(this).animate({ marginLeft: "10px" }, 'fast' );
	});
	$('#menu li ul li a').mouseout(function () {
		$(this).animate({ marginLeft: "0px" }, 'fast');
	});  
	
    $("#menu li a.topItem").hover(function() { //When trigger is hovered...  
  		
        //Following events are applied to the subnav itself (moving subnav up and down)
        $(this).parent().find("ul.submenu").slideDown('fast').show(); //Show the subnav on hover
		
        $(this).parent().hover(function() {  
        }, function(){
			$(this).parent().find("ul.submenu").fadeOut('fast'); //Hide when the mouse hovers out of the subnav 
        });
		
    });  
  
});