* Work toward multiple dialog boxes

code/boot.js

@@ -340,18 +340,23 @@ window.setupTooltips = function(element) {
 }
 
 window.setupDialogs = function() {
-  $('#dialog').dialog({
-    autoOpen: false,
-    modal: true,
-    buttons: [
-      { text: 'OK', click: function() { if($(this).data("closeCallback")) {$(this).data("closeCallback")();} $(this).dialog('close'); } }
-    ]
-  });
-
+  window.dialogID = 0;
   window.alert = function(text, isHTML, closeCallback) {
-    var h = isHTML ? text : window.convertTextToTableMagic(text);
-    $('#dialog').data("closeCallback", closeCallback);
-    $('#dialog').html(h).dialog('open');
+    var id = 'dialog-' + window.dialogID++;
+    $('body').append('<div id="' + id + '"></div>');
+    $('#' + id).dialog({
+      autoOpen: false,
+      modal: false,
+      data: {closeCallback: closeCallback},
+      buttons: {
+	'OK': function() {
+	  if($(this).data("closeCallback")) {
+	    $(this).data("closeCallback")();
+	  }
+	  $(this).dialog('close');
+	}
+      }
+    }).html(isHTML ? text : window.convertTextToTableMagic(text)).dialog('open');
   }
 }
 

main.js

@@ -97,8 +97,7 @@ document.getElementsByTagName('body')[0].innerHTML = ''
   + '    </div>'
   + '  </div>'
   + '</div>'
-  + '<div id="updatestatus"></div>'
-  + '<div id="dialog"></div>';
+  + '<div id="updatestatus"></div>';
 
 // putting everything in a wrapper function that in turn is placed in a
 // script tag on the website allows us to execute in the site’s context

style.css

@@ -732,9 +732,9 @@ h3 {
   opacity: 0.6;
 }
 
-.ui-dialog-titlebar {
+/*.ui-dialog-titlebar {
   display: none;
-}
+}*/
 
 .ui-dialog-content {
   padding: 12px;