How can I make a dialog box in jQuery UI open and fill the whole browser window?
<p>I have the following code that I use to create a dialog box:</p>

<pre><code>(function ($) {
    $.fn.createCommonDialog = function () {
        this.dialog({
            autoOpen: false,
            modal: true,
            resizable: true,
            draggable: true,
            height: 'auto',
            width: 875,
            buttons: {
                "Submit": function () {
                    tinyMCE.triggerSave();
                    $("#update-message").html('');
                    $("#dialogForm").submit();
                },
                "Cancel": function () {
                    $(this).dialog("close");
                }
            },
            open: function (event, ui) {

            }
        });
    };
})(jQuery);
</code></pre>

<p>I am open the dialog box with the following:</p>

<pre><code>    var dialogDiv = $('#commonDialog');
    dialogDiv.dialog('option', 'title', action + ': ' + viewID)
    dialogDiv.dialog('open');
</code></pre>

<p>Can someone tell me how I could modify this code so that there's an option for opening the dialog box and having it so that it fills the browser screen?  Please note there's more to the code but I just included the important parts to do with opening the dialog.</p>
