var dialog = function () {
    return {
        initialise: function () {
            $('body').prepend('<div id="dialog-overall"></div>');
            $('body').append('<div id="dialog"><a id="dialog-close">X</a></div>');
            dialog.center();        

            $(window).resize(function () {
               dialog.center(); 
            });

            $(document).keyup(function(e) {
                if (e.keyCode == 27) {
                    dialog.close();
                }
            });

            $('#dialog-overall, #dialog-close').click(function () {
                dialog.close();
            }); 
        },
        center: function () {
            $('#dialog').css({
                top: ($(window).height() - $('#dialog').outerHeight())/2,
                left: ($(window).width() - $('#dialog').outerWidth())/2
            });
        },
        close: function () {
            $('#dialog-overall').unbind('click');            
            $('#dialog, #dialog-overall').remove();
        }
    }    
}();
