var mouseIsInSubmenu = false;
var hideSubmenuTimeout;

$(document).ready(function(){
	$('#group_detail').bind('mouseenter', function(){
		$('#submenu_group').fadeIn('fast'); 
		mouseIsInSubmenu = true;
		clearTimeout(hideSubmenuTimeout);
	}).bind('mouseleave', function(){
		hideSubmenuTimeout = setTimeout('hideSubmenu()', 1000);
		mouseIsInSubmenu = false;
	});
	
	$('#submenu_group').bind('mouseenter', function(){
		mouseIsInSubmenu = true;
		clearTimeout(hideSubmenuTimeout);
	}).bind('mouseleave', function(){
		hideSubmenuTimeout = setTimeout('hideSubmenu()', 1000);
		mouseIsInSubmenu = false;
	});
});

function hideSubmenu(){
	if(mouseIsInSubmenu){
		hideSubmenuTimeout = setTimeout('hideSubmenu()', 1000);
	}else{
		clearTimeout(hideSubmenuTimeout);
		$('#submenu_group').fadeOut('fast'); 
	}
}