jQuery(document).ready(function($) {
	//initial the menus
	
	jQuery('ul.menu li').hover(function() {
		jQuery('.sub-menu', $(this)).css({ display: 'block', opacity: 0 }).stop().animate({ opacity: 1 });
	}, function() {
		jQuery('.sub-menu', $(this)).animate({ opacity: 0 }, function() {
			jQuery(this).css('display', 'none');
		});
	})
});