Simple jQueryUI DialogManager

dialogmanager.js

;(function(w){
    var DialogManager = (function(){

        function DialogManager(){
            this.dialogIdx= 1;    
        };
        DialogManager.prototype.createDialog = function(options){
            var defaults = {
                modal: true,
                resizeable: false,
                autoOpen: false,
                //removing dialog after close
                close: function () {
                    $(this).remove();
                }
            };
            var id = 'dialogId' + this.dialogIdx;
            
            $box = $('#' + id);
            if (!$box.length) {
                $box = $('<div id="' + id + '"></div>').hide().appendTo('body');
                this.dialogIdx++;
            }
            $box.dialog($.extend({}, defaults, options));
            return $box;
        };

        return DialogManager;
    })();
    w.DialogManager = new DialogManager;

})(window);

usage.js

var dialog = DialogManager.createDialog({minWidth: 400, title: 'Set some title'});
dialog.html('Here is the content');
dialog.dialog('open');