$(function() {
    var delay = 400;
    
    function hideMenu() {
        if (!$('#cb1').data('in') && !$('#hm1').data('in') && !$('#hm1').data('hidden')) {
            $('#hm1').fadeOut('fast');
            $('#cb1').removeClass('active');
            $('#hm1').data('hidden', true);
        }
        if (!$('#cb2').data('in') && !$('#hm2').data('in') && !$('#hm2').data('hidden')) {
            $('#hm2').fadeOut('fast');
            $('#cb2').removeClass('active');
            $('#hm2').data('hidden', true);
        }
    }
    
    $('#cb1, #hm1').mouseenter(function() {
        $('#hm1').fadeIn('fast');
        $('#cb1').addClass('active');
        $(this).data('in', true);
        $('#hm1').data('hidden', false);
    }).mouseleave(function() {
        $(this).data('in', false);
        setTimeout(hideMenu, delay);
    });
    
    $('#cb2, #hm2').mouseenter(function() {
        $('#hm2').fadeIn('fast');
        $('#cb2').addClass('active');
        $(this).data('in', true);
        $('#hm2').data('hidden', false);
    }).mouseleave(function() {
        $(this).data('in', false);
        setTimeout(hideMenu, delay);
    });    
    
});