Ticket #3162: function-demo.diff

Index: index.html
===================================================================
--- index.html	(revision 498)
+++ index.html	(working copy)
@@ -16,11 +16,15 @@
 			<link rel="stylesheet" href="css/functional_demos.css" type="text/css" media="screen">
 			<link rel="stylesheet" href="css/chilli-recipes.css" type="text/css" media="screen">
 			<link rel="stylesheet" href="../../themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)" />
+			<link rel="stylesheet" href="../../themes/default/ui.autocomplete.css" type="text/css" media="screen" title="(Default)" />
+			<link rel="stylesheet" href="../../themes/default/ui.colorpicker.css" type="text/css" media="screen" title="(Default)" />
 			
 			<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
 		
 			<script type="text/javascript" src="../../ui/ui.core.js"></script>
 			<script type="text/javascript" src="../../ui/ui.accordion.js"></script>
+			<script type="text/javascript" src="../../ui/ui.autocomplete.js"></script>
+			<script type="text/javascript" src="../../ui/ui.colorpicker.js"></script>
 			<script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
 			<script type="text/javascript" src="../../ui/i18n/ui.datepicker-ar.js"></script>
 			<script type="text/javascript" src="../../ui/i18n/ui.datepicker-bg.js"></script>
@@ -58,8 +62,11 @@
 			<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
 			<script type="text/javascript" src="../../ui/ui.droppable.js"></script>
 			<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
+			<script type="text/javascript" src="../../ui/ui.magnifier.js"></script>
+			<script type="text/javascript" src="../../ui/ui.progressbar.js"></script>
 			<script type="text/javascript" src="../../ui/ui.selectable.js"></script>
 			<script type="text/javascript" src="../../ui/ui.slider.js"></script>
+			<script type="text/javascript" src="../../ui/ui.spinner.js"></script>
 			<script type="text/javascript" src="../../ui/ui.sortable.js"></script>
 			<script type="text/javascript" src="../../ui/ui.tabs.js"></script>
 			<script type="text/javascript" src="../../ui/effects.core.js"></script>
@@ -149,9 +156,14 @@
 
 						  <ul class="component-links">
 								<li><a href="#ui.accordion" title="Goto Accordion's Component Page">Accordion</a></li>
+								<li><a href="#ui.autocomplete" title="Goto Accordion's Component Page">Autocomplete</a></li>
+								<li><a href="#ui.colorpicker" title="Goto Colorpicker's Component Page">Colorpicker</a></li>
 								<li><a href="#ui.datepicker" title="Goto Datepicker's Component Page">Datepicker</a></li>
 								<li><a href="#ui.dialog" title="Goto Dialog's Component Page">Dialog</a></li>
+								<li><a href="#ui.magnifier" title="Goto Spinner Component Page">Magnifier</a></li>
+								<li><a href="#ui.progressbar" title="Goto Spinner Component Page">Progressbar</a></li>
 								<li><a href="#ui.slider" title="Goto Slider Component Page">Slider</a></li>
+								<li><a href="#ui.spinner" title="Goto Spinner Component Page">Spinner</a></li>
 								<li><a href="#ui.tabs" title="Goto Tabs Component Page">Tabs</a></li>
 							</ul>
 					</div>