From b946b9fe5e5325ad2d24e0a056ecf3428006fef9 Mon Sep 17 00:00:00 2001
From: Richard Worth <rdworth@gmail.com>
Date: Wed, 7 Jan 2009 03:40:05 +0000
Subject: [PATCH] demos/dialog: set up dialog demos to use bgiframe

---
 demos/dialog/default.html            | 2 ++
 demos/dialog/modal.html              | 4 +++-
 demos/dialog/modal_confirmation.html | 4 +++-
 demos/dialog/modal_form.html         | 4 +++-
 demos/dialog/modal_message.html      | 2 ++
 5 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/demos/dialog/default.html b/demos/dialog/default.html
index d1a0f4712..2a4359ea0 100644
--- a/demos/dialog/default.html
+++ b/demos/dialog/default.html
@@ -8,8 +8,10 @@
 	<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
 	<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
 	<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
+	<script type="text/javascript" src="../../external/bgiframe/jquery.bgiframe.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<script type="text/javascript">
+	$.ui.dialog.defaults.bgiframe = true;
 	$(function() {
 		$("#dialog").dialog();
 	});
diff --git a/demos/dialog/modal.html b/demos/dialog/modal.html
index 6e66c2a3f..9627c013d 100644
--- a/demos/dialog/modal.html
+++ b/demos/dialog/modal.html
@@ -8,11 +8,13 @@
 	<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
 	<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
 	<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
+	<script type="text/javascript" src="../../external/bgiframe/jquery.bgiframe.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<script type="text/javascript">
 	$(function() {
 		$("#dialog").dialog({
-			height:140,
+			bgiframe: true,
+			height: 140,
 			modal: true,
 			overlay: {
 				backgroundColor: '#000',
diff --git a/demos/dialog/modal_confirmation.html b/demos/dialog/modal_confirmation.html
index 29497a560..14bae019c 100644
--- a/demos/dialog/modal_confirmation.html
+++ b/demos/dialog/modal_confirmation.html
@@ -8,11 +8,13 @@
 	<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
 	<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
 	<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
+	<script type="text/javascript" src="../../external/bgiframe/jquery.bgiframe.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<script type="text/javascript">
 	$(function() {
 		$("#dialog").dialog({
-			resizable:false,
+			bgiframe: true,
+			resizable: false,
 			height:140,
 			modal: true,
 			overlay: {
diff --git a/demos/dialog/modal_form.html b/demos/dialog/modal_form.html
index 8e63df44f..455373bc0 100644
--- a/demos/dialog/modal_form.html
+++ b/demos/dialog/modal_form.html
@@ -8,6 +8,7 @@
 	<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
 	<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
 	<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
+	<script type="text/javascript" src="../../external/bgiframe/jquery.bgiframe.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<style type="text/css">
 		label, input { display:block; }
@@ -17,7 +18,8 @@
 	<script type="text/javascript">
 	$(function() {
 		$("#dialog").dialog({
-			height: '300',
+			bgiframe: true,
+			height: 300,
 			modal: true,
 			overlay: {
 				backgroundColor: '#000',
diff --git a/demos/dialog/modal_message.html b/demos/dialog/modal_message.html
index f838dbdc9..06cc8ec2c 100644
--- a/demos/dialog/modal_message.html
+++ b/demos/dialog/modal_message.html
@@ -8,10 +8,12 @@
 	<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
 	<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
 	<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
+	<script type="text/javascript" src="../../external/bgiframe/jquery.bgiframe.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<script type="text/javascript">
 	$(function() {
 		$("#dialog").dialog({
+			bgiframe: true,
 			modal: true,
 			overlay: {
 				backgroundColor: '#000',