overlay.js

(function() {
    'use strict';

    var overlayVisible = 'overlay--visible';
    var $document = $(document);

    $document.on('overlay:open', function() {
        var $body = $('body');
        var $overlay = $('.overlay');

        if (0 == $overlay.length) {
            $overlay = $('<div class="overlay"></div>');
            $body.prepend($overlay);
        }

        $overlay.addClass(overlayVisible);
    });

    $document.on('overlay:close', function() {
        var $overlay = $('.overlay');

        if ($overlay.data('hold')) { return; }

        $overlay.removeClass(overlayVisible);
        setTimeout(function() {
            $overlay.remove();
        }, 200);
    });

    $document.on('overlay:hold', function() {
        var $overlay = $('.overlay');
        $overlay.data('hold', true);
    });
})();