From 95b6cb982709708f43dafcdeb9cb6307e998e61f Mon Sep 17 00:00:00 2001
From: Ca-Phun Ung <pazu2k@gmail.com>
Date: Tue, 30 Dec 2008 10:12:02 +0000
Subject: [PATCH] updated all demos/*/index.html files to reflect new markup
 changes.

---
 demos/datepicker/index.html  |  2 +-
 demos/dialog/index.html      | 18 ++++++++++--------
 demos/draggable/index.html   | 30 ++++++++++++++++--------------
 demos/droppable/index.html   | 10 ++++++----
 demos/index.html             |  6 +++---
 demos/progressbar/index.html | 10 ++++++----
 demos/resizable/index.html   | 30 ++++++++++++++++--------------
 demos/selectable/index.html  | 10 ++++++----
 demos/slider/index.html      | 24 +++++++++++++-----------
 demos/sortable/index.html    | 10 ++++++----
 demos/tabs/index.html        | 16 +++++++++-------
 11 files changed, 92 insertions(+), 74 deletions(-)
diff --git a/demos/datepicker/index.html b/demos/datepicker/index.html
index 14e8a1891..63c49affd 100644
--- a/demos/datepicker/index.html
+++ b/demos/datepicker/index.html
@@ -9,7 +9,7 @@
 <div class="demos-nav">
 	<h4>Datepicker</h4>
 	<ul>
-		<li><a href="default.html">Default datepicker</a></li>
+		<li class="demo-config-on"><a href="default.html">Default datepicker</a></li>
 		<li><a href="dropdown_month_year.html">Month & year menus</a></li>
 		<li><a href="buttonbar.html">Today & Done button bar</a></li>
 		<li><a href="multiple_calendars.html">3 month view</a></li>
diff --git a/demos/dialog/index.html b/demos/dialog/index.html
index 64f6343f4..f71f1e038 100644
--- a/demos/dialog/index.html
+++ b/demos/dialog/index.html
@@ -6,14 +6,16 @@
 </head>
 <body>
 
-<dl class="demos-nav">
-	<dt>Dialog</dt>
-		<dd><a href="default.html">Basic dialog (default)</a></dd>
-		<dd><a href="modal.html">Modal dialog</a></dd>
-		<dd><a href="modal_message.html">Modal message</a></dd>
-		<dd><a href="modal_confirmation.html">Modal confirmation</a></dd>
-		<dd><a href="modal_form.html">Modal form</a></dd>
-</dl>
+<div class="demos-nav">
+	<h4>Dialog</h4>
+	<ul>
+		<li class="demo-config-on"><a href="default.html">Basic dialog (default)</a></li>
+		<li><a href="modal.html">Modal dialog</a></li>
+		<li><a href="modal_message.html">Modal message</a></li>
+		<li><a href="modal_confirmation.html">Modal confirmation</a></li>
+		<li><a href="modal_form.html">Modal form</a></li>
+	</ul>
+</div>
 
 </body>
 </html>
diff --git a/demos/draggable/index.html b/demos/draggable/index.html
index dbc2405e9..29ad59f81 100644
--- a/demos/draggable/index.html
+++ b/demos/draggable/index.html
@@ -6,20 +6,22 @@
 </head>
 <body>
 
-<dl class="demos-nav">
-	<dt>Draggable</dt>
-		<dd><a href="default.html">Default</a></dd>
-		<dd><a href="axis.html">Axis</a></dd>
-		<dd><a href="containment.html">Containment</a></dd>
-		<dd><a href="cursorat.html">cursorAt</a></dd>
-		<dd><a href="delaydistance.html">Delay / Distance</a></dd>
-		<dd><a href="grid.html">Grid</a></dd>
-		<dd><a href="handle.html">Handle</a></dd>
-		<dd><a href="helper.html">Helper</a></dd>
-		<dd><a href="opacity.html">Opacity</a></dd>
-		<dd><a href="revert.html">Revert</a></dd>
-		<dd><a href="scroll.html">Scroll</a></dd>
-</dl>
+<div class="demos-nav">
+	<h4>Draggable</h4>
+	<ul>
+		<li class="demo-config-on"><a href="default.html">Default</a></li>
+		<li><a href="axis.html">Axis</a></li>
+		<li><a href="containment.html">Containment</a></li>
+		<li><a href="cursorat.html">cursorAt</a></li>
+		<li><a href="delaydistance.html">Delay / Distance</a></li>
+		<li><a href="grid.html">Grid</a></li>
+		<li><a href="handle.html">Handle</a></li>
+		<li><a href="helper.html">Helper</a></li>
+		<li><a href="opacity.html">Opacity</a></li>
+		<li><a href="revert.html">Revert</a></li>
+		<li><a href="scroll.html">Scroll</a></li>
+	</ul>
+</div>
 
 </body>
 </html>
diff --git a/demos/droppable/index.html b/demos/droppable/index.html
index 6ed400c16..15b655119 100644
--- a/demos/droppable/index.html
+++ b/demos/droppable/index.html
@@ -6,10 +6,12 @@
 </head>
 <body>
 
-<dl class="demos-nav">
-	<dt>Droppable</dt>
-		<dd><a href="default.html">Default</a></dd>
-</dl>
+<div class="demos-nav">
+	<h4>Droppable</h4>
+	<ul>
+		<li class="demo-config-on"><a href="default.html">Default</a></li>
+	</ul>
+</div>
 
 </body>
 </html>
diff --git a/demos/index.html b/demos/index.html
index 8a0626910..526ab53d7 100644
--- a/demos/index.html
+++ b/demos/index.html
@@ -30,11 +30,11 @@
 				.find('#demo-config')
 					.append('<iframe id="demo-frame" name="demo-frame" width="520" height="314" scrolling="auto" frameborder="0" src="'+ section +'/default.html"></iframe><div id="demo-config-menu"></div>')
 					.find('#demo-config-menu')
-						.load(this.href + ' .demos-nav', function(){
-							$('#demo-config-menu a').each(function(){
+						.load(this.href + ' .demos-nav', function() {
+							$('#demo-config-menu a').each(function() {
 								this.setAttribute('href', section + '/' + this.getAttribute('href'));
 								$(this).attr('target', 'demo-frame');
-								$(this).click(function(){
+								$(this).click(function() {
 									$(this).parents('ul').find('li').removeClass('demo-config-on');
 									$(this).parent().addClass('demo-config-on');
 								});
diff --git a/demos/progressbar/index.html b/demos/progressbar/index.html
index 2a66c4155..f517f244d 100644
--- a/demos/progressbar/index.html
+++ b/demos/progressbar/index.html
@@ -6,10 +6,12 @@
 </head>
 <body>
 
-<dl class="demos-nav">
-	<dt>Progressbar</dt>
-		<dd><a href="default.html">Default</a></dd>
-</dl>
+<div class="demos-nav">
+	<h4>Progressbar</h4>
+	<ul>	
+		<li class="demo-config-on"><a href="default.html">Default</a></li>
+	</ul>
+</div>
 
 </body>
 </html>
diff --git a/demos/resizable/index.html b/demos/resizable/index.html
index 89de96a6d..f45eafcae 100644
--- a/demos/resizable/index.html
+++ b/demos/resizable/index.html
@@ -6,20 +6,22 @@
 </head>
 <body>
 
-<dl class="demos-nav">
-	<dt>Resizable</dt>
-		<dd><a href="default.html">Default</a></dd>
-		<dd><a href="alsoresize.html">Also Resize</a></dd>
-		<dd><a href="animate.html">Animate</a></dd>
-		<dd><a href="aspectratio.html">Aspect Ratio</a></dd>
-		<dd><a href="containment.html">Containment</a></dd>
-		<dd><a href="delay.html">Delay</a></dd>
-		<dd><a href="distance.html">Distance</a></dd>
-		<dd><a href="ghost.html">Ghost</a></dd>
-		<dd><a href="grid.html">Grid</a></dd>
-		<dd><a href="max.html">Max Height / Width</a></dd>
-		<dd><a href="min.html">Min Height / Width</a></dd>
-</dl>
+<div class="demos-nav">
+	<h4>Resizable</h4>
+	<ul>
+		<li class="demo-config-on"><a href="default.html">Default</a></li>
+		<li><a href="alsoresize.html">Also Resize</a></li>
+		<li><a href="animate.html">Animate</a></li>
+		<li><a href="aspectratio.html">Aspect Ratio</a></li>
+		<li><a href="containment.html">Containment</a></li>
+		<li><a href="delay.html">Delay</a></li>
+		<li><a href="distance.html">Distance</a></li>
+		<li><a href="ghost.html">Ghost</a></li>
+		<li><a href="grid.html">Grid</a></li>
+		<li><a href="max.html">Max Height / Width</a></li>
+		<li><a href="min.html">Min Height / Width</a></li>
+	</ul>
+</div>
 
 </body>
 </html>
diff --git a/demos/selectable/index.html b/demos/selectable/index.html
index 70e3218c1..38d7f58e4 100644
--- a/demos/selectable/index.html
+++ b/demos/selectable/index.html
@@ -6,10 +6,12 @@
 </head>
 <body>
 
-<dl class="demos-nav">
-	<dt>Selectable</dt>
-		<dd><a href="default.html">Default</a></dd>
-</dl>
+<div class="demos-nav">
+	<h4>Selectable</h4>
+	<ul>
+		<li class="demo-config-on"><a href="default.html">Default</a></li>
+	</ul>
+</div>
 
 </body>
 </html>
diff --git a/demos/slider/index.html b/demos/slider/index.html
index 91e299ea0..9000a2a3f 100644
--- a/demos/slider/index.html
+++ b/demos/slider/index.html
@@ -6,17 +6,19 @@
 </head>
 <body>
 
-<dl class="demos-nav">
-	<dt>Slider</dt>
-		<dd><a href="default.html">Default single slider</a></dd>
-		<dd><a href="steps.html">Snap to every 50 steps</a></dd>
-		<dd><a href="range.html">Range slider</a></dd>
-		<dd><a href="rangemin.html">Range with fixed min</a></dd>
-		<dd><a href="rangemax.html">Range with fixed max</a></dd>
-		<dd><a href="slider_vertical.html">Vertical single slider</a></dd>
-		<dd><a href="range_vertical.html">Vertical range slider</a></dd>
-		<dd><a href="multiple_vertical.html">Multiple vertical sliders</a></dd>
-</dl>
+<div class="demos-nav">
+	<h4>Slider</h4>
+	<ul>
+		<li class="demo-config-on"><a href="default.html">Default single slider</a></li>
+		<li><a href="steps.html">Snap to every 50 steps</a></li>
+		<li><a href="range.html">Range slider</a></li>
+		<li><a href="rangemin.html">Range with fixed min</a></li>
+		<li><a href="rangemax.html">Range with fixed max</a></li>
+		<li><a href="slider_vertical.html">Vertical single slider</a></li>
+		<li><a href="range_vertical.html">Vertical range slider</a></li>
+		<li><a href="multiple_vertical.html">Multiple vertical sliders</a></li>
+	</ul>
+</div>
 
 </body>
 </html>
diff --git a/demos/sortable/index.html b/demos/sortable/index.html
index 27f6c16e8..8cc192c3f 100644
--- a/demos/sortable/index.html
+++ b/demos/sortable/index.html
@@ -6,10 +6,12 @@
 </head>
 <body>
 
-<dl class="demos-nav">
-	<dt>Sortable</dt>
-		<dd><a href="default.html">Default</a></dd>
-</dl>
+<div class="demos-nav">
+	<h4>Sortable</h4>
+	<ul>
+		<li class="demo-config-on"><a href="default.html">Default</a></li>
+	</ul>
+</div>
 
 </body>
 </html>
diff --git a/demos/tabs/index.html b/demos/tabs/index.html
index 919d028d6..f88610d17 100644
--- a/demos/tabs/index.html
+++ b/demos/tabs/index.html
@@ -6,13 +6,15 @@
 </head>
 <body>
 
-<dl class="demos-nav">
-	<dt>Tabs</dt>
-		<dd><a href="default.html">Default</a></dd>
-		<dd><a href="ajax.html">Ajax</a></dd>
-		<dd><a href="deselectable.html">Deselectable</a></dd>
-		<dd><a href="mouseover.html">Mouseover (Event)</a></dd>
-</dl>
+<div class="demos-nav">
+	<h4>Tabs</h4>
+	<ul>
+		<li class="demo-config-on"><a href="default.html">Default</a></li>
+		<li><a href="ajax.html">Ajax</a></li>
+		<li><a href="deselectable.html">Deselectable</a></li>
+		<li><a href="mouseover.html">Mouseover (Event)</a></li>
+	</ul>
+</div>
 
 </body>
 </html>
