21 files changed, 2784 insertions, 2784 deletions

diff --git a/tests/visual/all.css b/tests/visual/all.css
index 7f49f20af..afa86e6c3 100644
--- a/tests/visual/all.css
+++ b/tests/visual/all.css
@@ -1,80 +1,80 @@
-

-body { margin: 0; padding: 20px; background: black; }

-ul.plugins { margin: 0; padding: 0; }

-ul.plugins li { margin: 0 12px 12px 0;

-	list-style-type: none; width: 210px; height: 220px; float: left;

-	color: white; border: 1px solid gray; text-align: center; font-weight: bold; }

-

-#accordion, #draggable,

-#resizable, #selectable, #sortable, #tabs {

-	margin: 10px;

-	width: 190px; height: 180px;

-	text-align: center;

-	background: #FF9C08; color: white; font-weight: bold;

-}

-#selectable div {

-	width: 45px; height: 45px; float: left; margin: 6px;

-	border: 1px solid white;

-}

-#selectable .ui-selecting {

-	background: gray;

-}

-#selectable .ui-selected {

-	background: black;

-}

-#sortable div {

-	width: 45px; height: 45px; float: left; margin: 6px;

-	border: 1px solid white;

-}

-#sortable .ui-sortable-helper {

-	background: black;

-}

-

-.draggable { margin: 10px; width: 32px; height: 30px; float: left; background: #FF9C08; }

-#droppable { margin: 10px; width: 190px; height: 130px; float: left; border: 1px solid #FF9C08; overflow: hidden; }

-#droppable .draggable { margin: 7px; }

-

-.ui-dialog { background-color: #FF9C08; }

-.ui-dialog .ui-dialog-titlebar { background: black; padding: 0px; height: 28px;	_height: 29px; }

-.ui-dialog.ui-draggable .ui-dialog-titlebar { cursor: move; }

-

-.ui-dialog .ui-dialog-titlebar-close {

-	width: 16px; height: 16px; position: absolute; top: 6px; right: 7px;

-	cursor: default; color: white;

-}

-

-.ui-dialog .ui-dialog-titlebar-close-hover { color: #FF9C08; }

-

-.ui-dialog .ui-dialog-title {

-	margin-left: 5px; color: white; font-weight: bold;

-	position: relative; top: 7px; left: 4px;

-}

-

-.ui-dialog .ui-dialog-content {

-	margin: 1.2em;

-}

-

-.ui-dialog .ui-dialog-buttonpane {

-	position: absolute;

-	bottom: 8px;

-	right: 12px;

-	width: 100%;

-	text-align: right;

-}

-

-.ui-dialog .ui-dialog-buttonpane button {

-	margin: 6px;

-}

-

-/* Dialog handle styles */

-.ui-dialog .ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: gray !important; border: none !important; }

-.ui-dialog .ui-resizable-s { cursor: s-resize; height: 8px; width: 100%; bottom: 0px; left: 0px; background: gray !important; border: none !important; }

-.ui-dialog .ui-resizable-e { cursor: e-resize; width: 7px; right: 0px; top: 0px; height: 100%; background: gray !important; border: none !important; }

-.ui-dialog .ui-resizable-w { cursor: w-resize; width: 7px; left: 0px; top: 0px; height: 100%; background: gray !important; border: none !important; }

-.ui-dialog .ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: gray !important; border: none !important; }

-.ui-dialog .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: gray !important; border: none !important; }

-.ui-dialog .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 29px; left: 0px; top: 0px; background: gray !important; border: none !important; }

-.ui-dialog .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 29px; right: 0px; top: 0px; background: gray !important; border: none !important; }

-

-.ui-slider { margin: 10px; background: #FF9C08; height: 15px; position: relative; }

-.ui-slider-handle { width: 10px; height: 15px; background: white; position: absolute; top: 0px; left: 0px; }

+
+body { margin: 0; padding: 20px; background: black; }
+ul.plugins { margin: 0; padding: 0; }
+ul.plugins li { margin: 0 12px 12px 0;
+	list-style-type: none; width: 210px; height: 220px; float: left;
+	color: white; border: 1px solid gray; text-align: center; font-weight: bold; }
+
+#accordion, #draggable,
+#resizable, #selectable, #sortable, #tabs {
+	margin: 10px;
+	width: 190px; height: 180px;
+	text-align: center;
+	background: #FF9C08; color: white; font-weight: bold;
+}
+#selectable div {
+	width: 45px; height: 45px; float: left; margin: 6px;
+	border: 1px solid white;
+}
+#selectable .ui-selecting {
+	background: gray;
+}
+#selectable .ui-selected {
+	background: black;
+}
+#sortable div {
+	width: 45px; height: 45px; float: left; margin: 6px;
+	border: 1px solid white;
+}
+#sortable .ui-sortable-helper {
+	background: black;
+}
+
+.draggable { margin: 10px; width: 32px; height: 30px; float: left; background: #FF9C08; }
+#droppable { margin: 10px; width: 190px; height: 130px; float: left; border: 1px solid #FF9C08; overflow: hidden; }
+#droppable .draggable { margin: 7px; }
+
+.ui-dialog { background-color: #FF9C08; }
+.ui-dialog .ui-dialog-titlebar { background: black; padding: 0px; height: 28px;	_height: 29px; }
+.ui-dialog.ui-draggable .ui-dialog-titlebar { cursor: move; }
+
+.ui-dialog .ui-dialog-titlebar-close {
+	width: 16px; height: 16px; position: absolute; top: 6px; right: 7px;
+	cursor: default; color: white;
+}
+
+.ui-dialog .ui-dialog-titlebar-close-hover { color: #FF9C08; }
+
+.ui-dialog .ui-dialog-title {
+	margin-left: 5px; color: white; font-weight: bold;
+	position: relative; top: 7px; left: 4px;
+}
+
+.ui-dialog .ui-dialog-content {
+	margin: 1.2em;
+}
+
+.ui-dialog .ui-dialog-buttonpane {
+	position: absolute;
+	bottom: 8px;
+	right: 12px;
+	width: 100%;
+	text-align: right;
+}
+
+.ui-dialog .ui-dialog-buttonpane button {
+	margin: 6px;
+}
+
+/* Dialog handle styles */
+.ui-dialog .ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: gray !important; border: none !important; }
+.ui-dialog .ui-resizable-s { cursor: s-resize; height: 8px; width: 100%; bottom: 0px; left: 0px; background: gray !important; border: none !important; }
+.ui-dialog .ui-resizable-e { cursor: e-resize; width: 7px; right: 0px; top: 0px; height: 100%; background: gray !important; border: none !important; }
+.ui-dialog .ui-resizable-w { cursor: w-resize; width: 7px; left: 0px; top: 0px; height: 100%; background: gray !important; border: none !important; }
+.ui-dialog .ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: gray !important; border: none !important; }
+.ui-dialog .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: gray !important; border: none !important; }
+.ui-dialog .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 29px; left: 0px; top: 0px; background: gray !important; border: none !important; }
+.ui-dialog .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 29px; right: 0px; top: 0px; background: gray !important; border: none !important; }
+
+.ui-slider { margin: 10px; background: #FF9C08; height: 15px; position: relative; }
+.ui-slider-handle { width: 10px; height: 15px; background: white; position: absolute; top: 0px; left: 0px; }
diff --git a/tests/visual/all.html b/tests/visual/all.html
index 23eb00acc..09897b62f 100644
--- a/tests/visual/all.html
+++ b/tests/visual/all.html
@@ -1,107 +1,107 @@
-<!doctype html>

-<html lang="en">

-<head>

-	<title>Simple All</title>

-	<link rel="stylesheet" href="all.css" type="text/css" media="screen">

-	<link rel="stylesheet" href="../../themes/ui.datepicker.css" type="text/css" media="screen">

-	<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.datepicker.js"></script>

-	<script type="text/javascript" src="../../ui/ui.dialog.js"></script>

-	<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.selectable.js"></script>

-	<script type="text/javascript" src="../../ui/ui.slider.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">

-	$(function() {

-		$("#datepicker").datepicker();

-		$("#dialog").click(function() { $("<div/>").dialog(); });

-		$("#draggable").draggable();

-		$(".draggable").draggable();

-		$("#droppable").droppable({

-			accept: '.draggable',

-			drop: function(ev, ui) {

-				ui.draggable.css({ position: 'relative', top: 0, left: 0 }).clone().appendTo(this);

-			}

-		});

-		$("#resizable").resizable();

-		$("#selectable").selectable();

-		$("#slider").slider();

-		$("#sortable").sortable();

-	});

-	</script>

-</head>

-<body>

-

-<ul class="plugins">

-<li>

-	Datepicker

-	<div style="text-align:left;margin-left:10px;">

-		<input type="text" id="datepicker">

-	</div>

-</li>

-<li>

-	Dialog

-	<div id="dialog">

-		<button>Open</button>

-	</div>

-</li>

-<li>

-	Draggable

-	<div id="draggable"></div>

-</li>

-<li>

-	Droppable

-	<div class="draggable">D</div>

-	<div class="draggable">R</div>

-	<div class="draggable">A</div>

-	<div class="draggable">G</div>

-	<div id="droppable">

-		DROP

-		<hr>

-	</div>

-</li>

-<li>

-	Resizable

-	<div id="resizable"></div>

-</li>

-<li>

-	Selectable

-	<div id="selectable">

-		<div>1</div>

-		<div>2</div>

-		<div>3</div>

-		<div>4</div>

-		<div>5</div>

-		<div>6</div>

-		<div>7</div>

-		<div>8</div>

-		<div>9</div>

-	</div>

-</li>

-<li>

-	Slider

-	<div id="slider"></div>

-</li>

-<li>

-	Sortable

-	<div id="sortable">

-		<div>C</div>

-		<div>I</div>

-		<div>G</div>

-		<div>F</div>

-		<div>D</div>

-		<div>H</div>

-		<div>A</div>

-		<div>E</div>

-		<div>B</div>

-	</div>

-</li>

-</ul>

-

-</body>

-</html>

+<!doctype html>
+<html lang="en">
+<head>
+	<title>Simple All</title>
+	<link rel="stylesheet" href="all.css" type="text/css" media="screen">
+	<link rel="stylesheet" href="../../themes/ui.datepicker.css" type="text/css" media="screen">
+	<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.datepicker.js"></script>
+	<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
+	<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.selectable.js"></script>
+	<script type="text/javascript" src="../../ui/ui.slider.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">
+	$(function() {
+		$("#datepicker").datepicker();
+		$("#dialog").click(function() { $("<div/>").dialog(); });
+		$("#draggable").draggable();
+		$(".draggable").draggable();
+		$("#droppable").droppable({
+			accept: '.draggable',
+			drop: function(ev, ui) {
+				ui.draggable.css({ position: 'relative', top: 0, left: 0 }).clone().appendTo(this);
+			}
+		});
+		$("#resizable").resizable();
+		$("#selectable").selectable();
+		$("#slider").slider();
+		$("#sortable").sortable();
+	});
+	</script>
+</head>
+<body>
+
+<ul class="plugins">
+<li>
+	Datepicker
+	<div style="text-align:left;margin-left:10px;">
+		<input type="text" id="datepicker">
+	</div>
+</li>
+<li>
+	Dialog
+	<div id="dialog">
+		<button>Open</button>
+	</div>
+</li>
+<li>
+	Draggable
+	<div id="draggable"></div>
+</li>
+<li>
+	Droppable
+	<div class="draggable">D</div>
+	<div class="draggable">R</div>
+	<div class="draggable">A</div>
+	<div class="draggable">G</div>
+	<div id="droppable">
+		DROP
+		<hr>
+	</div>
+</li>
+<li>
+	Resizable
+	<div id="resizable"></div>
+</li>
+<li>
+	Selectable
+	<div id="selectable">
+		<div>1</div>
+		<div>2</div>
+		<div>3</div>
+		<div>4</div>
+		<div>5</div>
+		<div>6</div>
+		<div>7</div>
+		<div>8</div>
+		<div>9</div>
+	</div>
+</li>
+<li>
+	Slider
+	<div id="slider"></div>
+</li>
+<li>
+	Sortable
+	<div id="sortable">
+		<div>C</div>
+		<div>I</div>
+		<div>G</div>
+		<div>F</div>
+		<div>D</div>
+		<div>H</div>
+		<div>A</div>
+		<div>E</div>
+		<div>B</div>
+	</div>
+</li>
+</ul>
+
+</body>
+</html>
diff --git a/tests/visual/autocomplete/localdata.js b/tests/visual/autocomplete/localdata.js
index 6015f7c82..c1cade657 100644
--- a/tests/visual/autocomplete/localdata.js
+++ b/tests/visual/autocomplete/localdata.js
@@ -1,216 +1,216 @@
-var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];

-var emails = [

-	{ name: "Peter Pan", to: "peter@pan.de" },

-	{ name: "Molly", to: "molly@yahoo.com" },

-	{ name: "Forneria Marconi", to: "live@japan.jp" },

-	{ name: "Master <em>Sync</em>", to: "205bw@samsung.com" },

-	{ name: "Dr. <strong>Tech</strong> de Log", to: "g15@logitech.com" },

-	{ name: "Don Corleone", to: "don@vegas.com" },

-	{ name: "Mc Chick", to: "info@donalds.org" },

-	{ name: "Donnie Darko", to: "dd@timeshift.info" },

-	{ name: "Quake The Net", to: "webmaster@quakenet.org" },

-	{ name: "Dr. Write", to: "write@writable.com" }

-];

-var cities = [

-	"Aberdeen", "Ada", "Adamsville", "Addyston", "Adelphi", "Adena", "Adrian", "Akron",

-	"Albany", "Alexandria", "Alger", "Alledonia", "Alliance", "Alpha", "Alvada",

-	"Alvordton", "Amanda", "Amelia", "Amesville", "Amherst", "Amlin", "Amsden",

-	"Amsterdam", "Andover", "Anna", "Ansonia", "Antwerp", "Apple Creek", "Arcadia",

-	"Arcanum", "Archbold", "Arlington", "Ashland", "Ashley", "Ashtabula", "Ashville",

-	"Athens", "Attica", "Atwater", "Augusta", "Aurora", "Austinburg", "Ava", "Avon",

-	"Avon Lake", "Bainbridge", "Bakersville", "Baltic", "Baltimore", "Bannock",

-	"Barberton", "Barlow", "Barnesville", "Bartlett", "Barton", "Bascom", "Batavia",

-	"Bath", "Bay Village", "Beach City", "Beachwood", "Beallsville", "Beaver",

-	"Beaverdam", "Bedford", "Bellaire", "Bellbrook", "Belle Center", "Belle Valley",

-	"Bellefontaine", "Bellevue", "Bellville", "Belmont", "Belmore", "Beloit", "Belpre",

-	"Benton Ridge", "Bentonville", "Berea", "Bergholz", "Berkey", "Berlin",

-	"Berlin Center", "Berlin Heights", "Bethel", "Bethesda", "Bettsville", "Beverly",

-	"Bidwell", "Big Prairie", "Birmingham", "Blacklick", "Bladensburg", "Blaine",

-	"Blakeslee", "Blanchester", "Blissfield", "Bloomdale", "Bloomingburg",

-	"Bloomingdale", "Bloomville", "Blue Creek", "Blue Rock", "Bluffton",

-	"Bolivar", "Botkins", "Bourneville", "Bowerston", "Bowersville",

-	"Bowling Green", "Bradford", "Bradner", "Brady Lake", "Brecksville",

-	"Bremen", "Brewster", "Brice", "Bridgeport", "Brilliant", "Brinkhaven",

-	"Bristolville", "Broadview Heights", "Broadway", "Brookfield", "Brookpark",

-	"Brookville", "Brownsville", "Brunswick", "Bryan", "Buchtel", "Buckeye Lake",

-	"Buckland", "Bucyrus", "Buffalo", "Buford", "Burbank", "Burghill", "Burgoon",

-	"Burkettsville", "Burton", "Butler", "Byesville", "Cable", "Cadiz", "Cairo",

-	"Caldwell", "Caledonia", "Cambridge", "Camden", "Cameron", "Camp Dennison",

-	"Campbell", "Canal Fulton", "Canal Winchester", "Canfield", "Canton", "Carbon Hill",

-	"Carbondale", "Cardington", "Carey", "Carroll", "Carrollton", "Casstown",

-	"Castalia", "Catawba", "Cecil", "Cedarville", "Celina", "Centerburg",

-	"Chagrin Falls", "Chandlersville", "Chardon", "Charm", "Chatfield", "Chauncey",

-	"Cherry Fork", "Chesapeake", "Cheshire", "Chester", "Chesterhill", "Chesterland",

-	"Chesterville", "Chickasaw", "Chillicothe", "Chilo", "Chippewa Lake",

-	"Christiansburg", "Cincinnati", "Circleville", "Clarington", "Clarksburg",

-	"Clarksville", "Clay Center", "Clayton", "Cleveland", "Cleves", "Clifton",

-	"Clinton", "Cloverdale", "Clyde", "Coal Run", "Coalton", "Coldwater", "Colerain",

-	"College Corner", "Collins", "Collinsville", "Colton", "Columbia Station",

-	"Columbiana", "Columbus", "Columbus Grove", "Commercial Point", "Conesville",

-	"Conneaut", "Conover", "Continental", "Convoy", "Coolville", "Corning", "Cortland",

-	"Coshocton", "Covington", "Creola", "Crestline", "Creston", "Crooksville",

-	"Croton", "Crown City", "Cuba", "Cumberland", "Curtice", "Custar", "Cutler",

-	"Cuyahoga Falls", "Cygnet", "Cynthiana", "Dalton", "Damascus", "Danville",

-	"Dayton", "De Graff", "Decatur", "Deerfield", "Deersville", "Defiance",

-	"Delaware", "Dellroy", "Delphos", "Delta", "Dennison", "Derby", "Derwent",

-	"Deshler", "Dexter City", "Diamond", "Dillonvale", "Dola", "Donnelsville",

-	"Dorset", "Dover", "Doylestown", "Dresden", "Dublin", "Dunbridge", "Duncan Falls",

-	"Dundee", "Dunkirk", "Dupont", "East Claridon", "East Fultonham",

-	"East Liberty", "East Liverpool", "East Palestine", "East Rochester",

-	"East Sparta", "East Springfield", "Eastlake", "Eaton", "Edgerton", "Edison",

-	"Edon", "Eldorado", "Elgin", "Elkton", "Ellsworth", "Elmore", "Elyria",

-	"Empire", "Englewood", "Enon", "Etna", "Euclid", "Evansport", "Fairborn",

-	"Fairfield", "Fairpoint", "Fairview", "Farmdale", "Farmer", "Farmersville",

-	"Fayette", "Fayetteville", "Feesburg", "Felicity", "Findlay", "Flat Rock",

-	"Fleming", "Fletcher", "Flushing", "Forest", "Fort Jennings", "Fort Loramie",

-	"Fort Recovery", "Fostoria", "Fowler", "Frankfort", "Franklin",

-	"Franklin Furnace", "Frazeysburg", "Fredericksburg", "Fredericktown",

-	"Freeport", "Fremont", "Fresno", "Friendship", "Fulton", "Fultonham",

-	"Galena", "Galion", "Gallipolis", "Galloway", "Gambier", "Garrettsville",

-	"Gates Mills", "Geneva", "Genoa", "Georgetown", "Germantown", "Gettysburg",

-	"Gibsonburg", "Girard", "Glandorf", "Glencoe", "Glenford", "Glenmont",

-	"Glouster", "Gnadenhutten", "Gomer", "Goshen", "Grafton", "Grand Rapids",

-	"Grand River", "Granville", "Gratiot", "Gratis", "Graysville", "Graytown",

-	"Green", "Green Camp", "Green Springs", "Greenfield", "Greenford",

-	"Greentown", "Greenville", "Greenwich", "Grelton", "Grove City",

-	"Groveport", "Grover Hill", "Guysville", "Gypsum", "Hallsville",

-	"Hamden", "Hamersville", "Hamilton", "Hamler", "Hammondsville",

-	"Hannibal", "Hanoverton", "Harbor View", "Harlem Springs", "Harpster",

-	"Harrisburg", "Harrison", "Harrisville", "Harrod", "Hartford", "Hartville",

-	"Harveysburg", "Haskins", "Haverhill", "Haviland", "Haydenville", "Hayesville",

-	"Heath", "Hebron", "Helena", "Hicksville", "Higginsport", "Highland", "Hilliard",

-	"Hillsboro", "Hinckley", "Hiram", "Hockingport", "Holgate", "Holland",

-	"Hollansburg", "Holloway", "Holmesville", "Homer", "Homerville", "Homeworth",

-	"Hooven", "Hopedale", "Hopewell", "Houston", "Howard", "Hoytville", "Hubbard",

-	"Hudson", "Huntsburg", "Huntsville", "Huron", "Iberia", "Independence",

-	"Irondale", "Ironton", "Irwin", "Isle Saint George", "Jackson", "Jackson Center",

-	"Jacksontown", "Jacksonville", "Jacobsburg", "Jamestown", "Jasper",

-	"Jefferson", "Jeffersonville", "Jenera", "Jeromesville", "Jerry City",

-	"Jerusalem", "Jewell", "Jewett", "Johnstown", "Junction City", "Kalida",

-	"Kansas", "Keene", "Kelleys Island", "Kensington", "Kent", "Kenton",

-	"Kerr", "Kettlersville", "Kidron", "Kilbourne", "Killbuck", "Kimbolton",

-	"Kings Mills", "Kingston", "Kingsville", "Kinsman", "Kipling", "Kipton",

-	"Kirby", "Kirkersville", "Kitts Hill", "Kunkle", "La Rue", "Lacarne",

-	"Lafayette", "Lafferty", "Lagrange", "Laings", "Lake Milton", "Lakemore",

-	"Lakeside Marblehead", "Lakeview", "Lakeville", "Lakewood", "Lancaster",

-	"Langsville", "Lansing", "Latham", "Latty", "Laura", "Laurelville",

-	"Leavittsburg", "Lebanon", "Lees Creek", "Leesburg", "Leesville",

-	"Leetonia", "Leipsic", "Lemoyne", "Lewis Center", "Lewisburg",

-	"Lewistown", "Lewisville", "Liberty Center", "Lima", "Limaville",

-	"Lindsey", "Lisbon", "Litchfield", "Lithopolis", "Little Hocking",

-	"Lockbourne", "Lodi", "Logan", "London", "Londonderry",

-	"Long Bottom", "Lorain", "Lore City", "Loudonville", "Louisville",

-	"Loveland", "Lowell", "Lowellville", "Lower Salem", "Lucas",

-	"Lucasville", "Luckey", "Ludlow Falls", "Lynchburg", "Lynx",

-	"Lyons", "Macedonia", "Macksburg", "Madison", "Magnetic Springs",

-	"Magnolia", "Maineville", "Malaga", "Malinta", "Malta", "Malvern",

-	"Manchester", "Mansfield", "Mantua", "Maple Heights", "Maplewood",

-	"Marathon", "Marengo", "Maria Stein", "Marietta", "Marion",

-	"Mark Center", "Marshallville", "Martel", "Martin", "Martins Ferry",

-	"Martinsburg", "Martinsville", "Marysville", "Mason", "Massillon",

-	"Masury", "Maumee", "Maximo", "Maynard", "Mc Arthur", "Mc Clure",

-	"Mc Comb", "Mc Connelsville", "Mc Cutchenville", "Mc Dermott",

-	"Mc Donald", "Mc Guffey", "Mechanicsburg", "Mechanicstown",

-	"Medina", "Medway", "Melmore", "Melrose", "Mendon", "Mentor",

-	"Mesopotamia", "Metamora", "Miamisburg", "Miamitown", "Miamiville",

-	"Middle Bass", "Middle Point", "Middlebranch", "Middleburg",

-	"Middlefield", "Middleport", "Middletown", "Midland", "Midvale",

-	"Milan", "Milford", "Milford Center", "Millbury", "Milledgeville",

-	"Miller City", "Millersburg", "Millersport", "Millfield",

-	"Milton Center", "Mineral City", "Mineral Ridge", "Minerva",

-	"Minford", "Mingo", "Mingo Junction", "Minster", "Mogadore",

-	"Monclova", "Monroe", "Monroeville", "Montezuma", "Montpelier",

-	"Montville", "Morral", "Morristown", "Morrow", "Moscow",

-	"Mount Blanchard", "Mount Cory", "Mount Eaton", "Mount Gilead",

-	"Mount Hope", "Mount Liberty", "Mount Orab", "Mount Perry",

-	"Mount Pleasant", "Mount Saint Joseph", "Mount Sterling",

-	"Mount Vernon", "Mount Victory", "Mowrystown", "Moxahala",

-	"Munroe Falls", "Murray City", "Nankin", "Napoleon", "Nashport",

-	"Nashville", "Navarre", "Neapolis", "Neffs", "Negley",

-	"Nelsonville", "Nevada", "Neville", "New Albany", "New Athens",

-	"New Bavaria", "New Bloomington", "New Bremen", "New Carlisle",

-	"New Concord", "New Hampshire", "New Haven", "New Holland",

-	"New Knoxville", "New Lebanon", "New Lexington", "New London",

-	"New Madison", "New Marshfield", "New Matamoras", "New Middletown",

-	"New Paris", "New Philadelphia", "New Plymouth", "New Richmond",

-	"New Riegel", "New Rumley", "New Springfield", "New Straitsville",

-	"New Vienna", "New Washington", "New Waterford", "New Weston",

-	"Newark", "Newbury", "Newcomerstown", "Newport", "Newton Falls",

-	"Newtonsville", "Ney", "Niles", "North Baltimore", "North Bend",

-	"North Benton", "North Bloomfield", "North Fairfield",

-	"North Georgetown", "North Hampton", "North Jackson",

-	"North Kingsville", "North Lawrence", "North Lewisburg",

-	"North Lima", "North Olmsted", "North Ridgeville", "North Robinson",

-	"North Royalton", "North Star", "Northfield", "Northwood", "Norwalk",

-	"Norwich", "Nova", "Novelty", "Oak Harbor", "Oak Hill", "Oakwood",

-	"Oberlin", "Oceola", "Ohio City", "Okeana", "Okolona", "Old Fort",

-	"Old Washington", "Olmsted Falls", "Ontario", "Orangeville",

-	"Oregon", "Oregonia", "Orient", "Orrville", "Orwell", "Osgood",

-	"Ostrander", "Ottawa", "Ottoville", "Otway", "Overpeck",

-	"Owensville", "Oxford", "Painesville", "Palestine", "Pandora",

-	"Paris", "Parkman", "Pataskala", "Patriot", "Paulding", "Payne",

-	"Pedro", "Peebles", "Pemberton", "Pemberville", "Peninsula",

-	"Perry", "Perrysburg", "Perrysville", "Petersburg", "Pettisville",

-	"Phillipsburg", "Philo", "Pickerington", "Piedmont", "Pierpont",

-	"Piketon", "Piney Fork", "Pioneer", "Piqua", "Pitsburg",

-	"Plain City", "Plainfield", "Pleasant City", "Pleasant Hill",

-	"Pleasant Plain", "Pleasantville", "Plymouth", "Polk",

-	"Pomeroy", "Port Clinton", "Port Jefferson", "Port Washington",

-	"Port William", "Portage", "Portland", "Portsmouth", "Potsdam",

-	"Powell", "Powhatan Point", "Proctorville", "Prospect", "Put in Bay",

-	"Quaker City", "Quincy", "Racine", "Radnor", "Randolph", "Rarden",

-	"Ravenna", "Rawson", "Ray", "Rayland", "Raymond", "Reedsville",

-	"Reesville", "Reno", "Republic", "Reynoldsburg", "Richfield",

-	"Richmond", "Richmond Dale", "Richwood", "Ridgeville Corners",

-	"Ridgeway", "Rio Grande", "Ripley", "Risingsun", "Rittman",

-	"Robertsville", "Rock Camp", "Rock Creek", "Rockbridge", "Rockford",

-	"Rocky Ridge", "Rocky River", "Rogers", "Rome", "Rootstown", "Roseville",

-	"Rosewood", "Ross", "Rossburg", "Rossford", "Roundhead", "Rudolph",

-	"Rushsylvania", "Rushville", "Russells Point", "Russellville", "Russia",

-	"Rutland", "Sabina", "Saint Clairsville", "Saint Henry", "Saint Johns",

-	"Saint Louisville", "Saint Marys", "Saint Paris", "Salem", "Salesville",

-	"Salineville", "Sandusky", "Sandyville", "Sarahsville", "Sardinia",

-	"Sardis", "Savannah", "Scio", "Scioto Furnace", "Scott", "Scottown",

-	"Seaman", "Sebring", "Sedalia", "Senecaville", "Seven Mile", "Seville",

-	"Shade", "Shadyside", "Shandon", "Sharon Center", "Sharpsburg",

-	"Shauck", "Shawnee", "Sheffield Lake", "Shelby", "Sherrodsville",

-	"Sherwood", "Shiloh", "Short Creek", "Shreve", "Sidney", "Sinking Spring",

-	"Smithfield", "Smithville", "Solon", "Somerdale", "Somerset",

-	"Somerville", "South Bloomingville", "South Charleston", "South Lebanon",

-	"South Point", "South Salem", "South Solon", "South Vienna",

-	"South Webster", "Southington", "Sparta", "Spencer", "Spencerville",

-	"Spring Valley", "Springboro", "Springfield", "Stafford", "Sterling",

-	"Steubenville", "Stewart", "Stillwater", "Stockdale", "Stockport",

-	"Stone Creek", "Stony Ridge", "Stout", "Stoutsville", "Stow", "Strasburg",

-	"Stratton", "Streetsboro", "Strongsville", "Struthers", "Stryker",

-	"Sugar Grove", "Sugarcreek", "Sullivan", "Sulphur Springs", "Summerfield",

-	"Summit Station", "Summitville", "Sunbury", "Swanton", "Sycamore",

-	"Sycamore Valley", "Sylvania", "Syracuse", "Tallmadge", "Tarlton",

-	"Terrace Park", "The Plains", "Thompson", "Thornville", "Thurman",

-	"Thurston", "Tiffin", "Tiltonsville", "Tipp City", "Tippecanoe", "Tiro",

-	"Toledo", "Tontogany", "Torch", "Toronto", "Tremont City", "Trenton",

-	"Trimble", "Trinway", "Troy", "Tuppers Plains", "Tuscarawas", "Twinsburg",

-	"Uhrichsville", "Union City", "Union Furnace", "Unionport", "Uniontown",

-	"Unionville", "Unionville Center", "Uniopolis", "Upper Sandusky", "Urbana",

-	"Utica", "Valley City", "Van Buren", "Van Wert", "Vandalia", "Vanlue",

-	"Vaughnsville", "Venedocia", "Vermilion", "Verona", "Versailles",

-	"Vickery", "Vienna", "Vincent", "Vinton", "Wadsworth", "Wakefield",

-	"Wakeman", "Walbridge", "Waldo", "Walhonding", "Walnut Creek", "Wapakoneta",

-	"Warnock", "Warren", "Warsaw", "Washington Court House",

-	"Washingtonville", "Waterford", "Waterloo", "Watertown", "Waterville",

-	"Wauseon", "Waverly", "Wayland", "Wayne", "Waynesburg", "Waynesfield",

-	"Waynesville", "Wellington", "Wellston", "Wellsville", "West Alexandria",

-	"West Chester", "West Elkton", "West Farmington", "West Jefferson",

-	"West Lafayette", "West Liberty", "West Manchester", "West Mansfield",

-	"West Millgrove", "West Milton", "West Point", "West Portsmouth",

-	"West Rushville", "West Salem", "West Union", "West Unity", "Westerville",

-	"Westfield Center", "Westlake", "Weston", "Westville", "Wharton",

-	"Wheelersburg", "Whipple", "White Cottage", "Whitehouse", "Wickliffe",

-	"Wilberforce", "Wilkesville", "Willard", "Williamsburg", "Williamsfield",

-	"Williamsport", "Williamstown", "Williston", "Willoughby", "Willow Wood",

-	"Willshire", "Wilmington", "Wilmot", "Winchester", "Windham", "Windsor",

-	"Winesburg", "Wingett Run", "Winona", "Wolf Run", "Woodsfield",

-	"Woodstock", "Woodville", "Wooster", "Wren", "Xenia", "Yellow Springs",

-	"Yorkshire", "Yorkville", "Youngstown", "Zaleski", "Zanesfield", "Zanesville",

-	"Zoar"

+var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+var emails = [
+	{ name: "Peter Pan", to: "peter@pan.de" },
+	{ name: "Molly", to: "molly@yahoo.com" },
+	{ name: "Forneria Marconi", to: "live@japan.jp" },
+	{ name: "Master <em>Sync</em>", to: "205bw@samsung.com" },
+	{ name: "Dr. <strong>Tech</strong> de Log", to: "g15@logitech.com" },
+	{ name: "Don Corleone", to: "don@vegas.com" },
+	{ name: "Mc Chick", to: "info@donalds.org" },
+	{ name: "Donnie Darko", to: "dd@timeshift.info" },
+	{ name: "Quake The Net", to: "webmaster@quakenet.org" },
+	{ name: "Dr. Write", to: "write@writable.com" }
+];
+var cities = [
+	"Aberdeen", "Ada", "Adamsville", "Addyston", "Adelphi", "Adena", "Adrian", "Akron",
+	"Albany", "Alexandria", "Alger", "Alledonia", "Alliance", "Alpha", "Alvada",
+	"Alvordton", "Amanda", "Amelia", "Amesville", "Amherst", "Amlin", "Amsden",
+	"Amsterdam", "Andover", "Anna", "Ansonia", "Antwerp", "Apple Creek", "Arcadia",
+	"Arcanum", "Archbold", "Arlington", "Ashland", "Ashley", "Ashtabula", "Ashville",
+	"Athens", "Attica", "Atwater", "Augusta", "Aurora", "Austinburg", "Ava", "Avon",
+	"Avon Lake", "Bainbridge", "Bakersville", "Baltic", "Baltimore", "Bannock",
+	"Barberton", "Barlow", "Barnesville", "Bartlett", "Barton", "Bascom", "Batavia",
+	"Bath", "Bay Village", "Beach City", "Beachwood", "Beallsville", "Beaver",
+	"Beaverdam", "Bedford", "Bellaire", "Bellbrook", "Belle Center", "Belle Valley",
+	"Bellefontaine", "Bellevue", "Bellville", "Belmont", "Belmore", "Beloit", "Belpre",
+	"Benton Ridge", "Bentonville", "Berea", "Bergholz", "Berkey", "Berlin",
+	"Berlin Center", "Berlin Heights", "Bethel", "Bethesda", "Bettsville", "Beverly",
+	"Bidwell", "Big Prairie", "Birmingham", "Blacklick", "Bladensburg", "Blaine",
+	"Blakeslee", "Blanchester", "Blissfield", "Bloomdale", "Bloomingburg",
+	"Bloomingdale", "Bloomville", "Blue Creek", "Blue Rock", "Bluffton",
+	"Bolivar", "Botkins", "Bourneville", "Bowerston", "Bowersville",
+	"Bowling Green", "Bradford", "Bradner", "Brady Lake", "Brecksville",
+	"Bremen", "Brewster", "Brice", "Bridgeport", "Brilliant", "Brinkhaven",
+	"Bristolville", "Broadview Heights", "Broadway", "Brookfield", "Brookpark",
+	"Brookville", "Brownsville", "Brunswick", "Bryan", "Buchtel", "Buckeye Lake",
+	"Buckland", "Bucyrus", "Buffalo", "Buford", "Burbank", "Burghill", "Burgoon",
+	"Burkettsville", "Burton", "Butler", "Byesville", "Cable", "Cadiz", "Cairo",
+	"Caldwell", "Caledonia", "Cambridge", "Camden", "Cameron", "Camp Dennison",
+	"Campbell", "Canal Fulton", "Canal Winchester", "Canfield", "Canton", "Carbon Hill",
+	"Carbondale", "Cardington", "Carey", "Carroll", "Carrollton", "Casstown",
+	"Castalia", "Catawba", "Cecil", "Cedarville", "Celina", "Centerburg",
+	"Chagrin Falls", "Chandlersville", "Chardon", "Charm", "Chatfield", "Chauncey",
+	"Cherry Fork", "Chesapeake", "Cheshire", "Chester", "Chesterhill", "Chesterland",
+	"Chesterville", "Chickasaw", "Chillicothe", "Chilo", "Chippewa Lake",
+	"Christiansburg", "Cincinnati", "Circleville", "Clarington", "Clarksburg",
+	"Clarksville", "Clay Center", "Clayton", "Cleveland", "Cleves", "Clifton",
+	"Clinton", "Cloverdale", "Clyde", "Coal Run", "Coalton", "Coldwater", "Colerain",
+	"College Corner", "Collins", "Collinsville", "Colton", "Columbia Station",
+	"Columbiana", "Columbus", "Columbus Grove", "Commercial Point", "Conesville",
+	"Conneaut", "Conover", "Continental", "Convoy", "Coolville", "Corning", "Cortland",
+	"Coshocton", "Covington", "Creola", "Crestline", "Creston", "Crooksville",
+	"Croton", "Crown City", "Cuba", "Cumberland", "Curtice", "Custar", "Cutler",
+	"Cuyahoga Falls", "Cygnet", "Cynthiana", "Dalton", "Damascus", "Danville",
+	"Dayton", "De Graff", "Decatur", "Deerfield", "Deersville", "Defiance",
+	"Delaware", "Dellroy", "Delphos", "Delta", "Dennison", "Derby", "Derwent",
+	"Deshler", "Dexter City", "Diamond", "Dillonvale", "Dola", "Donnelsville",
+	"Dorset", "Dover", "Doylestown", "Dresden", "Dublin", "Dunbridge", "Duncan Falls",
+	"Dundee", "Dunkirk", "Dupont", "East Claridon", "East Fultonham",
+	"East Liberty", "East Liverpool", "East Palestine", "East Rochester",
+	"East Sparta", "East Springfield", "Eastlake", "Eaton", "Edgerton", "Edison",
+	"Edon", "Eldorado", "Elgin", "Elkton", "Ellsworth", "Elmore", "Elyria",
+	"Empire", "Englewood", "Enon", "Etna", "Euclid", "Evansport", "Fairborn",
+	"Fairfield", "Fairpoint", "Fairview", "Farmdale", "Farmer", "Farmersville",
+	"Fayette", "Fayetteville", "Feesburg", "Felicity", "Findlay", "Flat Rock",
+	"Fleming", "Fletcher", "Flushing", "Forest", "Fort Jennings", "Fort Loramie",
+	"Fort Recovery", "Fostoria", "Fowler", "Frankfort", "Franklin",
+	"Franklin Furnace", "Frazeysburg", "Fredericksburg", "Fredericktown",
+	"Freeport", "Fremont", "Fresno", "Friendship", "Fulton", "Fultonham",
+	"Galena", "Galion", "Gallipolis", "Galloway", "Gambier", "Garrettsville",
+	"Gates Mills", "Geneva", "Genoa", "Georgetown", "Germantown", "Gettysburg",
+	"Gibsonburg", "Girard", "Glandorf", "Glencoe", "Glenford", "Glenmont",
+	"Glouster", "Gnadenhutten", "Gomer", "Goshen", "Grafton", "Grand Rapids",
+	"Grand River", "Granville", "Gratiot", "Gratis", "Graysville", "Graytown",
+	"Green", "Green Camp", "Green Springs", "Greenfield", "Greenford",
+	"Greentown", "Greenville", "Greenwich", "Grelton", "Grove City",
+	"Groveport", "Grover Hill", "Guysville", "Gypsum", "Hallsville",
+	"Hamden", "Hamersville", "Hamilton", "Hamler", "Hammondsville",
+	"Hannibal", "Hanoverton", "Harbor View", "Harlem Springs", "Harpster",
+	"Harrisburg", "Harrison", "Harrisville", "Harrod", "Hartford", "Hartville",
+	"Harveysburg", "Haskins", "Haverhill", "Haviland", "Haydenville", "Hayesville",
+	"Heath", "Hebron", "Helena", "Hicksville", "Higginsport", "Highland", "Hilliard",
+	"Hillsboro", "Hinckley", "Hiram", "Hockingport", "Holgate", "Holland",
+	"Hollansburg", "Holloway", "Holmesville", "Homer", "Homerville", "Homeworth",
+	"Hooven", "Hopedale", "Hopewell", "Houston", "Howard", "Hoytville", "Hubbard",
+	"Hudson", "Huntsburg", "Huntsville", "Huron", "Iberia", "Independence",
+	"Irondale", "Ironton", "Irwin", "Isle Saint George", "Jackson", "Jackson Center",
+	"Jacksontown", "Jacksonville", "Jacobsburg", "Jamestown", "Jasper",
+	"Jefferson", "Jeffersonville", "Jenera", "Jeromesville", "Jerry City",
+	"Jerusalem", "Jewell", "Jewett", "Johnstown", "Junction City", "Kalida",
+	"Kansas", "Keene", "Kelleys Island", "Kensington", "Kent", "Kenton",
+	"Kerr", "Kettlersville", "Kidron", "Kilbourne", "Killbuck", "Kimbolton",
+	"Kings Mills", "Kingston", "Kingsville", "Kinsman", "Kipling", "Kipton",
+	"Kirby", "Kirkersville", "Kitts Hill", "Kunkle", "La Rue", "Lacarne",
+	"Lafayette", "Lafferty", "Lagrange", "Laings", "Lake Milton", "Lakemore",
+	"Lakeside Marblehead", "Lakeview", "Lakeville", "Lakewood", "Lancaster",
+	"Langsville", "Lansing", "Latham", "Latty", "Laura", "Laurelville",
+	"Leavittsburg", "Lebanon", "Lees Creek", "Leesburg", "Leesville",
+	"Leetonia", "Leipsic", "Lemoyne", "Lewis Center", "Lewisburg",
+	"Lewistown", "Lewisville", "Liberty Center", "Lima", "Limaville",
+	"Lindsey", "Lisbon", "Litchfield", "Lithopolis", "Little Hocking",
+	"Lockbourne", "Lodi", "Logan", "London", "Londonderry",
+	"Long Bottom", "Lorain", "Lore City", "Loudonville", "Louisville",
+	"Loveland", "Lowell", "Lowellville", "Lower Salem", "Lucas",
+	"Lucasville", "Luckey", "Ludlow Falls", "Lynchburg", "Lynx",
+	"Lyons", "Macedonia", "Macksburg", "Madison", "Magnetic Springs",
+	"Magnolia", "Maineville", "Malaga", "Malinta", "Malta", "Malvern",
+	"Manchester", "Mansfield", "Mantua", "Maple Heights", "Maplewood",
+	"Marathon", "Marengo", "Maria Stein", "Marietta", "Marion",
+	"Mark Center", "Marshallville", "Martel", "Martin", "Martins Ferry",
+	"Martinsburg", "Martinsville", "Marysville", "Mason", "Massillon",
+	"Masury", "Maumee", "Maximo", "Maynard", "Mc Arthur", "Mc Clure",
+	"Mc Comb", "Mc Connelsville", "Mc Cutchenville", "Mc Dermott",
+	"Mc Donald", "Mc Guffey", "Mechanicsburg", "Mechanicstown",
+	"Medina", "Medway", "Melmore", "Melrose", "Mendon", "Mentor",
+	"Mesopotamia", "Metamora", "Miamisburg", "Miamitown", "Miamiville",
+	"Middle Bass", "Middle Point", "Middlebranch", "Middleburg",
+	"Middlefield", "Middleport", "Middletown", "Midland", "Midvale",
+	"Milan", "Milford", "Milford Center", "Millbury", "Milledgeville",
+	"Miller City", "Millersburg", "Millersport", "Millfield",
+	"Milton Center", "Mineral City", "Mineral Ridge", "Minerva",
+	"Minford", "Mingo", "Mingo Junction", "Minster", "Mogadore",
+	"Monclova", "Monroe", "Monroeville", "Montezuma", "Montpelier",
+	"Montville", "Morral", "Morristown", "Morrow", "Moscow",
+	"Mount Blanchard", "Mount Cory", "Mount Eaton", "Mount Gilead",
+	"Mount Hope", "Mount Liberty", "Mount Orab", "Mount Perry",
+	"Mount Pleasant", "Mount Saint Joseph", "Mount Sterling",
+	"Mount Vernon", "Mount Victory", "Mowrystown", "Moxahala",
+	"Munroe Falls", "Murray City", "Nankin", "Napoleon", "Nashport",
+	"Nashville", "Navarre", "Neapolis", "Neffs", "Negley",
+	"Nelsonville", "Nevada", "Neville", "New Albany", "New Athens",
+	"New Bavaria", "New Bloomington", "New Bremen", "New Carlisle",
+	"New Concord", "New Hampshire", "New Haven", "New Holland",
+	"New Knoxville", "New Lebanon", "New Lexington", "New London",
+	"New Madison", "New Marshfield", "New Matamoras", "New Middletown",
+	"New Paris", "New Philadelphia", "New Plymouth", "New Richmond",
+	"New Riegel", "New Rumley", "New Springfield", "New Straitsville",
+	"New Vienna", "New Washington", "New Waterford", "New Weston",
+	"Newark", "Newbury", "Newcomerstown", "Newport", "Newton Falls",
+	"Newtonsville", "Ney", "Niles", "North Baltimore", "North Bend",
+	"North Benton", "North Bloomfield", "North Fairfield",
+	"North Georgetown", "North Hampton", "North Jackson",
+	"North Kingsville", "North Lawrence", "North Lewisburg",
+	"North Lima", "North Olmsted", "North Ridgeville", "North Robinson",
+	"North Royalton", "North Star", "Northfield", "Northwood", "Norwalk",
+	"Norwich", "Nova", "Novelty", "Oak Harbor", "Oak Hill", "Oakwood",
+	"Oberlin", "Oceola", "Ohio City", "Okeana", "Okolona", "Old Fort",
+	"Old Washington", "Olmsted Falls", "Ontario", "Orangeville",
+	"Oregon", "Oregonia", "Orient", "Orrville", "Orwell", "Osgood",
+	"Ostrander", "Ottawa", "Ottoville", "Otway", "Overpeck",
+	"Owensville", "Oxford", "Painesville", "Palestine", "Pandora",
+	"Paris", "Parkman", "Pataskala", "Patriot", "Paulding", "Payne",
+	"Pedro", "Peebles", "Pemberton", "Pemberville", "Peninsula",
+	"Perry", "Perrysburg", "Perrysville", "Petersburg", "Pettisville",
+	"Phillipsburg", "Philo", "Pickerington", "Piedmont", "Pierpont",
+	"Piketon", "Piney Fork", "Pioneer", "Piqua", "Pitsburg",
+	"Plain City", "Plainfield", "Pleasant City", "Pleasant Hill",
+	"Pleasant Plain", "Pleasantville", "Plymouth", "Polk",
+	"Pomeroy", "Port Clinton", "Port Jefferson", "Port Washington",
+	"Port William", "Portage", "Portland", "Portsmouth", "Potsdam",
+	"Powell", "Powhatan Point", "Proctorville", "Prospect", "Put in Bay",
+	"Quaker City", "Quincy", "Racine", "Radnor", "Randolph", "Rarden",
+	"Ravenna", "Rawson", "Ray", "Rayland", "Raymond", "Reedsville",
+	"Reesville", "Reno", "Republic", "Reynoldsburg", "Richfield",
+	"Richmond", "Richmond Dale", "Richwood", "Ridgeville Corners",
+	"Ridgeway", "Rio Grande", "Ripley", "Risingsun", "Rittman",
+	"Robertsville", "Rock Camp", "Rock Creek", "Rockbridge", "Rockford",
+	"Rocky Ridge", "Rocky River", "Rogers", "Rome", "Rootstown", "Roseville",
+	"Rosewood", "Ross", "Rossburg", "Rossford", "Roundhead", "Rudolph",
+	"Rushsylvania", "Rushville", "Russells Point", "Russellville", "Russia",
+	"Rutland", "Sabina", "Saint Clairsville", "Saint Henry", "Saint Johns",
+	"Saint Louisville", "Saint Marys", "Saint Paris", "Salem", "Salesville",
+	"Salineville", "Sandusky", "Sandyville", "Sarahsville", "Sardinia",
+	"Sardis", "Savannah", "Scio", "Scioto Furnace", "Scott", "Scottown",
+	"Seaman", "Sebring", "Sedalia", "Senecaville", "Seven Mile", "Seville",
+	"Shade", "Shadyside", "Shandon", "Sharon Center", "Sharpsburg",
+	"Shauck", "Shawnee", "Sheffield Lake", "Shelby", "Sherrodsville",
+	"Sherwood", "Shiloh", "Short Creek", "Shreve", "Sidney", "Sinking Spring",
+	"Smithfield", "Smithville", "Solon", "Somerdale", "Somerset",
+	"Somerville", "South Bloomingville", "South Charleston", "South Lebanon",
+	"South Point", "South Salem", "South Solon", "South Vienna",
+	"South Webster", "Southington", "Sparta", "Spencer", "Spencerville",
+	"Spring Valley", "Springboro", "Springfield", "Stafford", "Sterling",
+	"Steubenville", "Stewart", "Stillwater", "Stockdale", "Stockport",
+	"Stone Creek", "Stony Ridge", "Stout", "Stoutsville", "Stow", "Strasburg",
+	"Stratton", "Streetsboro", "Strongsville", "Struthers", "Stryker",
+	"Sugar Grove", "Sugarcreek", "Sullivan", "Sulphur Springs", "Summerfield",
+	"Summit Station", "Summitville", "Sunbury", "Swanton", "Sycamore",
+	"Sycamore Valley", "Sylvania", "Syracuse", "Tallmadge", "Tarlton",
+	"Terrace Park", "The Plains", "Thompson", "Thornville", "Thurman",
+	"Thurston", "Tiffin", "Tiltonsville", "Tipp City", "Tippecanoe", "Tiro",
+	"Toledo", "Tontogany", "Torch", "Toronto", "Tremont City", "Trenton",
+	"Trimble", "Trinway", "Troy", "Tuppers Plains", "Tuscarawas", "Twinsburg",
+	"Uhrichsville", "Union City", "Union Furnace", "Unionport", "Uniontown",
+	"Unionville", "Unionville Center", "Uniopolis", "Upper Sandusky", "Urbana",
+	"Utica", "Valley City", "Van Buren", "Van Wert", "Vandalia", "Vanlue",
+	"Vaughnsville", "Venedocia", "Vermilion", "Verona", "Versailles",
+	"Vickery", "Vienna", "Vincent", "Vinton", "Wadsworth", "Wakefield",
+	"Wakeman", "Walbridge", "Waldo", "Walhonding", "Walnut Creek", "Wapakoneta",
+	"Warnock", "Warren", "Warsaw", "Washington Court House",
+	"Washingtonville", "Waterford", "Waterloo", "Watertown", "Waterville",
+	"Wauseon", "Waverly", "Wayland", "Wayne", "Waynesburg", "Waynesfield",
+	"Waynesville", "Wellington", "Wellston", "Wellsville", "West Alexandria",
+	"West Chester", "West Elkton", "West Farmington", "West Jefferson",
+	"West Lafayette", "West Liberty", "West Manchester", "West Mansfield",
+	"West Millgrove", "West Milton", "West Point", "West Portsmouth",
+	"West Rushville", "West Salem", "West Union", "West Unity", "Westerville",
+	"Westfield Center", "Westlake", "Weston", "Westville", "Wharton",
+	"Wheelersburg", "Whipple", "White Cottage", "Whitehouse", "Wickliffe",
+	"Wilberforce", "Wilkesville", "Willard", "Williamsburg", "Williamsfield",
+	"Williamsport", "Williamstown", "Williston", "Willoughby", "Willow Wood",
+	"Willshire", "Wilmington", "Wilmot", "Winchester", "Windham", "Windsor",
+	"Winesburg", "Wingett Run", "Winona", "Wolf Run", "Woodsfield",
+	"Woodstock", "Woodville", "Wooster", "Wren", "Xenia", "Yellow Springs",
+	"Yorkshire", "Yorkville", "Youngstown", "Zaleski", "Zanesfield", "Zanesville",
+	"Zoar"
 ];
\ No newline at end of file
diff --git a/tests/visual/colorpicker.html b/tests/visual/colorpicker.html
index 9c5287dc6..d1dc0a491 100644
--- a/tests/visual/colorpicker.html
+++ b/tests/visual/colorpicker.html
@@ -1,357 +1,357 @@
-<!doctype html>

-<html lang="en">

-<head>

-

-    <title>ColorPicker</title>

-

-<style type="text/css" media="screen">

-

-body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {

-	margin:0;

-	padding:0;

-}

-table {

-	border-collapse:collapse;

-	border-spacing:0;

-}

-fieldset,img {

-	border:0;

-}

-address,caption,cite,code,dfn,em,strong,th,var {

-	font-style:normal;

-	font-weight:normal;

-}

-ol,ul {

-	list-style:none;

-}

-caption,th {

-	text-align:left;

-}

-h1,h2,h3,h4,h5,h6 {

-	font-size:100%;

-	font-weight:normal;

-}

-q:before,q:after {

-	content:'';

-}

-abbr,acronym { border:0;

-}

-html, body {

-	background-color: #fff;

-	font-family: Arial, Helvetica, sans-serif;

-	font-size: 12px;

-	line-height: 18px;

-	color: #52697E;

-}

-body {

-	text-align: center;

-	overflow: auto;

-}

-.wrapper {

-	width: 700px;

-	margin: 0 auto;

-	text-align: left;

-}

-h1 {

-	font-size: 21px;

-	height: 47px;

-	line-height: 47px;

-	text-transform: uppercase;

-}

-.navigationTabs {

-	height: 23px;

-	line-height: 23px;

-	border-bottom: 1px solid #ccc;

-}

-.navigationTabs li {

-	float: left;

-	height: 23px;

-	line-height: 23px;

-	padding-right: 3px;

-}

-.navigationTabs li a{

-	float: left;

-	dispaly: block;

-	height: 23px;

-	line-height: 23px;

-	padding: 0 10px;

-	overflow: hidden;

-	color: #52697E;

-	background-color: #eee;

-	position: relative;

-	text-decoration: none;

-}

-.navigationTabs li a:hover {

-	background-color: #f0f0f0;

-}

-.navigationTabs li a.active {

-	background-color: #fff;

-	border: 1px solid #ccc;

-	border-bottom: 0px solid;

-}

-.tabsContent {

-	border: 1px solid #ccc;

-	border-top: 0px solid;

-	width: 698px;

-	overflow: hidden;

-}

-.tab {

-	padding: 16px;

-	display: block;

-}

-.tab h2 {

-	font-weight: bold;

-	font-size: 16px;

-}

-.tab h3 {

-	font-weight: bold;

-	font-size: 14px;

-	margin-top: 20px;

-}

-.tab p {

-	margin-top: 16px;

-	clear: both;

-}

-.tab ul {

-	margin-top: 16px;

-	list-style: disc;

-}

-.tab li {

-	margin: 10px 0 0 35px;

-}

-.tab a {

-	color: #8FB0CF;

-}

-.tab strong {

-	font-weight: bold;

-}

-.tab pre {

-	font-size: 11px;

-	margin-top: 20px;

-	width: 668px;

-	overflow: auto;

-	clear: both;

-}

-.tab table {

-	width: 100%;

-}

-.tab table td {

-	padding: 6px 10px 6px 0;

-	vertical-align: top;

-}

-.tab dt {

-	margin-top: 16px;

-}

-

-#colorSelector {

-	position: relative;

-	width: 36px;

-	height: 36px;

-	background: url(../../themes/default/images/select.png);

-}

-#colorSelector div {

-	position: absolute;

-	top: 3px;

-	left: 3px;

-	width: 30px;

-	height: 30px;

-	background: url(../../themes/default/images/select.png) center;

-}

-#colorSelector2 {

-	position: absolute;

-	top: 0;

-	left: 0;

-	width: 36px;

-	height: 36px;

-	background: url(../../themes/default/images/select2.png);

-}

-#colorSelector2 div {

-	position: absolute;

-	top: 4px;

-	left: 4px;

-	width: 28px;

-	height: 28px;

-	background: url(../../themes/default/images/select2.png) center;

-}

-#colorpickerHolder2 {

-	top: 32px;

-	left: 0;

-	width: 356px;

-	height: 0;

-	overflow: hidden;

-	position: absolute;

-}

-#colorpickerHolder2 .ui-colorpicker {

-	background-image: url(../../themes/default/images/custom_background.png);

-	position: absolute;

-	bottom: 0;

-	left: 0;

-}

-#colorpickerHolder2 .ui-colorpicker-hue div {

-	background-image: url(../../themes/default/images/custom_indic.gif);

-}

-#colorpickerHolder2 .ui-colorpicker-hex {

-	background-image: url(../../themes/default/images/custom_hex.png);

-}

-#colorpickerHolder2 .ui-colorpicker-rgb-r {

-	background-image: url(../../themes/default/images/custom_rgb_r.png);

-}

-#colorpickerHolder2 .ui-colorpicker-rgb-g {

-	background-image: url(../../themes/default/images/custom_rgb_g.png);

-}

-#colorpickerHolder2 .ui-colorpicker-rgb-b {

-	background-image: url(../../themes/default/images/custom_rgb_b.png);

-}

-#colorpickerHolder2 .ui-colorpicker-hsb-s {

-	background-image: url(../../themes/default/images/custom_hsb_s.png);

-	display: none;

-}

-#colorpickerHolder2 .ui-colorpicker-hsb-h {

-	background-image: url(../../themes/default/images/custom_hsb_h.png);

-	display: none;

-}

-#colorpickerHolder2 .ui-colorpicker-hsb-b {

-	background-image: url(../../themes/default/images/custom_hsb_b.png);

-	display: none;

-}

-#colorpickerHolder2 .ui-colorpicker-submit {

-	background-image: url(../../themes/default/images/colorpicker_submit.png);

-}

-#colorpickerHolder2 .ui-colorpicker input {

-	color: #778398;

-}

-#customWidget {

-	position: relative;

-	height: 36px;

-}

-

-

-</style>

-

-<link rel="stylesheet" href="../../themes/default/ui.all.css" type="text/css" media="screen" title="no title" charset="utf-8">

-

-<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.colorpicker.js"></script>

-

-<script type="text/javascript">

-

-$(document).ready(function() {

-

-	$('#colorpickerHolder').colorpicker({ flat: true });

-	$('#colorpickerHolder2').colorpicker({

-		flat: true,

-		color: '#00ff00',

-		submit: function(e, ui) {

-			$('#colorSelector2 div').css('backgroundColor', '#' + ui.hex);

-		}

-	});

-	$('#colorpickerHolder2>div').css('position', 'absolute');

-	var widt = false;

-	$('#colorSelector2').bind('click', function() {

-		$('#colorpickerHolder2').stop().animate({height: widt ? 0 : 173}, 500);

-		widt = !widt;

-	});

-	$('#colorpickerField1').colorpicker({

-		submit: function(e, ui) {

-			$('#colorpickerField1').val(ui.hex);

-		},

-		beforeShow: function (e, ui) {

-			$(this).colorpicker("setColor", this.value);

-		}

-	})

-	.bind('keyup', function(){

-		$(this).colorpicker("setColor", this.value);

-	});

-	$('#colorSelector').colorpicker({

-		color: '#0000ff',

-		show: function (e, ui) {

-			$(this).data("colorpicker").picker.fadeIn(500);

-			return false;

-		},

-		hide: function (e, ui) {

-			$(this).data("colorpicker").picker.fadeOut(500);

-			return false;

-		},

-		change: function (e, ui) {

-			$('#colorSelector div').css('backgroundColor', '#' + ui.hex);

-		}

-	});

-

-});

-

-</script>

-

-

-</head>

-<body>

-    <div class="wrapper">

-        <h1>Color Picker</h1>

-        <ul class="navigationTabs">

-            <li><a href="#about" rel="about">About</a></li>

-        </ul>

-        <div class="tabsContent">

-            <div class="tab">

-                <h2>About</h2>

-                <p>A simple component to select color in the same way you select color in Adobe Photoshop</p>

-                <h3>Features</h3>

-                <ul>

-                    <li>Flat mode - as element in page</li>

-                    <li>Powerful controls for color selection</li>

-					<li>Easy to customize the look by changing some images</li>

-					<li>Fits into the viewport</li>

-                </ul>

-                <h3>Examples</h3>

-                <p>Flat mode.</p>

-                <p id="colorpickerHolder">

-                </p>

-                <pre>

-$('#colorpickerHolder').ColorPicker({flat: true});

-                </pre>

-                <p>Custom skin and using flat mode to display the color picker in a custom widget.</p>

-				<div id="customWidget">

-					<div id="colorSelector2"><div style="background-color: #00ff00"></div></div>

-	                <div id="colorpickerHolder2">

-	                </div>

-				</div>

-

-				<p>Attached to an text field and using callback functions to update the color with field's value and set the value back in the field by submiting the color.</p>

-				<p><input type="text" maxlength="6" size="6" id="colorpickerField1" value="00ff00" /></p>

-				<pre>

-$('#colorpickerField1').ColorPicker({

-	onSubmit: function(hsb, hex, rgb) {

-		$('#colorpickerField1').val(hex);

-	},

-	onBeforeShow: function () {

-		$(this).ColorPickerSetColor(this.value);

-	}

-})

-.bind('keyup', function(){

-	$(this).ColorPickerSetColor(this.value);

-});

-</pre>

-				<p>Attached to DOMElement and using callbacks to live preview the color and adding animation.</p>

-				<p>

-					<div id="colorSelector"><div style="background-color: #0000ff"></div></div>

-				</p>

-				<pre>

-$('#colorSelector').ColorPicker({

-	color: '#0000ff',

-	onShow: function (colpkr) {

-		$(colpkr).fadeIn(500);

-		return false;

-	},

-	onHide: function (colpkr) {

-		$(colpkr).fadeOut(500);

-		return false;

-	},

-	onChange: function (hsb, hex, rgb) {

-		$('#colorSelector div').css('backgroundColor', '#' + hex);

-	}

-});

-</pre>

-            </div>

-        </div>

-    </div>

-</body>

-</html>

+<!doctype html>
+<html lang="en">
+<head>
+
+    <title>ColorPicker</title>
+
+<style type="text/css" media="screen">
+
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
+	margin:0;
+	padding:0;
+}
+table {
+	border-collapse:collapse;
+	border-spacing:0;
+}
+fieldset,img {
+	border:0;
+}
+address,caption,cite,code,dfn,em,strong,th,var {
+	font-style:normal;
+	font-weight:normal;
+}
+ol,ul {
+	list-style:none;
+}
+caption,th {
+	text-align:left;
+}
+h1,h2,h3,h4,h5,h6 {
+	font-size:100%;
+	font-weight:normal;
+}
+q:before,q:after {
+	content:'';
+}
+abbr,acronym { border:0;
+}
+html, body {
+	background-color: #fff;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 12px;
+	line-height: 18px;
+	color: #52697E;
+}
+body {
+	text-align: center;
+	overflow: auto;
+}
+.wrapper {
+	width: 700px;
+	margin: 0 auto;
+	text-align: left;
+}
+h1 {
+	font-size: 21px;
+	height: 47px;
+	line-height: 47px;
+	text-transform: uppercase;
+}
+.navigationTabs {
+	height: 23px;
+	line-height: 23px;
+	border-bottom: 1px solid #ccc;
+}
+.navigationTabs li {
+	float: left;
+	height: 23px;
+	line-height: 23px;
+	padding-right: 3px;
+}
+.navigationTabs li a{
+	float: left;
+	dispaly: block;
+	height: 23px;
+	line-height: 23px;
+	padding: 0 10px;
+	overflow: hidden;
+	color: #52697E;
+	background-color: #eee;
+	position: relative;
+	text-decoration: none;
+}
+.navigationTabs li a:hover {
+	background-color: #f0f0f0;
+}
+.navigationTabs li a.active {
+	background-color: #fff;
+	border: 1px solid #ccc;
+	border-bottom: 0px solid;
+}
+.tabsContent {
+	border: 1px solid #ccc;
+	border-top: 0px solid;
+	width: 698px;
+	overflow: hidden;
+}
+.tab {
+	padding: 16px;
+	display: block;
+}
+.tab h2 {
+	font-weight: bold;
+	font-size: 16px;
+}
+.tab h3 {
+	font-weight: bold;
+	font-size: 14px;
+	margin-top: 20px;
+}
+.tab p {
+	margin-top: 16px;
+	clear: both;
+}
+.tab ul {
+	margin-top: 16px;
+	list-style: disc;
+}
+.tab li {
+	margin: 10px 0 0 35px;
+}
+.tab a {
+	color: #8FB0CF;
+}
+.tab strong {
+	font-weight: bold;
+}
+.tab pre {
+	font-size: 11px;
+	margin-top: 20px;
+	width: 668px;
+	overflow: auto;
+	clear: both;
+}
+.tab table {
+	width: 100%;
+}
+.tab table td {
+	padding: 6px 10px 6px 0;
+	vertical-align: top;
+}
+.tab dt {
+	margin-top: 16px;
+}
+
+#colorSelector {
+	position: relative;
+	width: 36px;
+	height: 36px;
+	background: url(../../themes/default/images/select.png);
+}
+#colorSelector div {
+	position: absolute;
+	top: 3px;
+	left: 3px;
+	width: 30px;
+	height: 30px;
+	background: url(../../themes/default/images/select.png) center;
+}
+#colorSelector2 {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 36px;
+	height: 36px;
+	background: url(../../themes/default/images/select2.png);
+}
+#colorSelector2 div {
+	position: absolute;
+	top: 4px;
+	left: 4px;
+	width: 28px;
+	height: 28px;
+	background: url(../../themes/default/images/select2.png) center;
+}
+#colorpickerHolder2 {
+	top: 32px;
+	left: 0;
+	width: 356px;
+	height: 0;
+	overflow: hidden;
+	position: absolute;
+}
+#colorpickerHolder2 .ui-colorpicker {
+	background-image: url(../../themes/default/images/custom_background.png);
+	position: absolute;
+	bottom: 0;
+	left: 0;
+}
+#colorpickerHolder2 .ui-colorpicker-hue div {
+	background-image: url(../../themes/default/images/custom_indic.gif);
+}
+#colorpickerHolder2 .ui-colorpicker-hex {
+	background-image: url(../../themes/default/images/custom_hex.png);
+}
+#colorpickerHolder2 .ui-colorpicker-rgb-r {
+	background-image: url(../../themes/default/images/custom_rgb_r.png);
+}
+#colorpickerHolder2 .ui-colorpicker-rgb-g {
+	background-image: url(../../themes/default/images/custom_rgb_g.png);
+}
+#colorpickerHolder2 .ui-colorpicker-rgb-b {
+	background-image: url(../../themes/default/images/custom_rgb_b.png);
+}
+#colorpickerHolder2 .ui-colorpicker-hsb-s {
+	background-image: url(../../themes/default/images/custom_hsb_s.png);
+	display: none;
+}
+#colorpickerHolder2 .ui-colorpicker-hsb-h {
+	background-image: url(../../themes/default/images/custom_hsb_h.png);
+	display: none;
+}
+#colorpickerHolder2 .ui-colorpicker-hsb-b {
+	background-image: url(../../themes/default/images/custom_hsb_b.png);
+	display: none;
+}
+#colorpickerHolder2 .ui-colorpicker-submit {
+	background-image: url(../../themes/default/images/colorpicker_submit.png);
+}
+#colorpickerHolder2 .ui-colorpicker input {
+	color: #778398;
+}
+#customWidget {
+	position: relative;
+	height: 36px;
+}
+
+
+</style>
+
+<link rel="stylesheet" href="../../themes/default/ui.all.css" type="text/css" media="screen" title="no title" charset="utf-8">
+
+<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.colorpicker.js"></script>
+
+<script type="text/javascript">
+
+$(document).ready(function() {
+
+	$('#colorpickerHolder').colorpicker({ flat: true });
+	$('#colorpickerHolder2').colorpicker({
+		flat: true,
+		color: '#00ff00',
+		submit: function(e, ui) {
+			$('#colorSelector2 div').css('backgroundColor', '#' + ui.hex);
+		}
+	});
+	$('#colorpickerHolder2>div').css('position', 'absolute');
+	var widt = false;
+	$('#colorSelector2').bind('click', function() {
+		$('#colorpickerHolder2').stop().animate({height: widt ? 0 : 173}, 500);
+		widt = !widt;
+	});
+	$('#colorpickerField1').colorpicker({
+		submit: function(e, ui) {
+			$('#colorpickerField1').val(ui.hex);
+		},
+		beforeShow: function (e, ui) {
+			$(this).colorpicker("setColor", this.value);
+		}
+	})
+	.bind('keyup', function(){
+		$(this).colorpicker("setColor", this.value);
+	});
+	$('#colorSelector').colorpicker({
+		color: '#0000ff',
+		show: function (e, ui) {
+			$(this).data("colorpicker").picker.fadeIn(500);
+			return false;
+		},
+		hide: function (e, ui) {
+			$(this).data("colorpicker").picker.fadeOut(500);
+			return false;
+		},
+		change: function (e, ui) {
+			$('#colorSelector div').css('backgroundColor', '#' + ui.hex);
+		}
+	});
+
+});
+
+</script>
+
+
+</head>
+<body>
+    <div class="wrapper">
+        <h1>Color Picker</h1>
+        <ul class="navigationTabs">
+            <li><a href="#about" rel="about">About</a></li>
+        </ul>
+        <div class="tabsContent">
+            <div class="tab">
+                <h2>About</h2>
+                <p>A simple component to select color in the same way you select color in Adobe Photoshop</p>
+                <h3>Features</h3>
+                <ul>
+                    <li>Flat mode - as element in page</li>
+                    <li>Powerful controls for color selection</li>
+					<li>Easy to customize the look by changing some images</li>
+					<li>Fits into the viewport</li>
+                </ul>
+                <h3>Examples</h3>
+                <p>Flat mode.</p>
+                <p id="colorpickerHolder">
+                </p>
+                <pre>
+$('#colorpickerHolder').ColorPicker({flat: true});
+                </pre>
+                <p>Custom skin and using flat mode to display the color picker in a custom widget.</p>
+				<div id="customWidget">
+					<div id="colorSelector2"><div style="background-color: #00ff00"></div></div>
+	                <div id="colorpickerHolder2">
+	                </div>
+				</div>
+
+				<p>Attached to an text field and using callback functions to update the color with field's value and set the value back in the field by submiting the color.</p>
+				<p><input type="text" maxlength="6" size="6" id="colorpickerField1" value="00ff00" /></p>
+				<pre>
+$('#colorpickerField1').ColorPicker({
+	onSubmit: function(hsb, hex, rgb) {
+		$('#colorpickerField1').val(hex);
+	},
+	onBeforeShow: function () {
+		$(this).ColorPickerSetColor(this.value);
+	}
+})
+.bind('keyup', function(){
+	$(this).ColorPickerSetColor(this.value);
+});
+</pre>
+				<p>Attached to DOMElement and using callbacks to live preview the color and adding animation.</p>
+				<p>
+					<div id="colorSelector"><div style="background-color: #0000ff"></div></div>
+				</p>
+				<pre>
+$('#colorSelector').ColorPicker({
+	color: '#0000ff',
+	onShow: function (colpkr) {
+		$(colpkr).fadeIn(500);
+		return false;
+	},
+	onHide: function (colpkr) {
+		$(colpkr).fadeOut(500);
+		return false;
+	},
+	onChange: function (hsb, hex, rgb) {
+		$('#colorSelector div').css('backgroundColor', '#' + hex);
+	}
+});
+</pre>
+            </div>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/tests/visual/datepicker.html b/tests/visual/datepicker.html
index d3439fd35..7fea7cbea 100644
--- a/tests/visual/datepicker.html
+++ b/tests/visual/datepicker.html
@@ -1,28 +1,28 @@
-<!doctype html>

-<html lang="en">

-<head>

-	<title>Simple Datepicker</title>

-	<link rel="stylesheet" href="all.css" type="text/css" media="screen">

-	<link rel="stylesheet" href="../../themes/ui.datepicker.css" type="text/css" media="screen">

-	<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.datepicker.js"></script>

-	<script type="text/javascript">

-	$(function() {

-		$("#datepicker").datepicker();

-	});

-	</script>

-</head>

-<body>

-

-<ul class="plugins">

-<li>

-	Datepicker

-	<div style="text-align:left;margin-left:10px;">

-		<input type="text" id="datepicker">

-	</div>

-</li>

-</ul>

-

-</body>

-</html>

+<!doctype html>
+<html lang="en">
+<head>
+	<title>Simple Datepicker</title>
+	<link rel="stylesheet" href="all.css" type="text/css" media="screen">
+	<link rel="stylesheet" href="../../themes/ui.datepicker.css" type="text/css" media="screen">
+	<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.datepicker.js"></script>
+	<script type="text/javascript">
+	$(function() {
+		$("#datepicker").datepicker();
+	});
+	</script>
+</head>
+<body>
+
+<ul class="plugins">
+<li>
+	Datepicker
+	<div style="text-align:left;margin-left:10px;">
+		<input type="text" id="datepicker">
+	</div>
+</li>
+</ul>
+
+</body>
+</html>
diff --git a/tests/visual/dialog.html b/tests/visual/dialog.html
index 66a3f88c1..d0733c920 100644
--- a/tests/visual/dialog.html
+++ b/tests/visual/dialog.html
@@ -1,31 +1,31 @@
-<!doctype html>

-<html lang="en">

-<head>

-	<title>Simple Dialog</title>

-	<link rel="stylesheet" href="all.css" type="text/css" media="screen">

-	<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.dialog.js"></script>

-	<script type="text/javascript" src="../../ui/ui.draggable.js"></script>

-	<script type="text/javascript" src="../../ui/ui.resizable.js"></script>

-	<script type="text/javascript">

-	$(function() {

-		$("#dialog").click(function() {

-			$("<div/>").dialog();

-		});

-	});

-	</script>

-</head>

-<body>

-

-<ul class="plugins">

-<li>

-	Dialog

-	<div id="dialog">

-		<button>Open</button>

-	</div>

-</li>

-</ul>

-

-</body>

-</html>

+<!doctype html>
+<html lang="en">
+<head>
+	<title>Simple Dialog</title>
+	<link rel="stylesheet" href="all.css" type="text/css" media="screen">
+	<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.dialog.js"></script>
+	<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
+	<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
+	<script type="text/javascript">
+	$(function() {
+		$("#dialog").click(function() {
+			$("<div/>").dialog();
+		});
+	});
+	</script>
+</head>
+<body>
+
+<ul class="plugins">
+<li>
+	Dialog
+	<div id="dialog">
+		<button>Open</button>
+	</div>
+</li>
+</ul>
+
+</body>
+</html>
diff --git a/tests/visual/draggable.handle.html b/tests/visual/draggable.handle.html
index fa58014f7..798898363 100644
--- a/tests/visual/draggable.handle.html
+++ b/tests/visual/draggable.handle.html
@@ -1,27 +1,27 @@
-<!doctype html>

-<html lang="en">

-<head>

-	<title>Simple Draggable</title>

-	<link rel="stylesheet" href="all.css" type="text/css" media="screen">

-	<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.draggable.js"></script>

-	<script type="text/javascript">

-	$(function() {

-		$("#draggable").draggable({ handle: "span" });

-	});

-	</script>

-</head>

-<body>

-

-<ul class="plugins">

-<li>

-	Draggable

-	<div id="draggable">

-		<span>Handle</span>

-	</div>

-</li>

-</ul>

-

-</body>

-</html>

+<!doctype html>
+<html lang="en">
+<head>
+	<title>Simple Draggable</title>
+	<link rel="stylesheet" href="all.css" type="text/css" media="screen">
+	<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.draggable.js"></script>
+	<script type="text/javascript">
+	$(function() {
+		$("#draggable").draggable({ handle: "span" });
+	});
+	</script>
+</head>
+<body>
+
+<ul class="plugins">
+<li>
+	Draggable
+	<div id="draggable">
+		<span>Handle</span>
+	</div>
+</li>
+</ul>
+
+</body>
+</html>
diff --git a/tests/visual/draggable.html b/tests/visual/draggable.html
index 97de96492..bade45b0e 100644
--- a/tests/visual/draggable.html
+++ b/tests/visual/draggable.html
@@ -1,25 +1,25 @@
-<!doctype html>

-<html lang="en">

-<head>

-	<title>Simple Draggable</title>

-	<link rel="stylesheet" href="all.css" type="text/css" media="screen">

-	<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.draggable.js"></script>

-	<script type="text/javascript">

-	$(function() {

-		$("#draggable").draggable();

-	});

-	</script>

-</head>

-<body>

-

-<ul class="plugins">

-<li>

-	Draggable

-	<div id="draggable"></div>

-</li>

-</ul>

-

-</body>

-</html>

+<!doctype html>
+<html lang="en">
+<head>
+	<title>Simple Draggable</title>
+	<link rel="stylesheet" href="all.css" type="text/css" media="screen">
+	<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.draggable.js"></script>
+	<script type="text/javascript">
+	$(function() {
+		$("#draggable").draggable();
+	});
+	</script>
+</head>
+<body>
+
+<ul class="plugins">
+<li>
+	Draggable
+	<div id="draggable"></div>
+</li>
+</ul>
+
+</body>
+</html>
diff --git a/tests/visual/droppable.html b/tests/visual/droppable.html
index b89176679..264978e9c 100644
--- a/tests/visual/droppable.html
+++ b/tests/visual/droppable.html
@@ -1,39 +1,39 @@
-<!doctype html>

-<html lang="en">

-<head>

-	<title>Simple Droppable</title>

-	<link rel="stylesheet" href="all.css" type="text/css" media="screen">

-	<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.draggable.js"></script>

-	<script type="text/javascript" src="../../ui/ui.droppable.js"></script>

-	<script type="text/javascript">

-	$(function() {

-		$(".draggable").draggable();

-		$("#droppable").droppable({

-			accept: '.draggable',

-			drop: function(ev, ui) {

-				ui.draggable.css({ position: 'relative', top: 0, left: 0 }).clone().appendTo(this);

-			}

-		});

-	});

-	</script>

-</head>

-<body>

-

-<ul class="plugins">

-<li>

-	Droppable

-	<div class="draggable">D</div>

-	<div class="draggable">R</div>

-	<div class="draggable">A</div>

-	<div class="draggable">G</div>

-	<div id="droppable">

-		DROP

-		<hr>

-	</div>

-</li>

-</ul>

-

-</body>

-</html>

+<!doctype html>
+<html lang="en">
+<head>
+	<title>Simple Droppable</title>
+	<link rel="stylesheet" href="all.css" type="text/css" media="screen">
+	<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.draggable.js"></script>
+	<script type="text/javascript" src="../../ui/ui.droppable.js"></script>
+	<script type="text/javascript">
+	$(function() {
+		$(".draggable").draggable();
+		$("#droppable").droppable({
+			accept: '.draggable',
+			drop: function(ev, ui) {
+				ui.draggable.css({ position: 'relative', top: 0, left: 0 }).clone().appendTo(this);
+			}
+		});
+	});
+	</script>
+</head>
+<body>
+
+<ul class="plugins">
+<li>
+	Droppable
+	<div class="draggable">D</div>
+	<div class="draggable">R</div>
+	<div class="draggable">A</div>
+	<div class="draggable">G</div>
+	<div id="droppable">
+		DROP
+		<hr>
+	</div>
+</li>
+</ul>
+
+</body>
+</html>
diff --git a/tests/visual/effects.all.css b/tests/visual/effects.all.css
index 587c64696..88d513b2c 100644
--- a/tests/visual/effects.all.css
+++ b/tests/visual/effects.all.css
@@ -1,49 +1,49 @@
-body,html {

-	margin: 0;

-	padding: 0;

-	font-size: 12px;

-	font-family: Arial;

-	background: #000;

-}

-

-ul.effects {

-	margin: 0;

-	padding: 0;

-}

-

-ul.effects li {

-	margin: 0;

-	padding: 0;

-	width: 120px;

-	height: 100px;

-	float: left;

-	margin-top: 20px;

-	margin-left: 20px;

-}

-

-div.effect {

-	width: 120px;

-	height: 100px;

-	background: #333;

-	border: 5px outset #aaa;

-	float: left;

-	cursor: pointer;

-	cursor: hand;

-}

-

-div.current {

-	border: 5px outset #FF0000;

-	background: #660000;

-}

-

-div.effect p {

-	color: #eee;

-	margin: 0px;

-	padding: 10px;

-}

-

-.ui-effects-transfer {

-	border: 1px dotted #fff;

-	background: #666;

-	opacity: 0.5;

+body,html {
+	margin: 0;
+	padding: 0;
+	font-size: 12px;
+	font-family: Arial;
+	background: #000;
+}
+
+ul.effects {
+	margin: 0;
+	padding: 0;
+}
+
+ul.effects li {
+	margin: 0;
+	padding: 0;
+	width: 120px;
+	height: 100px;
+	float: left;
+	margin-top: 20px;
+	margin-left: 20px;
+}
+
+div.effect {
+	width: 120px;
+	height: 100px;
+	background: #333;
+	border: 5px outset #aaa;
+	float: left;
+	cursor: pointer;
+	cursor: hand;
+}
+
+div.current {
+	border: 5px outset #FF0000;
+	background: #660000;
+}
+
+div.effect p {
+	color: #eee;
+	margin: 0px;
+	padding: 10px;
+}
+
+.ui-effects-transfer {
+	border: 1px dotted #fff;
+	background: #666;
+	opacity: 0.5;
 }
\ No newline at end of file
diff --git a/tests/visual/effects.all.html b/tests/visual/effects.all.html
index 180a6972d..d89dbecd8 100644
--- a/tests/visual/effects.all.html
+++ b/tests/visual/effects.all.html
@@ -1,165 +1,165 @@
-<!doctype html>

-<html lang="en">

-<head>

-	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />

-	<title>Effects Test Suite</title>

-	<link rel="stylesheet" href="effects.all.css" type="text/css" media="screen" title="no title" charset="utf-8" />

-	

-	<script type="text/javascript" src="../../jquery-1.2.6.js"></script>

-	<script type="text/javascript" src="../../ui/effects.core.js"></script>

-	

-	<script type="text/javascript" src="../../ui/effects.blind.js"></script>

-	<script type="text/javascript" src="../../ui/effects.bounce.js"></script>

-	<script type="text/javascript" src="../../ui/effects.clip.js"></script>

-	<script type="text/javascript" src="../../ui/effects.drop.js"></script>

-	<script type="text/javascript" src="../../ui/effects.explode.js"></script>

-	<script type="text/javascript" src="../../ui/effects.fold.js"></script>

-	<script type="text/javascript" src="../../ui/effects.highlight.js"></script>

-	<script type="text/javascript" src="../../ui/effects.pulsate.js"></script>

-	<script type="text/javascript" src="../../ui/effects.scale.js"></script>

-	<script type="text/javascript" src="../../ui/effects.shake.js"></script>

-	<script type="text/javascript" src="../../ui/effects.slide.js"></script>

-	<script type="text/javascript" src="../../ui/effects.transfer.js"></script>

-	

-	<script type="text/javascript" src="effects.all.js"></script>

-</head>

-<body>

-

-<ul class="effects">

-

-	<li>

-		<div class="effect" id="blindHorizontally">

-			<p>Blind horizontally</p>

-		</div>

-	</li>

-

-	<li>

-		<div class="effect" id="blindVertically">

-			<p>Blind vertically</p>

-		</div>

-	</li>

-	

-	<li>

-		<div class="effect" id="bounce3times">

-		<p>Bounce 3 times</p>

-		</div>

-	</li>

-	

-	<li>

-		<div class="effect" id="clipHorizontally">

-		<p>Clip horizontally</p>

-		</div>

-	</li>

-	

-	<li>

-		<div class="effect" id="clipVertically">

-		<p>Clip vertically</p>

-		</div>

-	</li>

-	

-	<li>

-		<div class="effect" id="dropDown">

-		<p>Drop down</p>

-		</div>

-	</li>

-	

-	<li>

-		<div class="effect" id="dropUp">

-		<p>Drop up</p>

-		</div>

-	</li>

-	

-	<li>

-		<div class="effect" id="dropLeft">

-		<p>Drop left</p>

-		</div>

-	</li>

-	

-	<li>

-		<div class="effect" id="dropRight">

-		<p>Drop right</p>

-		</div>

-	</li>

-	

-	<li>

-		<div class="effect" id="explode9">

-		<p>Explode in 9 pieces</p>

-		</div>

-	</li>

-	

-	<li>

-		<div class="effect" id="explode36">

-		<p>Explode in 36 pieces</p>

-		</div>

-	</li>

-	

-	<li>

-		<div class="effect" id="fold">

-		<p>Fold</p>

-		</div>

-	</li>

-	

-	<li>

-		<div class="effect" id="highlight">

-		<p>Highlight</p>

-		</div>

-	</li>

-	

-	<li>

-		<div class="effect" id="pulsate">

-		<p>Pulsate 2 times</p>

-		</div>

-	</li>

-	

-	<li>

-		<div class="effect" id="puff">

-		<p>Puff</p>

-		</div>

-	</li>

-	

-	<li>

-		<div class="effect" id="scale">

-		<p>Scale</p>

-		</div>

-	</li>

-	

-	<li>

-		<div class="effect" id="shake">

-		<p>Shake</p>

-		</div>

-	</li>

-	

-	<li>

-		<div class="effect" id="slideDown">

-		<p>Slide down</p>

-		</div>

-	</li>

-	

-	<li>

-		<div class="effect" id="slideUp">

-		<p>Slide up</p>

-		</div>

-	</li>

-	

-	<li>

-		<div class="effect" id="slideLeft">

-		<p>Slide left</p>

-		</div>

-	</li>

-	

-	<li>

-		<div class="effect" id="slideRight">

-		<p>Slide right</p>

-		</div>

-	</li>

-	

-	<li>

-		<div class="effect" id="transfer">

-		<p>Transfer to first element</p>

-		</div>

-	</li>

-

-</ul>

-

-</body>

-</html>

+<!doctype html>
+<html lang="en">
+<head>
+	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+	<title>Effects Test Suite</title>
+	<link rel="stylesheet" href="effects.all.css" type="text/css" media="screen" title="no title" charset="utf-8" />
+	
+	<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
+	<script type="text/javascript" src="../../ui/effects.core.js"></script>
+	
+	<script type="text/javascript" src="../../ui/effects.blind.js"></script>
+	<script type="text/javascript" src="../../ui/effects.bounce.js"></script>
+	<script type="text/javascript" src="../../ui/effects.clip.js"></script>
+	<script type="text/javascript" src="../../ui/effects.drop.js"></script>
+	<script type="text/javascript" src="../../ui/effects.explode.js"></script>
+	<script type="text/javascript" src="../../ui/effects.fold.js"></script>
+	<script type="text/javascript" src="../../ui/effects.highlight.js"></script>
+	<script type="text/javascript" src="../../ui/effects.pulsate.js"></script>
+	<script type="text/javascript" src="../../ui/effects.scale.js"></script>
+	<script type="text/javascript" src="../../ui/effects.shake.js"></script>
+	<script type="text/javascript" src="../../ui/effects.slide.js"></script>
+	<script type="text/javascript" src="../../ui/effects.transfer.js"></script>
+	
+	<script type="text/javascript" src="effects.all.js"></script>
+</head>
+<body>
+
+<ul class="effects">
+
+	<li>
+		<div class="effect" id="blindHorizontally">
+			<p>Blind horizontally</p>
+		</div>
+	</li>
+
+	<li>
+		<div class="effect" id="blindVertically">
+			<p>Blind vertically</p>
+		</div>
+	</li>
+	
+	<li>
+		<div class="effect" id="bounce3times">
+		<p>Bounce 3 times</p>
+		</div>
+	</li>
+	
+	<li>
+		<div class="effect" id="clipHorizontally">
+		<p>Clip horizontally</p>
+		</div>
+	</li>
+	
+	<li>
+		<div class="effect" id="clipVertically">
+		<p>Clip vertically</p>
+		</div>
+	</li>
+	
+	<li>
+		<div class="effect" id="dropDown">
+		<p>Drop down</p>
+		</div>
+	</li>
+	
+	<li>
+		<div class="effect" id="dropUp">
+		<p>Drop up</p>
+		</div>
+	</li>
+	
+	<li>
+		<div class="effect" id="dropLeft">
+		<p>Drop left</p>
+		</div>
+	</li>
+	
+	<li>
+		<div class="effect" id="dropRight">
+		<p>Drop right</p>
+		</div>
+	</li>
+	
+	<li>
+		<div class="effect" id="explode9">
+		<p>Explode in 9 pieces</p>
+		</div>
+	</li>
+	
+	<li>
+		<div class="effect" id="explode36">
+		<p>Explode in 36 pieces</p>
+		</div>
+	</li>
+	
+	<li>
+		<div class="effect" id="fold">
+		<p>Fold</p>
+		</div>
+	</li>
+	
+	<li>
+		<div class="effect" id="highlight">
+		<p>Highlight</p>
+		</div>
+	</li>
+	
+	<li>
+		<div class="effect" id="pulsate">
+		<p>Pulsate 2 times</p>
+		</div>
+	</li>
+	
+	<li>
+		<div class="effect" id="puff">
+		<p>Puff</p>
+		</div>
+	</li>
+	
+	<li>
+		<div class="effect" id="scale">
+		<p>Scale</p>
+		</div>
+	</li>
+	
+	<li>
+		<div class="effect" id="shake">
+		<p>Shake</p>
+		</div>
+	</li>
+	
+	<li>
+		<div class="effect" id="slideDown">
+		<p>Slide down</p>
+		</div>
+	</li>
+	
+	<li>
+		<div class="effect" id="slideUp">
+		<p>Slide up</p>
+		</div>
+	</li>
+	
+	<li>
+		<div class="effect" id="slideLeft">
+		<p>Slide left</p>
+		</div>
+	</li>
+	
+	<li>
+		<div class="effect" id="slideRight">
+		<p>Slide right</p>
+		</div>
+	</li>
+	
+	<li>
+		<div class="effect" id="transfer">
+		<p>Transfer to first element</p>
+		</div>
+	</li>
+
+</ul>
+
+</body>
+</html>
diff --git a/tests/visual/effects.all.js b/tests/visual/effects.all.js
index ebf0ad082..b52b23726 100644
--- a/tests/visual/effects.all.js
+++ b/tests/visual/effects.all.js
@@ -1,65 +1,65 @@
-$(document).ready(function() {

-	

-	$("div.effect")

-		.hover(function() {

-			$(this).addClass("hover");

-		}, function() {

-			$(this).removeClass("hover");

-		})

-		;

-	

-	

-	var effect = function(el, n, o) {

-		

-		$.extend(o, {

-			easing: "easeOutQuint"

-		});

-		

-		$(el).bind("click", function() {

-			

-			$(this).addClass("current").hide(n, o, 1000, function() {

-				var self = this;

-				window.setTimeout(function() {

-					$(self).show(n, o, 1000, function() { $(this).removeClass("current"); });

-				},500);

-			});

-		});

-		

-	};

-		

-

-	effect("#blindHorizontally", "blind", { direction: "horizontal" });

-	effect("#blindVertically", "blind", { direction: "vertical" });

-	

-	effect("#bounce3times", "bounce", { times: 3 });

-	

-	effect("#clipHorizontally", "clip", { direction: "horizontal" });

-	effect("#clipVertically", "clip", { direction: "vertical" });

-	

-	effect("#dropDown", "drop", { direction: "down" });

-	effect("#dropUp", "drop", { direction: "up" });

-	effect("#dropLeft", "drop", { direction: "left" });

-	effect("#dropRight", "drop", { direction: "right" });

-	

-	effect("#explode9", "explode", {  });

-	effect("#explode36", "explode", { pieces: 36 });

-	

-	effect("#fold", "fold", { size: 50 });

-	

-	effect("#highlight", "highlight", {  });

-	

-	effect("#pulsate", "pulsate", { times: 2 });

-	

-	effect("#puff", "puff", { times: 2 });

-	effect("#scale", "scale", {  });

-	

-	$("#shake").bind("click", function() { $(this).addClass("current").effect("shake", {}, 100, function() { $(this).removeClass("current"); }); });

-	

-	effect("#slideDown", "slide", { direction: "down" });

-	effect("#slideUp", "slide", { direction: "up" });

-	effect("#slideLeft", "slide", { direction: "left" });

-	effect("#slideRight", "slide", { direction: "right" });

-	

-	$("#transfer").bind("click", function() { $(this).addClass("current").effect("transfer", { to: "div:eq(0)" }, 1000, function() { $(this).removeClass("current"); }); });

-	

+$(document).ready(function() {
+	
+	$("div.effect")
+		.hover(function() {
+			$(this).addClass("hover");
+		}, function() {
+			$(this).removeClass("hover");
+		})
+		;
+	
+	
+	var effect = function(el, n, o) {
+		
+		$.extend(o, {
+			easing: "easeOutQuint"
+		});
+		
+		$(el).bind("click", function() {
+			
+			$(this).addClass("current").hide(n, o, 1000, function() {
+				var self = this;
+				window.setTimeout(function() {
+					$(self).show(n, o, 1000, function() { $(this).removeClass("current"); });
+				},500);
+			});
+		});
+		
+	};
+		
+
+	effect("#blindHorizontally", "blind", { direction: "horizontal" });
+	effect("#blindVertically", "blind", { direction: "vertical" });
+	
+	effect("#bounce3times", "bounce", { times: 3 });
+	
+	effect("#clipHorizontally", "clip", { direction: "horizontal" });
+	effect("#clipVertically", "clip", { direction: "vertical" });
+	
+	effect("#dropDown", "drop", { direction: "down" });
+	effect("#dropUp", "drop", { direction: "up" });
+	effect("#dropLeft", "drop", { direction: "left" });
+	effect("#dropRight", "drop", { direction: "right" });
+	
+	effect("#explode9", "explode", {  });
+	effect("#explode36", "explode", { pieces: 36 });
+	
+	effect("#fold", "fold", { size: 50 });
+	
+	effect("#highlight", "highlight", {  });
+	
+	effect("#pulsate", "pulsate", { times: 2 });
+	
+	effect("#puff", "puff", { times: 2 });
+	effect("#scale", "scale", {  });
+	
+	$("#shake").bind("click", function() { $(this).addClass("current").effect("shake", {}, 100, function() { $(this).removeClass("current"); }); });
+	
+	effect("#slideDown", "slide", { direction: "down" });
+	effect("#slideUp", "slide", { direction: "up" });
+	effect("#slideLeft", "slide", { direction: "left" });
+	effect("#slideRight", "slide", { direction: "right" });
+	
+	$("#transfer").bind("click", function() { $(this).addClass("current").effect("transfer", { to: "div:eq(0)" }, 1000, function() { $(this).removeClass("current"); }); });
+	
 });
\ No newline at end of file
diff --git a/tests/visual/magnifier.html b/tests/visual/magnifier.html
index 75b64807a..39d8fe96c 100644
--- a/tests/visual/magnifier.html
+++ b/tests/visual/magnifier.html
@@ -1,107 +1,107 @@
-<!doctype html>

-<html lang="en">

-<head>

-<meta http-equiv="Content-Language" content="en" />

-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

-<title>Magnifier Demo</title>

-

-<style type="text/css">

-

-body,html {

-	margin: 0;

-	padding: 0;

-	font-family: Arial;

-	font-size: 12px;

-}

-

-div.playground {

-	height: 150px;

-}

-

-#example1 img,

-#example2 img,

-#example3 img,

-#example4 img {

-	float:left;

-}

-

-</style>

-<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.magnifier.js"></script>

-

-

-</head>

-<body>

-

-<h2>1. Default, no options</h2>

-<div class="playground">

-	<div id='example1' class="ui-wrapper example" style="width: 580px; padding: 20px;">

-		<img src="../images/clock.png" width="48" alt="" />

-		<img src="../images/clock.png" width="48" alt="" />

-		<img src="../images/clock.png" width="48" alt="" />

-		<img src="../images/clock.png" width="48" alt="" />

-		<img src="../images/clock.png" width="48" alt="" />

-		<img src="../images/clock.png" width="48" alt="" />

-	</div>

-</div>

-

-<h2>2. Magnification set to 1.5 (default: 2)</h2>

-<div class="playground">

-	<div id='example2' class="ui-wrapper example" style="width: 580px; padding: 20px;">

-		<img src="../images/clock.png" width="48" alt="" />

-		<img src="../images/clock.png" width="48" alt="" />

-		<img src="../images/clock.png" width="48" alt="" />

-		<img src="../images/clock.png" width="48" alt="" />

-		<img src="../images/clock.png" width="48" alt="" />

-		<img src="../images/clock.png" width="48" alt="" />

-	</div>

-</div>

-

-<h2>3. Advanced example: overlap: true, zIndex: 10, opacity: { min: 0.6, max: 1 }, baseline: -1</h2>

-<div class="playground">

-	<div id='example3' class="ui-wrapper example" style="width: 580px; padding: 20px;">

-		<img src="../images/clock.png" width="48" alt="" />

-		<img src="../images/clock.png" width="48" alt="" />

-		<img src="../images/clock.png" width="48" alt="" />

-		<img src="../images/clock.png" width="48" alt="" />

-		<img src="../images/clock.png" width="48" alt="" />

-		<img src="../images/clock.png" width="48" alt="" />

-	</div>

-</div>

-

-<h2>4. Advanced example: The direction doesn't have to be horizontal!</h2>

-<div class="playground">

-	<div id='example4' class="ui-wrapper example" style="width: 150px; padding: 20px; height: 150px;">

-		<img src="../images/clock.png" width="48" alt="" />

-		<img src="../images/clock.png" width="48" alt="" />

-		<img src="../images/clock.png" width="48" alt="" />

-		<img src="../images/clock.png" width="48" alt="" />

-		<img src="../images/clock.png" width="48" alt="" />

-		<img src="../images/clock.png" width="48" alt="" />

-		<img src="../images/clock.png" width="48" alt="" />

-		<img src="../images/clock.png" width="48" alt="" />

-		<img src="../images/clock.png" width="48" alt="" />

-	</div>

-</div>

-

-<script type="text/javascript">

-if(!window.console) {

- window.console = {

- 	log: function() {

- 		alert(arguments[0]);	

- 	}	

- }	

-}

-

-$(window).bind("load",function(){

-

-	$('#example1').magnifier();

-	$('#example2').magnifier({ magnification: 1.5 });

-	$('#example3').magnifier({ magnification: 1.5, overlap: true, zIndex: 10, opacity: { min: 0.6, max: 1 }, baseline: -1  });

-	$('#example4').magnifier({ magnification: 1.5, overlap: true, zIndex: 10, opacity: { min: 0.6, max: 1 }, distance: 30  });

-

-});

-</script>

-</body>

-</html>

+<!doctype html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Language" content="en" />
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>Magnifier Demo</title>
+
+<style type="text/css">
+
+body,html {
+	margin: 0;
+	padding: 0;
+	font-family: Arial;
+	font-size: 12px;
+}
+
+div.playground {
+	height: 150px;
+}
+
+#example1 img,
+#example2 img,
+#example3 img,
+#example4 img {
+	float:left;
+}
+
+</style>
+<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.magnifier.js"></script>
+
+
+</head>
+<body>
+
+<h2>1. Default, no options</h2>
+<div class="playground">
+	<div id='example1' class="ui-wrapper example" style="width: 580px; padding: 20px;">
+		<img src="../images/clock.png" width="48" alt="" />
+		<img src="../images/clock.png" width="48" alt="" />
+		<img src="../images/clock.png" width="48" alt="" />
+		<img src="../images/clock.png" width="48" alt="" />
+		<img src="../images/clock.png" width="48" alt="" />
+		<img src="../images/clock.png" width="48" alt="" />
+	</div>
+</div>
+
+<h2>2. Magnification set to 1.5 (default: 2)</h2>
+<div class="playground">
+	<div id='example2' class="ui-wrapper example" style="width: 580px; padding: 20px;">
+		<img src="../images/clock.png" width="48" alt="" />
+		<img src="../images/clock.png" width="48" alt="" />
+		<img src="../images/clock.png" width="48" alt="" />
+		<img src="../images/clock.png" width="48" alt="" />
+		<img src="../images/clock.png" width="48" alt="" />
+		<img src="../images/clock.png" width="48" alt="" />
+	</div>
+</div>
+
+<h2>3. Advanced example: overlap: true, zIndex: 10, opacity: { min: 0.6, max: 1 }, baseline: -1</h2>
+<div class="playground">
+	<div id='example3' class="ui-wrapper example" style="width: 580px; padding: 20px;">
+		<img src="../images/clock.png" width="48" alt="" />
+		<img src="../images/clock.png" width="48" alt="" />
+		<img src="../images/clock.png" width="48" alt="" />
+		<img src="../images/clock.png" width="48" alt="" />
+		<img src="../images/clock.png" width="48" alt="" />
+		<img src="../images/clock.png" width="48" alt="" />
+	</div>
+</div>
+
+<h2>4. Advanced example: The direction doesn't have to be horizontal!</h2>
+<div class="playground">
+	<div id='example4' class="ui-wrapper example" style="width: 150px; padding: 20px; height: 150px;">
+		<img src="../images/clock.png" width="48" alt="" />
+		<img src="../images/clock.png" width="48" alt="" />
+		<img src="../images/clock.png" width="48" alt="" />
+		<img src="../images/clock.png" width="48" alt="" />
+		<img src="../images/clock.png" width="48" alt="" />
+		<img src="../images/clock.png" width="48" alt="" />
+		<img src="../images/clock.png" width="48" alt="" />
+		<img src="../images/clock.png" width="48" alt="" />
+		<img src="../images/clock.png" width="48" alt="" />
+	</div>
+</div>
+
+<script type="text/javascript">
+if(!window.console) {
+ window.console = {
+ 	log: function() {
+ 		alert(arguments[0]);	
+ 	}	
+ }	
+}
+
+$(window).bind("load",function(){
+
+	$('#example1').magnifier();
+	$('#example2').magnifier({ magnification: 1.5 });
+	$('#example3').magnifier({ magnification: 1.5, overlap: true, zIndex: 10, opacity: { min: 0.6, max: 1 }, baseline: -1  });
+	$('#example4').magnifier({ magnification: 1.5, overlap: true, zIndex: 10, opacity: { min: 0.6, max: 1 }, distance: 30  });
+
+});
+</script>
+</body>
+</html>
diff --git a/tests/visual/progressbar.html b/tests/visual/progressbar.html
index 79dae2e4d..6341a342f 100644
--- a/tests/visual/progressbar.html
+++ b/tests/visual/progressbar.html
@@ -1,294 +1,294 @@
-<!doctype html>

-<html lang="en">

-<head>

-<meta http-equiv="Content-Language" content="en" />

-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

-<title>ProgressBar Test Page</title>

-<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.resizable.js"></script>

-<script type="text/javascript" src="../../ui/ui.draggable.js"></script>

-<script type="text/javascript" src="../../ui/ui.progressbar.js"></script>

-<script type="text/javascript" src="../../ui/effects.core.js"></script>

-

-<style type="text/css" media="all">

-

-body

-{

-	background: #fff;

-	font-family: Arial;

-}

-

-#log {

-	right:0px;

-	top:0px;

-	background-color:#FAFCFE;

-	border:1px solid #DFE8F6;

-	height:400px;

-	width:300px;

-	position:absolute;

-	overflow:auto;

-}

-

-/* ProgressBar */

-

-.ui-progressbar {

-	width: 400px; height: 20px;

-	border: 1px #ccc solid;

-	background:#E0E8F3 url(../images/bg.gif) repeat-x scroll 0%;

-	position:relative;

-}

-

-.ui-progressbar-wrap {

-	position: relative;

-	height: auto;

-	width: auto;

-	line-height: 18px;

-	_line-height: 16px;

-}

-

-.ui-progressbar-bar {

-	background:#9CBFEE url(../images/progress-bg.gif) repeat-x scroll left center;

-	border-bottom:1px solid #7FA9E4;

-	border-right:1px solid #7FA9E4;

-	border-top:1px solid #D1E4FD;

-	position: absolute;

-}

-

-.ui-progressbar-text {

-	color:#fff;

-	overflow: hidden;

-	white-space: nowrap;

-	font-size: 11px;

-	font-weight: bold;

-	padding-left: 5px;

-}

-

-.ui-progressbar-text-back {

-	color:#000;

-	padding-top: 1px;

-	padding-bottom: 1px;

-	padding-right: 1px;

-}

-

-.ui-progressbar-disabled {

-	opacity:.5;

-	filter:Alpha(Opacity=50);

-}

-

-

-/* custom */

-.ui-progressbar-text.right-align {

-	text-align: right;

-	padding: 0 5px 0 0;

-}

-.ui-progressbar-inner-custom {

-	background: url(../images/custom-bar.gif) repeat-x scroll left center;

-	border-bottom:1px solid #EFEFEF;

-	border-right:0pt none;

-	border-top:1px solid #BEBEBE;

-	height:15px;

-}

-.bold {

-	color: red !important;

-}

-.ui-hidden {

-	left:-10000px;

-	position:absolute;

-	top:-10000px;

-	visibility:hidden;

-}

-

-</style>

-</head>

-<body >

-

-<h1>jQuery - ProgressBar</h1>

-

-<div id="log">log</div>

-

-

-<div id='p1'></div><br>

-

-<button id="p1-create">Create</button>

-<button id="p1-destroy" onclick="$('#p1').progressbar('destroy');">destroy</button>

-<button id="p1-start" onclick="$('#p1').progressbar('start');">Start</button>

-<button id="p1-stop" onclick="$('#p1').progressbar('stop');">Stop</button>

-<button id="p1-stop" onclick="$('#p1').progressbar('pause');">pause</button>

-<button id="p1-enable" onclick="$('#p1').progressbar('enable');">enable</button>

-<button id="p1-disable" onclick="$('#p1').progressbar('disable');">disable</button>

-<button id="p1-progress" onclick="$('#p1').progressbar('progress', 50);">progress to 50</button>

-<button id="p1-progress" onclick="$('#p1').progressbar('text', 'Textchanged!');">Change text</button>

-

-<br><br>

-

-<div id='p2'></div><br>

-

-<button id="p2-create">Create</button>

-<button id="p2-destroy" onclick="$('#p2').progressbar('destroy');">destroy</button>

-<button id="p2-start" onclick="$('#p2').progressbar('start');">Start</button>

-<button id="p2-stop" onclick="$('#p2').progressbar('stop');">Stop</button>

-<button id="p2-stop" onclick="$('#p2').progressbar('pause');">pause</button>

-<button id="p2-enable" onclick="$('#p2').progressbar('enable');">enable</button>

-<button id="p2-disable" onclick="$('#p2').progressbar('disable');">disable</button>

-<button id="p2-progress" onclick="$('#p2').progressbar('progress', 40);">progress to 50</button>

-

-<br><br>

-

-<div id='p3'></div><br>

-

-<button id="p3-create">Create</button>

-<button id="p3-destroy" onclick="$('#p3').progressbar('destroy');">destroy</button>

-<button id="p3-start" onclick="$('#p3').progressbar('start');">Start</button>

-<button id="p3-stop" onclick="$('#p3').progressbar('stop');">Stop</button>

-<button id="p3-stop" onclick="$('#p3').progressbar('pause');">pause</button>

-<button id="p3-enable" onclick="$('#p3').progressbar('enable');">enable</button>

-<button id="p3-disable" onclick="$('#p3').progressbar('disable');">disable</button>

-<button id="p3-progress" onclick="$('#p3').progressbar('progress', $('#p3-value').val());">progress to</button>

-<input type="text" id="p3-value" value="35"/>

-

-<br><br>

-

-<button id="p2-startall" onclick="$('#p2, #p1, #p3').progressbar('start');">Start All</button>

-<button id="p2-stopall" onclick="$('#p2, #p1, #p3').progressbar('stop');">Stop All</button>

-<button id="p2-stopall" onclick="$('#p2, #p1, #p3').progressbar('pause');">Pause All</button>

-

-<script>

-

-$(function() {

-

-	$('#p1-create').click(function() {

-

-		$('#p1').progressbar({

-

-			text: 'jQuery ProgressBar waiting...',

-

-			//addClass: 'ui-progressbar-inner-custom teste',

-

-			//textClass: 'right-align',

-

-			//align: 'right',

-

-			equation: 'easeOutBounce',

-

-			width: 500,

-

-			duration: 3000,

-

-			interval: 800,

-

-     	 	increment: 1,

-

-			progress: function(ui) {

-				//console.log(ui.pixelRange);

-				//console.log(ui);

-				//ui.instance.text('Waiting...');

-			},

-

-			stop: function(ui) {

-				//console.log('user stop', ui);

-			},

-

-			start: function(ui) {

-				//console.log('user start', ui);

-				console.log('p1', ui.identifier);

-			}

-

-		});

-

-	}).trigger("click");

-

-

-	$('#p2-create').click(function() {

-

-		$('#p2').progressbar({

-

-			text: 'Testing...',

-

-			//addClass: 'ui-progressbar-inner-custom teste',

-

-			//textClass: 'right-align',

-

-			//align: 'right',

-

-			width: 500,

-

-			duration: 5000,

-

-			equation: 'easeInOutQuint',

-

-			interval: 2000,

-

-     	 	increment: 50,

-

-			progress: function(ui) {

-				//console.log(ui.pixelRange);

-				//console.log(ui);

-				//ui.instance.text('Waiting...');

-			},

-

-			stop: function(ui) {

-				//console.log('user stop', ui);

-			},

-

-			start: function(ui) {

-				//console.log('user start', ui);

-				console.log('p2', ui.identifier);

-			}

-

-		});

-

-	}).trigger("click");

-

-

-	$('#p3-create').click(function() {

-

-		$('#p3').progressbar({

-

-			//text: 'Testing again...',

-

-			//addClass: 'ui-progressbar-inner-custom teste',

-

-			//textClass: 'right-align',

-

-			//align: 'right',

-

-			width: 700,

-

-			duration: 5000,

-

-			interval: 3000,

-

-     	 	increment: 10,

-

-			progress: function(ui) {

-				//console.log(ui.pixelRange);

-				//console.log(ui);

-				//ui.instance.text('Waiting...');

-			},

-

-			stop: function(ui) {

-				//console.log('user stop', ui);

-			},

-

-			start: function(ui) {

-				//console.log('user start', ui);

-				console.log('p3', ui.identifier);

-			}

-

-		});

-	}).trigger('click');

-});

-

-if(!window.console) {

- window.console = {

- 	log: function() {

- 		$('#log').append(arguments[0]+"<br>");

-		$('#log').scrollTop(999999);

- 	}

- };

-}

-

-</script>

-</body>

-</html>

+<!doctype html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Language" content="en" />
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>ProgressBar Test Page</title>
+<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.resizable.js"></script>
+<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
+<script type="text/javascript" src="../../ui/ui.progressbar.js"></script>
+<script type="text/javascript" src="../../ui/effects.core.js"></script>
+
+<style type="text/css" media="all">
+
+body
+{
+	background: #fff;
+	font-family: Arial;
+}
+
+#log {
+	right:0px;
+	top:0px;
+	background-color:#FAFCFE;
+	border:1px solid #DFE8F6;
+	height:400px;
+	width:300px;
+	position:absolute;
+	overflow:auto;
+}
+
+/* ProgressBar */
+
+.ui-progressbar {
+	width: 400px; height: 20px;
+	border: 1px #ccc solid;
+	background:#E0E8F3 url(../images/bg.gif) repeat-x scroll 0%;
+	position:relative;
+}
+
+.ui-progressbar-wrap {
+	position: relative;
+	height: auto;
+	width: auto;
+	line-height: 18px;
+	_line-height: 16px;
+}
+
+.ui-progressbar-bar {
+	background:#9CBFEE url(../images/progress-bg.gif) repeat-x scroll left center;
+	border-bottom:1px solid #7FA9E4;
+	border-right:1px solid #7FA9E4;
+	border-top:1px solid #D1E4FD;
+	position: absolute;
+}
+
+.ui-progressbar-text {
+	color:#fff;
+	overflow: hidden;
+	white-space: nowrap;
+	font-size: 11px;
+	font-weight: bold;
+	padding-left: 5px;
+}
+
+.ui-progressbar-text-back {
+	color:#000;
+	padding-top: 1px;
+	padding-bottom: 1px;
+	padding-right: 1px;
+}
+
+.ui-progressbar-disabled {
+	opacity:.5;
+	filter:Alpha(Opacity=50);
+}
+
+
+/* custom */
+.ui-progressbar-text.right-align {
+	text-align: right;
+	padding: 0 5px 0 0;
+}
+.ui-progressbar-inner-custom {
+	background: url(../images/custom-bar.gif) repeat-x scroll left center;
+	border-bottom:1px solid #EFEFEF;
+	border-right:0pt none;
+	border-top:1px solid #BEBEBE;
+	height:15px;
+}
+.bold {
+	color: red !important;
+}
+.ui-hidden {
+	left:-10000px;
+	position:absolute;
+	top:-10000px;
+	visibility:hidden;
+}
+
+</style>
+</head>
+<body >
+
+<h1>jQuery - ProgressBar</h1>
+
+<div id="log">log</div>
+
+
+<div id='p1'></div><br>
+
+<button id="p1-create">Create</button>
+<button id="p1-destroy" onclick="$('#p1').progressbar('destroy');">destroy</button>
+<button id="p1-start" onclick="$('#p1').progressbar('start');">Start</button>
+<button id="p1-stop" onclick="$('#p1').progressbar('stop');">Stop</button>
+<button id="p1-stop" onclick="$('#p1').progressbar('pause');">pause</button>
+<button id="p1-enable" onclick="$('#p1').progressbar('enable');">enable</button>
+<button id="p1-disable" onclick="$('#p1').progressbar('disable');">disable</button>
+<button id="p1-progress" onclick="$('#p1').progressbar('progress', 50);">progress to 50</button>
+<button id="p1-progress" onclick="$('#p1').progressbar('text', 'Textchanged!');">Change text</button>
+
+<br><br>
+
+<div id='p2'></div><br>
+
+<button id="p2-create">Create</button>
+<button id="p2-destroy" onclick="$('#p2').progressbar('destroy');">destroy</button>
+<button id="p2-start" onclick="$('#p2').progressbar('start');">Start</button>
+<button id="p2-stop" onclick="$('#p2').progressbar('stop');">Stop</button>
+<button id="p2-stop" onclick="$('#p2').progressbar('pause');">pause</button>
+<button id="p2-enable" onclick="$('#p2').progressbar('enable');">enable</button>
+<button id="p2-disable" onclick="$('#p2').progressbar('disable');">disable</button>
+<button id="p2-progress" onclick="$('#p2').progressbar('progress', 40);">progress to 50</button>
+
+<br><br>
+
+<div id='p3'></div><br>
+
+<button id="p3-create">Create</button>
+<button id="p3-destroy" onclick="$('#p3').progressbar('destroy');">destroy</button>
+<button id="p3-start" onclick="$('#p3').progressbar('start');">Start</button>
+<button id="p3-stop" onclick="$('#p3').progressbar('stop');">Stop</button>
+<button id="p3-stop" onclick="$('#p3').progressbar('pause');">pause</button>
+<button id="p3-enable" onclick="$('#p3').progressbar('enable');">enable</button>
+<button id="p3-disable" onclick="$('#p3').progressbar('disable');">disable</button>
+<button id="p3-progress" onclick="$('#p3').progressbar('progress', $('#p3-value').val());">progress to</button>
+<input type="text" id="p3-value" value="35"/>
+
+<br><br>
+
+<button id="p2-startall" onclick="$('#p2, #p1, #p3').progressbar('start');">Start All</button>
+<button id="p2-stopall" onclick="$('#p2, #p1, #p3').progressbar('stop');">Stop All</button>
+<button id="p2-stopall" onclick="$('#p2, #p1, #p3').progressbar('pause');">Pause All</button>
+
+<script>
+
+$(function() {
+
+	$('#p1-create').click(function() {
+
+		$('#p1').progressbar({
+
+			text: 'jQuery ProgressBar waiting...',
+
+			//addClass: 'ui-progressbar-inner-custom teste',
+
+			//textClass: 'right-align',
+
+			//align: 'right',
+
+			equation: 'easeOutBounce',
+
+			width: 500,
+
+			duration: 3000,
+
+			interval: 800,
+
+     	 	increment: 1,
+
+			progress: function(ui) {
+				//console.log(ui.pixelRange);
+				//console.log(ui);
+				//ui.instance.text('Waiting...');
+			},
+
+			stop: function(ui) {
+				//console.log('user stop', ui);
+			},
+
+			start: function(ui) {
+				//console.log('user start', ui);
+				console.log('p1', ui.identifier);
+			}
+
+		});
+
+	}).trigger("click");
+
+
+	$('#p2-create').click(function() {
+
+		$('#p2').progressbar({
+
+			text: 'Testing...',
+
+			//addClass: 'ui-progressbar-inner-custom teste',
+
+			//textClass: 'right-align',
+
+			//align: 'right',
+
+			width: 500,
+
+			duration: 5000,
+
+			equation: 'easeInOutQuint',
+
+			interval: 2000,
+
+     	 	increment: 50,
+
+			progress: function(ui) {
+				//console.log(ui.pixelRange);
+				//console.log(ui);
+				//ui.instance.text('Waiting...');
+			},
+
+			stop: function(ui) {
+				//console.log('user stop', ui);
+			},
+
+			start: function(ui) {
+				//console.log('user start', ui);
+				console.log('p2', ui.identifier);
+			}
+
+		});
+
+	}).trigger("click");
+
+
+	$('#p3-create').click(function() {
+
+		$('#p3').progressbar({
+
+			//text: 'Testing again...',
+
+			//addClass: 'ui-progressbar-inner-custom teste',
+
+			//textClass: 'right-align',
+
+			//align: 'right',
+
+			width: 700,
+
+			duration: 5000,
+
+			interval: 3000,
+
+     	 	increment: 10,
+
+			progress: function(ui) {
+				//console.log(ui.pixelRange);
+				//console.log(ui);
+				//ui.instance.text('Waiting...');
+			},
+
+			stop: function(ui) {
+				//console.log('user stop', ui);
+			},
+
+			start: function(ui) {
+				//console.log('user start', ui);
+				console.log('p3', ui.identifier);
+			}
+
+		});
+	}).trigger('click');
+});
+
+if(!window.console) {
+ window.console = {
+ 	log: function() {
+ 		$('#log').append(arguments[0]+"<br>");
+		$('#log').scrollTop(999999);
+ 	}
+ };
+}
+
+</script>
+</body>
+</html>
diff --git a/tests/visual/resizable.html b/tests/visual/resizable.html
index caef95f26..1129db91e 100644
--- a/tests/visual/resizable.html
+++ b/tests/visual/resizable.html
@@ -1,26 +1,26 @@
-<!doctype html>

-<html lang="en">

-<head>

-	<title>Simple Resizable</title>

-	<link rel="stylesheet" href="all.css" type="text/css" media="screen">

-	<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.resizable.js"></script>

-	<script type="text/javascript">

-	$(function() {

-		$("#resizable").resizable();

-	});

-	</script>

-</head>

-

-<body>

-

-<ul class="plugins">

-<li>

-	Resizable

-	<div id="resizable"></div>

-</li>

-</ul>

-

-</body>

-</html>

+<!doctype html>
+<html lang="en">
+<head>
+	<title>Simple Resizable</title>
+	<link rel="stylesheet" href="all.css" type="text/css" media="screen">
+	<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.resizable.js"></script>
+	<script type="text/javascript">
+	$(function() {
+		$("#resizable").resizable();
+	});
+	</script>
+</head>
+
+<body>
+
+<ul class="plugins">
+<li>
+	Resizable
+	<div id="resizable"></div>
+</li>
+</ul>
+
+</body>
+</html>
diff --git a/tests/visual/selectable.html b/tests/visual/selectable.html
index a0f21d0ef..f3351d898 100644
--- a/tests/visual/selectable.html
+++ b/tests/visual/selectable.html
@@ -1,36 +1,36 @@
-<!doctype html>

-<html lang="en">

-<head>

-	<title>Simple Selectable</title>

-	<link rel="stylesheet" href="all.css" type="text/css" media="screen">

-	<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.selectable.js"></script>

-	<script type="text/javascript">

-	$(function() {

-		$("#selectable").selectable();

-	});

-	</script>

-</head>

-

-<body>

-

-<ul class="plugins">

-<li>

-	Selectable

-	<div id="selectable">

-		<div>1</div>

-		<div>2</div>

-		<div>3</div>

-		<div>4</div>

-		<div>5</div>

-		<div>6</div>

-		<div>7</div>

-		<div>8</div>

-		<div>9</div>

-	</div>

-</li>

-</ul>

-

-</body>

-</html>

+<!doctype html>
+<html lang="en">
+<head>
+	<title>Simple Selectable</title>
+	<link rel="stylesheet" href="all.css" type="text/css" media="screen">
+	<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.selectable.js"></script>
+	<script type="text/javascript">
+	$(function() {
+		$("#selectable").selectable();
+	});
+	</script>
+</head>
+
+<body>
+
+<ul class="plugins">
+<li>
+	Selectable
+	<div id="selectable">
+		<div>1</div>
+		<div>2</div>
+		<div>3</div>
+		<div>4</div>
+		<div>5</div>
+		<div>6</div>
+		<div>7</div>
+		<div>8</div>
+		<div>9</div>
+	</div>
+</li>
+</ul>
+
+</body>
+</html>
diff --git a/tests/visual/slider.html b/tests/visual/slider.html
index 543140d10..c6306ed8c 100644
--- a/tests/visual/slider.html
+++ b/tests/visual/slider.html
@@ -1,26 +1,26 @@
-<!doctype html>

-<html lang="en">

-<head>

-	<title>Simple Slider</title>

-	<link rel="stylesheet" href="all.css" type="text/css" media="screen">

-	<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.slider.js"></script>

-	<script type="text/javascript">

-	$(function() {

-		$("#slider").slider();

-	});

-	</script>

-</head>

-

-<body>

-

-<ul class="plugins">

-<li>

-	Slider

-	<div id="slider"></div>

-</li>

-</ul>

-

-</body>

-</html>

+<!doctype html>
+<html lang="en">
+<head>
+	<title>Simple Slider</title>
+	<link rel="stylesheet" href="all.css" type="text/css" media="screen">
+	<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.slider.js"></script>
+	<script type="text/javascript">
+	$(function() {
+		$("#slider").slider();
+	});
+	</script>
+</head>
+
+<body>
+
+<ul class="plugins">
+<li>
+	Slider
+	<div id="slider"></div>
+</li>
+</ul>
+
+</body>
+</html>
diff --git a/tests/visual/sortable.html b/tests/visual/sortable.html
index d0b6bcb98..6d280ef92 100644
--- a/tests/visual/sortable.html
+++ b/tests/visual/sortable.html
@@ -1,36 +1,36 @@
-<!doctype html>

-<html lang="en">

-<head>

-	<title>Simple Sortable</title>

-	<link rel="stylesheet" href="all.css" type="text/css" media="screen">

-	<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.sortable.js"></script>

-	<script type="text/javascript">

-	$(function() {

-		$("#sortable").sortable();

-	});

-	</script>

-</head>

-

-<body>

-

-<ul class="plugins">

-<li>

-	Sortable

-	<div id="sortable">

-		<div>C</div>

-		<div>I</div>

-		<div>G</div>

-		<div>F</div>

-		<div>D</div>

-		<div>H</div>

-		<div>A</div>

-		<div>E</div>

-		<div>B</div>

-	</div>

-</li>

-</ul>

-

-</body>

-</html>

+<!doctype html>
+<html lang="en">
+<head>
+	<title>Simple Sortable</title>
+	<link rel="stylesheet" href="all.css" type="text/css" media="screen">
+	<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.sortable.js"></script>
+	<script type="text/javascript">
+	$(function() {
+		$("#sortable").sortable();
+	});
+	</script>
+</head>
+
+<body>
+
+<ul class="plugins">
+<li>
+	Sortable
+	<div id="sortable">
+		<div>C</div>
+		<div>I</div>
+		<div>G</div>
+		<div>F</div>
+		<div>D</div>
+		<div>H</div>
+		<div>A</div>
+		<div>E</div>
+		<div>B</div>
+	</div>
+</li>
+</ul>
+
+</body>
+</html>
diff --git a/tests/visual/sortable_massive_scale.html b/tests/visual/sortable_massive_scale.html
index a7c4c1d04..591341ad2 100644
--- a/tests/visual/sortable_massive_scale.html
+++ b/tests/visual/sortable_massive_scale.html
@@ -1,756 +1,756 @@
-<!doctype html>

-<html lang="en">

-<head>

-	<title>Sortable Visual Test</title>

-	<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.sortable.js"></script>

-	<script type="text/javascript" src="../../ui/ui.draggable.js"></script>

-	

-	<script type="text/javascript">

-

-

-		

-		$(document).ready( function() {

-			$('ul').not(".draggable").sortable({  items: "li" });

-			$("ul.draggable li").draggable({ helper: "clone", connectToSortable: "ul" });

-		});

-	</script>

-	<style>

-		ul {

-			list-style: none;

-			padding: 0;

-			border: 1px solid black;

-			width: 210px;

-			float: left;

-			margin-right: 10px;

-		}

-		li {

-			width: 200px;

-			background: #eee;

-			margin: 5px;

-		}

-	</style>

-</head>

-<body>

-

-<ul class="draggable">

-	<li>Draggable</li>

-</ul>

-

-<ul>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-</ul>

-

-<ul>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-</ul>

-

-<ul>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-</ul>

-

-<ul>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-</ul>

-

-<ul>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-	<li>Item 1</li>

-	<li>Item 2</li>

-	<li>Item 3</li>

-	<li>Item 4</li>

-	<li>Item 5</li>

-	<li>Item 6</li>

-	<li>Item 7</li>

-	<li>Item 8</li>

-	<li>Item 9</li>

-	<li>Item 10</li>

-	<li>Item 11</li>

-	<li>Item 12</li>

-	<li>Item 13</li>

-	<li>Item 14</li>

-	<li>Item 15</li>

-	<li>Item 16</li>

-	<li>Item 17</li>

-	<li>Item 18</li>

-	<li>Item 19</li>

-	<li>Item 20</li>

-</ul>

-</body>

+<!doctype html>
+<html lang="en">
+<head>
+	<title>Sortable Visual Test</title>
+	<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.sortable.js"></script>
+	<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
+	
+	<script type="text/javascript">
+
+
+		
+		$(document).ready( function() {
+			$('ul').not(".draggable").sortable({  items: "li" });
+			$("ul.draggable li").draggable({ helper: "clone", connectToSortable: "ul" });
+		});
+	</script>
+	<style>
+		ul {
+			list-style: none;
+			padding: 0;
+			border: 1px solid black;
+			width: 210px;
+			float: left;
+			margin-right: 10px;
+		}
+		li {
+			width: 200px;
+			background: #eee;
+			margin: 5px;
+		}
+	</style>
+</head>
+<body>
+
+<ul class="draggable">
+	<li>Draggable</li>
+</ul>
+
+<ul>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+</ul>
+
+<ul>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+</ul>
+
+<ul>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+</ul>
+
+<ul>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+</ul>
+
+<ul>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+	<li>Item 1</li>
+	<li>Item 2</li>
+	<li>Item 3</li>
+	<li>Item 4</li>
+	<li>Item 5</li>
+	<li>Item 6</li>
+	<li>Item 7</li>
+	<li>Item 8</li>
+	<li>Item 9</li>
+	<li>Item 10</li>
+	<li>Item 11</li>
+	<li>Item 12</li>
+	<li>Item 13</li>
+	<li>Item 14</li>
+	<li>Item 15</li>
+	<li>Item 16</li>
+	<li>Item 17</li>
+	<li>Item 18</li>
+	<li>Item 19</li>
+	<li>Item 20</li>
+</ul>
+</body>
 </html>
\ No newline at end of file
diff --git a/tests/visual/spinner.html b/tests/visual/spinner.html
index 219a178ec..de05b6d25 100644
--- a/tests/visual/spinner.html
+++ b/tests/visual/spinner.html
@@ -1,220 +1,220 @@
-<!doctype html>

-<html lang="en">

-<head>

-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

-<title>jQuery UI Spinner Test page</title>

-<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.spinner.js"></script>

-

-

-<script type="text/javascript">

-$(function(){

-	var itemList = [

-		{url: "http://ejohn.org", title: "John Resig"},

-		{url: "http://bassistance.de/", title: "J&ouml;rn Zaefferer"},

-		{url: "http://snook.ca/jonathan/", title: "Jonathan Snook"},

-		{url: "http://rdworth.org/", title: "Richard Worth"},

-		{url: "http://www.paulbakaus.com/", title: "Paul Bakaus"},

-		{url: "http://www.yehudakatz.com/", title: "Yehuda Katz"},

-		{url: "http://www.azarask.in/", title: "Aza Raskin"},

-		{url: "http://www.karlswedberg.com/", title: "Karl Swedberg"},

-		{url: "http://scottjehl.com/", title: "Scott Jehl"},

-		{url: "http://jdsharp.us/", title: "Jonathan Sharp"},

-		{url: "http://www.kevinhoyt.org/", title: "Kevin Hoyt"},

-		{url: "http://www.codylindley.com/", title: "Cody Lindley"},

-		{url: "http://malsup.com/jquery/", title: "Mike Alsup"}

-	];

-	

-	var opts = {

-		's1': {},

-		's2': {stepping: 0.25},

-		's3': {currency: '$'},

-		's4': {},

-		's5': {

-			init: function(ui) {

-				for (var i=0; i<itemList.length; i++) {

-					ui.add(itemList[i].title +' <a href="'+ itemList[i].url +'" target="_blank">&raquo;</a>');

-				}

-			}

-		}

-	};

-

-	for (var n in opts)

-		$("#"+n).spinner(opts[n]);

-

-	$("button").click(function(e){

-		var ns = $(this).attr('id').match(/(s\d)\-(\w+)$/);

-		if (ns != null)

-			$('#'+ns[1]).spinner( (ns[2] == 'create') ? opts[ns[1]] : ns[2]);

-	});

-

-});

-</script>

-

-<style type="text/css">

-

-body

-{

-	background: #fff;

-	font-family: Arial;

-}

-

-label {

-	float: left;

-	margin-right: .5em;

-	padding: .15em 0;

-	font-weight: bold;

-}

-

-.ui-spinner {

-	width: 15em;

-	display: block;

-	position: relative;

-	overflow: hidden;

-	border: 1px solid #999;

-	background: #FEFEFE url(../images/spinner-bg.gif) repeat-x left bottom;

-	padding: 0 5px;

-}

-

-.ui-spinner-disabled {

-	background: #F4F4F4;

-	color: #CCC;

-}

-

-.ui-spinner-box {

-	width: 90%;

-	height: 100%;

-	float: left;

-	font-size: 125%;

-	border: none;

-	background: none;

-	padding: 0;

-}

-

-.ui-spinner-up,

-.ui-spinner-down {

-	width: 10%;

-	height: 50%;

-	font-size: 0.5em;

-	padding: 0;

-	margin: 0;

-	z-index: 100;

-	text-align: center;

-	vertical-align: middle;

-	position: absolute;

-	right: 0;

-	cursor: default;

-	border: 1px solid #999;

-	border-right: none;

-	border-top: none;

-}

-

-.ui-spinner-down {

-	bottom: 0;

-	border-bottom: 0;

-}

-

-.ui-spinner-pressed {

-	background: #FEFEFE;

-}

-

-.ui-spinner-list,

-.ui-spinner-listitem {

-	margin: 0;

-	padding: 0;

-}

-

-</style>

-</head>

-

-<body>

-

-<h1>jQuery UI Spinner Test Page</h1>

-

-<p>This is a visual test page for developers and demonstrates some of the features included in ui.spinner. Mousewheel support is provided by the <a href="http://plugins.jquery.com/project/mousewheel">mousewheel plugin</a>.</p>

-

-<p><label for="s1">Basic: </label>

-<input type="text" id="s1" value="10" /></p>

-

-<p>

-<button id="s1-disable">disable</button>

-<button id="s1-enable">enable</button>

-<button id="s1-destroy">destroy</button>

-<button id="s1-create">create</button>

-</p>

-

-<hr />

-

-<p><label for="s2">Decimal: </label>

-<input type="text" id="s2" value="10.25" /></p>

-

-<p>

-<button id="s2-disable">disable</button>

-<button id="s2-enable">enable</button>

-<button id="s2-destroy">destroy</button>

-<button id="s2-create">create</button>

-</p>

-

-<hr />

-

-<p><label for="s3">Currency: </label>

-<input type="text" id="s3" /></p>

-

-<p>

-<button id="s3-disable">disable</button>

-<button id="s3-enable">enable</button>

-<button id="s3-destroy">destroy</button>

-<button id="s3-create">create</button>

-</p>

-

-<hr />

-

-<p><label for="s4">Data List: </label>

-<ul id="s4">

-	<li>item 1</li>

-	<li>item 2</li>

-	<li>item 3</li>

-	<li>item 4</li>

-	<li>item 5</li>

-	<li>item 6</li>

-	<li>item 7</li>

-	<li>item 8</li>

-	<li>item 9</li>

-	<li>item 10</li>

-	<li>item 11</li>

-	<li>item 12</li>

-	<li>item 13</li>

-	<li>item 14</li>

-	<li>item 15</li>

-	<li>item 16</li>

-	<li>item 17</li>

-	<li>item 18</li>

-	<li>item 19</li>

-	<li>item 20</li>

-</ul>

-

-<p>

-<button id="s4-disable">disable</button>

-<button id="s4-enable">enable</button>

-<button id="s4-destroy">destroy</button>

-<button id="s4-create">create</button>

-</p>

-

-<hr />

-

-<p><label for="s5">Presenters: </label>

-<div id="s5"></div>

-

-<p>

-<button id="s5-disable">disable</button>

-<button id="s5-enable">enable</button>

-<button id="s5-destroy">destroy</button>

-<button id="s5-create">create</button>

-</p>

-

-<hr />

-

-

-</body>

+<!doctype html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>jQuery UI Spinner Test page</title>
+<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.spinner.js"></script>
+
+
+<script type="text/javascript">
+$(function(){
+	var itemList = [
+		{url: "http://ejohn.org", title: "John Resig"},
+		{url: "http://bassistance.de/", title: "J&ouml;rn Zaefferer"},
+		{url: "http://snook.ca/jonathan/", title: "Jonathan Snook"},
+		{url: "http://rdworth.org/", title: "Richard Worth"},
+		{url: "http://www.paulbakaus.com/", title: "Paul Bakaus"},
+		{url: "http://www.yehudakatz.com/", title: "Yehuda Katz"},
+		{url: "http://www.azarask.in/", title: "Aza Raskin"},
+		{url: "http://www.karlswedberg.com/", title: "Karl Swedberg"},
+		{url: "http://scottjehl.com/", title: "Scott Jehl"},
+		{url: "http://jdsharp.us/", title: "Jonathan Sharp"},
+		{url: "http://www.kevinhoyt.org/", title: "Kevin Hoyt"},
+		{url: "http://www.codylindley.com/", title: "Cody Lindley"},
+		{url: "http://malsup.com/jquery/", title: "Mike Alsup"}
+	];
+	
+	var opts = {
+		's1': {},
+		's2': {stepping: 0.25},
+		's3': {currency: '$'},
+		's4': {},
+		's5': {
+			init: function(ui) {
+				for (var i=0; i<itemList.length; i++) {
+					ui.add(itemList[i].title +' <a href="'+ itemList[i].url +'" target="_blank">&raquo;</a>');
+				}
+			}
+		}
+	};
+
+	for (var n in opts)
+		$("#"+n).spinner(opts[n]);
+
+	$("button").click(function(e){
+		var ns = $(this).attr('id').match(/(s\d)\-(\w+)$/);
+		if (ns != null)
+			$('#'+ns[1]).spinner( (ns[2] == 'create') ? opts[ns[1]] : ns[2]);
+	});
+
+});
+</script>
+
+<style type="text/css">
+
+body
+{
+	background: #fff;
+	font-family: Arial;
+}
+
+label {
+	float: left;
+	margin-right: .5em;
+	padding: .15em 0;
+	font-weight: bold;
+}
+
+.ui-spinner {
+	width: 15em;
+	display: block;
+	position: relative;
+	overflow: hidden;
+	border: 1px solid #999;
+	background: #FEFEFE url(../images/spinner-bg.gif) repeat-x left bottom;
+	padding: 0 5px;
+}
+
+.ui-spinner-disabled {
+	background: #F4F4F4;
+	color: #CCC;
+}
+
+.ui-spinner-box {
+	width: 90%;
+	height: 100%;
+	float: left;
+	font-size: 125%;
+	border: none;
+	background: none;
+	padding: 0;
+}
+
+.ui-spinner-up,
+.ui-spinner-down {
+	width: 10%;
+	height: 50%;
+	font-size: 0.5em;
+	padding: 0;
+	margin: 0;
+	z-index: 100;
+	text-align: center;
+	vertical-align: middle;
+	position: absolute;
+	right: 0;
+	cursor: default;
+	border: 1px solid #999;
+	border-right: none;
+	border-top: none;
+}
+
+.ui-spinner-down {
+	bottom: 0;
+	border-bottom: 0;
+}
+
+.ui-spinner-pressed {
+	background: #FEFEFE;
+}
+
+.ui-spinner-list,
+.ui-spinner-listitem {
+	margin: 0;
+	padding: 0;
+}
+
+</style>
+</head>
+
+<body>
+
+<h1>jQuery UI Spinner Test Page</h1>
+
+<p>This is a visual test page for developers and demonstrates some of the features included in ui.spinner. Mousewheel support is provided by the <a href="http://plugins.jquery.com/project/mousewheel">mousewheel plugin</a>.</p>
+
+<p><label for="s1">Basic: </label>
+<input type="text" id="s1" value="10" /></p>
+
+<p>
+<button id="s1-disable">disable</button>
+<button id="s1-enable">enable</button>
+<button id="s1-destroy">destroy</button>
+<button id="s1-create">create</button>
+</p>
+
+<hr />
+
+<p><label for="s2">Decimal: </label>
+<input type="text" id="s2" value="10.25" /></p>
+
+<p>
+<button id="s2-disable">disable</button>
+<button id="s2-enable">enable</button>
+<button id="s2-destroy">destroy</button>
+<button id="s2-create">create</button>
+</p>
+
+<hr />
+
+<p><label for="s3">Currency: </label>
+<input type="text" id="s3" /></p>
+
+<p>
+<button id="s3-disable">disable</button>
+<button id="s3-enable">enable</button>
+<button id="s3-destroy">destroy</button>
+<button id="s3-create">create</button>
+</p>
+
+<hr />
+
+<p><label for="s4">Data List: </label>
+<ul id="s4">
+	<li>item 1</li>
+	<li>item 2</li>
+	<li>item 3</li>
+	<li>item 4</li>
+	<li>item 5</li>
+	<li>item 6</li>
+	<li>item 7</li>
+	<li>item 8</li>
+	<li>item 9</li>
+	<li>item 10</li>
+	<li>item 11</li>
+	<li>item 12</li>
+	<li>item 13</li>
+	<li>item 14</li>
+	<li>item 15</li>
+	<li>item 16</li>
+	<li>item 17</li>
+	<li>item 18</li>
+	<li>item 19</li>
+	<li>item 20</li>
+</ul>
+
+<p>
+<button id="s4-disable">disable</button>
+<button id="s4-enable">enable</button>
+<button id="s4-destroy">destroy</button>
+<button id="s4-create">create</button>
+</p>
+
+<hr />
+
+<p><label for="s5">Presenters: </label>
+<div id="s5"></div>
+
+<p>
+<button id="s5-disable">disable</button>
+<button id="s5-enable">enable</button>
+<button id="s5-destroy">destroy</button>
+<button id="s5-create">create</button>
+</p>
+
+<hr />
+
+
+</body>
 </html>
\ No newline at end of file
diff --git a/tests/visual/tree.html b/tests/visual/tree.html
index 4ae543245..988e7d132 100644
--- a/tests/visual/tree.html
+++ b/tests/visual/tree.html
@@ -1,100 +1,100 @@
-<!doctype html>

-<html lang="en">

-<head>

-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

-<title>Untitled Document</title>

-

-<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.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.sortable.js"></script>

-<script type="text/javascript" src="../../../branches/1.8/ui.tree.js"></script>

-

-

-<script>

-$(document).ready(function(){

-

-$("ul.sortable").tree({

-	sortOn: "li",

-	dropOn: ".folder",

-	dropHoverClass: "hover"

-});

-

-

-	

-});

-</script>

-

-<style type="text/css">

-body {

-background:#fff;

-color:#333;

-font-size:11px;

-font-family:"lucida grande", tahoma, verdana, arial, sans-serif;

-}

-

-.hover {

-	background: green;

-	color: #fff;

-}

-

-.placeholder {

-	display: none;

-}

-

-.hover-up {

-	border-bottom: 2px solid black;

-}

-

-.hover-down {

-	border-top: 2px solid black;

-}

-

-.folder {

-	border: 1px solid black;

-}

-

-li {

-	padding: 3px;

-}

-

-</style>

-</head>

-

-<body>

-

-	<ul class="sortable">

-		<li><div class="folder">Item 1</div></li>

-		<li><div class="folder">Item 2</div>

-			<ul>

-				<li>Sub Item 1</li>

-				<li>Sub Item 3</li>

-				<li>Sub Item 4</li>

-				<li>Sub Item 5</li>

-			</ul>

-		</li>

-		<li><div class="folder">Item 3</div></li>

-		<li><div class="folder">Item 4</div></li>

-		<li><div class="folder">Item 4</div></li>

-		<li><div class="folder">Item 4</div></li>

-		<li><div class="folder">Item 4</div></li>

-		<li><div class="folder">Item 4</div></li>

-		<li><div class="folder">Item 4</div></li>

-		<li><div class="folder">Item 4</div></li>

-		<li><div class="folder">Item 2</div>

-			<ul>

-				<li>Sub Item 1</li>

-				<li>Sub Item 3</li>

-				<li>Sub Item 4</li>

-				<li>Sub Item 5</li>

-			</ul>

-		</li>

-		<li>Item 6</li>

-		<li>Item 7</li>

-		<li>Item 8</li>

-	</ul>

-

-</body>

+<!doctype html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+<title>Untitled Document</title>
+
+<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.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.sortable.js"></script>
+<script type="text/javascript" src="../../../branches/1.8/ui.tree.js"></script>
+
+
+<script>
+$(document).ready(function(){
+
+$("ul.sortable").tree({
+	sortOn: "li",
+	dropOn: ".folder",
+	dropHoverClass: "hover"
+});
+
+
+	
+});
+</script>
+
+<style type="text/css">
+body {
+background:#fff;
+color:#333;
+font-size:11px;
+font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
+}
+
+.hover {
+	background: green;
+	color: #fff;
+}
+
+.placeholder {
+	display: none;
+}
+
+.hover-up {
+	border-bottom: 2px solid black;
+}
+
+.hover-down {
+	border-top: 2px solid black;
+}
+
+.folder {
+	border: 1px solid black;
+}
+
+li {
+	padding: 3px;
+}
+
+</style>
+</head>
+
+<body>
+
+	<ul class="sortable">
+		<li><div class="folder">Item 1</div></li>
+		<li><div class="folder">Item 2</div>
+			<ul>
+				<li>Sub Item 1</li>
+				<li>Sub Item 3</li>
+				<li>Sub Item 4</li>
+				<li>Sub Item 5</li>
+			</ul>
+		</li>
+		<li><div class="folder">Item 3</div></li>
+		<li><div class="folder">Item 4</div></li>
+		<li><div class="folder">Item 4</div></li>
+		<li><div class="folder">Item 4</div></li>
+		<li><div class="folder">Item 4</div></li>
+		<li><div class="folder">Item 4</div></li>
+		<li><div class="folder">Item 4</div></li>
+		<li><div class="folder">Item 4</div></li>
+		<li><div class="folder">Item 2</div>
+			<ul>
+				<li>Sub Item 1</li>
+				<li>Sub Item 3</li>
+				<li>Sub Item 4</li>
+				<li>Sub Item 5</li>
+			</ul>
+		</li>
+		<li>Item 6</li>
+		<li>Item 7</li>
+		<li>Item 8</li>
+	</ul>
+
+</body>
 </html>
\ No newline at end of file