$(document).ready(function() {
	
	fadeInDelay     = 200;
	fadeOutDelay    = 500;
	fadeInDuration  = 200;
	fadeOutDuration = 200;
	
	$('#main-menu ul li ul').hide();

	$('#main-menu ul li').hover(function(){
		
		var submenu = $(this).find('> ul');
		
		var Now = new Date();
		
		var id = 'menu-' + Now.getTime().toString() + Math.round(Math.random() * 1000);
		
		submenu
			.attr('id', id)
			.attr('state', 'in');
		
		window.setTimeout('show("' + submenu.attr('id') + '")', fadeInDelay);

	}, function(){
		
		var submenu = $(this).find('> ul');
		
		submenu.attr('state', 'out');
		
		window.setTimeout('hide("' + submenu.attr('id') + '")', fadeOutDelay);
	});
	
	show = function(id){
	
		var submenu = $('#' + id);

		if (submenu.attr('state') == 'in') {
		
			submenu.parent().parent().find('> li > ul').each(function(){

				if ($(this).attr('id') != id)
					$(this).hide();
			});
			
			submenu.fadeIn(fadeInDuration);
		}
	}
	
	hide = function(id){
	
		var submenu = $('#' + id);
		
		if (submenu.attr('state') == 'out')
			submenu.fadeOut(fadeOutDuration);
	}
});