Initial check for iterations. YMMV.

319 files changed, 48895 insertions, 0 deletions

diff --git a/.hgignore b/.hgignore
new file mode 100644
index 0000000..2c9154d
--- /dev/null
+++ b/.hgignore
@@ -0,0 +1,2 @@
+syntax: glob
+*.pyc
diff --git a/snakeplan/__init__.py b/snakeplan/__init__.py
new file mode 100755
index 0000000..e69de29
--- /dev/null
+++ b/snakeplan/__init__.py
diff --git a/snakeplan/manage.py b/snakeplan/manage.py
new file mode 100755
index 0000000..5e78ea9
--- /dev/null
+++ b/snakeplan/manage.py
@@ -0,0 +1,11 @@
+#!/usr/bin/env python
+from django.core.management import execute_manager
+try:
+    import settings # Assumed to be in the same directory.
+except ImportError:
+    import sys
+    sys.stderr.write("Error: Can't find the file 'settings.py' in the directory containing %r. It appears you've customized things.\nYou'll have to run django-admin.py, passing it your settings module.\n(If the file settings.py does indeed exist, it's causing an ImportError somehow.)\n" % __file__)
+    sys.exit(1)
+
+if __name__ == "__main__":
+    execute_manager(settings)
diff --git a/snakeplan/projects/__init__.py b/snakeplan/projects/__init__.py
new file mode 100755
index 0000000..e69de29
--- /dev/null
+++ b/snakeplan/projects/__init__.py
diff --git a/snakeplan/projects/admin.py b/snakeplan/projects/admin.py
new file mode 100644
index 0000000..7471356
--- /dev/null
+++ b/snakeplan/projects/admin.py
@@ -0,0 +1,8 @@
+from snakeplan.projects import models
+from django.contrib import admin
+
+admin.site.register(models.Task)
+admin.site.register(models.Story)
+admin.site.register(models.Project)
+admin.site.register(models.Iteration)
+admin.site.register(models.LoggedTime)
diff --git a/snakeplan/projects/models.py b/snakeplan/projects/models.py
new file mode 100755
index 0000000..b91ec7c
--- /dev/null
+++ b/snakeplan/projects/models.py
@@ -0,0 +1,95 @@
+from django.db import models as m
+from django.db.models import Model
+from django.contrib.auth.models import User
+
+
+STATUSES = (
+    (0, 'Active'),
+    (1, 'Inactive'),
+    )
+
+DISPOSITIONS = (
+    (0, 'Planned'),
+    (1, 'Carried Over'),
+    (2, 'Added'),
+    (3, 'Discovered'),
+    )
+
+TASK_TYPES = (
+    (0, 'Feature'),
+    (1, 'Debt'),
+    (2, 'Functional Test'),
+    (3, 'Acceptance Test'),
+    (4, 'Overhead'),
+    )
+
+
+class Project(Model):
+
+    name = m.CharField(max_length=200)
+    description = m.TextField(blank=True)
+    active = m.BooleanField(default=True)
+    hidden = m.BooleanField(default=False)
+    wiki_link = m.URLField(blank=True)
+
+    def __unicode__(self):
+        return self.name
+
+
+class Iteration(Model):
+
+    name = m.CharField(max_length=200)
+    project = m.ForeignKey(Project)
+    status = m.IntegerField(choices=STATUSES, default=0)
+    start_date = m.DateField()
+    end_date = m.DateField()
+    days_worked = m.DecimalField(default=0, decimal_places=2, max_digits=5)
+    description = m.TextField(blank=True)
+
+    def __unicode__(self):
+        return self.name
+
+
+class Story(Model):
+
+    name = m.CharField(max_length=200)
+    project = m.ForeignKey(Project)
+    iteration = m.ForeignKey(Iteration, blank=True)
+    disposition = m.IntegerField(choices=DISPOSITIONS)
+    customer = m.ForeignKey(User, blank=True, related_name='story_customer')
+    tracker = m.ForeignKey(User, blank=True)
+    status = m.IntegerField(choices=STATUSES, default=0)
+    priority = m.IntegerField()
+    order = m.IntegerField()
+    description = m.TextField(blank=True)
+
+    def __unicode__(self):
+        return self.name
+
+
+class Task(Model):
+
+    name = m.CharField(max_length=200)
+    story = m.ForeignKey(Story)
+    task_type = m.IntegerField(choices=TASK_TYPES)
+    disposition = m.IntegerField(choices=DISPOSITIONS)
+    acceptor = m.ForeignKey(User, blank=True)
+    estimated_hours = m.DecimalField(decimal_places=2, max_digits=5)
+    description = m.TextField(blank=True)
+
+    def __unicode__(self):
+        return self.name
+
+
+class LoggedTime(Model):
+
+    start_time = m.DateTimeField(blank=True)
+    end_time = m.DateTimeField(blank=True)
+    logged_date = m.DateField()
+    duration = m.DecimalField(decimal_places=2, max_digits=5)
+    person1 = m.ForeignKey(User, blank=True, related_name="person1")
+    person2 = m.ForeignKey(User, blank=True, related_name="person2")
+    description = m.TextField(blank=True)
+
+    def __unicode__(self):
+        return self.description
diff --git a/snakeplan/projects/templates/footer.html b/snakeplan/projects/templates/footer.html
new file mode 100644
index 0000000..308b1d0
--- /dev/null
+++ b/snakeplan/projects/templates/footer.html
@@ -0,0 +1,2 @@
+</body>
+</html>
diff --git a/snakeplan/projects/templates/header.html b/snakeplan/projects/templates/header.html
new file mode 100644
index 0000000..75ba4bf
--- /dev/null
+++ b/snakeplan/projects/templates/header.html
@@ -0,0 +1,4 @@
+<html>
+    <head><title>{{page_title]]</title></head>
+
+    <body>
diff --git a/snakeplan/projects/tests.py b/snakeplan/projects/tests.py
new file mode 100755
index 0000000..2247054
--- /dev/null
+++ b/snakeplan/projects/tests.py
@@ -0,0 +1,23 @@
+"""
+This file demonstrates two different styles of tests (one doctest and one
+unittest). These will both pass when you run "manage.py test".
+
+Replace these with more appropriate tests for your application.
+"""
+
+from django.test import TestCase
+
+class SimpleTest(TestCase):
+    def test_basic_addition(self):
+        """
+        Tests that 1 + 1 always equals 2.
+        """
+        self.failUnlessEqual(1 + 1, 2)
+
+__test__ = {"doctest": """
+Another way to test that 1 + 1 is equal to 2.
+
+>>> 1 + 1 == 2
+True
+"""}
+
diff --git a/snakeplan/projects/urls.py b/snakeplan/projects/urls.py
new file mode 100644
index 0000000..2386d33
--- /dev/null
+++ b/snakeplan/projects/urls.py
@@ -0,0 +1,6 @@
+from django.conf.urls.defaults import *
+from projects.views.iterations import *
+
+urlpatterns = patterns('',
+    ('^$', iteration_list),
+)
diff --git a/snakeplan/projects/views/__init__.py b/snakeplan/projects/views/__init__.py
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/snakeplan/projects/views/__init__.py
diff --git a/snakeplan/projects/views/iterations.py b/snakeplan/projects/views/iterations.py
new file mode 100644
index 0000000..189362a
--- /dev/null
+++ b/snakeplan/projects/views/iterations.py
@@ -0,0 +1,4 @@
+from django.http import HttpResponse
+
+def iteration_list(request):
+        return HttpResponse("Hello world")
diff --git a/snakeplan/settings.py b/snakeplan/settings.py
new file mode 100755
index 0000000..6da9ec1
--- /dev/null
+++ b/snakeplan/settings.py
@@ -0,0 +1,55 @@
+DEBUG = True
+TEMPLATE_DEBUG = DEBUG
+
+ADMINS = (
+    ('Mike Crute', 'mcrute@gmail.com'),
+)
+
+MANAGERS = ADMINS
+
+DATABASE_ENGINE = 'sqlite3'
+DATABASE_NAME = 'snakeplan.db'
+
+TIME_ZONE = 'America/New_York'
+LANGUAGE_CODE = 'en-us'
+
+SITE_ID = 1
+
+USE_I18N = False
+
+# Absolute path to the directory that holds media.
+# Example: "/home/media/media.lawrence.com/"
+MEDIA_ROOT = ''
+
+# URL that handles the media served from MEDIA_ROOT. Make sure to use a
+# trailing slash if there is a path component (optional in other cases).
+# Examples: "http://media.lawrence.com", "http://example.com/media/"
+MEDIA_URL = ''
+ADMIN_MEDIA_PREFIX = '/media/'
+
+SECRET_KEY = 'ow28jyl#0h8+^3$-!*%o-qfj5#zyr@xz+%vn_a3iizhn%l-3_='
+
+TEMPLATE_LOADERS = (
+    'django.template.loaders.filesystem.load_template_source',
+    'django.template.loaders.app_directories.load_template_source',
+)
+
+MIDDLEWARE_CLASSES = (
+    'django.middleware.common.CommonMiddleware',
+    'django.contrib.sessions.middleware.SessionMiddleware',
+    'django.contrib.auth.middleware.AuthenticationMiddleware',
+)
+
+ROOT_URLCONF = 'snakeplan.urls'
+
+TEMPLATE_DIRS = (
+)
+
+INSTALLED_APPS = (
+    'django.contrib.auth',
+    'django.contrib.contenttypes',
+    'django.contrib.sessions',
+    'django.contrib.sites',
+    'django.contrib.admin',
+    'snakeplan.projects',
+)
diff --git a/snakeplan/snakeplan.db b/snakeplan/snakeplan.db
new file mode 100644
index 0000000..a572f4b
--- /dev/null
+++ b/snakeplan/snakeplan.db
diff --git a/snakeplan/urls.py b/snakeplan/urls.py
new file mode 100755
index 0000000..aa18c45
--- /dev/null
+++ b/snakeplan/urls.py
@@ -0,0 +1,10 @@
+from django.conf.urls.defaults import *
+from django.contrib import admin
+from snakeplan.projects import admin as snakeplan_admin
+
+admin.autodiscover()
+
+urlpatterns = patterns('',
+     (r'^snakeplan/iterations/', include('snakeplan.projects.urls')),
+     (r'^admin/', include(admin.site.urls)),
+)
diff --git a/static/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png b/static/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png
new file mode 100644
index 0000000..954e22d
--- /dev/null
+++ b/static/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png
diff --git a/static/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png b/static/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png
new file mode 100644
index 0000000..64ece57
--- /dev/null
+++ b/static/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png
diff --git a/static/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png b/static/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png
new file mode 100644
index 0000000..abdc010
--- /dev/null
+++ b/static/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png
diff --git a/static/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png b/static/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png
new file mode 100644
index 0000000..9b383f4
--- /dev/null
+++ b/static/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png
diff --git a/static/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png b/static/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png
new file mode 100644
index 0000000..a23baad
--- /dev/null
+++ b/static/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png
diff --git a/static/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png b/static/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png
new file mode 100644
index 0000000..42ccba2
--- /dev/null
+++ b/static/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png
diff --git a/static/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png b/static/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png
new file mode 100644
index 0000000..1b1972b
--- /dev/null
+++ b/static/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png
diff --git a/static/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png b/static/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png
new file mode 100644
index 0000000..f127367
--- /dev/null
+++ b/static/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png
diff --git a/static/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png b/static/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png
new file mode 100644
index 0000000..359397a
--- /dev/null
+++ b/static/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png
diff --git a/static/css/ui-lightness/images/ui-icons_222222_256x240.png b/static/css/ui-lightness/images/ui-icons_222222_256x240.png
new file mode 100644
index 0000000..ee039dc
--- /dev/null
+++ b/static/css/ui-lightness/images/ui-icons_222222_256x240.png
diff --git a/static/css/ui-lightness/images/ui-icons_228ef1_256x240.png b/static/css/ui-lightness/images/ui-icons_228ef1_256x240.png
new file mode 100644
index 0000000..6a05ba5
--- /dev/null
+++ b/static/css/ui-lightness/images/ui-icons_228ef1_256x240.png
diff --git a/static/css/ui-lightness/images/ui-icons_ef8c08_256x240.png b/static/css/ui-lightness/images/ui-icons_ef8c08_256x240.png
new file mode 100644
index 0000000..35bb8ef
--- /dev/null
+++ b/static/css/ui-lightness/images/ui-icons_ef8c08_256x240.png
diff --git a/static/css/ui-lightness/images/ui-icons_ffd27a_256x240.png b/static/css/ui-lightness/images/ui-icons_ffd27a_256x240.png
new file mode 100644
index 0000000..baebb63
--- /dev/null
+++ b/static/css/ui-lightness/images/ui-icons_ffd27a_256x240.png
diff --git a/static/css/ui-lightness/images/ui-icons_ffffff_256x240.png b/static/css/ui-lightness/images/ui-icons_ffffff_256x240.png
new file mode 100644
index 0000000..bef5178
--- /dev/null
+++ b/static/css/ui-lightness/images/ui-icons_ffffff_256x240.png
diff --git a/static/css/ui-lightness/jquery-ui-1.7.2.custom.css b/static/css/ui-lightness/jquery-ui-1.7.2.custom.css
new file mode 100644
index 0000000..9d7aa08
--- /dev/null
+++ b/static/css/ui-lightness/jquery-ui-1.7.2.custom.css
@@ -0,0 +1,406 @@
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+*/
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.ui-helper-clearfix { display: inline-block; }
+/* required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix { height:1%; }
+.ui-helper-clearfix { display:block; }
+/* end clearfix */
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled { cursor: default !important; }
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
+
+
+
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
+*/
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
+.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
+.ui-widget-content a { color: #333333; }
+.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
+.ui-widget-header a { color: #ffffff; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
+.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
+.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
+.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
+.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
+.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
+.ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
+.ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
+.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); }
+
+/* positioning */
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-off { background-position: -96px -144px; }
+.ui-icon-radio-on { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
+.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
+.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
+.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
+.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
+.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
+
+/* Overlays */
+.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
+.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }/* Accordion
+----------------------------------*/
+.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
+.ui-accordion .ui-accordion-li-fix { display: inline; }
+.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
+.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
+.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
+.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
+.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
+----------------------------------*/
+.ui-datepicker { width: 17em; padding: .2em .2em 0; }
+.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
+.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
+.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
+.ui-datepicker .ui-datepicker-prev { left:2px; }
+.ui-datepicker .ui-datepicker-next { right:2px; }
+.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
+.ui-datepicker .ui-datepicker-next-hover { right:1px; }
+.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
+.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
+.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
+.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
+.ui-datepicker select.ui-datepicker-month, 
+.ui-datepicker select.ui-datepicker-year { width: 49%;}
+.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
+.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
+.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
+.ui-datepicker td { border: 0; padding: 1px; }
+.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
+.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
+.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi { width:auto; }
+.ui-datepicker-multi .ui-datepicker-group { float:left; }
+.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
+.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
+.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
+.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
+.ui-datepicker-row-break { clear:both; width:100%; }
+
+/* RTL support */
+.ui-datepicker-rtl { direction: rtl; }
+.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+
+/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
+.ui-datepicker-cover {
+    display: none; /*sorry for IE5*/
+    display/**/: block; /*sorry for IE5*/
+    position: absolute; /*must have*/
+    z-index: -1; /*must have*/
+    filter: mask(); /*must have*/
+    top: -4px; /*must have*/
+    left: -4px; /*must have*/
+    width: 200px; /*must have*/
+    height: 200px; /*must have*/
+}/* Dialog
+----------------------------------*/
+.ui-dialog { position: relative; padding: .2em; width: 300px; }
+.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
+.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
+.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
+.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
+.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
+.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
+.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
+.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
+.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
+.ui-draggable .ui-dialog-titlebar { cursor: move; }
+/* Progressbar
+----------------------------------*/
+.ui-progressbar { height:2em; text-align: left; }
+.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
+----------------------------------*/
+.ui-resizable { position: relative;}
+.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
+.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
+.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
+.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
+.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
+.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
+.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
+.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
+.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
+.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
+----------------------------------*/
+.ui-slider { position: relative; text-align: left; }
+.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
+.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
+
+.ui-slider-horizontal { height: .8em; }
+.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
+.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
+.ui-slider-horizontal .ui-slider-range-min { left: 0; }
+.ui-slider-horizontal .ui-slider-range-max { right: 0; }
+
+.ui-slider-vertical { width: .8em; height: 100px; }
+.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
+.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
+.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
+.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
+----------------------------------*/
+.ui-tabs { padding: .2em; zoom: 1; }
+.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
+.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
+.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
+.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
+.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
+.ui-tabs .ui-tabs-hide { display: none !important; }
diff --git a/static/development-bundle/AUTHORS.txt b/static/development-bundle/AUTHORS.txt
new file mode 100644
index 0000000..637175b
--- /dev/null
+++ b/static/development-bundle/AUTHORS.txt
@@ -0,0 +1,30 @@
+jQuery UI Authors (http://ui.jquery.com/about)
+
+This software consists of voluntary contributions made by many
+individuals. For exact contribution history, see the revision history
+and logs, available at http://jquery-ui.googlecode.com/svn/
+
+Brandon Aaron
+Paul Bakaus (paulbakaus.com)
+David Bolter
+Rich Caloggero
+Chi Cheng (cloudream@gmail.com)
+Colin Clark (http://colin.atrc.utoronto.ca/)
+Michelle D'Souza
+Aaron Eisenberger (aaronchi@gmail.com)
+Ariel Flesler
+Bohdan Ganicky
+Scott González
+Marc Grabanski (m@marcgrabanski.com)
+Klaus Hartl (stilbuero.de)
+Scott Jehl
+Cody Lindley
+Eduardo Lundgren (eduardolundgren@gmail.com)
+Todd Parker
+John Resig
+Patty Toland
+Ca-Phun Ung (yelotofu.com)
+Keith Wood (kbwood@virginbroadband.com.au)
+Maggie Costello Wachs
+Richard D. Worth (rdworth.org)
+Jörn Zaefferer (bassistance.de)
diff --git a/static/development-bundle/GPL-LICENSE.txt b/static/development-bundle/GPL-LICENSE.txt
new file mode 100644
index 0000000..11dddd0
--- /dev/null
+++ b/static/development-bundle/GPL-LICENSE.txt
@@ -0,0 +1,278 @@
+        GNU GENERAL PUBLIC LICENSE
+           Version 2, June 1991
+
+ Copyright (C) 1989, 1991 Free Software Foundation, Inc.
+ 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+          Preamble
+
+  The licenses for most software are designed to take away your
+freedom to share and change it.  By contrast, the GNU General Public
+License is intended to guarantee your freedom to share and change free
+software--to make sure the software is free for all its users.  This
+General Public License applies to most of the Free Software
+Foundation's software and to any other program whose authors commit to
+using it.  (Some other Free Software Foundation software is covered by
+the GNU Lesser General Public License instead.)  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+this service if you wish), that you receive source code or can get it
+if you want it, that you can change the software or use pieces of it
+in new free programs; and that you know you can do these things.
+
+  To protect your rights, we need to make restrictions that forbid
+anyone to deny you these rights or to ask you to surrender the rights.
+These restrictions translate to certain responsibilities for you if you
+distribute copies of the software, or if you modify it.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must give the recipients all the rights that
+you have.  You must make sure that they, too, receive or can get the
+source code.  And you must show them these terms so they know their
+rights.
+
+  We protect your rights with two steps: (1) copyright the software, and
+(2) offer you this license which gives you legal permission to copy,
+distribute and/or modify the software.
+
+  Also, for each author's protection and ours, we want to make certain
+that everyone understands that there is no warranty for this free
+software.  If the software is modified by someone else and passed on, we
+want its recipients to know that what they have is not the original, so
+that any problems introduced by others will not reflect on the original
+authors' reputations.
+
+  Finally, any free program is threatened constantly by software
+patents.  We wish to avoid the danger that redistributors of a free
+program will individually obtain patent licenses, in effect making the
+program proprietary.  To prevent this, we have made it clear that any
+patent must be licensed for everyone's free use or not licensed at all.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+        GNU GENERAL PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+  0. This License applies to any program or other work which contains
+a notice placed by the copyright holder saying it may be distributed
+under the terms of this General Public License.  The "Program", below,
+refers to any such program or work, and a "work based on the Program"
+means either the Program or any derivative work under copyright law:
+that is to say, a work containing the Program or a portion of it,
+either verbatim or with modifications and/or translated into another
+language.  (Hereinafter, translation is included without limitation in
+the term "modification".)  Each licensee is addressed as "you".
+
+Activities other than copying, distribution and modification are not
+covered by this License; they are outside its scope.  The act of
+running the Program is not restricted, and the output from the Program
+is covered only if its contents constitute a work based on the
+Program (independent of having been made by running the Program).
+Whether that is true depends on what the Program does.
+
+  1. You may copy and distribute verbatim copies of the Program's
+source code as you receive it, in any medium, provided that you
+conspicuously and appropriately publish on each copy an appropriate
+copyright notice and disclaimer of warranty; keep intact all the
+notices that refer to this License and to the absence of any warranty;
+and give any other recipients of the Program a copy of this License
+along with the Program.
+
+You may charge a fee for the physical act of transferring a copy, and
+you may at your option offer warranty protection in exchange for a fee.
+
+  2. You may modify your copy or copies of the Program or any portion
+of it, thus forming a work based on the Program, and copy and
+distribute such modifications or work under the terms of Section 1
+above, provided that you also meet all of these conditions:
+
+    a) You must cause the modified files to carry prominent notices
+    stating that you changed the files and the date of any change.
+
+    b) You must cause any work that you distribute or publish, that in
+    whole or in part contains or is derived from the Program or any
+    part thereof, to be licensed as a whole at no charge to all third
+    parties under the terms of this License.
+
+    c) If the modified program normally reads commands interactively
+    when run, you must cause it, when started running for such
+    interactive use in the most ordinary way, to print or display an
+    announcement including an appropriate copyright notice and a
+    notice that there is no warranty (or else, saying that you provide
+    a warranty) and that users may redistribute the program under
+    these conditions, and telling the user how to view a copy of this
+    License.  (Exception: if the Program itself is interactive but
+    does not normally print such an announcement, your work based on
+    the Program is not required to print an announcement.)
+
+These requirements apply to the modified work as a whole.  If
+identifiable sections of that work are not derived from the Program,
+and can be reasonably considered independent and separate works in
+themselves, then this License, and its terms, do not apply to those
+sections when you distribute them as separate works.  But when you
+distribute the same sections as part of a whole which is a work based
+on the Program, the distribution of the whole must be on the terms of
+this License, whose permissions for other licensees extend to the
+entire whole, and thus to each and every part regardless of who wrote it.
+
+Thus, it is not the intent of this section to claim rights or contest
+your rights to work written entirely by you; rather, the intent is to
+exercise the right to control the distribution of derivative or
+collective works based on the Program.
+
+In addition, mere aggregation of another work not based on the Program
+with the Program (or with a work based on the Program) on a volume of
+a storage or distribution medium does not bring the other work under
+the scope of this License.
+
+  3. You may copy and distribute the Program (or a work based on it,
+under Section 2) in object code or executable form under the terms of
+Sections 1 and 2 above provided that you also do one of the following:
+
+    a) Accompany it with the complete corresponding machine-readable
+    source code, which must be distributed under the terms of Sections
+    1 and 2 above on a medium customarily used for software interchange; or,
+
+    b) Accompany it with a written offer, valid for at least three
+    years, to give any third party, for a charge no more than your
+    cost of physically performing source distribution, a complete
+    machine-readable copy of the corresponding source code, to be
+    distributed under the terms of Sections 1 and 2 above on a medium
+    customarily used for software interchange; or,
+
+    c) Accompany it with the information you received as to the offer
+    to distribute corresponding source code.  (This alternative is
+    allowed only for noncommercial distribution and only if you
+    received the program in object code or executable form with such
+    an offer, in accord with Subsection b above.)
+
+The source code for a work means the preferred form of the work for
+making modifications to it.  For an executable work, complete source
+code means all the source code for all modules it contains, plus any
+associated interface definition files, plus the scripts used to
+control compilation and installation of the executable.  However, as a
+special exception, the source code distributed need not include
+anything that is normally distributed (in either source or binary
+form) with the major components (compiler, kernel, and so on) of the
+operating system on which the executable runs, unless that component
+itself accompanies the executable.
+
+If distribution of executable or object code is made by offering
+access to copy from a designated place, then offering equivalent
+access to copy the source code from the same place counts as
+distribution of the source code, even though third parties are not
+compelled to copy the source along with the object code.
+
+  4. You may not copy, modify, sublicense, or distribute the Program
+except as expressly provided under this License.  Any attempt
+otherwise to copy, modify, sublicense or distribute the Program is
+void, and will automatically terminate your rights under this License.
+However, parties who have received copies, or rights, from you under
+this License will not have their licenses terminated so long as such
+parties remain in full compliance.
+
+  5. You are not required to accept this License, since you have not
+signed it.  However, nothing else grants you permission to modify or
+distribute the Program or its derivative works.  These actions are
+prohibited by law if you do not accept this License.  Therefore, by
+modifying or distributing the Program (or any work based on the
+Program), you indicate your acceptance of this License to do so, and
+all its terms and conditions for copying, distributing or modifying
+the Program or works based on it.
+
+  6. Each time you redistribute the Program (or any work based on the
+Program), the recipient automatically receives a license from the
+original licensor to copy, distribute or modify the Program subject to
+these terms and conditions.  You may not impose any further
+restrictions on the recipients' exercise of the rights granted herein.
+You are not responsible for enforcing compliance by third parties to
+this License.
+
+  7. If, as a consequence of a court judgment or allegation of patent
+infringement or for any other reason (not limited to patent issues),
+conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot
+distribute so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you
+may not distribute the Program at all.  For example, if a patent
+license would not permit royalty-free redistribution of the Program by
+all those who receive copies directly or indirectly through you, then
+the only way you could satisfy both it and this License would be to
+refrain entirely from distribution of the Program.
+
+If any portion of this section is held invalid or unenforceable under
+any particular circumstance, the balance of the section is intended to
+apply and the section as a whole is intended to apply in other
+circumstances.
+
+It is not the purpose of this section to induce you to infringe any
+patents or other property right claims or to contest validity of any
+such claims; this section has the sole purpose of protecting the
+integrity of the free software distribution system, which is
+implemented by public license practices.  Many people have made
+generous contributions to the wide range of software distributed
+through that system in reliance on consistent application of that
+system; it is up to the author/donor to decide if he or she is willing
+to distribute software through any other system and a licensee cannot
+impose that choice.
+
+This section is intended to make thoroughly clear what is believed to
+be a consequence of the rest of this License.
+
+  8. If the distribution and/or use of the Program is restricted in
+certain countries either by patents or by copyrighted interfaces, the
+original copyright holder who places the Program under this License
+may add an explicit geographical distribution limitation excluding
+those countries, so that distribution is permitted only in or among
+countries not thus excluded.  In such case, this License incorporates
+the limitation as if written in the body of this License.
+
+  9. The Free Software Foundation may publish revised and/or new versions
+of the General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+Each version is given a distinguishing version number.  If the Program
+specifies a version number of this License which applies to it and "any
+later version", you have the option of following the terms and conditions
+either of that version or of any later version published by the Free
+Software Foundation.  If the Program does not specify a version number of
+this License, you may choose any version ever published by the Free Software
+Foundation.
+
+  10. If you wish to incorporate parts of the Program into other free
+programs whose distribution conditions are different, write to the author
+to ask for permission.  For software which is copyrighted by the Free
+Software Foundation, write to the Free Software Foundation; we sometimes
+make exceptions for this.  Our decision will be guided by the two goals
+of preserving the free status of all derivatives of our free software and
+of promoting the sharing and reuse of software generally.
+
+          NO WARRANTY
+
+  11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
+FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN
+OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
+PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
+OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.  THE ENTIRE RISK AS
+TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU.  SHOULD THE
+PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
+REPAIR OR CORRECTION.
+
+  12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
+REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
+INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
+OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
+TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
+YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
+PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGES.
diff --git a/static/development-bundle/MIT-LICENSE.txt b/static/development-bundle/MIT-LICENSE.txt
new file mode 100644
index 0000000..f0f2ba9
--- /dev/null
+++ b/static/development-bundle/MIT-LICENSE.txt
@@ -0,0 +1,25 @@
+Copyright (c) 2009 Paul Bakaus, http://jqueryui.com/
+
+This software consists of voluntary contributions made by many
+individuals (AUTHORS.txt, http://jqueryui.com/about) For exact
+contribution history, see the revision history and logs, available
+at http://jquery-ui.googlecode.com/svn/
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/static/development-bundle/demos/accordion/collapsible.html b/static/development-bundle/demos/accordion/collapsible.html
new file mode 100644
index 0000000..381d5fe
--- /dev/null
+++ b/static/development-bundle/demos/accordion/collapsible.html
@@ -0,0 +1,58 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Accordion - Collapse content</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.accordion.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $("#accordion").accordion({
+                        collapsible: true
+                });
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="accordion">
+        <h3><a href="#">Section 1</a></h3>
+        <div>
+                <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
+        </div>
+        <h3><a href="#">Section 2</a></h3>
+        <div>
+                <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
+        </div>
+        <h3><a href="#">Section 3</a></h3>
+        <div>
+                <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
+                <ul>
+                        <li>List item one</li>
+                        <li>List item two</li>
+                        <li>List item three</li>
+                </ul>
+        </div>
+        <h3><a href="#">Section 4</a></h3>
+        <div>
+                <p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
+        </div>
+</div>
+
+</div><!-- End demo -->
+
+
+
+<div class="demo-description">
+
+<p>By default, accordions always keep one section open. To allow for all sections to be be collapsible, set the <code>collapsible</code> option to true. Click on the currently open section to collapse its content pane.</p>
+
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/accordion/custom-icons.html b/static/development-bundle/demos/accordion/custom-icons.html
new file mode 100644
index 0000000..777fa52
--- /dev/null
+++ b/static/development-bundle/demos/accordion/custom-icons.html
@@ -0,0 +1,60 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Accordion - Customize icons</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.accordion.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $("#accordion").accordion({
+                        icons: {
+                        header: "ui-icon-circle-arrow-e",
+                                headerSelected: "ui-icon-circle-arrow-s"
+                        }
+                });
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="accordion">
+        <h3><a href="#">Section 1</a></h3>
+        <div>
+                <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
+        </div>
+        <h3><a href="#">Section 2</a></h3>
+        <div>
+                <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
+        </div>
+        <h3><a href="#">Section 3</a></h3>
+        <div>
+                <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
+                <ul>
+                        <li>List item one</li>
+                        <li>List item two</li>
+                        <li>List item three</li>
+                </ul>
+        </div>
+        <h3><a href="#">Section 4</a></h3>
+        <div>
+                <p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
+        </div>
+</div>
+
+</div><!-- End demo -->
+
+
+
+<div class="demo-description">
+
+<p>Customize the header icons with the <code>icons</code> option, which accepts classes for the header's default and selected (open) state.  Use any class from the UI CSS framework, or create custom classes with background images.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/accordion/default.html b/static/development-bundle/demos/accordion/default.html
new file mode 100644
index 0000000..9493b26
--- /dev/null
+++ b/static/development-bundle/demos/accordion/default.html
@@ -0,0 +1,83 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Accordion - Default functionality</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.accordion.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $("#accordion").accordion();
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="accordion">
+        <h3><a href="#">Section 1</a></h3>
+        <div>
+                <p>
+                Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
+                ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
+                amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
+                odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
+                </p>
+        </div>
+        <h3><a href="#">Section 2</a></h3>
+        <div>
+                <p>
+                Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
+                purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
+                velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
+                suscipit faucibus urna.
+                </p>
+        </div>
+        <h3><a href="#">Section 3</a></h3>
+        <div>
+                <p>
+                Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
+                Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
+                ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
+                lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
+                </p>
+                <ul>
+                        <li>List item one</li>
+                        <li>List item two</li>
+                        <li>List item three</li>
+                </ul>
+        </div>
+        <h3><a href="#">Section 4</a></h3>
+        <div>
+                <p>
+                Cras dictum. Pellentesque habitant morbi tristique senectus et netus
+                et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
+                faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
+                mauris vel est.
+                </p>
+                <p>
+                Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
+                Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
+                inceptos himenaeos.
+                </p>
+        </div>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+<p>
+Click headers to expand/collapse content that is broken into logical sections, much like tabs.
+Optionally, toggle sections open/closed on mouseover.
+</p>
+<p>
+The underlying HTML markup is a series of headers (H3 tags) and content divs so the content is
+usable without JavaScript.
+</p>
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/accordion/fillspace.html b/static/development-bundle/demos/accordion/fillspace.html
new file mode 100644
index 0000000..3523d00
--- /dev/null
+++ b/static/development-bundle/demos/accordion/fillspace.html
@@ -0,0 +1,76 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Accordion - Fill space</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.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.accordion.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $("#accordion").accordion({
+                        fillSpace: true
+                });
+        });
+        $(function() {
+                $("#accordionResizer").resizable({
+                        resize: function() {
+                                $("#accordion").accordion("resize");
+                        },
+                        minHeight: 140
+                });
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<h3 class="docs">Resize the outer container:</h3>
+ 
+<div id="accordionResizer" style="padding:10px; width:350px; height:220px;" class="ui-widget-content">
+
+<div id="accordion">
+        <h3><a href="#">Section 1</a></h3>
+        <div>
+                <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
+        </div>
+        <h3><a href="#">Section 2</a></h3>
+        <div>
+                <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
+        </div>
+        <h3><a href="#">Section 3</a></h3>
+        <div>
+                <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
+                <ul>
+                        <li>List item one</li>
+                        <li>List item two</li>
+                        <li>List item three</li>
+                </ul>
+        </div>
+        <h3><a href="#">Section 4</a></h3>
+        <div>
+                <p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
+        </div>
+</div>
+
+<span class="ui-icon ui-icon-grip-dotted-horizontal" style="margin:2px auto;"></span>
+</div><!-- End accordionResizer -->
+
+<div style="margin-top:7px; padding:10px; width:350px; height:50px;" class="ui-widget-content">I'm another panel</div>
+
+</div><!-- End demo -->
+
+
+
+<div class="demo-description">
+
+<p>Because the accordion is comprised of block-level elements, by default its width fills the available horizontal space. To fill the vertical space allocated by its container, set the boolean <code>fillSpace</code> option to true, and the script will automatically set the dimensions of the accordion to the height of its parent container.  The accordion will also resize with its container if the container is <code>resizable</code>.</p>
+
+</div><!-- End demo-description -->
+
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/accordion/index.html b/static/development-bundle/demos/accordion/index.html
new file mode 100644
index 0000000..f09fcf6
--- /dev/null
+++ b/static/development-bundle/demos/accordion/index.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Accordion Demos</title>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+        <div class="demos-nav">
+                <h4>Examples</h4>
+                <ul>
+                        <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
+                        <li><a href="fillspace.html">Fill space</a></li>
+                        <li><a href="no-auto-height.html">No auto height</a></li>
+                        <li><a href="collapsible.html">Collapse content</a></li>
+                        <li><a href="mouseover.html">Open on mouseover</a></li>
+                        <li><a href="custom-icons.html">Customize icons</a></li>
+                </ul>
+        </div>
+</body>
+</html>
diff --git a/static/development-bundle/demos/accordion/mouseover.html b/static/development-bundle/demos/accordion/mouseover.html
new file mode 100644
index 0000000..2181649
--- /dev/null
+++ b/static/development-bundle/demos/accordion/mouseover.html
@@ -0,0 +1,57 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Accordion - Open on mouseover</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.accordion.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $("#accordion").accordion({
+                        event: "mouseover"
+                });
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="accordion">
+        <h3><a href="#">Section 1</a></h3>
+        <div>
+                <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
+        </div>
+        <h3><a href="#">Section 2</a></h3>
+        <div>
+                <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
+        </div>
+        <h3><a href="#">Section 3</a></h3>
+        <div>
+                <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
+                <ul>
+                        <li>List item one</li>
+                        <li>List item two</li>
+                        <li>List item three</li>
+                </ul>
+        </div>
+        <h3><a href="#">Section 4</a></h3>
+        <div>
+                <p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
+        </div>
+</div>
+
+</div><!-- End demo -->
+
+
+
+<div class="demo-description">
+
+<p>Toggle sections open/closed on mouseover with the <code>event</code> option. The default value for event is "click."</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/accordion/no-auto-height.html b/static/development-bundle/demos/accordion/no-auto-height.html
new file mode 100644
index 0000000..49b7c3b
--- /dev/null
+++ b/static/development-bundle/demos/accordion/no-auto-height.html
@@ -0,0 +1,57 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Accordion - No Auto Height</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.accordion.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $("#accordion").accordion({
+                        autoHeight: false
+                });
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="accordion">
+        <h3><a href="#">Section 1</a></h3>
+        <div>
+                <p>Mauris mauris ante, blandit et, ultrices a, susceros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
+        </div>
+        <h3><a href="#">Section 2</a></h3>
+        <div>
+                <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
+        </div>
+        <h3><a href="#">Section 3</a></h3>
+        <div>
+                <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
+                <ul>
+                        <li>List item</li>
+                        <li>List item</li>
+                        <li>List item</li>
+                        <li>List item</li>
+                        <li>List item</li>
+                        <li>List item</li>
+                        <li>List item</li>
+                </ul>
+        </div>
+</div>
+
+</div><!-- End demo -->
+
+
+
+<div class="demo-description">
+
+<p>Setting <code>autoHeight: false</code> allows to accordion panels to keep their native height.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/addClass/default.html b/static/development-bundle/demos/addClass/default.html
new file mode 100644
index 0000000..eae24b9
--- /dev/null
+++ b/static/development-bundle/demos/addClass/default.html
@@ -0,0 +1,51 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Effects - addClass Demo</title>
+        <link type="text/css" href="http://jquery-ui.googlecode.com/svn/trunk/themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/ui/effects.core.js"></script>
+        <link type="text/css" href="http://jquery-ui.googlecode.com/svn/trunk/demos/demos.css" rel="stylesheet" />
+        <style type="text/css">
+                .toggler { width: 500px; height: 200px; position: relative;}
+                #button { padding: .5em 1em; text-decoration: none; }
+                #effect {position: relative;  width: 240px;  padding: 1em;  font-size: 1.2em; border: 1px solid #000; background: #eee; color: #333; }
+                #effect.newClass { text-indent: 40px; letter-spacing: .4em; width: 410px; height: 100px; padding: 30px; margin: 10px; font-size: 1.6em; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#button").click(function() {
+                        $('#effect').addClass('newClass', 1000, callback);
+                        return false;
+                });
+                
+                function callback(){
+                        setTimeout(function(){
+                                $('#effect').removeClass('newClass');
+                        }, 1500);
+                }
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div class="toggler">
+        <div id="effect" class=" ui-corner-all">
+                        Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.
+        </div>
+</div>
+
+<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>This demo adds a class which animates: text-indent, letter-spacing, width, height, padding, margin, and font-size.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/addClass/index.html b/static/development-bundle/demos/addClass/index.html
new file mode 100644
index 0000000..4b9471d
--- /dev/null
+++ b/static/development-bundle/demos/addClass/index.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Effects Demos</title>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+
+<div class="demos-nav">
+        <h4>Examples</h4>
+        <ul>
+                <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
+        </ul>
+</div>
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/animate/default.html b/static/development-bundle/demos/animate/default.html
new file mode 100644
index 0000000..a01f08a
--- /dev/null
+++ b/static/development-bundle/demos/animate/default.html
@@ -0,0 +1,52 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Effects - Animate Demo</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/effects.core.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+                .toggler { width: 500px; height: 200px; position: relative;}
+                #button { padding: .5em 1em; text-decoration: none; }
+                #effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }
+                #effect h3 { margin: 0; padding: 0.4em; text-align: center; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#button").toggle(
+                        function() {
+                                $("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);
+                        },
+                        function() {
+                                $("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);
+                        }
+                );
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div class="toggler">
+        <div id="effect" class="ui-widget-content ui-corner-all">
+                <h3 class="ui-widget-header ui-corner-all">Animate</h3>
+                <p>
+                        Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
+                </p>
+        </div>
+</div>
+
+<a href="#" id="button" class="ui-state-default ui-corner-all">Toggle Effect</a>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Click the button above to preview the effect.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/animate/index.html b/static/development-bundle/demos/animate/index.html
new file mode 100644
index 0000000..4b9471d
--- /dev/null
+++ b/static/development-bundle/demos/animate/index.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Effects Demos</title>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+
+<div class="demos-nav">
+        <h4>Examples</h4>
+        <ul>
+                <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
+        </ul>
+</div>
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/datepicker/alt-field.html b/static/development-bundle/demos/datepicker/alt-field.html
new file mode 100644
index 0000000..372e2bf
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/alt-field.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Datepicker - Populate alternate field</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $("#datepicker").datepicker({altField: '#alternate', altFormat: 'DD, d MM, yy'});
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<p>Date: <input type="text" id="datepicker">&nbsp;<input type="text" id="alternate" size="30"/></p>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Populate an alternate field with its own date format whenever a date is selected using the <code>altField</code> and <code>altFormat</code> options.  This feature could be used to present a human-friendly date for user selection, while passing a more computer-friendly date through for further processing.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/datepicker/buttonbar.html b/static/development-bundle/demos/datepicker/buttonbar.html
new file mode 100644
index 0000000..eeea08a
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/buttonbar.html
@@ -0,0 +1,33 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Datepicker - Display button bar</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $('#datepicker').datepicker({
+                        showButtonPanel: true
+                });
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<p>Date: <input type="text" id="datepicker"></p>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Display a button for selecting Today's date and a Done button for closing the calendar with the boolean <code>showButtonPanel</code> option.  Each button is enabled by default when the bar is displayed, but can be turned off with additional options.  Button text is customizable.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/datepicker/date-formats.html b/static/development-bundle/demos/datepicker/date-formats.html
new file mode 100644
index 0000000..a8712ec
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/date-formats.html
@@ -0,0 +1,43 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Datepicker - Format date</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $("#datepicker").datepicker();
+                $("#format").change(function() { $('#datepicker').datepicker('option', {dateFormat: $(this).val()}); });
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<p>Date: <input type="text" id="datepicker" size="30"/></p>
+
+<p>Format options:<br />
+        <select id="format">
+                <option value="mm/dd/yy">Default - mm/dd/yy</option>
+                <option value="yy-mm-dd">ISO 8601 - yy-mm-dd</option>
+                <option value="d M, y">Short - d M, yy</option>
+                <option value="d MM, y">Medium - d MM, yy</option>
+                <option value="DD, d MM, yy">Full - DD, d MM, yy</option>
+                <option value="'day' d 'of' MM 'in the year' yy">With text - 'day' d 'of' MM 'in the year' yy</option>
+        </select>
+</p>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Display date feedback in a variety of ways.  Choose a date format from the dropdown, then click on the input and select a date to see it in that format.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/datepicker/default.html b/static/development-bundle/demos/datepicker/default.html
new file mode 100644
index 0000000..368e0bc
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/default.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Datepicker - Default functionality</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $("#datepicker").datepicker();
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<p>Date: <input type="text" id="datepicker"></p>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>The datepicker is tied to a standard form input field.  Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay.  Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input's value.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/datepicker/dropdown-month-year.html b/static/development-bundle/demos/datepicker/dropdown-month-year.html
new file mode 100644
index 0000000..c169310
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/dropdown-month-year.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Datepicker - Display month &amp; year menus</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $('#datepicker').datepicker({
+                        changeMonth: true,
+                        changeYear: true
+                });
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<p>Date: <input type="text" id="datepicker"></p>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Show month and year dropdowns in place of the static month/year header to facilitate navigation through large timeframes.  Add the boolean <code>changeMonth</code> and <code>changeYear</code> options.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/datepicker/icon-trigger.html b/static/development-bundle/demos/datepicker/icon-trigger.html
new file mode 100644
index 0000000..5b4de4a
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/icon-trigger.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Datepicker - Icon trigger</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $("#datepicker").datepicker({showOn: 'button', buttonImage: 'images/calendar.gif', buttonImageOnly: true});
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<p>Date: <input type="text" id="datepicker"></p>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Click the icon next to the input field to show the datepicker.  Set the datepicker to open on focus (default behavior), on icon click, or both.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/datepicker/images/calendar.gif b/static/development-bundle/demos/datepicker/images/calendar.gif
new file mode 100644
index 0000000..d0abaa7
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/images/calendar.gif
diff --git a/static/development-bundle/demos/datepicker/index.html b/static/development-bundle/demos/datepicker/index.html
new file mode 100644
index 0000000..dfe22db
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/index.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Datepicker Demos</title>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+
+<div class="demos-nav">
+        <h4>Examples</h4>
+        <ul>
+                <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
+                <li><a href="date-formats.html">Format date</a></li>
+                <li><a href="min-max.html">Restrict date range</a></li>
+                <li><a href="localization.html">Localize calendar</a></li>
+                <li><a href="alt-field.html">Populate alternate field</a></li>
+                <li><a href="inline.html">Display inline</a></li>
+                <li><a href="buttonbar.html">Display button bar</a></li>
+                <li><a href="dropdown-month-year.html">Display month &amp; year menus</a></li>          
+                <li><a href="multiple-calendars.html">Display multiple months</a></li>          
+                <li><a href="icon-trigger.html">Icon trigger</a></li>
+        </ul>
+</div>
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/datepicker/inline.html b/static/development-bundle/demos/datepicker/inline.html
new file mode 100644
index 0000000..2d5ad75
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/inline.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Datepicker - Display inline</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $("#datepicker").datepicker();
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+Date: <div id="datepicker"></div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Display the datepicker embedded in the page instead of in an overlay.  Simply call .datepicker() on a div instead of an input.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/datepicker/localization.html b/static/development-bundle/demos/datepicker/localization.html
new file mode 100644
index 0000000..39bc660
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/localization.html
@@ -0,0 +1,120 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Datepicker - Localize calendar</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.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" src="../../ui/i18n/ui.datepicker-ar.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-bg.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-ca.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-cs.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-da.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-de.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-el.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-eo.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-es.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-fa.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-fi.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-fr.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-he.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-hr.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-hu.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-hy.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-id.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-is.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-it.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-ja.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-ko.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-lt.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-lv.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-ms.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-nl.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-no.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-pl.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-pt-BR.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-ro.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-ru.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-sk.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-sl.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-sq.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-sr.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-sr-SR.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-sv.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-th.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-tr.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-uk.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-zh-CN.js"></script>
+        <script type="text/javascript" src="../../ui/i18n/ui.datepicker-zh-TW.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $.datepicker.setDefaults($.extend({showMonthAfterYear: false}, $.datepicker.regional['']));
+                $("#datepicker").datepicker($.datepicker.regional['fr']);
+                $("#locale").change(function() {
+                        $('#datepicker').datepicker('option', $.extend({showMonthAfterYear: false},
+                                $.datepicker.regional[$(this).val()]));
+                });
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+        
+<p>Date: <input type="text" id="datepicker"/>&nbsp;
+        <select id="locale">
+                <option value="sq">Albanian (Gjuha shqipe)</option>
+                <option value="ar">Arabic (&#8235;(&#1604;&#1593;&#1585;&#1576;&#1610;</option>
+                <option value="hy">Armenian (&#1344;&#1377;&#1397;&#1381;&#1408;&#1381;&#1398;)</option>
+                <option value="bg">Bulgarian (&#1073;&#1098;&#1083;&#1075;&#1072;&#1088;&#1089;&#1082;&#1080; &#1077;&#1079;&#1080;&#1082;)</option>
+                <option value="ca">Catalan (Catal&agrave;)</option>
+                <option value="zh-CN">Chinese Simplified (&#31616;&#20307;&#20013;&#25991;)</option>
+                <option value="zh-TW">Chinese Traditional (&#32321;&#39636;&#20013;&#25991;)</option>
+                <option value="hr">Croatian (Hrvatski jezik)</option>
+                <option value="cs">Czech (Ce&ouml;tina)</option>
+                <option value="da">Danish (Dansk)</option>
+                <option value="nl">Dutch (Nederlands)</option>
+                <option value="eo">Esperanto</option>
+                <option value="fa">Farsi/Persian (&#8235;(&#1601;&#1575;&#1585;&#1587;&#1740;</option>
+                <option value="fi">Finnish (suomi)</option>
+                <option value="fr" selected="selected">French (Fran&ccedil;ais)</option>
+                <option value="de">German (Deutsch)</option>
+                <option value="el">Greek (&#917;&#955;&#955;&#951;&#957;&#953;&#954;&#940;)</option>
+                <option value="he">Hebrew (&#8235;(&#1506;&#1489;&#1512;&#1497;&#1514;</option>
+                <option value="hu">Hungarian (Magyar)</option>
+                <option value="is">Icelandic (&Otilde;slenska)</option>
+                <option value="id">Indonesian (Bahasa Indonesia)</option>
+                <option value="it">Italian (Italiano)</option>
+                <option value="ja">Japanese (&#26085;&#26412;&#35486;)</option>
+                <option value="ko">Korean (&#54620;&#44397;&#50612;)</option>
+                <option value="lv">Latvian (Latvie&ouml;u Valoda)</option>
+                <option value="lt">Lithuanian (lietuviu kalba)</option>
+                <option value="ms">Malaysian (Bahasa Malaysia)</option>
+                <option value="no">Norwegian (Norsk)</option>
+                <option value="pl">Polish (Polski)</option>
+                <option value="pt-BR">Portuguese/Brazilian (Portugu&ecirc;s)</option>
+                <option value="ro">Romanian (Rom&acirc;n&#259;)</option>
+                <option value="ru">Russian (&#1056;&#1091;&#1089;&#1089;&#1082;&#1080;&#1081;)</option>
+                <option value="sr">Serbian (&#1089;&#1088;&#1087;&#1089;&#1082;&#1080; &#1112;&#1077;&#1079;&#1080;&#1082;)</option>
+                <option value="sr-SR">Serbian (srpski jezik)</option>
+                <option value="sk">Slovak (Slovencina)</option>
+                <option value="sl">Slovenian (Slovenski Jezik)</option>
+                <option value="es">Spanish (Espa&ntilde;ol)</option>
+                <option value="sv">Swedish (Svenska)</option>
+                <option value="th">Thai (&#3616;&#3634;&#3625;&#3634;&#3652;&#3607;&#3618;)</option>
+                <option value="tr">Turkish (T&uuml;rk&ccedil;e)</option>
+                <option value="uk">Ukranian (&#1059;&#1082;&#1088;&#1072;&#1111;&#1085;&#1089;&#1100;&#1082;&#1072;)</option>
+        </select></p>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Localize the datepicker calendar language and format (English / Western formatting is the default).  The datepicker includes built-in support for languages that read right-to-left, such as Arabic and Hebrew.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/datepicker/min-max.html b/static/development-bundle/demos/datepicker/min-max.html
new file mode 100644
index 0000000..06a1776
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/min-max.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Datepicker - Restrict date range</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $("#datepicker").datepicker({minDate: -20, maxDate: '+1M +10D'});
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<p>Date: <input type="text" id="datepicker"></p>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Restrict the range of selectable dates with the <code>minDate</code> and <code>maxDate</code> options.  Set the beginning and end dates as actual dates (new Date(2009, 1 - 1, 26)), as a numeric offset from today (-20), or as a string of periods and units ('+1M +10D').  For the last, use 'D' for days, 'W' for weeks, 'M' for months, or 'Y' for years.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/datepicker/multiple-calendars.html b/static/development-bundle/demos/datepicker/multiple-calendars.html
new file mode 100644
index 0000000..86e55a0
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/multiple-calendars.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Datepicker - Display multiple months</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $('#datepicker').datepicker({
+                        numberOfMonths: 3,
+                        showButtonPanel: true
+                });
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<p>Date: <input type="text" id="datepicker"></p>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Set the <code>numberOfMonths</code> option to an integer of 2 or more to show multiple months in a single datepicker.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/demos.css b/static/development-bundle/demos/demos.css
new file mode 100644
index 0000000..2d2ce1f
--- /dev/null
+++ b/static/development-bundle/demos/demos.css
@@ -0,0 +1,334 @@
+body {
+        font-size: 62.5%;
+}
+
+table {
+        font-size: 1em;
+}
+
+/* Site
+   -------------------------------- */
+
+body {
+        font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
+}
+
+/* Layout
+   -------------------------------- */
+
+.layout-grid {
+        width: 960px;
+}
+
+.layout-grid td {
+        vertical-align: top;
+}
+
+.layout-grid td.left-nav {
+        width: 140px;
+}
+
+.layout-grid td.normal {
+        border-left: 1px solid #eee;
+        padding: 20px 24px;
+        font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
+}
+
+.layout-grid td.demos {
+        background: url('/images/demos_bg.jpg') no-repeat;
+        height: 337px;
+        overflow: hidden;
+}
+
+/* Normal
+   -------------------------------- */
+
+.normal h3,
+.normal h4 {
+        margin: 0;
+        font-weight: normal;
+}
+
+.normal h3 {
+        padding: 0 0 9px;
+        font-size: 1.8em;
+}
+
+.normal h4 {
+        padding-bottom: 21px;
+        border-bottom: 1px dashed #999;
+        font-size: 1.2em;
+        font-weight: bold;
+}
+
+.normal p {
+        font-size: 1.2em;
+}
+
+/* Demos */
+
+.demos-nav, .demos-nav dt, .demos-nav dd, .demos-nav ul, .demos-nav li {
+        margin: 0;
+        padding: 0
+}
+
+.demos-nav {
+        float: left;
+        width: 170px;
+        font-size: 1.3em;
+}
+
+.demos-nav dt,
+.demos-nav h4 {
+        margin: 0;
+        padding: 0;
+        font: normal 1.1em "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
+        color: #e87b10;
+}
+
+.demos-nav dt,
+.demos-nav h4 {
+        margin-top: 1.5em;
+        margin-bottom: 0;
+        padding-left: 8px;
+        padding-bottom:5px;
+        line-height: 1.2em;
+        border-bottom: 1px solid #F4F4F4;
+}
+
+.demos-nav dd a,
+.demos-nav li a {
+        border-bottom: 1px solid #F4F4F4;
+        display:block;
+        padding: 4px 3px 4px 8px;
+        font-size: 90%;
+        text-decoration: none;
+        color: #555 ;
+        margin:2px 0;
+        height:13px;
+}
+
+.demos-nav dd a:hover,
+.demos-nav dd a:focus,
+.demos-nav dd a:hover,
+.demos-nav dd a:focus {
+        background: #f3f3f3;
+        color:#000;
+        -moz-border-radius: 5px; -webkit-border-radius: 5px;
+}
+ .demos-nav dd a.selected {
+        background: #555;
+        color:#ffffff;
+        -moz-border-radius: 5px; -webkit-border-radius: 5px;
+}
+
+
+/* new styles for demo pages, added by Filament 12.29.08
+eventually we should convert the font sizes to ems -- using px for now to minimize style conflicts
+*/
+
+.normal h3.demo-header { font-size:32px; padding:0 0 5px; border-bottom:1px solid #eee; text-transform: capitalize; }
+.normal h4.demo-subheader { font-size:10px; text-transform: uppercase; color:#999; padding:8px 0 3px; border:0; margin:0; }
+.normal a:link,
+.normal a:visited { color:#1b75bb; text-decoration:none; }
+.normal a:hover,
+.normal a:active { color:#0b559b; }
+
+#demo-config { padding:20px 0 0; }
+
+#demo-frame { float:left; width:540px; height:380px; border:1px solid #ddd; overflow: auto; position: relative; }
+#demo-frame h3, #demo-frame h4 { padding: 0; font-weight: bold; font-size: 1em; }
+
+#demo-config-menu { float:right; width:180px;  }
+#demo-config-menu h4 { font-size:13px; color:#666; font-weight:normal; border:0; padding-left:18px; }
+
+#demo-config-menu ul { list-style: none; padding: 0; margin: 0; }
+
+#demo-config-menu li { font-size:12px; padding:0 0 0 10px; margin:3px 0; zoom: 1; }
+
+#demo-config-menu li a:link,
+#demo-config-menu li a:visited { display:block; padding:1px 8px 4px; border-bottom:1px dotted #b3b3b3; }
+* html #demo-config-menu li a:link,
+* html #demo-config-menu li a:visited { padding:1px 8px 2px; }
+#demo-config-menu li a:hover,
+#demo-config-menu li a:active { background-color:#f6f6f6; }
+
+#demo-config-menu li.demo-config-on { background: url(images/demo-config-on-tile.gif) repeat-x left center; }
+
+#demo-config-menu li.demo-config-on a:link,
+#demo-config-menu li.demo-config-on a:visited,
+#demo-config-menu li.demo-config-on a:hover,
+#demo-config-menu li.demo-config-on a:active { background: url(images/demo-config-on.gif) no-repeat left; padding-left:18px; color:#fff; border:0; margin-left:-10px; margin-top: 0px; margin-bottom: 0px; }
+
+#demo-source, #demo-notes {
+        clear: both;
+        padding: 20px 0 0;
+        font-size: 1.3em;
+}
+
+#demo-notes { width:520px; color:#333; font-size: 1em; }
+#demo-notes p code, .demo-description p code { padding: 0; font-weight: bold; }
+#demo-source pre, #demo-source code { padding: 0; }
+code, pre { padding:8px 0 8px 20px ; font-size: 1.2em; line-height:130%;  }
+
+#demo-source a:link,
+#demo-source a:visited,
+#demo-source a:hover,
+#demo-source a:active { font-size:12px; padding-left:13px; background-position: left center; background-repeat: no-repeat; }
+
+#demo-source a.source-open:link,
+#demo-source a.source-open:visited,
+#demo-source a.source-open:hover,
+#demo-source a.source-open:active { background-image: url(images/demo-spindown-open.gif); }
+
+#demo-source a.source-closed:link,
+#demo-source a.source-closed:visited,
+#demo-source a.source-closed:hover,
+#demo-source a.source-closed:active { background-image: url(images/demo-spindown-closed.gif); }
+
+div.demo {
+        padding:12px;
+        font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
+}
+
+div.demo h3.docs { clear:left; font-size:12px; font-weight:normal; padding:0 0 1em; margin:0; }
+
+div.demo-description {
+        clear:both;
+        padding:12px;
+        font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
+        font-size: 1.3em;
+        line-height: 1.4em;
+}
+
+.ui-draggable, .ui-droppable {
+        background-position: top left;
+}
+
+.left-nav .demos-nav {
+        padding-right: 10px;
+}
+
+#demo-link { font-size:11px;  padding-top: 6px; clear: both; overflow: hidden; }
+#demo-link a span.ui-icon { float:left; margin-right:3px; }
+
+/* Component containers
+----------------------------------*/
+#widget-docs .ui-widget { font-family: Trebuchet MS,Verdana,Arial,sans-serif; font-size: 1em; }
+#widget-docs .ui-widget input, #widget-docs .ui-widget select, #widget-docs .ui-widget textarea, #widget-docs .ui-widget button { font-family: Trebuchet MS,Verdana,Arial,sans-serif; font-size: 1em; }
+#widget-docs .ui-widget-header { border: 1px solid #ffffff; background: #464646 url(images/464646_40x100_textures_01_flat_100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
+#widget-docs .ui-widget-header a { color: #ffffff; }
+#widget-docs .ui-widget-content { border: 1px solid #ffffff; background: #ffffff url(images/ffffff_40x100_textures_01_flat_75.png) 50% 50% repeat-x; color: #222222; }
+#widget-docs .ui-widget-content a { color: #222222; }
+
+/* Interaction states
+----------------------------------*/
+#widget-docs .ui-state-default, #widget-docs .ui-widget-content #widget-docs .ui-state-default { border: 1px solid #666666; background: #555555 url(images/555555_40x100_textures_03_highlight_soft_75.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; }
+#widget-docs .ui-state-default a { color: #ffffff; text-decoration: none; outline: none; }
+#widget-docs .ui-state-hover, #widget-docs .ui-widget-content #widget-docs .ui-state-hover, #widget-docs .ui-state-focus, #widget-docs .ui-widget-content #widget-docs .ui-state-focus { border: 1px solid #666666; background: #444444 url(images/444444_40x100_textures_03_highlight_soft_60.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; }
+#widget-docs .ui-state-hover a { color: #ffffff; text-decoration: none; outline: none; }
+#widget-docs .ui-state-active, #widget-docs .ui-widget-content #widget-docs .ui-state-active { border: 1px solid #666666; background: #ffffff url(images/ffffff_40x100_textures_01_flat_65.png) 50% 50% repeat-x; font-weight: normal; color: #F6921E; outline: none; }
+#widget-docs .ui-state-active a { color: #F6921E; outline: none; text-decoration: none; }
+
+/* Interaction Cues
+----------------------------------*/
+#widget-docs .ui-state-highlight, #widget-docs .ui-widget-content #widget-docs .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/fbf9ee_40x100_textures_02_glass_55.png) 50% 50% repeat-x; color: #363636; }
+#widget-docs .ui-state-error, #widget-docs .ui-widget-content #widget-docs .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/fef1ec_40x100_textures_05_inset_soft_95.png) 50% bottom repeat-x; color: #cd0a0a; }
+#widget-docs .ui-state-error-text, #widget-docs .ui-widget-content #widget-docs .ui-state-error-text { color: #cd0a0a; }
+#widget-docs .ui-state-disabled, #widget-docs .ui-widget-content #widget-docs .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+#widget-docs .ui-priority-primary, #widget-docs .ui-widget-content #widget-docs .ui-priority-primary { font-weight: bold; }
+#widget-docs .ui-priority-secondary, #widget-docs .ui-widget-content #widget-docs .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+#demo-frame-wrapper .ui-icon, #widget-docs .ui-icon { width: 16px; height: 16px; background-image: url(images/222222_256x240_icons_icons.png); }
+#widget-docs .ui-widget-content .ui-icon {background-image: url(images/222222_256x240_icons_icons.png); }
+#widget-docs .ui-widget-header .ui-icon {background-image: url(images/222222_256x240_icons_icons.png); }
+#widget-docs .ui-state-default .ui-icon { background-image: url(images/888888_256x240_icons_icons.png); }
+#widget-docs .ui-state-hover .ui-icon, #widget-docs .ui-state-focus .ui-icon {background-image: url(images/454545_256x240_icons_icons.png); }
+#widget-docs .ui-state-active .ui-icon {background-image: url(images/454545_256x240_icons_icons.png); }
+#widget-docs .ui-state-highlight .ui-icon {background-image: url(images/2e83ff_256x240_icons_icons.png); }
+#widget-docs .ui-state-error .ui-icon, #widget-docs .ui-state-error-text .ui-icon {background-image: url(images/cd0a0a_256x240_icons_icons.png); }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+#widget-docs .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
+#widget-docs .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
+#widget-docs .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
+#widget-docs .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+#widget-docs .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
+#widget-docs .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+#widget-docs .ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+#widget-docs .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
+#widget-docs .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
+
+/* Overlays */
+#widget-docs .ui-widget-overlay { background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
+#widget-docs .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }
+
+/*
+----------------------------------*/
+
+#widget-docs { margin:20px 0 0; border: none; }
+
+#widget-docs h2, #widget-docs h3, #widget-docs h4, #widget-docs p, #widget-docs ul, #widget-docs code { margin:0; padding:0; }
+#widget-docs code { display:block; color:#444; font-size:.9em; margin:0 0 1em; }
+#widget-docs code strong { color:#000; }
+#widget-docs p { margin:0 3em 1.2em 0; }
+#widget-docs p.intro { font-size:13px; color:#666; line-height:1.3; }
+#widget-docs ul { list-style-type: none; }
+
+#widget-docs h2 { font-size:16px; margin:1.2em 0 .5em; }
+#widget-docs h3 { font-size:14px; color:#e6820E; margin:1.5em 0 .5em; }
+.normal #widget-docs h4 { font-size:12px; color:#000; border:0; margin:0 0 .5em; }
+
+#docs-overview-main { width:400px; }
+#docs-overview-sidebar { float:right; width:200px; }
+#docs-overview-sidebar a span { color:#666; }
+#widget-docs #docs-overview-main p { margin-right:0; }
+#widget-docs #docs-overview-sidebar h4 { padding-left:0; }
+
+.docs-list-header { float:left; width:100%; margin:10px 0 0; border-bottom:1px solid #eee; }
+#widget-docs .docs-list-header h2 { float:left; margin:0; }
+#widget-docs .docs-list-header p { float:right; margin:5px 0; font-size:11px; }
+
+.docs-list { float:left; width:100%; padding:0 0 10px; }
+.docs-list .param-header { float:left; clear:left; width:100%; padding:8px 0; border-top:1px solid #eee; }
+#widget-docs .param-header h3, #widget-docs .param-header p { margin:0; float:left; }
+#widget-docs .param-header h3 { width:50%; }
+#widget-docs .param-header h3 span { background: url(images/demo-spindown-closed.gif) no-repeat left; padding-left:13px; }
+#widget-docs .param-open .param-header h3 span { background: url(images/demo-spindown-open.gif) no-repeat left; }
+#widget-docs .param-header p { width:24%; }
+#widget-docs .param-header p.param-type span { background: url(images/icon-docs-info.gif) no-repeat left; cursor:pointer; border-bottom:1px dashed #ccc; padding-left:15px; }
+
+.param-details { padding-left:13px; }
+.param-args { margin:0 0 1.5em; border-top:1px dotted #ccc;}
+.param-args td { padding:3px 30px 3px 5px; border-bottom:1px dotted #ccc;  }
+
+
+/* overrides for ui-tab styles */
+#widget-docs ul.ui-tabs-nav { padding:0 0 0 8px; }
+#widget-docs .ui-tabs-nav li { margin:5px 5px 0 0; }
+
+#widget-docs .ui-tabs-nav li a:link,
+#widget-docs .ui-tabs-nav li a:visited,
+#widget-docs .ui-tabs-nav li a:hover,
+#widget-docs .ui-tabs-nav li a:active { font-size:14px; padding:4px 1.2em 3px; color:#fff; }
+
+#widget-docs .ui-tabs-nav li.ui-tabs-selected a:link,
+#widget-docs .ui-tabs-nav li.ui-tabs-selected a:visited,
+#widget-docs .ui-tabs-nav li.ui-tabs-selected a:hover,
+#widget-docs .ui-tabs-nav li.ui-tabs-selected a:active { color:#e6820E; }
+
+#widget-docs .ui-tabs-panel { padding:20px 9px; font-size:12px; line-height:1.4; color:#000; }
+
+#widget-docs .ui-widget-content a:link,
+#widget-docs .ui-widget-content a:visited { color:#1b75bb; text-decoration:none; }
+#widget-docs .ui-widget-content a:hover,
+#widget-docs .ui-widget-content a:active { color:#0b559b; }
+
diff --git a/static/development-bundle/demos/dialog/default.html b/static/development-bundle/demos/dialog/default.html
new file mode 100644
index 0000000..9d65926
--- /dev/null
+++ b/static/development-bundle/demos/dialog/default.html
@@ -0,0 +1,51 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Dialog - Default functionality</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.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.resizable.js"></script>
+        <script type="text/javascript" src="../../ui/ui.dialog.js"></script>
+        <script type="text/javascript" src="../../external/bgiframe/jquery.bgiframe.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $.ui.dialog.defaults.bgiframe = true;
+        $(function() {
+                $("#dialog").dialog();
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="dialog" title="Basic dialog">
+        <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
+</div>
+
+<!-- Sample page content to illustrate the layering of the dialog -->
+<div class="hiddenInViewSource" style="padding:20px;">
+<p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
+<form>
+        <input value="text input" /><br />
+        <input type="checkbox" />checkbox<br />
+        <input type="radio" />radio<br />
+        <select>
+                <option>select</option>
+        </select><br /><br />
+        <textarea>textarea</textarea><br />
+</form>
+</div><!-- End sample page content -->
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>The basic dialog window is an overlay positioned within the viewport and is protected from page content (like select elements) shining through with an iframe.  It has a title bar and a content area, and can be moved, resized and closed with the 'x' icon by default.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/dialog/index.html b/static/development-bundle/demos/dialog/index.html
new file mode 100644
index 0000000..bed31ab
--- /dev/null
+++ b/static/development-bundle/demos/dialog/index.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Dialog Demos</title>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+
+<div class="demos-nav">
+        <h4>Examples</h4>
+        <ul>
+                <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
+                <li><a href="modal.html">Modal dialog</a></li>
+                <li><a href="modal-message.html">Modal message</a></li>
+                <li><a href="modal-confirmation.html">Modal confirmation</a></li>
+                <li><a href="modal-form.html">Modal form</a></li>
+        </ul>
+</div>
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/dialog/modal-confirmation.html b/static/development-bundle/demos/dialog/modal-confirmation.html
new file mode 100644
index 0000000..f46fb19
--- /dev/null
+++ b/static/development-bundle/demos/dialog/modal-confirmation.html
@@ -0,0 +1,67 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Dialog - Modal confirmation</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.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.resizable.js"></script>
+        <script type="text/javascript" src="../../ui/ui.dialog.js"></script>
+        <script type="text/javascript" src="../../external/bgiframe/jquery.bgiframe.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $("#dialog").dialog({
+                        bgiframe: true,
+                        resizable: false,
+                        height:140,
+                        modal: true,
+                        overlay: {
+                                backgroundColor: '#000',
+                                opacity: 0.5
+                        },
+                        buttons: {
+                                'Delete all items in recycle bin': function() {
+                                        $(this).dialog('close');
+                                },
+                                Cancel: function() {
+                                        $(this).dialog('close');
+                                }
+                        }
+                });
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="dialog" title="Empty the recycle bin?">
+        <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>These items will be permanently deleted and cannot be recovered. Are you sure?</p>
+</div>
+
+<!-- Sample page content to illustrate the layering of the dialog -->
+<div class="hiddenInViewSource" style="padding:20px;">
+        <p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
+        <form>
+                <input value="text input" /><br />
+                <input type="checkbox" />checkbox<br />
+                <input type="radio" />radio<br />
+                <select>
+                        <option>select</option>
+                </select><br /><br />
+                <textarea>textarea</textarea><br />
+        </form>
+</div><!-- End sample page content -->
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Confirm an action that may be destructive or important.  Set the <code>modal</code> option to true, and specify primary and secondary user actions with the <code>buttons</code> option.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/dialog/modal-form.html b/static/development-bundle/demos/dialog/modal-form.html
new file mode 100644
index 0000000..68a3648
--- /dev/null
+++ b/static/development-bundle/demos/dialog/modal-form.html
@@ -0,0 +1,178 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Dialog - Modal form</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.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.resizable.js"></script>
+        <script type="text/javascript" src="../../ui/ui.dialog.js"></script>
+        <script type="text/javascript" src="../../ui/effects.core.js"></script>
+        <script type="text/javascript" src="../../ui/effects.highlight.js"></script>
+        <script type="text/javascript" src="../../external/bgiframe/jquery.bgiframe.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+                body { font-size: 62.5%; }
+                label, input { display:block; }
+                input.text { margin-bottom:12px; width:95%; padding: .4em; }
+                fieldset { padding:0; border:0; margin-top:25px; }
+                h1 { font-size: 1.2em; margin: .6em 0; }
+                div#users-contain {  width: 350px; margin: 20px 0; }
+                div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
+                div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
+                .ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
+                .ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }
+                
+                
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                
+                var name = $("#name"),
+                        email = $("#email"),
+                        password = $("#password"),
+                        allFields = $([]).add(name).add(email).add(password),
+                        tips = $("#validateTips");
+
+                function updateTips(t) {
+                        tips.text(t).effect("highlight",{},1500);
+                }
+
+                function checkLength(o,n,min,max) {
+
+                        if ( o.val().length > max || o.val().length < min ) {
+                                o.addClass('ui-state-error');
+                                updateTips("Length of " + n + " must be between "+min+" and "+max+".");
+                                return false;
+                        } else {
+                                return true;
+                        }
+
+                }
+
+                function checkRegexp(o,regexp,n) {
+
+                        if ( !( regexp.test( o.val() ) ) ) {
+                                o.addClass('ui-state-error');
+                                updateTips(n);
+                                return false;
+                        } else {
+                                return true;
+                        }
+
+                }
+                
+                $("#dialog").dialog({
+                        bgiframe: true,
+                        autoOpen: false,
+                        height: 300,
+                        modal: true,
+                        buttons: {
+                                'Create an account': function() {
+                                        var bValid = true;
+                                        allFields.removeClass('ui-state-error');
+
+                                        bValid = bValid && checkLength(name,"username",3,16);
+                                        bValid = bValid && checkLength(email,"email",6,80);
+                                        bValid = bValid && checkLength(password,"password",5,16);
+
+                                        bValid = bValid && checkRegexp(name,/^[a-z]([0-9a-z_])+$/i,"Username may consist of a-z, 0-9, underscores, begin with a letter.");
+                                        // From jquery.validate.js (by joern), contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/
+                                        bValid = bValid && checkRegexp(email,/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i,"eg. ui@jquery.com");
+                                        bValid = bValid && checkRegexp(password,/^([0-9a-zA-Z])+$/,"Password field only allow : a-z 0-9");
+                                        
+                                        if (bValid) {
+                                                $('#users tbody').append('<tr>' +
+                                                        '<td>' + name.val() + '</td>' + 
+                                                        '<td>' + email.val() + '</td>' + 
+                                                        '<td>' + password.val() + '</td>' +
+                                                        '</tr>'); 
+                                                $(this).dialog('close');
+                                        }
+                                },
+                                Cancel: function() {
+                                        $(this).dialog('close');
+                                }
+                        },
+                        close: function() {
+                                allFields.val('').removeClass('ui-state-error');
+                        }
+                });
+                
+                
+                
+                $('#create-user').click(function() {
+                        $('#dialog').dialog('open');
+                })
+                .hover(
+                        function(){ 
+                                $(this).addClass("ui-state-hover"); 
+                        },
+                        function(){ 
+                                $(this).removeClass("ui-state-hover"); 
+                        }
+                ).mousedown(function(){
+                        $(this).addClass("ui-state-active"); 
+                })
+                .mouseup(function(){
+                                $(this).removeClass("ui-state-active");
+                });
+
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="dialog" title="Create new user">
+        <p id="validateTips">All form fields are required.</p>
+
+        <form>
+        <fieldset>
+                <label for="name">Name</label>
+                <input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />
+                <label for="email">Email</label>
+                <input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all" />
+                <label for="password">Password</label>
+                <input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" />
+        </fieldset>
+        </form>
+</div>
+
+
+<div id="users-contain" class="ui-widget">
+
+                <h1>Existing Users:</h1>
+
+
+        <table id="users" class="ui-widget ui-widget-content">
+                <thead>
+                        <tr class="ui-widget-header ">
+                                <th>Name</th>
+                                <th>Email</th>
+                                <th>Password</th>
+                        </tr>
+                </thead>
+                <tbody>
+                        <tr>
+                                <td>John Doe</td>
+                                <td>john.doe@example.com</td>
+                                <td>johndoe1</td>
+                        </tr>
+                </tbody>
+        </table>
+</div>
+<button id="create-user" class="ui-button ui-state-default ui-corner-all">Create new user</button>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Use a modal dialog to require that the user enter data during a multi-step process.  Embed form markup in the content area, set the <code>modal</code> option to true, and specify primary and secondary user actions with the <code>buttons</code> option.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/dialog/modal-message.html b/static/development-bundle/demos/dialog/modal-message.html
new file mode 100644
index 0000000..df60a5e
--- /dev/null
+++ b/static/development-bundle/demos/dialog/modal-message.html
@@ -0,0 +1,64 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Dialog - Modal message</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.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.resizable.js"></script>
+        <script type="text/javascript" src="../../ui/ui.dialog.js"></script>
+        <script type="text/javascript" src="../../external/bgiframe/jquery.bgiframe.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $("#dialog").dialog({
+                        bgiframe: true,
+                        modal: true,
+                        buttons: {
+                                Ok: function() {
+                                        $(this).dialog('close');
+                                }
+                        }
+                });
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="dialog" title="Download complete">
+        <p>
+                <span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
+                Your files have downloaded successfully into the My Downloads folder.
+        </p>
+        <p>
+                Currently using <b>36% of your storage space</b>.
+        </p>
+</div>
+
+<!-- Sample page content to illustrate the layering of the dialog -->
+<div class="hiddenInViewSource" style="padding:20px;">
+        <p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
+        <form>
+                <input value="text input" /><br />
+                <input type="checkbox" />checkbox<br />
+                <input type="radio" />radio<br />
+                <select>
+                        <option>select</option>
+                </select><br /><br />
+                <textarea>textarea</textarea><br />
+        </form>
+</div><!-- End sample page content -->
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Use a modal dialog to explicitly acknowledge information or an action before continuing their work.  Set the <code>modal</code> option to true, and specify a primary action (Ok) with the <code>buttons</code> option.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/dialog/modal.html b/static/development-bundle/demos/dialog/modal.html
new file mode 100644
index 0000000..dab3ea5
--- /dev/null
+++ b/static/development-bundle/demos/dialog/modal.html
@@ -0,0 +1,55 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Dialog - Basic modal</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.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.resizable.js"></script>
+        <script type="text/javascript" src="../../ui/ui.dialog.js"></script>
+        <script type="text/javascript" src="../../external/bgiframe/jquery.bgiframe.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $("#dialog").dialog({
+                        bgiframe: true,
+                        height: 140,
+                        modal: true
+                });
+        });
+        </script>
+</head>
+<body>
+
+
+<div class="demo">
+
+<div id="dialog" title="Basic modal dialog">
+        <p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
+</div>
+
+<!-- Sample page content to illustrate the layering of the dialog -->
+<div class="hiddenInViewSource" style="padding:20px;">
+        <p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
+        <form>
+                <input value="text input" /><br />
+                <input type="checkbox" />checkbox<br />
+                <input type="radio" />radio<br />
+                <select>
+                        <option>select</option>
+                </select><br /><br />
+                <textarea>textarea</textarea><br />
+        </form>
+</div><!-- End sample page content -->
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>A modal dialog prevents the user from interacting with the rest of the page until it is closed.  To add a semi-transparent layer that dims out the page content behind the dialog, set the background color and opacity of the <code>overlay</code> option.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/draggable/constrain-movement.html b/static/development-bundle/demos/draggable/constrain-movement.html
new file mode 100644
index 0000000..73496bb
--- /dev/null
+++ b/static/development-bundle/demos/draggable/constrain-movement.html
@@ -0,0 +1,67 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Draggable - Constrain movement</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.draggable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        .draggable { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
+        #draggable, #draggable2 { margin-bottom:20px; }
+        #draggable { cursor: n-resize; }
+        #draggable2 { cursor: e-resize; }
+        #containment-wrapper { width: 95%; height:150px; border:2px solid #ccc; padding: 10px;}
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#draggable").draggable({ axis: 'y' });
+                $("#draggable2").draggable({ axis: 'x' });
+                
+                $("#draggable3").draggable({ containment: '#containment-wrapper', scroll: false });
+                $("#draggable4").draggable({ containment: '#demo-frame' });
+                $("#draggable5").draggable({ containment: 'parent' });
+
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+
+<h3 class="docs">Constrain movement along an axis:</h3>
+        
+<div id="draggable" class="draggable ui-widget-content">
+        <p>I can be dragged only vertically</p>
+</div>
+
+<div id="draggable2" class="draggable ui-widget-content">
+        <p>I can be dragged only horizontally</p>
+</div>
+
+<h3 class="docs">Or to within another DOM element:</h3>
+<div id="containment-wrapper">
+<div id="draggable3" class="draggable ui-widget-content">
+        <p>I'm contained within the box</p>
+</div>
+
+<div id="draggable4" class="draggable ui-widget-content">
+        <p>I'm contained within the box's parent</p>
+</div>
+
+<div class="draggable ui-widget-content">
+        <p id="draggable5" class="ui-widget-header">I'm contained within my parent</p>
+</div>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>
+Constrain the movement of each draggable by defining the boundaries of the draggable area. Set the <code>axis</code> option to limit the draggable's path to the x- or y-axis, or use the <code>containment</code> option to specify a parent DOM element or a jQuery selector, like 'document.'
+</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/draggable/cursor-style.html b/static/development-bundle/demos/draggable/cursor-style.html
new file mode 100644
index 0000000..14b3b29
--- /dev/null
+++ b/static/development-bundle/demos/draggable/cursor-style.html
@@ -0,0 +1,46 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Draggable - Cursor style</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.draggable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #draggable, #draggable2, #draggable3 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#draggable").draggable({ cursorAt: { cursor: 'move', top: 56, left: 56 } });
+                $("#draggable2").draggable({ cursorAt: { cursor: 'crosshair', top: -5, left: -5 } });
+                $("#draggable3").draggable({ cursorAt: { bottom: 0 } });
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+        
+<div id="draggable" class="ui-widget-content">
+        <p>I will always stick to the center (relative to the mouse)</p>
+</div>
+
+<div id="draggable2" class="ui-widget-content">
+        <p>My cursor is at left -5 and top -5</p>
+</div>
+
+<div id="draggable3" class="ui-widget-content">
+        <p>My cursor position is only controlled for the 'bottom' value</p>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>
+Position the cursor while dragging the object. By default the cursor appears in the center of the dragged object; use the <code>cursorAt</code> option to specify another location relative to the draggable (specify a pixel value from the top, right, bottom, and/or left).  Customize the cursor's appearance by supplying the <code>cursor</code> option with a valid CSS cursor value: default, move, pointer, crosshair, etc.
+</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/draggable/default.html b/static/development-bundle/demos/draggable/default.html
new file mode 100644
index 0000000..344accc
--- /dev/null
+++ b/static/development-bundle/demos/draggable/default.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Draggable - Default functionality</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.draggable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #draggable { width: 150px; height: 150px; padding: 0.5em; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#draggable").draggable();
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="draggable" class="ui-widget-content">
+        <p>Drag me around</p>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>
+Enable draggable functionality on any DOM element. Move the draggable object by clicking on it with the mouse and dragging it anywhere within the viewport.
+</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/draggable/delay-start.html b/static/development-bundle/demos/draggable/delay-start.html
new file mode 100644
index 0000000..6f49d17
--- /dev/null
+++ b/static/development-bundle/demos/draggable/delay-start.html
@@ -0,0 +1,42 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Draggable - Delay start</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.draggable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #draggable, #draggable2 { width: 120px; height: 120px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#draggable").draggable({ distance: 20 });
+                $("#draggable2").draggable({ delay: 1000 });
+                $(".ui-draggable").disableSelection();
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+        
+<div id="draggable" class="ui-widget-content">
+        <p>Only if you drag me by 20 pixels, the dragging will start</p>
+</div>
+
+<div id="draggable2" class="ui-widget-content">
+        <p>Regardless of the distance, you have to drag and wait for 1000ms before dragging starts</p>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>
+Delay the start of dragging for a number of milliseconds with the <code>delay</code> option; prevent dragging until the cursor is held down and dragged a specifed number of pixels with the <code>distance</code> option. 
+</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/draggable/events.html b/static/development-bundle/demos/draggable/events.html
new file mode 100644
index 0000000..ca13a9f
--- /dev/null
+++ b/static/development-bundle/demos/draggable/events.html
@@ -0,0 +1,74 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Draggable - Events</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.draggable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+                #draggable { width: 16em; padding: 0 1em; }
+                #draggable ul li { margin: 1em 0; padding: 0.5em 0; } * html #draggable ul li { height: 1%; }
+                #draggable ul li span.ui-icon { float: left; }
+                #draggable ul li span.count { font-weight: bold; }
+        </style>
+        <script type="text/javascript">
+                $(function() {
+                        var $start_counter = $('#event-start'), $drag_counter = $('#event-drag'), $stop_counter = $('#event-stop');
+                        var counts = [0,0,0];
+
+                        $("#draggable").draggable({
+                                start: function() {
+                                        counts[0]++;
+                                        updateCounterStatus($start_counter,counts[0]);
+                                },
+                                drag: function() {
+                                        counts[1]++;
+                                        updateCounterStatus($drag_counter,counts[1]);
+                                },
+                                stop: function() {
+                                        counts[2]++;
+                                        updateCounterStatus($stop_counter,counts[2]);
+                                }
+                        });
+                });
+
+                function updateCounterStatus($event_counter,new_count) {
+                        // first update the status visually...
+                        if (!$event_counter.hasClass('ui-state-hover')) {
+                                $event_counter.addClass('ui-state-hover')
+                                        .siblings().removeClass('ui-state-hover');
+                        }
+                        // ...then update the numbers
+                        $('span.count',$event_counter).text(new_count);
+                }
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="draggable" class="ui-widget ui-widget-content">
+
+        <p>Drag me to trigger the chain of events.</p>
+
+        <ul class="ui-helper-reset">
+                <li id="event-start" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-play"></span>"start" invoked <span class="count">0</span>x</li>
+                <li id="event-drag" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-arrow-4"></span>"drag" invoked <span class="count">0</span>x</li>
+                <li id="event-stop" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-stop"></span>"stop" invoked <span class="count">0</span>x</li>
+        </ul>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>
+Layer functionality onto the draggable using the <code>start</code>, <code>drag</code>, and <code>stop</code> events.  Start is fired at the start of the drag; drag during the drag; and stop when dragging stops.
+</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/draggable/handle.html b/static/development-bundle/demos/draggable/handle.html
new file mode 100644
index 0000000..8433a1e
--- /dev/null
+++ b/static/development-bundle/demos/draggable/handle.html
@@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Draggable - Handles</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.draggable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
+        #draggable p { cursor: move; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#draggable").draggable({ handle: 'p' });
+                $("#draggable2").draggable({ cancel: "p.ui-widget-header" });
+                $("div, p").disableSelection();
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+        
+<div id="draggable" class="ui-widget-content">
+        <p class="ui-widget-header">I can be dragged only by this handle</p>
+</div>
+
+<div id="draggable2" class="ui-widget-content">
+        <p>You can drag me around&hellip;</p>
+        <p class="ui-widget-header">&hellip;but you can't drag me by this handle.</p>
+</div>
+
+<!-- ADD CANCEL DEMO -->
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Allow dragging only when the cursor is over a specific part of the draggable.  Use the <code>handle</code> option to specify the jQuery selector of an element (or group of elements) used to drag the object.</p>
+<p>Or prevent dragging when the cursor is over a specific element (or group of elements) within the draggable.  Use the <code>cancel</code> option to specify a jQuery selector over which to "cancel" draggable functionality.</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/draggable/index.html b/static/development-bundle/demos/draggable/index.html
new file mode 100644
index 0000000..ba15243
--- /dev/null
+++ b/static/development-bundle/demos/draggable/index.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Draggable Demos</title>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+
+<div class="demos-nav">
+        <h4>Examples</h4>
+        <ul>
+                <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
+                <li><a href="events.html">Events</a></li>
+                <li><a href="constrain-movement.html">Constrain movement</a></li>
+                <li><a href="delay-start.html">Delay start</a></li>
+                <li><a href="snap-to.html">Snap to element or&#160;grid</a></li>
+                <li><a href="scroll.html">Auto-scroll</a></li>
+                <li><a href="revert.html">Revert position</a></li>
+                <li><a href="visual-feedback.html">Visual feedback</a></li>
+                <li><a href="handle.html">Drag handle</a></li>
+                <li><a href="cursor-style.html">Cursor style</a></li>
+                <li><a href="sortable.html">Draggable + Sortable</a></li>
+        </ul>
+</div>
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/draggable/revert.html b/static/development-bundle/demos/draggable/revert.html
new file mode 100644
index 0000000..8433640
--- /dev/null
+++ b/static/development-bundle/demos/draggable/revert.html
@@ -0,0 +1,41 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Draggable - Revert position</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.draggable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#draggable").draggable({ revert: true });
+                $("#draggable2").draggable({ revert: true, helper: 'clone' });
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+        
+<div id="draggable" class="ui-widget-content">
+        <p>Revert the original</p>
+</div>
+
+<div id="draggable2" class="ui-widget-content">
+        <p>Revert the helper</p>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>
+Return the draggable (or it's helper) to its original location when dragging stops with the boolean <code>revert</code> option.
+</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/draggable/scroll.html b/static/development-bundle/demos/draggable/scroll.html
new file mode 100644
index 0000000..201ce9c
--- /dev/null
+++ b/static/development-bundle/demos/draggable/scroll.html
@@ -0,0 +1,48 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Draggable - Auto-scroll</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.draggable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #draggable, #draggable2, #draggable3 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#draggable").draggable({ scroll: true });
+                $("#draggable2").draggable({ scroll: true, scrollSensitivity: 100 });
+                $("#draggable3").draggable({ scroll: true, scrollSpeed: 100 });
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+        
+<div id="draggable" class="ui-widget-content">
+        <p>Scroll set to true, default settings</p>
+</div>
+
+<div id="draggable2" class="ui-widget-content">
+        <p>scrollSensitivity set to 100</p>
+</div>
+
+<div id="draggable3" class="ui-widget-content">
+        <p>scrollSpeed set to 100</p>
+</div>
+
+<div style='height: 5000px; width: 1px;'></div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>
+Automatically scroll the document when the draggable is moved beyond the viewport. Set the <code>scroll</code> option to true to enable auto-scrolling, and fine-tune when scrolling is triggered and its speed with the <code>scrollSensitivity</code> and <code>scrollSpeed</code> options.
+</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/draggable/snap-to.html b/static/development-bundle/demos/draggable/snap-to.html
new file mode 100644
index 0000000..43c0585
--- /dev/null
+++ b/static/development-bundle/demos/draggable/snap-to.html
@@ -0,0 +1,67 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Draggable - Snap to element or grid</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.draggable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        .draggable { width: 90px; height: 80px; padding: 5px; float: left; margin: 0 10px 10px 0; font-size: .9em; }
+        .ui-widget-header p, .ui-widget-content p { margin: 0; }
+        #snaptarget { height: 140px; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#draggable").draggable({ snap: true });
+                $("#draggable2").draggable({ snap: '.ui-widget-header' });
+                $("#draggable3").draggable({ snap: '.ui-widget-header', snapMode: 'outer' });
+                $("#draggable4").draggable({ grid: [20,20] });
+                $("#draggable5").draggable({ grid: [80, 80] });
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+        
+<div id="snaptarget" class="ui-widget-header">
+        <p>I'm a snap target</p>
+</div>
+
+<br clear="both" />
+
+<div id="draggable" class="draggable ui-widget-content">
+        <p>Default (snap: true), snaps to all other draggable elements</p>
+</div>
+
+<div id="draggable2" class="draggable ui-widget-content">
+        <p>I only snap to the big box</p>
+</div>
+
+<div id="draggable3" class="draggable ui-widget-content">
+        <p>I only snap to the outer edges of the big box</p>
+</div>
+
+<div id="draggable4" class="draggable ui-widget-content">
+        <p>I snap to a 20 x 20 grid</p>
+</div>
+
+<div id="draggable5" class="draggable ui-widget-content">
+        <p>I snap to a 80 x 80 grid</p>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Snap the draggable to the inner or outer boundaries of a DOM element.  Use the <code>snap</code>, <code>snapMode</code> (inner, outer, both), and <code>snapTolerance</code> (distance in pixels the draggable must be from the element when snapping is invoked) options. </p>
+
+<p>Or snap the draggable to a grid.  Set the dimensions of grid cells (height and width in pixels) with the <code>grid</code> option.</p>
+
+</div><!-- End demo-description -->
+
+
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/draggable/sortable.html b/static/development-bundle/demos/draggable/sortable.html
new file mode 100644
index 0000000..6f15be4
--- /dev/null
+++ b/static/development-bundle/demos/draggable/sortable.html
@@ -0,0 +1,54 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Draggable + Sortable</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.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.sortable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        .demo ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }
+        .demo li { margin: 5px; padding: 5px; width: 150px; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#sortable").sortable({
+                        revert: true
+                });
+                $("#draggable").draggable({
+                        connectToSortable: '#sortable',
+                        helper: 'clone',
+                        revert: 'invalid'
+                })
+                $("ul, li").disableSelection();
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+        
+<ul>
+        <li id="draggable" class="ui-state-highlight">Drag me down</li>
+</ul>
+
+<ul id="sortable">
+        <li class="ui-state-default">Item 1</li>
+        <li class="ui-state-default">Item 2</li>
+        <li class="ui-state-default">Item 3</li>
+        <li class="ui-state-default">Item 4</li>
+        <li class="ui-state-default">Item 5</li>
+</ul>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>
+Draggables are built to interact seamlessly with <a href="#">sortables</a>.
+</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/draggable/visual-feedback.html b/static/development-bundle/demos/draggable/visual-feedback.html
new file mode 100644
index 0000000..25c42fd
--- /dev/null
+++ b/static/development-bundle/demos/draggable/visual-feedback.html
@@ -0,0 +1,73 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Draggable - Visual feedback</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.draggable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #draggable, #draggable2, #draggable3, #set div { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
+        #draggable, #draggable2, #draggable3 { margin-bottom:20px; }
+        #set { clear:both; float:left; width: 368px; height: 120px; }
+        p { clear:both; margin:0; padding:1em 0; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#draggable").draggable({ helper: 'original' });
+                $("#draggable2").draggable({ opacity: 0.7, helper: 'clone' });
+                $("#draggable3").draggable({
+                        cursor: 'move',
+                        cursorAt: { top: -12, left: -20 },
+                        helper: function(event) {
+                                return $('<div class="ui-widget-header">I\'m a custom helper</div>');
+                        }
+                });
+                $("#set div").draggable({ stack: { group: '#set div', min: 1 } });
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+
+<h3 class="docs">With helpers:</h3>
+
+<div id="draggable" class="ui-widget-content">
+        <p>Original</p>
+</div>
+
+<div id="draggable2" class="ui-widget-content">
+        <p>Semi-transparent clone</p>
+</div>
+
+<div id="draggable3" class="ui-widget-content">
+        <p>Custom helper (in combination with cursorAt)</p>
+</div>
+
+<h3 class="docs">Stacked:</h3>
+<div id="set">
+        <div class="ui-widget-content">
+                <p>We are draggables..</p>
+        </div>
+
+        <div class="ui-widget-content">
+                <p>..whose z-indexes are controlled automatically..</p>
+        </div>
+
+        <div class="ui-widget-content">
+                <p>..with the stack option.</p>
+        </div>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Provide feedback to users as they drag an object in the form of a helper. The <code>helper</code> option accepts the values 'original' (the draggable object moves with the cursor), 'clone' (a duplicate of the draggable moves with the cursor), or a function that returns a DOM element (that element is shown near the cursor during drag). Control the helper's transparency with the <code>opacity</code> option.</p>
+
+<p>To clarify which draggable is in play, bring the draggable in motion to front. Use the <code>zIndex</code> option to set a higher z-index for the helper, if in play, or use the <code>stack</code> option to ensure that the last item dragged will appear on top of others in the same group on drag stop.</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/droppable/accepted-elements.html b/static/development-bundle/demos/droppable/accepted-elements.html
new file mode 100644
index 0000000..3a12baa
--- /dev/null
+++ b/static/development-bundle/demos/droppable/accepted-elements.html
@@ -0,0 +1,55 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Droppable - Accept Demo</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.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>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
+        #draggable, #draggable-nonvalid { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+
+                $("#draggable, #draggable-nonvalid").draggable();
+
+                $("#droppable").droppable({
+                        accept: '#draggable',
+                        activeClass: 'ui-state-hover',
+                        hoverClass: 'ui-state-active',
+                        drop: function(event, ui) {
+                                $(this).addClass('ui-state-highlight').find('p').html('Dropped!');
+                        }
+                });
+
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+        
+<div id="draggable-nonvalid" class="ui-widget-content">
+        <p>I'm draggable but can't be dropped</p>
+</div>
+
+<div id="draggable" class="ui-widget-content">
+        <p>Drag me to my target</p>
+</div>
+
+<div id="droppable" class="ui-widget-header">
+        <p>accept: '#draggable'</p>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Specify using the <code>accept</code> option which element (or group of elements) is accepted by the target droppable.</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/droppable/default.html b/static/development-bundle/demos/droppable/default.html
new file mode 100644
index 0000000..03fdace
--- /dev/null
+++ b/static/development-bundle/demos/droppable/default.html
@@ -0,0 +1,46 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Droppable - Default Demo</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.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>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
+        #droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#draggable").draggable();
+                $("#droppable").droppable({
+                        drop: function(event, ui) {
+                                $(this).addClass('ui-state-highlight').find('p').html('Dropped!');
+                        }
+                });
+
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+        
+<div id="draggable" class="ui-widget-content">
+        <p>Drag me to my target</p>
+</div>
+
+<div id="droppable" class="ui-widget-header">
+        <p>Drop here</p>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Enable any DOM element to be droppable, a target for draggable elements.</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/droppable/images/high_tatras.jpg b/static/development-bundle/demos/droppable/images/high_tatras.jpg
new file mode 100644
index 0000000..e2365c2
--- /dev/null
+++ b/static/development-bundle/demos/droppable/images/high_tatras.jpg
diff --git a/static/development-bundle/demos/droppable/images/high_tatras2.jpg b/static/development-bundle/demos/droppable/images/high_tatras2.jpg
new file mode 100644
index 0000000..909024a
--- /dev/null
+++ b/static/development-bundle/demos/droppable/images/high_tatras2.jpg
diff --git a/static/development-bundle/demos/droppable/images/high_tatras2_min.jpg b/static/development-bundle/demos/droppable/images/high_tatras2_min.jpg
new file mode 100644
index 0000000..493e082
--- /dev/null
+++ b/static/development-bundle/demos/droppable/images/high_tatras2_min.jpg
diff --git a/static/development-bundle/demos/droppable/images/high_tatras3.jpg b/static/development-bundle/demos/droppable/images/high_tatras3.jpg
new file mode 100644
index 0000000..05a4395
--- /dev/null
+++ b/static/development-bundle/demos/droppable/images/high_tatras3.jpg
diff --git a/static/development-bundle/demos/droppable/images/high_tatras3_min.jpg b/static/development-bundle/demos/droppable/images/high_tatras3_min.jpg
new file mode 100644
index 0000000..4aa96b0
--- /dev/null
+++ b/static/development-bundle/demos/droppable/images/high_tatras3_min.jpg
diff --git a/static/development-bundle/demos/droppable/images/high_tatras4.jpg b/static/development-bundle/demos/droppable/images/high_tatras4.jpg
new file mode 100644
index 0000000..ed753d1
--- /dev/null
+++ b/static/development-bundle/demos/droppable/images/high_tatras4.jpg
diff --git a/static/development-bundle/demos/droppable/images/high_tatras4_min.jpg b/static/development-bundle/demos/droppable/images/high_tatras4_min.jpg
new file mode 100644
index 0000000..794dbdf
--- /dev/null
+++ b/static/development-bundle/demos/droppable/images/high_tatras4_min.jpg
diff --git a/static/development-bundle/demos/droppable/images/high_tatras_min.jpg b/static/development-bundle/demos/droppable/images/high_tatras_min.jpg
new file mode 100644
index 0000000..51e0cde
--- /dev/null
+++ b/static/development-bundle/demos/droppable/images/high_tatras_min.jpg
diff --git a/static/development-bundle/demos/droppable/index.html b/static/development-bundle/demos/droppable/index.html
new file mode 100644
index 0000000..3ffa565
--- /dev/null
+++ b/static/development-bundle/demos/droppable/index.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Droppable Demos</title>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+
+<div class="demos-nav">
+        <h4>Examples</h4>
+        <ul>
+                <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
+                <li><a href="accepted-elements.html">Accepted elements</a></li>
+                <li><a href="propagation.html">Prevent propagation</a></li>
+                <li><a href="visual-feedback.html">Visual feedback</a></li>
+                <li><a href="revert.html">Revert draggable position</a></li>
+                <li><a href="photo-manager.html">Simple photo manager</a></li>
+        </ul>
+</div>
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/droppable/photo-manager.html b/static/development-bundle/demos/droppable/photo-manager.html
new file mode 100644
index 0000000..868085a
--- /dev/null
+++ b/static/development-bundle/demos/droppable/photo-manager.html
@@ -0,0 +1,164 @@
+<!doctype html>
+<html lang="en">
+        <head>
+                <title>jQuery UI Droppable - Simple photo manager</title>
+                <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+                <script type="text/javascript" src="../../jquery-1.3.2.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.dialog.js"></script>
+                <link type="text/css" href="../demos.css" rel="stylesheet" />
+                <style type="text/css">
+                        #gallery { float: left; width: 65%; min-height: 12em; } * html #gallery { height: 12em; } /* IE6 */
+                        .gallery.custom-state-active { background: #eee; }
+                        .gallery li { float: left; width: 96px; padding: 0.4em; margin: 0 0.4em 0.4em 0; text-align: center; }
+                        .gallery li h5 { margin: 0 0 0.4em; cursor: move; }
+                        .gallery li a { float: right; }
+                        .gallery li a.ui-icon-zoomin { float: left; }
+                        .gallery li img { width: 100%; cursor: move; }
+
+                        #trash { float: right; width: 32%; min-height: 18em; padding: 1%;} * html #trash { height: 18em; } /* IE6 */
+                        #trash h4 { line-height: 16px; margin: 0 0 0.4em; }
+                        #trash h4 .ui-icon { float: left; }
+                        #trash .gallery h5 { display: none; }
+                </style>
+                <script type="text/javascript">
+                        $(function() {
+                                // there's the gallery and the trash
+                                var $gallery = $('#gallery'), $trash = $('#trash');
+
+                                // let the gallery items be draggable
+                                $('li',$gallery).draggable({
+                                        cancel: 'a.ui-icon',// clicking an icon won't initiate dragging
+                                        revert: 'invalid', // when not dropped, the item will revert back to its initial position
+                                        containment: $('#demo-frame').length ? '#demo-frame' : 'document', // stick to demo-frame if present
+                                        helper: 'clone',
+                                        cursor: 'move'
+                                });
+
+                                // let the trash be droppable, accepting the gallery items
+                                $trash.droppable({
+                                        accept: '#gallery > li',
+                                        activeClass: 'ui-state-highlight',
+                                        drop: function(ev, ui) {
+                                                deleteImage(ui.draggable);
+                                        }
+                                });
+
+                                // let the gallery be droppable as well, accepting items from the trash
+                                $gallery.droppable({
+                                        accept: '#trash li',
+                                        activeClass: 'custom-state-active',
+                                        drop: function(ev, ui) {
+                                                recycleImage(ui.draggable);
+                                        }
+                                });
+
+                                // image deletion function
+                                var recycle_icon = '<a href="link/to/recycle/script/when/we/have/js/off" title="Recycle this image" class="ui-icon ui-icon-refresh">Recycle image</a>';
+                                function deleteImage($item) {
+                                        $item.fadeOut(function() {
+                                                var $list = $('ul',$trash).length ? $('ul',$trash) : $('<ul class="gallery ui-helper-reset"/>').appendTo($trash);
+
+                                                $item.find('a.ui-icon-trash').remove();
+                                                $item.append(recycle_icon).appendTo($list).fadeIn(function() {
+                                                        $item.animate({ width: '48px' }).find('img').animate({ height: '36px' });
+                                                });
+                                        });
+                                }
+
+                                // image recycle function
+                                var trash_icon = '<a href="link/to/trash/script/when/we/have/js/off" title="Delete this image" class="ui-icon ui-icon-trash">Delete image</a>';
+                                function recycleImage($item) {
+                                        $item.fadeOut(function() {
+                                                $item.find('a.ui-icon-refresh').remove();
+                                                $item.css('width','96px').append(trash_icon).find('img').css('height','72px').end().appendTo($gallery).fadeIn();
+                                        });
+                                }
+
+                                // image preview function, demonstrating the ui.dialog used as a modal window
+                                function viewLargerImage($link) {
+                                        var src = $link.attr('href');
+                                        var title = $link.siblings('img').attr('alt');
+                                        var $modal = $('img[src$="'+src+'"]');
+
+                                        if ($modal.length) {
+                                                $modal.dialog('open')
+                                        } else {
+                                                var img = $('<img alt="'+title+'" width="384" height="288" style="display:none;padding: 8px;" />')
+                                                        .attr('src',src).appendTo('body');
+                                                setTimeout(function() {
+                                                        img.dialog({
+                                                                        title: title,
+                                                                        width: 400,
+                                                                        modal: true
+                                                                });
+                                                }, 1);
+                                        }
+                                }
+
+                                // resolve the icons behavior with event delegation
+                                $('ul.gallery > li').click(function(ev) {
+                                        var $item = $(this);
+                                        var $target = $(ev.target);
+
+                                        if ($target.is('a.ui-icon-trash')) {
+                                                deleteImage($item);
+                                        } else if ($target.is('a.ui-icon-zoomin')) {
+                                                viewLargerImage($target);
+                                        } else if ($target.is('a.ui-icon-refresh')) {
+                                                recycleImage($item);
+                                        }
+
+                                        return false;
+                                });
+                        });
+                </script>
+        </head>
+        <body>
+                <div class="demo ui-widget ui-helper-clearfix">
+
+                        <ul id="gallery" class="gallery ui-helper-reset ui-helper-clearfix">
+                                <li class="ui-widget-content ui-corner-tr">
+                                        <h5 class="ui-widget-header">High Tatras</h5>
+                                        <img src="images/high_tatras_min.jpg" alt="The peaks of High Tatras" width="96" height="72" />
+                                        <a href="images/high_tatras.jpg" title="View larger image" class="ui-icon ui-icon-zoomin">View larger</a>
+                                        <a href="link/to/trash/script/when/we/have/js/off" title="Delete this image" class="ui-icon ui-icon-trash">Delete image</a>
+                                </li>
+                                <li class="ui-widget-content ui-corner-tr">
+                                        <h5 class="ui-widget-header">High Tatras 2</h5>
+                                        <img src="images/high_tatras2_min.jpg" alt="The chalet at the Green mountain lake" width="96" height="72" />
+                                        <a href="images/high_tatras2.jpg" title="View larger image" class="ui-icon ui-icon-zoomin">View larger</a>
+                                        <a href="link/to/trash/script/when/we/have/js/off" title="Delete this image" class="ui-icon ui-icon-trash">Delete image</a>
+                                </li>
+                                <li class="ui-widget-content ui-corner-tr">
+                                        <h5 class="ui-widget-header">High Tatras 3</h5>
+                                        <img src="images/high_tatras3_min.jpg" alt="Planning the ascent" width="96" height="72" />
+                                        <a href="images/high_tatras3.jpg" title="View larger image" class="ui-icon ui-icon-zoomin">View larger</a>
+                                        <a href="link/to/trash/script/when/we/have/js/off" title="Delete this image" class="ui-icon ui-icon-trash">Delete image</a>
+                                </li>
+                                <li class="ui-widget-content ui-corner-tr">
+                                        <h5 class="ui-widget-header">High Tatras 4</h5>
+                                        <img src="images/high_tatras4_min.jpg" alt="On top of Kozi kopka" width="96" height="72" />
+                                        <a href="images/high_tatras4.jpg" title="View larger image" class="ui-icon ui-icon-zoomin">View larger</a>
+                                        <a href="link/to/trash/script/when/we/have/js/off" title="Delete this image" class="ui-icon ui-icon-trash">Delete image</a>
+                                </li>
+                        </ul>
+
+                        <div id="trash" class="ui-widget-content ui-state-default">
+                                <h4 class="ui-widget-header"><span class="ui-icon ui-icon-trash">Trash</span> Trash</h4>
+                        </div>
+
+                </div><!-- End demo -->
+
+                <div class="demo-description">
+
+                        <p>You can delete an image either by dragging it to the Trash or by clicking the trash icon.</p>
+                        <p>You can "recycle" an image by dragging it back to the gallery or by clicking the recycle icon.</p>
+                        <p>You can view larger image by clicking the zoom icon. jQuery UI dialog widget is used for the modal window.</p>
+
+                </div><!-- End demo-description -->
+        </body>
+</html>
diff --git a/static/development-bundle/demos/droppable/propagation.html b/static/development-bundle/demos/droppable/propagation.html
new file mode 100644
index 0000000..e9c5026
--- /dev/null
+++ b/static/development-bundle/demos/droppable/propagation.html
@@ -0,0 +1,71 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Droppable - Prevent propagation</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.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>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #draggable { width: 100px; height: 40px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
+        #droppable, #droppable2 { width: 230px; height: 120px; padding: 0.5em; float: left; margin: 10px; }
+        #droppable-inner, #droppable2-inner { width: 170px; height: 60px; padding: 0.5em; float: left; margin: 10px; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+
+                $("#draggable").draggable();
+
+                $("#droppable, #droppable-inner").droppable({
+                        activeClass: 'ui-state-hover',
+                        hoverClass: 'ui-state-active',
+                        drop: function(event, ui) {
+                                $(this).addClass('ui-state-highlight').find('> p').html('Dropped!');
+                                return false;
+                        }
+                });
+
+                $("#droppable2, #droppable2-inner").droppable({
+                        greedy: true,
+                        activeClass: 'ui-state-hover',
+                        hoverClass: 'ui-state-active',
+                        drop: function(event, ui) {
+                                $(this).addClass('ui-state-highlight').find('> p').html('Dropped!');
+                        }
+                });
+
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+        
+<div id="draggable" class="ui-widget-content">
+        <p>Drag me to my target</p>
+</div>
+
+<div id="droppable" class="ui-widget-header">
+        <p>Outer droppable</p>
+        <div id="droppable-inner" class="ui-widget-header">
+                <p>Inner droppable (not greedy)</p>
+        </div>
+</div>
+
+<div id="droppable2" class="ui-widget-header">
+        <p>Outer droppable</p>
+        <div id="droppable2-inner" class="ui-widget-header">
+                <p>Inner droppable (greedy)</p>
+        </div>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>When working with nested droppables &#8212; for example, you may have an editable directory structure displayed as a tree, with folder and document nodes &#8212; the <code>greedy</code> option set to true prevents event propagation when a draggable is dropped on a child node (droppable).</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/droppable/revert.html b/static/development-bundle/demos/droppable/revert.html
new file mode 100644
index 0000000..01fea57
--- /dev/null
+++ b/static/development-bundle/demos/droppable/revert.html
@@ -0,0 +1,55 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Droppable - Revert draggable position</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.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>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
+        #droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+
+                $("#draggable").draggable({ revert: 'valid' });
+                $("#draggable2").draggable({ revert: 'invalid' });
+
+                $("#droppable").droppable({
+                        activeClass: 'ui-state-hover',
+                        hoverClass: 'ui-state-active',
+                        drop: function(event, ui) {
+                                $(this).addClass('ui-state-highlight').find('p').html('Dropped!');
+                        }
+                });
+
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+        
+<div id="draggable" class="ui-widget-content">
+        <p>I revert when I'm dropped</p>
+</div>
+
+<div id="draggable2" class="ui-widget-content">
+        <p>I revert when I'm not dropped</p>
+</div>
+
+<div id="droppable" class="ui-widget-header">
+        <p>Drop me here</p>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Return the draggable (or it's helper) to its original location when dragging stops with the boolean <code>revert</code> option set on the draggable.</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/droppable/visual-feedback.html b/static/development-bundle/demos/droppable/visual-feedback.html
new file mode 100644
index 0000000..8f7e929
--- /dev/null
+++ b/static/development-bundle/demos/droppable/visual-feedback.html
@@ -0,0 +1,70 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Droppable - Visual feedback</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.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>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #draggable, #draggable2 { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
+        #droppable, #droppable2 { width: 120px; height: 120px; padding: 0.5em; float: left; margin: 10px; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#draggable").draggable();
+                $("#droppable").droppable({
+                        hoverClass: 'ui-state-active',
+                        drop: function(event, ui) {
+                                $(this).addClass('ui-state-highlight').find('p').html('Dropped!');
+                        }
+                });
+                
+                $("#draggable2").draggable();
+                $("#droppable2").droppable({
+                        accept: "#draggable2",
+                        activeClass: 'ui-state-hover',
+                        drop: function(event, ui) {
+                                $(this).addClass('ui-state-highlight').find('p').html('Dropped!');
+                        }
+                });
+
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+
+<h3 class="docs">Feedback on hover:</h3>
+        
+<div id="draggable" class="ui-widget-content">
+        <p>Drag me to my target</p>
+</div>
+
+<div id="droppable" class="ui-widget-header">
+        <p>Drop here</p>
+</div>
+
+<h3 class="docs">Feedback on activating draggable:</h3>
+
+<div id="draggable2" class="ui-widget-content">
+        <p>Drag me to my target</p>
+</div>
+
+<div id="droppable2" class="ui-widget-header">
+        <p>Drop here</p>
+</div>
+
+<!-- add active class demo -->
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Change the droppable's appearance on hover, or when the droppable is active (an acceptable draggable is dropped on it).  Use the <code>hoverClass</code> or <code>activeClass</code> options to specify respective classes.</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/effect/default.html b/static/development-bundle/demos/effect/default.html
new file mode 100644
index 0000000..4187080
--- /dev/null
+++ b/static/development-bundle/demos/effect/default.html
@@ -0,0 +1,104 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Effects - Effect Demo</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.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>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+                .toggler { width: 500px; height: 200px; position: relative;}
+                #button { padding: .5em 1em; text-decoration: none; }
+                #effect { width: 240px; height: 135px; padding: 0.4em; position: relative; }
+                #effect h3 { margin: 0; padding: 0.4em; text-align: center; }
+                .ui-effects-transfer { border: 2px dotted gray; } 
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                
+                //run the currently selected effect
+                function runEffect(){
+                        //get effect type from 
+                        var selectedEffect = $('#effectTypes').val();
+                        
+                        //most effect types need no options passed by default
+                        var options = {};
+                        //check if it's scale, transfer, or size - they need options explicitly set
+                        if(selectedEffect == 'scale'){ options = {percent: 0}; }
+                        else if(selectedEffect == 'transfer'){ options = { to: "#button", className: 'ui-effects-transfer' }; }
+                        else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }
+                        
+                        //run the effect
+                        $("#effect").effect(selectedEffect,options,500,callback);
+                };
+                
+                //callback function to bring a hidden box back
+                function callback(){
+                        setTimeout(function(){
+                                $("#effect:hidden").removeAttr('style').hide().fadeIn();
+                        }, 1000);
+                };
+                
+                //set effect from select menu value
+                $("#button").click(function() {
+                        runEffect();
+                        return false;
+                });
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div class="toggler">
+        <div id="effect" class="ui-widget-content ui-corner-all">
+                <h3 class="ui-widget-header ui-corner-all">Effect</h3>
+                <p>
+                        Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
+                </p>
+        </div>
+</div>
+
+<select name="effects" id="effectTypes">
+        <option value="blind">Blind</option>
+        <option value="bounce">Bounce</option>
+        <option value="clip">Clip</option>
+        <option value="drop">Drop</option>
+        <option value="explode">Explode</option>
+        <option value="fold">Fold</option>
+        <option value="highlight">Highlight</option>
+        <option value="puff">Puff</option>
+        <option value="pulsate">Pulsate</option>
+        <option value="scale">Scale</option>
+        <option value="shake">Shake</option>
+        <option value="size">Size</option>
+        <option value="slide">Slide</option>
+        <option value="transfer">Transfer</option>
+</select>
+
+<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>
+
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Click the button above to show the effect.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/effect/index.html b/static/development-bundle/demos/effect/index.html
new file mode 100644
index 0000000..fbd0597
--- /dev/null
+++ b/static/development-bundle/demos/effect/index.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Effect Demos</title>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+
+<div class="demos-nav">
+        <h4>Examples</h4>
+        <ul>
+                <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
+        </ul>
+</div>
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/hide/default.html b/static/development-bundle/demos/hide/default.html
new file mode 100644
index 0000000..a4a5ff2
--- /dev/null
+++ b/static/development-bundle/demos/hide/default.html
@@ -0,0 +1,105 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Effects - Hide Demo</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.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>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+                .toggler { width: 500px; height: 200px; }
+                #button { padding: .5em 1em; text-decoration: none; }
+                #effect { width: 240px; height: 135px; padding: 0.4em; position: relative; }
+                #effect h3 { margin: 0; padding: 0.4em; text-align: center; }
+                .ui-effects-transfer { border: 2px dotted gray; } 
+        </style>
+        <script type="text/javascript">
+        $(function() {
+
+                //run the currently selected effect
+                function runEffect(){
+                        //get effect type from 
+                        var selectedEffect = $('#effectTypes').val();
+                        
+                        //most effect types need no options passed by default
+                        var options = {};
+                        //check if it's scale, transfer, or size - they need options explicitly set
+                        if(selectedEffect == 'scale'){  options = {percent: 0}; }
+                        else if(selectedEffect == 'transfer'){ options = { to: "#button", className: 'ui-effects-transfer' }; }
+                        else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }
+                        
+                        //run the effect
+                        $("#effect").hide(selectedEffect,options,500,callback);
+                };
+                
+                //callback function to bring a hidden box back
+                function callback(){
+                        setTimeout(function(){
+                                $("#effect:hidden").removeAttr('style').hide().fadeIn();
+                        }, 1000);
+                };
+                
+                //set effect from select menu value
+                $("#button").click(function() {
+                        runEffect();
+                        return false;
+                });
+
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div class="toggler">
+        <div id="effect" class="ui-widget-content ui-corner-all">
+                <h3 class="ui-widget-header ui-corner-all">Hide</h3>
+                <p>
+                        Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
+                </p>
+        </div>
+</div>
+
+<select name="effects" id="effectTypes">
+        <option value="blind">Blind</option>
+        <option value="bounce">Bounce</option>
+        <option value="clip">Clip</option>
+        <option value="drop">Drop</option>
+        <option value="explode">Explode</option>
+        <option value="fold">Fold</option>
+        <option value="highlight">Highlight</option>
+        <option value="puff">Puff</option>
+        <option value="pulsate">Pulsate</option>
+        <option value="scale">Scale</option>
+        <option value="shake">Shake</option>
+        <option value="size">Size</option>
+        <option value="slide">Slide</option>
+        <option value="transfer">Transfer</option>
+</select>
+
+<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>
+
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Click the button above to preview the effect.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/hide/index.html b/static/development-bundle/demos/hide/index.html
new file mode 100644
index 0000000..4b9471d
--- /dev/null
+++ b/static/development-bundle/demos/hide/index.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Effects Demos</title>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+
+<div class="demos-nav">
+        <h4>Examples</h4>
+        <ul>
+                <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
+        </ul>
+</div>
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/images/calendar.gif b/static/development-bundle/demos/images/calendar.gif
new file mode 100644
index 0000000..d0abaa7
--- /dev/null
+++ b/static/development-bundle/demos/images/calendar.gif
diff --git a/static/development-bundle/demos/images/demo-config-on-tile.gif b/static/development-bundle/demos/images/demo-config-on-tile.gif
new file mode 100644
index 0000000..359da95
--- /dev/null
+++ b/static/development-bundle/demos/images/demo-config-on-tile.gif
diff --git a/static/development-bundle/demos/images/demo-config-on.gif b/static/development-bundle/demos/images/demo-config-on.gif
new file mode 100644
index 0000000..9fcec1a
--- /dev/null
+++ b/static/development-bundle/demos/images/demo-config-on.gif
diff --git a/static/development-bundle/demos/images/demo-spindown-closed.gif b/static/development-bundle/demos/images/demo-spindown-closed.gif
new file mode 100644
index 0000000..b247824
--- /dev/null
+++ b/static/development-bundle/demos/images/demo-spindown-closed.gif
diff --git a/static/development-bundle/demos/images/demo-spindown-open.gif b/static/development-bundle/demos/images/demo-spindown-open.gif
new file mode 100644
index 0000000..e1c60aa
--- /dev/null
+++ b/static/development-bundle/demos/images/demo-spindown-open.gif
diff --git a/static/development-bundle/demos/images/icon-docs-info.gif b/static/development-bundle/demos/images/icon-docs-info.gif
new file mode 100644
index 0000000..6b0464e
--- /dev/null
+++ b/static/development-bundle/demos/images/icon-docs-info.gif
diff --git a/static/development-bundle/demos/images/pbar-ani.gif b/static/development-bundle/demos/images/pbar-ani.gif
new file mode 100644
index 0000000..0dfd45b
--- /dev/null
+++ b/static/development-bundle/demos/images/pbar-ani.gif
diff --git a/static/development-bundle/demos/index.html b/static/development-bundle/demos/index.html
new file mode 100644
index 0000000..1f45c3c
--- /dev/null
+++ b/static/development-bundle/demos/index.html
@@ -0,0 +1,292 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <title>jQuery UI Demos</title>
+        <link type="text/css" href="../themes/base/ui.all.css" rel="stylesheet" />
+        <link type="text/css" href="demos.css" rel="stylesheet" />
+        <script type="text/javascript" src="../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../external/bgiframe/jquery.bgiframe.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.progressbar.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" 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="../ui/i18n/ui.datepicker-ar.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-bg.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-ca.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-cs.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-da.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-de.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-el.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-eo.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-es.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-fa.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-fi.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-fr.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-he.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-hr.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-hu.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-hy.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-id.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-is.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-it.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-ja.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-ko.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-lt.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-lv.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-ms.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-nl.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-no.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-pl.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-pt-BR.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-ro.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-ru.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-sk.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-sl.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-sq.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-sr.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-sr-SR.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-sv.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-th.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-tr.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-uk.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-zh-CN.js"></script>
+        <script type="text/javascript" src="../ui/i18n/ui.datepicker-zh-TW.js"></script>
+        <script type="text/javascript">
+        jQuery(function($) {
+                
+                $('.left-nav a').click(function(ev) {
+                        window.location.hash = this.href.replace(/.+\/([^\/]+)\/index\.html/,'$1') + '|default';
+                        loadPage(this.href);
+                        $('.left-nav a.selected').removeClass('selected');
+                        $(this).addClass('selected');
+                        ev.preventDefault();
+                });
+                
+                if (window.location.hash) {
+                        if (window.location.hash.indexOf('|') === -1) {
+                                window.location.hash += '|default';     
+                        }                       
+                        var path = window.location.href.replace(/(index\.html)?#/,'');
+                        path = path.replace('\|','/') + '.html';
+                        loadPage(path);
+                }               
+
+                function loadPage(path) {                       
+                        var section = path.replace(/\/[^\/]+\.html/,'');
+                        var header = section.replace(/.+\/([^\/]+)/,'$1').replace(/_/, ' ');
+                        
+                        $('td.normal div.normal')
+                                .empty()
+                                .append('<h4 class="demo-subheader">Functional demo:</h4>')
+                                .append('<h3 class="demo-header">'+ header +'</h3>')
+                                .append('<div id="demo-config"></div>')
+                                .find('#demo-config')
+                                        .append('<div id="demo-frame"></div><div id="demo-config-menu"></div><div id="demo-link"><a class="demoWindowLink" href="#"><span class="ui-icon ui-icon-newwin"></span>Open demo in a new window</a></div>')
+                                        .find('#demo-config-menu')
+                                                .load(section + '/index.html .demos-nav', function() {
+                                                        $('#demo-config-menu a').each(function() {
+                                                                this.setAttribute('href', section + '/' + this.getAttribute('href').replace(/.+\/([^\/]+)/,'$1'));
+                                                                $(this).attr('target', 'demo-frame');
+                                                                $(this).click(function() {
+
+                                                                        resetDemos();
+                                                                        
+                                                                        $(this).parents('ul').find('li').removeClass('demo-config-on');
+                                                                        $(this).parent().addClass('demo-config-on');
+                                                                        $('#demo-notes').fadeOut();
+
+                                                                        //Set the hash to the actual page without ".html"
+                                                                        window.location.hash = header + '|' + this.getAttribute('href').match((/\/([^\/\\]+)\.html/))[1];
+
+                                                                        loadDemo(this.getAttribute('href'));
+
+                                                                        return false;
+                                                                });
+                                                        });
+
+                                                        if (window.location.hash) {
+                                                                var demo = window.location.hash.split('|')[1];
+                                                                $('#demo-config-menu a').each(function(){
+                                                                        if (this.href.indexOf(demo + '.html') !== -1) {
+                                                                                $(this).parents('ul').find('li').removeClass('demo-config-on');
+                                                                                $(this).parent().addClass('demo-config-on');                                                                    
+                                                                                loadDemo(this.href);                                                                            
+                                                                        }
+                                                                });
+                                                        }
+
+                                                        updateDemoNotes();
+                                                })
+                                        .end()
+                                        .find('#demo-link a')
+                                                .bind('click', function(ev){
+                                                        window.open(this.href);
+                                                        ev.preventDefault();
+                                                })
+                                        .end()
+                                .end()
+                        ;
+                        
+                        resetDemos();
+                }
+                                
+                function loadDemo(path) {
+                        var directory = path.match(/([^\/]+)\/[^\/\.]+\.html$/)[1];
+                        $.get(path, function(data) {
+                                var source = data;
+                                data = data.replace(/<script.*>.*<\/script>/ig,""); // Remove script tags
+                                data = data.replace(/<\/?link.*>/ig,""); //Remove link tags
+                                data = data.replace(/<\/?html.*>/ig,""); //Remove html tag
+                                data = data.replace(/<\/?body.*>/ig,""); //Remove body tag
+                                data = data.replace(/<\/?head.*>/ig,""); //Remove head tag
+                                data = data.replace(/<\/?!doctype.*>/ig,""); //Remove doctype
+                                data = data.replace(/<title.*>.*<\/title>/ig,""); // Remove title tags
+                                data = data.replace(/((href|src)=["'])(?!(http|#))/ig, "$1" + directory + "/");
+
+                                $('#demo-style').remove();
+                                $('#demo-frame').empty().html(data);
+                                $('#demo-frame style').clone().appendTo('head').attr('id','demo-style');
+                                $('#demo-link a').attr('href', path);
+                                updateDemoNotes();
+                                updateDemoSource(source);
+                                
+                                if (/default.html$/.test(path)) {
+                                        $.get("documentation/docs-" + path.match(/demos\/(.+)\//)[1] + ".html", function(html) {
+                                                $("#demo-source").after(html);
+                                                $("#widget-docs").tabs();
+                                                $(".param-header").click(function() {
+                                                        $(this).parent().toggleClass("param-open").end().next().toggle();
+                                                });
+                                                $(".docs-list-header").each(function() {
+                                                        var header = $(this);
+                                                        var details = header.next().find(".param-details").hide();
+                                                        $("a:first", header).click(function() {
+                                                                details.show().parent().addClass("param-open");
+                                                                return false;
+                                                        });
+                                                        $("a:last", header).click(function() {
+                                                                details.hide().parent().removeClass("param-open");
+                                                                return false;
+                                                        });
+                                                });
+                                        });
+                                }
+                        });
+                }
+
+                function updateDemoNotes() {
+                        var notes = $('#demo-frame .demo-description');
+                        if ($('#demo-notes').length == 0) {
+                                $('<div id="demo-notes"></div>').insertAfter('#demo-config');
+                        }
+                        $('#demo-notes').hide().empty().html(notes.html());
+                        $('#demo-notes').show();
+                        notes.hide();
+                }
+                
+                function updateDemoSource(source) {
+                        if ($('#demo-source').length == 0) {
+                                $('<div id="demo-source"><a href="#" class="source-closed">View Source</a><div><pre><code></code></pre></div></div>').insertAfter('#demo-notes');
+                                $('#demo-source').find(">a").click(function() {
+                                        $(this).toggleClass("source-closed").toggleClass("source-open").next().toggle();
+                                        return false;
+                                }).end().find(">div").hide();
+                        }
+                        var cleanedSource = source
+                                .replace('themes/base/ui.all.css', 'theme/ui.all.css')
+                                .replace(/\s*\x3Clink.*demos\x2Ecss.*\x3E\s*/, '\r\n\t')
+                                .replace(/\x2E\x2E\x2F\x2E\x2E\x2F/g, '');
+
+                        $('#demo-source code').empty().text(cleanedSource);
+                }
+                
+                function resetDemos() {
+                        $.datepicker.setDefaults($.extend({showMonthAfterYear: false}, $.datepicker.regional['']));
+                        $(".ui-dialog-content").remove();                       
+                }
+                                
+        });
+        </script>
+</head>
+<body>
+
+<table class="layout-grid" cellspacing="0" cellpadding="0">
+        <tr>
+                <td class="left-nav">
+                        <dl class="demos-nav">
+                                <dt>Interactions</dt>
+                                        <dd><a href="draggable/index.html">Draggable</a></dd>
+                                        <dd><a href="droppable/index.html">Droppable</a></dd>
+                                        <dd><a href="resizable/index.html">Resizable</a></dd>
+                                        <dd><a href="selectable/index.html">Selectable</a></dd>
+                                        <dd><a href="sortable/index.html">Sortable</a></dd>
+                                <dt>Widgets</dt>
+                                        <dd><a href="accordion/index.html">Accordion</a></dd>
+                                        <dd><a href="datepicker/index.html">Datepicker</a></dd>
+                                        <dd><a href="dialog/index.html">Dialog</a></dd>
+                                        <dd><a href="progressbar/index.html">Progressbar</a></dd>
+                                        <dd><a href="slider/index.html">Slider</a></dd>
+                                        <dd><a href="tabs/index.html">Tabs</a></dd>
+                                <dt>Effects</dt>
+                                        <dd><a href="addClass/index.html">Add Class</a></dd>
+                                        <dd><a href="removeClass/index.html">Remove Class</a></dd>
+                                        <dd><a href="animate/index.html">Animate</a></dd>
+                                        <dd><a href="effect/index.html">Effect</a></dd>
+                                        <dd><a href="hide/index.html">Hide</a></dd>
+                                        <dd><a href="show/index.html">Show</a></dd>
+                                        <dd><a href="switchClass/index.html">Switch Class</a></dd>
+                                        <dd><a href="toggle/index.html">Toggle</a></dd>
+                                        <dd><a href="toggleClass/index.html">Toggle Class</a></dd>
+                                <dt>About jQuery UI</dt>
+                                        <dd><a href="http://jqueryui.com/docs/Getting_Started">Getting Started</a></dd>
+                                        <dd><a href="http://jqueryui.com/docs/Upgrade_Guide">Upgrade Guide</a></dd>
+                                        <dd><a href="http://jqueryui.com/docs/Changelog">Changelog</a></dd>
+                                        <dd><a href="http://jqueryui.com/docs/Roadmap">Roadmap</a></dd>
+                                        <dd><a href="http://jqueryui.com/docs/Subversion">Subversion Access</a></dd>
+                                        <dd><a href="http://jqueryui.com/docs/Developer_Guide">UI Developer Guidelines</a></dd>
+                                <dt>Theming</dt>
+                                        <dd><a href="http://jqueryui.com/docs/Theming">Theming jQuery UI</a></dd>
+                                        <dd><a href="http://jqueryui.com/docs/Theming/API">jQuery UI CSS Framework</a></dd>
+                                        <dd><a href="http://jqueryui.com/docs/Theming/Themeroller">ThemeRoller application</a></dd>
+                                        <dd><a href="http://jqueryui.com/docs/Theming/ThemeSwitcher">Theme Switcher Widget</a></dd>
+
+                        </dl>
+                </td>
+                <td class="normal">
+
+                        <div class="normal">
+
+                                        <h3>Instructions</h3>
+                                        <p>
+                                                These demos showcase some common uses of each jQuery UI plugin. Simply copy and paste code from the demos to get started. Have fun playing with them.
+                                        </p>
+                                
+                        </div>
+
+                </td>
+        </tr>
+</table>
+</body>
+</html>
diff --git a/static/development-bundle/demos/progressbar/animated.html b/static/development-bundle/demos/progressbar/animated.html
new file mode 100644
index 0000000..db013d9
--- /dev/null
+++ b/static/development-bundle/demos/progressbar/animated.html
@@ -0,0 +1,42 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Progressbar - Animated</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.progressbar.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+                .ui-progressbar-value { background-image: url(images/pbar-ani.gif); }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#progressbar").progressbar({
+                        value: 59
+                });
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="progressbar"></div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>
+This progressbar has an animated fill by setting the
+<code>background-image</code>
+on the
+<code>.ui-progressbar-value</code>
+element, using css.
+</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/progressbar/default.html b/static/development-bundle/demos/progressbar/default.html
new file mode 100644
index 0000000..a06e6bf
--- /dev/null
+++ b/static/development-bundle/demos/progressbar/default.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Progressbar - Default functionality</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.progressbar.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $("#progressbar").progressbar({
+                        value: 37
+                });
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+        <div id="progressbar"></div>
+
+</div><!-- End demo -->
+
+
+
+<div class="demo-description">
+
+<p>Default determinate progress bar.</p>
+
+</div><!-- End demo-description -->
+
+
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/progressbar/images/pbar-ani.gif b/static/development-bundle/demos/progressbar/images/pbar-ani.gif
new file mode 100644
index 0000000..0dfd45b
--- /dev/null
+++ b/static/development-bundle/demos/progressbar/images/pbar-ani.gif
diff --git a/static/development-bundle/demos/progressbar/index.html b/static/development-bundle/demos/progressbar/index.html
new file mode 100644
index 0000000..542bf14
--- /dev/null
+++ b/static/development-bundle/demos/progressbar/index.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Progressbar Demos</title>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+
+<div class="demos-nav">
+        <h4>Examples</h4>
+        <ul>
+                <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
+                <li><a href="animated.html">Animated</a></li>
+                <li><a href="resize.html">Resizable progressbar</a></li>
+        </ul>
+</div>
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/progressbar/resize.html b/static/development-bundle/demos/progressbar/resize.html
new file mode 100644
index 0000000..d1c53af
--- /dev/null
+++ b/static/development-bundle/demos/progressbar/resize.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Progressbar - Resizable</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.progressbar.js"></script>
+        <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $("#progressbar").progressbar({
+                        value: 37
+                });
+                $("#progressbarWrapper").resizable();
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+        <div id="progressbarWrapper" style="height:30px; " class="ui-widget-default">
+                <div id="progressbar" style="height:100%;"></div>
+        </div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>The progress bar's widths are specified in percentages for flexible sizing so it will resize to fit its container. Try resizing the height and width of this bar to see how it maintains the correct proportions. (This is not necessarily a real-world example, but it's a good illustration of how flexibly all the plugins are coded.)</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/removeClass/default.html b/static/development-bundle/demos/removeClass/default.html
new file mode 100644
index 0000000..83a8b89
--- /dev/null
+++ b/static/development-bundle/demos/removeClass/default.html
@@ -0,0 +1,51 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Effects - removeClass Demo</title>
+        <link type="text/css" href="http://jquery-ui.googlecode.com/svn/trunk/themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/ui/effects.core.js"></script>
+        <link type="text/css" href="http://jquery-ui.googlecode.com/svn/trunk/demos/demos.css" rel="stylesheet" />
+        <style type="text/css">
+                .toggler { width: 500px; height: 200px; position: relative;}
+                #button { padding: .5em 1em; text-decoration: none; }
+                #effect {position: relative;  width: 240px;  padding: 1em;  letter-spacing: 0; font-size: 1.2em; border: 1px solid #000; background: #eee; color: #333; }
+                #effect.newClass { text-indent: 40px; letter-spacing: .4em; width: 410px; height: 100px; padding: 30px; margin: 10px; font-size: 1.6em; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#button").click(function() {
+                        $('#effect').removeClass('newClass', 1000, callback);
+                        return false;
+                });
+                
+                function callback(){
+                        setTimeout(function(){
+                                $('#effect').addClass('newClass');
+                        }, 1500);
+                }
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div class="toggler">
+        <div id="effect" class="newClass ui-corner-all">
+                        Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. 
+        </div>
+</div>
+
+<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Click the button above to preview the effect.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/removeClass/index.html b/static/development-bundle/demos/removeClass/index.html
new file mode 100644
index 0000000..4b9471d
--- /dev/null
+++ b/static/development-bundle/demos/removeClass/index.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Effects Demos</title>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+
+<div class="demos-nav">
+        <h4>Examples</h4>
+        <ul>
+                <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
+        </ul>
+</div>
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/resizable/animate.html b/static/development-bundle/demos/resizable/animate.html
new file mode 100644
index 0000000..9af1548
--- /dev/null
+++ b/static/development-bundle/demos/resizable/animate.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Resizable - Animate</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #resizable { width: 150px; height: 150px; padding: 0.5em; }
+        #resizable h3 { text-align: center; margin: 0; }
+        .ui-resizable-helper { border: 1px dotted gray; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#resizable").resizable({
+                        animate: true
+                });
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+        
+<div id="resizable" class="ui-widget-content">
+        <h3 class="ui-widget-header">Animate</h3>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Animate the resize action using the <code>animate</code> option (boolean). When this option is set to true, drag the outline to the desired location; the element animates to that size on drag stop.</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/resizable/aspect-ratio.html b/static/development-bundle/demos/resizable/aspect-ratio.html
new file mode 100644
index 0000000..56edad4
--- /dev/null
+++ b/static/development-bundle/demos/resizable/aspect-ratio.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Resizable - Preserve aspect ratio</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #resizable { width: 160px; height: 90px; padding: 0.5em; }
+        #resizable h3 { text-align: center; margin: 0; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#resizable").resizable({
+                        aspectRatio: 16/9
+                });
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+        
+<div id="resizable" class="ui-widget-content">
+        <h3 class="ui-widget-header">Preserve aspect ratio</h3>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Maintain the existing aspect ratio or set a new one to constrain the proportions on resize. Set the <code>aspectRatio</code> option to true, and optionally pass in a new ratio (i.e., 4/3)</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/resizable/constrain-area.html b/static/development-bundle/demos/resizable/constrain-area.html
new file mode 100644
index 0000000..e1a9122
--- /dev/null
+++ b/static/development-bundle/demos/resizable/constrain-area.html
@@ -0,0 +1,42 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Resizable - Constrain resize area</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #container { width: 300px; height: 300px; }
+        #container h3 { text-align: center; margin: 0; margin-bottom: 10px; }
+        #resizable { background-position: top left; width: 150px; height: 150px; }
+        #resizable, #container { padding: 0.5em; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#resizable").resizable({
+                        containment: '#container'
+                });
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+        
+<div id="container" class="ui-widget-content">
+        <h3 class="ui-widget-header">Containment</h3>
+        <div id="resizable" class="ui-state-active">
+                <h3 class="ui-widget-header">Resizable</h3>
+        </div>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Define the boundaries of the resizable area. Use the <code>containment</code> option to specify a parent DOM element or a jQuery selector, like 'document.'</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/resizable/default.html b/static/development-bundle/demos/resizable/default.html
new file mode 100644
index 0000000..0b77b34
--- /dev/null
+++ b/static/development-bundle/demos/resizable/default.html
@@ -0,0 +1,35 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Resizable - Default functionality</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #resizable { width: 150px; height: 150px; padding: 0.5em; }
+        #resizable h3 { text-align: center; margin: 0; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#resizable").resizable();
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+        
+<div id="resizable" class="ui-widget-content">
+        <h3 class="ui-widget-header">Resizable</h3>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Enable any DOM element to be resizable.  With the cursor grab the right or bottom border and drag to the desired width or height.</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/resizable/delay-start.html b/static/development-bundle/demos/resizable/delay-start.html
new file mode 100644
index 0000000..df20f8e
--- /dev/null
+++ b/static/development-bundle/demos/resizable/delay-start.html
@@ -0,0 +1,49 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Resizable - Delay start</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #resizable, #resizable2 { width: 150px; height: 150px; padding: 0.5em; }
+        #resizable h3, #resizable2 h3 { text-align: center; margin: 0; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#resizable").resizable({
+                        delay: 1000
+                });
+                
+                $("#resizable2").resizable({
+                        distance: 40
+                });
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+        
+<h3 class="docs">Time delay (ms):</h3>
+<div id="resizable" class="ui-widget-content">
+        <h3 class="ui-widget-header">Time</h3>
+</div>
+
+<h3 class="docs">Distance delay (px):</h3>
+<div id="resizable2" class="ui-widget-content">
+        <h3 class="ui-widget-header">Distance</h3>
+</div>
+
+<!-- ADD DISTANCE DEMO -->
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Delay the start of resizng for a number of milliseconds with the <code>delay</code> option; prevent resizing until the cursor is held down and dragged a specifed number of pixels with the <code>distance</code> option.</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/resizable/index.html b/static/development-bundle/demos/resizable/index.html
new file mode 100644
index 0000000..561b5bf
--- /dev/null
+++ b/static/development-bundle/demos/resizable/index.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Resizable Demos</title>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+
+<div class="demos-nav">
+        <h4>Examples</h4>
+        <ul>
+                <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
+                <li><a href="aspect-ratio.html">Preserve aspect ratio</a></li>
+                <li><a href="max-min.html">Maximum / minimum size</a></li>
+                <li><a href="constrain-area.html">Constrain resize area</a></li>
+                <li><a href="delay-start.html">Delay start</a></li>
+                <li><a href="snap-to-grid.html">Snap to grid</a></li>
+                <li><a href="visual-feedback.html">Visual feedback</a></li>
+                <li><a href="synchronous-resize.html">Synchronous resize</a></li>
+                <li><a href="animate.html">Animate</a></li>
+        </ul>
+</div>
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/resizable/max-min.html b/static/development-bundle/demos/resizable/max-min.html
new file mode 100644
index 0000000..d29e4d7
--- /dev/null
+++ b/static/development-bundle/demos/resizable/max-min.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Resizable - Maximum / minimum size</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #resizable { width: 200px; height: 150px; padding: 5px; }
+        #resizable h3 { text-align: center; margin: 0; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#resizable").resizable({
+                        maxHeight: 250,
+                        maxWidth: 350,
+                        minHeight: 150,
+                        minWidth: 200
+                });
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+        
+<div id="resizable" class="ui-widget-content">
+        <h3 class="ui-widget-header">Resize larger / smaller</h3>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Limit the resizable element to a maximum or minimum height or width using the <code>maxHeight</code>, <code>maxWidth</code>, <code>minHeight</code>, and <code>minWidth</code> options.</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/resizable/snap-to-grid.html b/static/development-bundle/demos/resizable/snap-to-grid.html
new file mode 100644
index 0000000..f2adcc6
--- /dev/null
+++ b/static/development-bundle/demos/resizable/snap-to-grid.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Resizable - Snap to grid</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #resizable { width: 150px; height: 150px; padding: 0.5em; }
+        #resizable h3 { text-align: center; margin: 0; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#resizable").resizable({
+                        grid: 50
+                });
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+        
+<div id="resizable" class="ui-widget-content">
+        <h3 class="ui-widget-header">Grid</h3>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Snap the resizable element to a grid.  Set the dimensions of grid cells (height and width in pixels) with the <code>grid</code> option.</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/resizable/synchronous-resize.html b/static/development-bundle/demos/resizable/synchronous-resize.html
new file mode 100644
index 0000000..bd5de82
--- /dev/null
+++ b/static/development-bundle/demos/resizable/synchronous-resize.html
@@ -0,0 +1,44 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Resizable - Synchronous resize</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #resizable { background-position: top left; }
+        #resizable, #also { width: 150px; height: 120px; padding: 0.5em; }
+        #resizable h3, #also h3 { text-align: center; margin: 0; }
+        #also { margin-top: 1em; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#resizable").resizable({
+                        alsoResize: '#also'
+                });
+                $("#also").resizable();
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+        
+<div id="resizable" class="ui-widget-header">
+        <h3 class="ui-state-active">Resize</h3>
+</div>
+
+<div id="also" class="ui-widget-content">
+        <h3 class="ui-widget-header">will also resize</h3>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Resize multiple elements simultaneously by clicking and dragging the sides of one.  Pass a shared selector into the <code>alsoResize</code> option.</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/resizable/visual-feedback.html b/static/development-bundle/demos/resizable/visual-feedback.html
new file mode 100644
index 0000000..c3edf9a
--- /dev/null
+++ b/static/development-bundle/demos/resizable/visual-feedback.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Resizable - Visual feedback</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #resizable { width: 150px; height: 150px; padding: 0.5em; }
+        #resizable h3 { text-align: center; margin: 0; }
+        .ui-resizable-ghost { border: 1px dotted gray; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#resizable").resizable({
+                        ghost: true
+                });
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+        
+<div id="resizable" class="ui-widget-content">
+        <h3 class="ui-widget-header">Ghost</h3>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Instead of showing the actual element during resize, set the <code>ghost</code> option to true to show a semi-transparent part of the element.</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/selectable/default.html b/static/development-bundle/demos/selectable/default.html
new file mode 100644
index 0000000..6a81f2b
--- /dev/null
+++ b/static/development-bundle/demos/selectable/default.html
@@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Selectable - Default functionality</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.selectable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        
+        <style type="text/css">
+        #feedback { font-size: 1.4em; }
+        #selectable .ui-selecting { background: #FECA40; }
+        #selectable .ui-selected { background: #F39814; color: white; }
+        #selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
+        #selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#selectable").selectable();
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+
+<ol id="selectable">
+        <li class="ui-widget-content">Item 1</li>
+        <li class="ui-widget-content">Item 2</li>
+        <li class="ui-widget-content">Item 3</li>
+        <li class="ui-widget-content">Item 4</li>
+        <li class="ui-widget-content">Item 5</li>
+        <li class="ui-widget-content">Item 6</li>
+        <li class="ui-widget-content">Item 7</li>
+</ol>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Enable a DOM element (or group of elements) to be selectable. Draw a box with your cursor to select items. Hold down the Ctrl key to make multiple non-adjacent selections. </p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/selectable/display-grid.html b/static/development-bundle/demos/selectable/display-grid.html
new file mode 100644
index 0000000..3843c77
--- /dev/null
+++ b/static/development-bundle/demos/selectable/display-grid.html
@@ -0,0 +1,50 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Selectable - Display as grid</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.selectable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        
+        <style type="text/css">
+        #feedback { font-size: 1.4em; }
+        #selectable .ui-selecting { background: #FECA40; }
+        #selectable .ui-selected { background: #F39814; color: white; }
+        #selectable { list-style-type: none; margin: 0; padding: 0; }
+        #selectable li { margin: 3px; padding: 1px; float: left; width: 100px; height: 80px; font-size: 4em; text-align: center; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#selectable").selectable();
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+
+<ol id="selectable">
+        <li class="ui-state-default">1</li>
+        <li class="ui-state-default">2</li>
+        <li class="ui-state-default">3</li>
+        <li class="ui-state-default">4</li>
+        <li class="ui-state-default">5</li>
+        <li class="ui-state-default">6</li>
+        <li class="ui-state-default">7</li>
+        <li class="ui-state-default">8</li>
+        <li class="ui-state-default">9</li>
+        <li class="ui-state-default">10</li>
+        <li class="ui-state-default">11</li>
+        <li class="ui-state-default">12</li>
+</ol>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>To arrange selectable items as a grid, give them identical dimensions and float them using CSS.</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/selectable/index.html b/static/development-bundle/demos/selectable/index.html
new file mode 100644
index 0000000..8429802
--- /dev/null
+++ b/static/development-bundle/demos/selectable/index.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Selectable Demos</title>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+
+<div class="demos-nav">
+        <h4>Examples</h4>
+        <ul>
+                <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
+                <li><a href="serialize.html">Serialize</a></li>
+                <li><a href="display-grid.html">Display as grid</a></li>                
+        </ul>
+</div>
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/selectable/serialize.html b/static/development-bundle/demos/selectable/serialize.html
new file mode 100644
index 0000000..0e201fa
--- /dev/null
+++ b/static/development-bundle/demos/selectable/serialize.html
@@ -0,0 +1,56 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Selectable - Serialize</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.selectable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        
+        <style type="text/css">
+        #feedback { font-size: 1.4em; }
+        #selectable .ui-selecting { background: #FECA40; }
+        #selectable .ui-selected { background: #F39814; color: white; }
+        #selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
+        #selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#selectable").selectable({
+                        stop: function(){
+                                var result = $("#select-result").empty();
+                                $(".ui-selected", this).each(function(){
+                                        var index = $("#selectable li").index(this);
+                                        result.append(" #" + (index + 1));
+                                });
+                        }
+                });
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+
+<p id="feedback">
+You've selected: <span id="select-result">none</span>.
+</p>
+
+<ol id="selectable">
+        <li class="ui-widget-content">Item 1</li>
+        <li class="ui-widget-content">Item 2</li>
+        <li class="ui-widget-content">Item 3</li>
+        <li class="ui-widget-content">Item 4</li>
+        <li class="ui-widget-content">Item 5</li>
+        <li class="ui-widget-content">Item 6</li>
+</ol>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Write a function that fires on the <code>stop</code> event to collect the index values of selected items.  Present values as feedback, or pass as a data string.</p>
+
+</div><!-- End demo-description -->
+</body>
+</html>
diff --git a/static/development-bundle/demos/show/default.html b/static/development-bundle/demos/show/default.html
new file mode 100644
index 0000000..7c70526
--- /dev/null
+++ b/static/development-bundle/demos/show/default.html
@@ -0,0 +1,106 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Effects - Show Demo</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.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>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+                .toggler { width: 500px; height: 200px; }
+                #button { padding: .5em 1em; text-decoration: none; }
+                #effect { width: 240px; height: 135px; padding: 0.4em; position: relative; }
+                #effect h3 { margin: 0; padding: 0.4em; text-align: center; }
+                .ui-effects-transfer { border: 2px dotted gray; } 
+        </style>
+        <script type="text/javascript">
+        $(function() {
+
+                //run the currently selected effect
+                function runEffect(){
+                        //get effect type from 
+                        var selectedEffect = $('#effectTypes').val();
+                        
+                        //most effect types need no options passed by default
+                        var options = {};
+                        //check if it's scale, transfer, or size - they need options explicitly set
+                        if(selectedEffect == 'scale'){  options = {percent: 100}; }
+                        else if(selectedEffect == 'transfer'){ options = { to: "#button", className: 'ui-effects-transfer' }; }
+                        else if(selectedEffect == 'size'){ options = { to: {width: 280,height: 185} }; }
+                        
+                        //run the effect
+                        $("#effect").show(selectedEffect,options,500,callback);
+                };
+                
+                //callback function to bring a hidden box back
+                function callback(){
+                        setTimeout(function(){
+                                $("#effect:visible").removeAttr('style').hide().fadeOut();
+                        }, 1000);
+                };
+                
+                //set effect from select menu value
+                $("#button").click(function() {
+                        runEffect();
+                        return false;
+                });
+                
+                $("#effect").hide();
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div class="toggler">
+        <div id="effect" class="ui-widget-content ui-corner-all">
+                <h3 class="ui-widget-header ui-corner-all">Show</h3>
+                <p>
+                        Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
+                </p>
+        </div>
+</div>
+
+<select name="effects" id="effectTypes">
+        <option value="blind">Blind</option>
+        <option value="bounce">Bounce</option>
+        <option value="clip">Clip</option>
+        <option value="drop">Drop</option>
+        <option value="explode">Explode</option>
+        <option value="fold">Fold</option>
+        <option value="highlight">Highlight</option>
+        <option value="puff">Puff</option>
+        <option value="pulsate">Pulsate</option>
+        <option value="scale">Scale</option>
+        <option value="shake">Shake</option>
+        <option value="size">Size</option>
+        <option value="slide">Slide</option>
+        <option value="transfer">Transfer</option>
+</select>
+
+<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>
+
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Click the button above to preview the effect.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/show/index.html b/static/development-bundle/demos/show/index.html
new file mode 100644
index 0000000..4b9471d
--- /dev/null
+++ b/static/development-bundle/demos/show/index.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Effects Demos</title>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+
+<div class="demos-nav">
+        <h4>Examples</h4>
+        <ul>
+                <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
+        </ul>
+</div>
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/slider/colorpicker.html b/static/development-bundle/demos/slider/colorpicker.html
new file mode 100644
index 0000000..0f7c264
--- /dev/null
+++ b/static/development-bundle/demos/slider/colorpicker.html
@@ -0,0 +1,92 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Slider - Colorpicker</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.slider.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #red, #green, #blue {
+                float: left;
+                clear: left;
+                width: 300px;
+                margin: 15px;
+        }
+        #swatch {
+                width: 120px;
+                height: 100px;
+                margin-top: 18px;
+                margin-left: 350px;
+                background-image: none;
+        }
+        #red .ui-slider-range { background: #ef2929; }
+        #red .ui-slider-handle { border-color: #ef2929; }
+        #green .ui-slider-range { background: #8ae234; }
+        #green .ui-slider-handle { border-color: #8ae234; }
+        #blue .ui-slider-range { background: #729fcf; }
+        #blue .ui-slider-handle { border-color: #729fcf; }
+        #demo-frame > div.demo { padding: 10px !important; };
+        </style>
+        <script type="text/javascript">
+        function hexFromRGB (r, g, b) {
+                var hex = [
+                        r.toString(16),
+                        g.toString(16),
+                        b.toString(16)
+                ];
+                $.each(hex, function (nr, val) {
+                        if (val.length == 1) {
+                                hex[nr] = '0' + val;
+                        }
+                });
+                return hex.join('').toUpperCase();
+        }
+        function refreshSwatch() {
+                var red = $("#red").slider("value")
+                        ,green = $("#green").slider("value")
+                        ,blue = $("#blue").slider("value")
+                        ,hex = hexFromRGB(red, green, blue);
+                $("#swatch").css("background-color", "#" + hex);
+        }
+        $(function() {
+                $("#red, #green, #blue").slider({
+                        orientation: 'horizontal',
+                        range: "min",
+                        max: 255,
+                        value: 127,
+                        slide: refreshSwatch,
+                        change: refreshSwatch
+                });
+                $("#red").slider("value", 255);
+                $("#green").slider("value", 140);
+                $("#blue").slider("value", 60);
+        });
+        </script>
+</head>
+<body class="ui-widget-content" style="border:0;">
+
+<div class="demo">
+
+<p class="ui-state-default ui-corner-all ui-helper-clearfix" style="padding:4px;">
+<span class="ui-icon ui-icon-pencil" style="float:left; margin:-2px 5px 0 0;"></span>
+Simple Colorpicker
+</p>
+
+<div id="red"></div>
+<div id="green"></div>
+<div id="blue"></div>
+
+<div id="swatch" class="ui-widget-content ui-corner-all"></div>
+
+</div><!-- End demo -->
+
+<div class="demo-description" style="clear:left;">
+
+<p>Combine three sliders to create a simple RGB colorpicker.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/slider/default.html b/static/development-bundle/demos/slider/default.html
new file mode 100644
index 0000000..da92869
--- /dev/null
+++ b/static/development-bundle/demos/slider/default.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Slider - Default functionality</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.slider.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+                #demo-frame > div.demo { padding: 10px !important; };
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#slider").slider();
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="slider"></div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>The basic slider is horizontal and has a single handle that can be moved with the mouse or by using the arrow keys.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/slider/index.html b/static/development-bundle/demos/slider/index.html
new file mode 100644
index 0000000..9a010a5
--- /dev/null
+++ b/static/development-bundle/demos/slider/index.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Slider Demos</title>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+
+<div class="demos-nav">
+        <h4>Examples</h4>
+        <ul>
+                <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
+                <li><a href="steps.html">Snap to increments</a></li>
+                <li><a href="range.html">Range slider</a></li>
+                <li><a href="rangemin.html">Range with fixed minimum</a></li>
+                <li><a href="rangemax.html">Range with fixed maximum</a></li>
+                <li><a href="slider-vertical.html">Vertical slider</a></li>
+                <li><a href="range-vertical.html">Vertical range slider</a></li>
+                <li><a href="multiple-vertical.html">Multiple sliders</a></li>
+                <li><a href="colorpicker.html">Simple colorpicker</a></li>
+        </ul>
+</div>
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/slider/multiple-vertical.html b/static/development-bundle/demos/slider/multiple-vertical.html
new file mode 100644
index 0000000..48258cc
--- /dev/null
+++ b/static/development-bundle/demos/slider/multiple-vertical.html
@@ -0,0 +1,76 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Slider - Multiple sliders</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.slider.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+                #demo-frame > div.demo { padding: 10px !important; }
+                #eq span {
+                        height:120px; float:left; margin:15px
+                }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                // change defaults for range, animate and orientation
+                $.extend($.ui.slider.defaults, {
+                        range: "min",
+                        animate: true,
+                        orientation: "vertical"
+                });
+                // setup master volume
+                $("#master").slider({
+                        value: 60,
+                        orientation: "horizontal"
+                });
+                // setup graphic EQ
+                $("#eq > span").each(function() {
+                        // read initial values from markup and remove that
+                        var value = parseInt($(this).text());
+                        $(this).empty();
+                        $(this).slider({
+                                value: value
+                        })
+                });
+        });
+        </script>
+</head>
+<body class="ui-widget-content" style="border:0;">
+
+<div class="demo">
+
+<p class="ui-state-default ui-corner-all ui-helper-clearfix" style="padding:4px;">
+<span class="ui-icon ui-icon-volume-on" style="float:left; margin:-2px 5px 0 0;"></span>
+Master volume
+</p>
+
+<div id="master" style="width:260px; margin:15px;"></div>
+
+<p class="ui-state-default ui-corner-all" style="padding:4px;margin-top:4em;">
+<span class="ui-icon ui-icon-signal" style="float:left; margin:-2px 5px 0 0;"></span>
+Graphic EQ
+</p>
+
+<div id="eq">
+        <span>88</span>
+        <span>77</span>
+        <span>55</span>
+        <span>33</span>
+        <span>40</span>
+        <span>45</span>
+        <span>70</span>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description" style="clear:left;">
+
+<p>Combine horizontal and vertical sliders, each with their own options, to create the UI for a music player.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/slider/range-vertical.html b/static/development-bundle/demos/slider/range-vertical.html
new file mode 100644
index 0000000..ad59511
--- /dev/null
+++ b/static/development-bundle/demos/slider/range-vertical.html
@@ -0,0 +1,47 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Slider - Vertical range slider</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.slider.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+                #demo-frame > div.demo { padding: 10px !important; };
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#slider-range").slider({
+                        orientation: "vertical",
+                        range: true,
+                        values: [17, 67],
+                        slide: function(event, ui) {
+                                $("#amount").val('$' + ui.values[0] + ' - $' + ui.values[1]);
+                        }
+                });
+                $("#amount").val('$' + $("#slider-range").slider("values", 0) + ' - $' + $("#slider-range").slider("values", 1));
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<p>
+<label for="amount">Target sales goal (Millions):</label>
+<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
+</p>
+
+<div id="slider-range" style="height:250px;"></div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Change the orientation of the range slider to vertical.  Assign a height value via <code>.height()</code> or by setting the height through CSS, and set the <code>orientation</code> option to "vertical."</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/slider/range.html b/static/development-bundle/demos/slider/range.html
new file mode 100644
index 0000000..7c595e0
--- /dev/null
+++ b/static/development-bundle/demos/slider/range.html
@@ -0,0 +1,48 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Slider - Range slider</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.slider.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+                #demo-frame > div.demo { padding: 10px !important; };
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#slider-range").slider({
+                        range: true,
+                        min: 0,
+                        max: 500,
+                        values: [75, 300],
+                        slide: function(event, ui) {
+                                $("#amount").val('$' + ui.values[0] + ' - $' + ui.values[1]);
+                        }
+                });
+                $("#amount").val('$' + $("#slider-range").slider("values", 0) + ' - $' + $("#slider-range").slider("values", 1));
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<p>
+<label for="amount">Price range:</label>
+<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
+</p>
+
+<div id="slider-range"></div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Set the <code>range</code> option to true to capture a range of values with two drag handles.  The space between the handles is filled with a different background color to indicate those values are selected.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/slider/rangemax.html b/static/development-bundle/demos/slider/rangemax.html
new file mode 100644
index 0000000..db266db
--- /dev/null
+++ b/static/development-bundle/demos/slider/rangemax.html
@@ -0,0 +1,47 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Slider - Range with fixed maximum</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.slider.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+                #demo-frame > div.demo { padding: 10px !important; };
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#slider-range-max").slider({
+                        range: "max",
+                        min: 1,
+                        max: 10,
+                        value: 2,
+                        slide: function(event, ui) {
+                                $("#amount").val(ui.value);
+                        }
+                });
+                $("#amount").val($("#slider-range-max").slider("value"));
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<p>
+<labe for="amount">Minimum number of bedrooms:</label>
+<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
+</p>
+<div id="slider-range-max"></div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Fix the maximum value of the range slider so that the user can only select a minimum.  Set the <code>range</code> option to "max."</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/slider/rangemin.html b/static/development-bundle/demos/slider/rangemin.html
new file mode 100644
index 0000000..4eebade
--- /dev/null
+++ b/static/development-bundle/demos/slider/rangemin.html
@@ -0,0 +1,48 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Slider - Range with fixed minimum</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.slider.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+                #demo-frame > div.demo { padding: 10px !important; };
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#slider-range-min").slider({
+                        range: "min",
+                        value: 37,
+                        min: 1,
+                        max: 700,
+                        slide: function(event, ui) {
+                                $("#amount").val('$' + ui.value);
+                        }
+                });
+                $("#amount").val('$' + $("#slider-range-min").slider("value"));
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<p>
+<label for="amount">Maximum price:</label>
+<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
+</p>
+
+<div id="slider-range-min"></div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Fix the minimum value of the range slider so that the user can only select a maximum.  Set the <code>range</code> option to "min."</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/slider/slider-vertical.html b/static/development-bundle/demos/slider/slider-vertical.html
new file mode 100644
index 0000000..7731a4b
--- /dev/null
+++ b/static/development-bundle/demos/slider/slider-vertical.html
@@ -0,0 +1,49 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Slider - Vertical slider</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.slider.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+                #demo-frame > div.demo { padding: 10px !important; };
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#slider-vertical").slider({
+                        orientation: "vertical",
+                        range: "min",
+                        min: 0,
+                        max: 100,
+                        value: 60,
+                        slide: function(event, ui) {
+                                $("#amount").val(ui.value);
+                        }
+                });
+                $("#amount").val($("#slider-vertical").slider("value"));
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<p>
+<label for="amount">Volume:</label>
+<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
+</p>
+
+<div id="slider-vertical" style="height:200px;"></div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Change the orientation of the slider to vertical.  Assign a height value via <code>.height()</code> or by setting the height through CSS, and set the <code>orientation</code> option to "vertical."</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/slider/steps.html b/static/development-bundle/demos/slider/steps.html
new file mode 100644
index 0000000..f29b734
--- /dev/null
+++ b/static/development-bundle/demos/slider/steps.html
@@ -0,0 +1,48 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Slider - Snap to increments</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.slider.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+                #demo-frame > div.demo { padding: 10px !important; };
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#slider").slider({
+                        value:100,
+                        min: 0,
+                        max: 500,
+                        step: 50,
+                        slide: function(event, ui) {
+                                $("#amount").val('$' + ui.value);
+                        }
+                });
+                $("#amount").val('$' + $("#slider").slider("value"));
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<p>
+<label for="amount">Donation amount ($50 increments):</label>
+<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
+</p>
+
+<div id="slider"></div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Increment slider values with the <code>step</code> option set to an integer, commonly a dividend of the slider's maximum value.  The default increment is 1.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/sortable/connect-lists-through-tabs.html b/static/development-bundle/demos/sortable/connect-lists-through-tabs.html
new file mode 100644
index 0000000..481c506
--- /dev/null
+++ b/static/development-bundle/demos/sortable/connect-lists-through-tabs.html
@@ -0,0 +1,76 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Sortable - Connect lists with Tabs</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.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.droppable.js"></script>
+        <script type="text/javascript" src="../../ui/ui.tabs.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #sortable1 li, #sortable2 li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 120px; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#sortable1, #sortable2").sortable().disableSelection();
+
+                var $tabs = $("#tabs").tabs();
+
+                var $tab_items = $("ul:first li",$tabs).droppable({
+                        accept: ".connectedSortable li",
+                        hoverClass: "ui-state-hover",
+                        drop: function(ev, ui) {
+                                var $item = $(this);
+                                var $list = $($item.find('a').attr('href')).find('.connectedSortable');
+
+                                ui.draggable.hide('slow', function() {
+                                        $tabs.tabs('select', $tab_items.index($item));
+                                        $(this).appendTo($list).show('slow');
+                                });
+                        }
+                });
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+
+<div id="tabs">
+        <ul>
+                <li><a href="#tabs-1">Nunc tincidunt</a></li>
+                <li><a href="#tabs-2">Proin dolor</a></li>
+        </ul>
+        <div id="tabs-1">
+                <ul id="sortable1" class="connectedSortable ui-helper-reset">
+                        <li class="ui-state-default">Item 1</li>
+                        <li class="ui-state-default">Item 2</li>
+                        <li class="ui-state-default">Item 3</li>
+                        <li class="ui-state-default">Item 4</li>
+                        <li class="ui-state-default">Item 5</li>
+                </ul>
+        </div>
+        <div id="tabs-2">
+                <ul id="sortable2" class="connectedSortable ui-helper-reset">
+                        <li class="ui-state-highlight">Item 1</li>
+                        <li class="ui-state-highlight">Item 2</li>
+                        <li class="ui-state-highlight">Item 3</li>
+                        <li class="ui-state-highlight">Item 4</li>
+                        <li class="ui-state-highlight">Item 5</li>
+                </ul>
+        </div>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>
+        Sort items from one list into another and vice versa, by dropping the list item on the appropriate tab above.
+</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/sortable/connect-lists.html b/static/development-bundle/demos/sortable/connect-lists.html
new file mode 100644
index 0000000..639f0e9
--- /dev/null
+++ b/static/development-bundle/demos/sortable/connect-lists.html
@@ -0,0 +1,55 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Sortable - Connect lists</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.sortable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #sortable1, #sortable2 { list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px; }
+        #sortable1 li, #sortable2 li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 120px; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#sortable1, #sortable2").sortable({
+                        connectWith: '.connectedSortable'
+                }).disableSelection();
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+
+<ul id="sortable1" class="connectedSortable">
+        <li class="ui-state-default">Item 1</li>
+        <li class="ui-state-default">Item 2</li>
+        <li class="ui-state-default">Item 3</li>
+        <li class="ui-state-default">Item 4</li>
+        <li class="ui-state-default">Item 5</li>
+</ul>
+
+<ul id="sortable2" class="connectedSortable">
+        <li class="ui-state-highlight">Item 1</li>
+        <li class="ui-state-highlight">Item 2</li>
+        <li class="ui-state-highlight">Item 3</li>
+        <li class="ui-state-highlight">Item 4</li>
+        <li class="ui-state-highlight">Item 5</li>
+</ul>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>
+        Sort items from one list into another and vice versa, by passing a selector into
+        the <code>connectWith</code> option. The simplest way to do this is to
+        group all related lists with a CSS class, and then pass that class into the
+        sortable function (i.e., <code>connectWith: '.myclass'</code>).
+</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/sortable/default.html b/static/development-bundle/demos/sortable/default.html
new file mode 100644
index 0000000..6df9ec1
--- /dev/null
+++ b/static/development-bundle/demos/sortable/default.html
@@ -0,0 +1,48 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Sortable - Default functionality</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.sortable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
+        #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
+        #sortable li span { position: absolute; margin-left: -1.3em; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#sortable").sortable();
+                $("#sortable").disableSelection();
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+
+<ul id="sortable">
+        <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
+        <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>
+        <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>
+        <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li>
+        <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>
+        <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>
+        <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>
+</ul>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>
+        Enable a group of DOM elements to be sortable. Click on and drag an
+        element to a new spot within the list, and the other items will adjust to
+        fit. By default, sortable items share <code>draggable</code> properties.
+</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/sortable/delay-start.html b/static/development-bundle/demos/sortable/delay-start.html
new file mode 100644
index 0000000..636b743
--- /dev/null
+++ b/static/development-bundle/demos/sortable/delay-start.html
@@ -0,0 +1,64 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Sortable - Delay start</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.sortable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #sortable1, #sortable2 { list-style-type: none; margin: 0; padding: 0; margin-bottom: 15px;zoom: 1; }
+        #sortable1 li, #sortable2 li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 95%; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#sortable1").sortable({
+                        delay: 300
+                });
+                
+                $("#sortable2").sortable({
+                        distance: 15
+                });
+
+                $("li").disableSelection();
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+
+<h3 class="docs">Time delay of 300ms:</h3>
+
+<ul id="sortable1">
+        <li class="ui-state-default">Item 1</li>
+        <li class="ui-state-default">Item 2</li>
+        <li class="ui-state-default">Item 3</li>
+        <li class="ui-state-default">Item 4</li>
+</ul>
+
+<h3 class="docs">Distance delay of 15px:</h3>
+
+<ul id="sortable2">
+        <li class="ui-state-default">Item 1</li>
+        <li class="ui-state-default">Item 2</li>
+        <li class="ui-state-default">Item 3</li>
+        <li class="ui-state-default">Item 4</li>
+</ul>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>
+        Prevent accidental sorting either by delay (time) or distance. Set a number of
+        milliseconds the element needs to be dragged before sorting starts
+        with the <code>delay</code> option. Set a distance in pixels the element
+        needs to be dragged before sorting starts with the <code>distance</code>
+        option.
+</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/sortable/display-grid.html b/static/development-bundle/demos/sortable/display-grid.html
new file mode 100644
index 0000000..e10cd99
--- /dev/null
+++ b/static/development-bundle/demos/sortable/display-grid.html
@@ -0,0 +1,51 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Sortable - Display as grid</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.sortable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #sortable { list-style-type: none; margin: 0; padding: 0; }
+        #sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 100px; height: 90px; font-size: 4em; text-align: center; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#sortable").sortable();
+                $("#sortable").disableSelection();
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+
+<ul id="sortable">
+        <li class="ui-state-default">1</li>
+        <li class="ui-state-default">2</li>
+        <li class="ui-state-default">3</li>
+        <li class="ui-state-default">4</li>
+        <li class="ui-state-default">5</li>
+        <li class="ui-state-default">6</li>
+        <li class="ui-state-default">7</li>
+        <li class="ui-state-default">8</li>
+        <li class="ui-state-default">9</li>
+        <li class="ui-state-default">10</li>
+        <li class="ui-state-default">11</li>
+        <li class="ui-state-default">12</li>
+</ul>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>
+        To arrange sortable items as a grid, give them identical dimensions and
+        float them using CSS.
+</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/sortable/empty-lists.html b/static/development-bundle/demos/sortable/empty-lists.html
new file mode 100644
index 0000000..1886b8e
--- /dev/null
+++ b/static/development-bundle/demos/sortable/empty-lists.html
@@ -0,0 +1,66 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Sortable - Handle empty lists</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.sortable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #sortable1, #sortable2, #sortable3 { list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px; background: #eee; padding: 5px; width: 143px;}
+        #sortable1 li, #sortable2 li, #sortable3 li { margin: 5px; padding: 5px; font-size: 1.2em; width: 120px; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("ul.droptrue").sortable({
+                        connectWith: 'ul'
+                });
+
+                $("ul.dropfalse").sortable({
+                        connectWith: 'ul',
+                        dropOnEmpty: false
+                });
+
+                $("#sortable1, #sortable2, #sortable3").disableSelection();
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+
+<ul id="sortable1" class='droptrue'>
+        <li class="ui-state-default">Can be dropped..</li>
+        <li class="ui-state-default">..on an empty list</li>
+        <li class="ui-state-default">Item 3</li>
+        <li class="ui-state-default">Item 4</li>
+        <li class="ui-state-default">Item 5</li>
+</ul>
+
+<ul id="sortable2" class='dropfalse'>
+        <li class="ui-state-highlight">Cannot be dropped..</li>
+        <li class="ui-state-highlight">..on an empty list</li>
+        <li class="ui-state-highlight">Item 3</li>
+        <li class="ui-state-highlight">Item 4</li>
+        <li class="ui-state-highlight">Item 5</li>
+</ul>
+
+<ul id="sortable3" class='droptrue'>
+</ul>
+
+<br clear="both" />
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>
+        Prevent all items in a list from being dropped into a separate, empty list
+        using the <code>dropOnEmpty</code> option set to <code>false</code>.  By default,
+        sortable items can be dropped on empty lists.
+</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/sortable/index.html b/static/development-bundle/demos/sortable/index.html
new file mode 100644
index 0000000..b77f223
--- /dev/null
+++ b/static/development-bundle/demos/sortable/index.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Sortable Demos</title>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+
+<div class="demos-nav">
+        <h4>Examples</h4>
+        <ul>
+                <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
+                <li><a href="placeholder.html">Drop placeholder</a></li>
+                <li><a href="connect-lists.html">Connect lists</a></li>
+                <li><a href="connect-lists-through-tabs.html">Connect lists through tabs</a></li>
+                <li><a href="empty-lists.html">Handle empty lists</a></li>
+                <li><a href="items.html">Include / exclude items</a></li>
+                <li><a href="delay-start.html">Delay start</a></li>
+                <li><a href="display-grid.html">Display as grid</a></li>                
+                <li><a href="portlets.html">Portlets</a></li>
+        </ul>
+</div>
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/sortable/items.html b/static/development-bundle/demos/sortable/items.html
new file mode 100644
index 0000000..093631f
--- /dev/null
+++ b/static/development-bundle/demos/sortable/items.html
@@ -0,0 +1,68 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Sortable - Include / exclude items</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.sortable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #sortable1, #sortable2 { list-style-type: none; margin: 0; padding: 0; zoom: 1; }
+        #sortable1 li, #sortable2 li { margin: 0 5px 5px 5px; padding: 3px; width: 90%; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#sortable1").sortable({
+                        items: 'li:not(.ui-state-disabled)'
+                });
+
+                $("#sortable2").sortable({
+                        cancel: '.ui-state-disabled'
+                });
+
+                $("#sortable1 li, #sortable2 li").disableSelection();           
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+
+<h3 class="docs">Specify which items are sortable:</h3>
+
+<ul id="sortable1">
+        <li class="ui-state-default">Item 1</li>
+        <li class="ui-state-default ui-state-disabled">(I'm not sortable or a drop target)</li>
+        <li class="ui-state-default ui-state-disabled">(I'm not sortable or a drop target)</li>
+        <li class="ui-state-default">Item 4</li>
+</ul>
+
+<h3 class="docs">Cancel sorting (but keep as drop targets):</h3>
+
+<ul id="sortable2">
+        <li class="ui-state-default">Item 1</li>
+        <li class="ui-state-default ui-state-disabled">(I'm not sortable)</li>
+        <li class="ui-state-default ui-state-disabled">(I'm not sortable)</li>
+        <li class="ui-state-default">Item 4</li>
+</ul>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>
+        Specify which items are eligible to sort by passing a jQuery selector into
+        the <code>items</code> option. Items excluded from this option are not
+        sortable, nor are they valid targets for sortable items.
+</p>
+
+<p>
+        To only prevent sorting on certain items, pass a jQuery selector into the
+        <code>cancel</code> option. Cancelled items remain valid sort targets for
+        others.
+</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/sortable/placeholder.html b/static/development-bundle/demos/sortable/placeholder.html
new file mode 100644
index 0000000..565eb0b
--- /dev/null
+++ b/static/development-bundle/demos/sortable/placeholder.html
@@ -0,0 +1,53 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Sortable - Drop placeholder</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.sortable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
+        #sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; height: 1.5em; }
+        html>body #sortable li { height: 1.5em; line-height: 1.2em; }
+        .ui-state-highlight { height: 1.5em; line-height: 1.2em; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#sortable").sortable({
+                        placeholder: 'ui-state-highlight'
+                });
+                $("#sortable").disableSelection();
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+
+<ul id="sortable">
+        <li class="ui-state-default">Item 1</li>
+        <li class="ui-state-default">Item 2</li>
+        <li class="ui-state-default">Item 3</li>
+        <li class="ui-state-default">Item 4</li>
+        <li class="ui-state-default">Item 5</li>
+        <li class="ui-state-default">Item 6</li>
+        <li class="ui-state-default">Item 7</li>
+</ul>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>
+        When dragging a sortable item to a new location, other items will make room
+        for the that item by shifting to allow white space between them. Pass a
+        class into the <code>placeholder</code> option to style that space to
+        be visible.  Use the boolean <code>forcePlaceholderSize</code> option
+        to set dimensions on the placeholder.
+</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/sortable/portlets.html b/static/development-bundle/demos/sortable/portlets.html
new file mode 100644
index 0000000..5430989
--- /dev/null
+++ b/static/development-bundle/demos/sortable/portlets.html
@@ -0,0 +1,93 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Sortable - Portlets</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.sortable.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+        .column { width: 170px; float: left; padding-bottom: 100px; }
+        .portlet { margin: 0 1em 1em 0; }
+        .portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; }
+        .portlet-header .ui-icon { float: right; }
+        .portlet-content { padding: 0.4em; }
+        .ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
+        .ui-sortable-placeholder * { visibility: hidden; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $(".column").sortable({
+                        connectWith: '.column'
+                });
+
+                $(".portlet").addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all")
+                        .find(".portlet-header")
+                                .addClass("ui-widget-header ui-corner-all")
+                                .prepend('<span class="ui-icon ui-icon-plusthick"></span>')
+                                .end()
+                        .find(".portlet-content");
+
+                $(".portlet-header .ui-icon").click(function() {
+                        $(this).toggleClass("ui-icon-minusthick");
+                        $(this).parents(".portlet:first").find(".portlet-content").toggle();
+                });
+
+                $(".column").disableSelection();
+        });
+        </script>
+</head>
+<body>
+<div class="demo">
+
+<div class="column">
+
+        <div class="portlet">
+                <div class="portlet-header">Feeds</div>
+                <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
+        </div>
+        
+        <div class="portlet">
+                <div class="portlet-header">News</div>
+                <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
+        </div>
+
+</div>
+
+<div class="column">
+
+        <div class="portlet">
+                <div class="portlet-header">Shopping</div>
+                <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
+        </div>
+
+</div>
+
+<div class="column">
+
+        <div class="portlet">
+                <div class="portlet-header">Links</div>
+                <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
+        </div>
+        
+        <div class="portlet">
+                <div class="portlet-header">Images</div>
+                <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
+        </div>
+
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>
+        Enable portlets (styled divs) as sortables and use the <code>connectWith</code>
+        option to allow sorting between columns.
+</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/switchClass/default.html b/static/development-bundle/demos/switchClass/default.html
new file mode 100644
index 0000000..09b48c9
--- /dev/null
+++ b/static/development-bundle/demos/switchClass/default.html
@@ -0,0 +1,47 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Effects - switchClass Demo</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/effects.core.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+                .toggler { width: 500px; height: 200px; position: relative;}
+                #button { padding: .5em 1em; text-decoration: none; }
+                #effect {position: relative;   }
+                #effect.newClass { width: 240px;  padding: 1em; letter-spacing: 0; font-size: 1.2em; }
+                #effect.anotherNewClass { text-indent: 40px; letter-spacing: .4em; width: 410px; height: 100px; padding: 30px; margin: 10px; font-size: 1.6em; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#button").click(function(){
+                        $(".newClass").switchClass('newClass', 'anotherNewClass', 1000);
+                        $(".anotherNewClass").switchClass('anotherNewClass', 'newClass', 1000);
+                        return false;   
+                });
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+
+<div class="toggler">
+        <div id="effect" class="newClass ui-corner-all">
+                        Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. 
+        </div>
+</div>
+<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Click the button above to preview the effect.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/switchClass/index.html b/static/development-bundle/demos/switchClass/index.html
new file mode 100644
index 0000000..4b9471d
--- /dev/null
+++ b/static/development-bundle/demos/switchClass/index.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Effects Demos</title>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+
+<div class="demos-nav">
+        <h4>Examples</h4>
+        <ul>
+                <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
+        </ul>
+</div>
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/tabs/ajax.html b/static/development-bundle/demos/tabs/ajax.html
new file mode 100644
index 0000000..ecbc2c5
--- /dev/null
+++ b/static/development-bundle/demos/tabs/ajax.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Tabs - Content via Ajax</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.tabs.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $("#tabs").tabs();
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="tabs">
+        <ul>
+                <li><a href="#tabs-1">Nunc tincidunt</a></li>
+                <li><a href="ajax/content1.html">Ajax Tab 1</a></li>
+                <li><a href="ajax/content2.html">Ajax Tab 2</a></li>
+        </ul>
+        <div id="tabs-1">
+                <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
+        </div>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Fetch external content via Ajax for the tabs by setting an href value in the tab links.  While the Ajax request is waiting for a response, the tab label changes to say "Loading...", then returns to the normal label once loaded.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/tabs/ajax/content1.html b/static/development-bundle/demos/tabs/ajax/content1.html
new file mode 100644
index 0000000..759bf13
--- /dev/null
+++ b/static/development-bundle/demos/tabs/ajax/content1.html
@@ -0,0 +1,4 @@
+<p><strong>This content was loaded via ajax.</strong>
+<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
+<p>Mauris vitae ante. Curabitur augue. Nulla purus nibh, lobortis ut, feugiat at, aliquam id, purus. Sed venenatis, lorem venenatis volutpat commodo, purus quam lacinia justo, mattis interdum pede pede a odio. Fusce nibh. Morbi nisl mauris, dapibus in, tristique eget, accumsan et, pede. Donec mauris risus, pulvinar ut, faucibus eu, mollis in, nunc. In augue massa, commodo a, cursus vehicula, varius eu, dui. Suspendisse sodales suscipit lorem. Morbi malesuada, eros quis condimentum dignissim, lectus nibh tristique urna, non bibendum diam massa vel risus. Morbi suscipit. Proin egestas, eros at scelerisque scelerisque, dolor lacus fringilla lacus, ut ullamcorper mi magna at quam. Aliquam sed elit. Aliquam turpis purus, congue quis, iaculis id, ullamcorper sit amet, justo. Maecenas sed mauris. Proin magna justo, interdum in, tincidunt eu, viverra eu, turpis. Suspendisse mollis. In magna. Phasellus pellentesque, urna pellentesque convallis pellentesque, augue sem blandit pede, at rhoncus libero nisl a odio.</p>
+<p>Sed vitae nibh non magna semper tempor. Duis dolor. Nam congue laoreet arcu. Fusce lobortis enim quis ligula. Maecenas commodo odio id mi. Maecenas scelerisque tellus eu odio. Etiam dolor purus, lacinia a, imperdiet in, aliquam et, eros. In pellentesque. Nullam ac massa. Integer et turpis. Ut quam augue, congue non, imperdiet id, eleifend ac, nisi. Etiam ac arcu. Cras iaculis accumsan erat. Nullam vulputate sapien nec nisi pretium rhoncus. Aliquam a nibh. Vivamus est ante, fermentum a, tincidunt ut, imperdiet nec, velit. Aenean non tortor. Sed nec mauris eget tellus condimentum rutrum.</p>
\ No newline at end of file
diff --git a/static/development-bundle/demos/tabs/ajax/content2.html b/static/development-bundle/demos/tabs/ajax/content2.html
new file mode 100644
index 0000000..759bf13
--- /dev/null
+++ b/static/development-bundle/demos/tabs/ajax/content2.html
@@ -0,0 +1,4 @@
+<p><strong>This content was loaded via ajax.</strong>
+<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
+<p>Mauris vitae ante. Curabitur augue. Nulla purus nibh, lobortis ut, feugiat at, aliquam id, purus. Sed venenatis, lorem venenatis volutpat commodo, purus quam lacinia justo, mattis interdum pede pede a odio. Fusce nibh. Morbi nisl mauris, dapibus in, tristique eget, accumsan et, pede. Donec mauris risus, pulvinar ut, faucibus eu, mollis in, nunc. In augue massa, commodo a, cursus vehicula, varius eu, dui. Suspendisse sodales suscipit lorem. Morbi malesuada, eros quis condimentum dignissim, lectus nibh tristique urna, non bibendum diam massa vel risus. Morbi suscipit. Proin egestas, eros at scelerisque scelerisque, dolor lacus fringilla lacus, ut ullamcorper mi magna at quam. Aliquam sed elit. Aliquam turpis purus, congue quis, iaculis id, ullamcorper sit amet, justo. Maecenas sed mauris. Proin magna justo, interdum in, tincidunt eu, viverra eu, turpis. Suspendisse mollis. In magna. Phasellus pellentesque, urna pellentesque convallis pellentesque, augue sem blandit pede, at rhoncus libero nisl a odio.</p>
+<p>Sed vitae nibh non magna semper tempor. Duis dolor. Nam congue laoreet arcu. Fusce lobortis enim quis ligula. Maecenas commodo odio id mi. Maecenas scelerisque tellus eu odio. Etiam dolor purus, lacinia a, imperdiet in, aliquam et, eros. In pellentesque. Nullam ac massa. Integer et turpis. Ut quam augue, congue non, imperdiet id, eleifend ac, nisi. Etiam ac arcu. Cras iaculis accumsan erat. Nullam vulputate sapien nec nisi pretium rhoncus. Aliquam a nibh. Vivamus est ante, fermentum a, tincidunt ut, imperdiet nec, velit. Aenean non tortor. Sed nec mauris eget tellus condimentum rutrum.</p>
\ No newline at end of file
diff --git a/static/development-bundle/demos/tabs/collapsible.html b/static/development-bundle/demos/tabs/collapsible.html
new file mode 100644
index 0000000..eab85af
--- /dev/null
+++ b/static/development-bundle/demos/tabs/collapsible.html
@@ -0,0 +1,54 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Tabs - Collapse content</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.tabs.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $("#tabs").tabs({
+                        collapsible: true
+                });
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="tabs">
+        <ul>
+                <li><a href="#tabs-1">Nunc tincidunt</a></li>
+                <li><a href="#tabs-2">Proin dolor</a></li>
+                <li><a href="#tabs-3">Aenean lacinia</a></li>
+        </ul>
+        <div id="tabs-1">
+                <p><strong>Click this tab again to close the content pane.</strong></p>
+                <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
+        </div>
+        <div id="tabs-2">
+                <p><strong>Click this tab again to close the content pane.</strong></p>
+                <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
+        </div>
+        <div id="tabs-3">
+                <p><strong>Click this tab again to close the content pane.</strong></p>
+                <p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
+        </div>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Click the selected tab to toggle its content closed/open.  To enable this functionality, set the <code>collapsible</code> option to true.</p>
+
+<pre><code>collapsible: true
+</code></pre>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/tabs/default.html b/static/development-bundle/demos/tabs/default.html
new file mode 100644
index 0000000..6048bc9
--- /dev/null
+++ b/static/development-bundle/demos/tabs/default.html
@@ -0,0 +1,47 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Tabs - Default functionality</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.tabs.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $("#tabs").tabs();
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="tabs">
+        <ul>
+                <li><a href="#tabs-1">Nunc tincidunt</a></li>
+                <li><a href="#tabs-2">Proin dolor</a></li>
+                <li><a href="#tabs-3">Aenean lacinia</a></li>
+        </ul>
+        <div id="tabs-1">
+                <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
+        </div>
+        <div id="tabs-2">
+                <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
+        </div>
+        <div id="tabs-3">
+                <p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
+                <p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
+        </div>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Click tabs to swap between content that is broken into logical sections.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/tabs/index.html b/static/development-bundle/demos/tabs/index.html
new file mode 100644
index 0000000..903e9f3
--- /dev/null
+++ b/static/development-bundle/demos/tabs/index.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Tabs Demos</title>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+
+<div class="demos-nav">
+        <h4>Examples</h4>
+        <ul>
+                <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
+                <li><a href="ajax.html">Content via Ajax</a></li>
+                <li><a href="mouseover.html">Open on mouseover</a></li>
+                <li><a href="collapsible.html">Collapse content</a></li>
+                <li><a href="sortable.html">Sortable</a></li>
+        </ul>
+</div>
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/tabs/mouseover.html b/static/development-bundle/demos/tabs/mouseover.html
new file mode 100644
index 0000000..3232e1f
--- /dev/null
+++ b/static/development-bundle/demos/tabs/mouseover.html
@@ -0,0 +1,52 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Tabs - Open on mouseover</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.tabs.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $("#tabs").tabs({
+                        event: 'mouseover'
+                });
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="tabs">
+        <ul>
+                <li><a href="#tabs-1">Nunc tincidunt</a></li>
+                <li><a href="#tabs-2">Proin dolor</a></li>
+                <li><a href="#tabs-3">Aenean lacinia</a></li>
+        </ul>
+        <div id="tabs-1">
+                <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
+        </div>
+        <div id="tabs-2">
+                <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
+        </div>
+        <div id="tabs-3">
+                <p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
+                <p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
+        </div>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Toggle sections open/closed on mouseover with the <code>event</code> option. The default value for event is "click."</p>
+
+<pre><code>event: 'mouseover'
+</code></pre>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/tabs/sortable.html b/static/development-bundle/demos/tabs/sortable.html
new file mode 100644
index 0000000..1b0d458
--- /dev/null
+++ b/static/development-bundle/demos/tabs/sortable.html
@@ -0,0 +1,62 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Tabs - Sortable</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.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.tabs.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $("#tabs").tabs().find(".ui-tabs-nav").sortable({axis:'x'});
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="tabs">
+        <ul>
+                <li><a href="#tabs-1">Nunc tincidunt</a></li>
+                <li><a href="#tabs-2">Proin dolor</a></li>
+                <li><a href="#tabs-3">Aenean lacinia</a></li>
+        </ul>
+        <div id="tabs-1">
+                <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
+        </div>
+        <div id="tabs-2">
+                <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
+        </div>
+        <div id="tabs-3">
+                <p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
+                <p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
+        </div>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>
+Drag the tabs above to re-order them.
+<p>
+
+<p>
+Making tabs sortable is as simple as calling
+
+<code>.sortable()</code>
+
+on the
+
+<code>.ui-tabs-nav</code>
+
+element.
+</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/tabs/vertical.html b/static/development-bundle/demos/tabs/vertical.html
new file mode 100644
index 0000000..56001c3
--- /dev/null
+++ b/static/development-bundle/demos/tabs/vertical.html
@@ -0,0 +1,62 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Tabs - Vertical Tabs functionality</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="../../ui/ui.core.js"></script>
+        <script type="text/javascript" src="../../ui/ui.tabs.js"></script>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <script type="text/javascript">
+        $(function() {
+                $("#tabs").tabs().addClass('ui-tabs-vertical ui-helper-clearfix');
+                $("#tabs li").removeClass('ui-corner-top').addClass('ui-corner-left');
+        });
+        </script>
+        <style type="text/css">
+        
+/* Vertical Tabs
+----------------------------------*/
+.ui-tabs-vertical { width: 55em; }
+.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
+.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
+.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
+.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
+.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}
+        </style>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="tabs">
+        <ul>
+                <li><a href="#tabs-1">Nunc tincidunt</a></li>
+                <li><a href="#tabs-2">Proin dolor</a></li>
+                <li><a href="#tabs-3">Aenean lacinia</a></li>
+        </ul>
+        <div id="tabs-1">
+                <h2>Content heading 1</h2>
+                <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
+        </div>
+        <div id="tabs-2">
+                <h2>Content heading 2</h2>
+                <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
+        </div>
+        <div id="tabs-3">
+                <h2>Content heading 3</h2>
+                <p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
+                <p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
+        </div>
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Click tabs to swap between content that is broken into logical sections.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/toggle/default.html b/static/development-bundle/demos/toggle/default.html
new file mode 100644
index 0000000..ffb464b
--- /dev/null
+++ b/static/development-bundle/demos/toggle/default.html
@@ -0,0 +1,94 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Effects - Toggle Demo</title>
+        <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="../../jquery-1.3.2.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>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+        <style type="text/css">
+                .toggler { width: 500px; height: 200px; }
+                #button { padding: .5em 1em; text-decoration: none; }
+                #effect { width: 240px; height: 135px; padding: 0.4em; position: relative; }
+                #effect h3 { margin: 0; padding: 0.4em; text-align: center; }
+                .ui-effects-transfer { border: 2px dotted gray; } 
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                //run the currently selected effect
+                function runEffect(){
+                        //get effect type from 
+                        var selectedEffect = $('#effectTypes').val();
+                        
+                        //most effect types need no options passed by default
+                        var options = {};
+                        //check if it's scale, transfer, or size - they need options explicitly set
+                        if(selectedEffect == 'scale'){  options = {percent: 0}; }
+                        else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }
+                        
+                        //run the effect
+                        $("#effect").toggle(selectedEffect,options,500);
+                };
+                
+                //set effect from select menu value
+                $("#button").click(function() {
+                        runEffect();
+                        return false;
+                });
+
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div class="toggler">
+        <div id="effect" class="ui-widget-content ui-corner-all">
+                <h3 class="ui-widget-header ui-corner-all">Toggle</h3>
+                <p>
+                        Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
+                </p>
+        </div>
+</div>
+
+<select name="effects" id="effectTypes">
+        <option value="blind">Blind</option>
+        <option value="bounce">Bounce</option>
+        <option value="clip">Clip</option>
+        <option value="drop">Drop</option>
+        <option value="explode">Explode</option>
+        <option value="fold">Fold</option>
+        <option value="highlight">Highlight</option>
+        <option value="puff">Puff</option>
+        <option value="pulsate">Pulsate</option>
+        <option value="scale">Scale</option>
+        <option value="shake">Shake</option>
+        <option value="size">Size</option>
+        <option value="slide">Slide</option>
+        <option value="transfer">Transfer</option>
+</select>
+
+<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Click the button above to preview the effect.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/toggle/index.html b/static/development-bundle/demos/toggle/index.html
new file mode 100644
index 0000000..4b9471d
--- /dev/null
+++ b/static/development-bundle/demos/toggle/index.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Effects Demos</title>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+
+<div class="demos-nav">
+        <h4>Examples</h4>
+        <ul>
+                <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
+        </ul>
+</div>
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/toggleClass/default.html b/static/development-bundle/demos/toggleClass/default.html
new file mode 100644
index 0000000..8faa159
--- /dev/null
+++ b/static/development-bundle/demos/toggleClass/default.html
@@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Effects - toggleClass Demo</title>
+        <link type="text/css" href="http://jquery-ui.googlecode.com/svn/trunk/themes/base/ui.all.css" rel="stylesheet" />
+        <script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/ui/effects.core.js"></script>
+        <link type="text/css" href="http://jquery-ui.googlecode.com/svn/trunk/demos/demos.css" rel="stylesheet" />
+        <style type="text/css">
+                .toggler { width: 500px; height: 200px; position: relative;}
+                #button { padding: .5em 1em; text-decoration: none; }
+                #effect {position: relative;  width: 240px;  padding: 1em; letter-spacing: 0; font-size: 1.2em; border: 1px solid #000; background: #eee; color: #333; }
+                #effect.newClass { text-indent: 40px; letter-spacing: .4em; width: 410px; height: 100px; padding: 30px; margin: 10px; font-size: 1.6em; }
+        </style>
+        <script type="text/javascript">
+        $(function() {
+                $("#button").click(function() {
+                        $('#effect').toggleClass('newClass', 1000);
+                        return false;
+                });
+        });
+        </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div class="toggler">
+        <div id="effect" class="newClass ui-corner-all">
+                        Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. 
+        </div>
+</div>
+
+<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>Click the button above to preview the effect.</p>
+
+</div><!-- End demo-description -->
+
+</body>
+</html>
diff --git a/static/development-bundle/demos/toggleClass/index.html b/static/development-bundle/demos/toggleClass/index.html
new file mode 100644
index 0000000..4b9471d
--- /dev/null
+++ b/static/development-bundle/demos/toggleClass/index.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+<head>
+        <title>jQuery UI Effects Demos</title>
+        <link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+
+<div class="demos-nav">
+        <h4>Examples</h4>
+        <ul>
+                <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
+        </ul>
+</div>
+
+</body>
+</html>
diff --git a/static/development-bundle/docs/accordion.html b/static/development-bundle/docs/accordion.html
new file mode 100644
index 0000000..bf89bc3
--- /dev/null
+++ b/static/development-bundle/docs/accordion.html
@@ -0,0 +1,869 @@
+
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+  <h1>jQuery UI Accordion</h1>
+  <div id="overview">
+    <h2 class="top-header">Overview</h2>
+    <div id="overview-main">
+        <p>Make the selected elements Accordion widgets. Semantic requirements:</p>
+<p>The markup of your accordion container needs pairs of headers and content panels. By default, the header elements are anchors, assuming the following structure:</p>
+<pre>&lt;div id=&quot;accordion&quot;&gt;
+    &lt;a href=&quot;#&quot;&gt;First header&lt;/a&gt;
+    &lt;div&gt;First content&lt;/div&gt;
+    &lt;a href=&quot;#&quot;&gt;Second header&lt;/a&gt;
+    &lt;div&gt;Second content&lt;/div&gt;
+&lt;/div&gt;</pre>
+<p>If you use a different element for the header, specify the header-option with an appropriate selector, eg. header: 'h3'. The content element must be always next to its header.</p>
+<p>If you have links inside the accordion content and use a-elements as headers, add a class to them and use that as the header, eg. header: 'a.header'.</p>
+<p>Use activate(Number) to change the active content programmatically.</p>
+<div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/UI/API/1.7.2/Accordion?section=1" title="Edit section: NOTE: If you want multiple sections open at once, don't use an accordion">edit</a>]</div><a name="NOTE:_If_you_want_multiple_sections_open_at_once.2C_don.27t_use_an_accordion"></a><h4>NOTE: If you want multiple sections open at once, don't use an accordion</h4>
+<p>An accordion doesn't allow more than one content panel to be open at the same time, and it takes a lot of effort to do that. If you are looking for a widget that allows more than one content panel to be open, don't use this. Usually it can be written with a few lines of jQuery instead, something like this:</p>
+<pre>jQuery(document).ready(function(){
+        $('.accordion .head').click(function() {
+                $(this).next().toggle();
+                return false;
+        }).next().hide();
+});</pre>
+<p>Or animated:</p>
+<pre>jQuery(document).ready(function(){
+        $('.accordion .head').click(function() {
+                $(this).next().toggle('slow');
+                return false;
+        }).next().hide();
+});</pre>
+    </div>
+    <div id="overview-dependencies">
+        <h3>Dependencies</h3>
+        <ul>
+<li>UI Core</li>
+<li>UI Effects Core (Optional - only for non-default animations)</li>
+</ul>
+    </div>
+    <div id="overview-example">
+        <h3>Example</h3>
+        <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="310">
+A simple jQuery UI Accordion.<br />
+</p>
+<pre>$(&quot;#accordion&quot;).accordion();
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre>&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;link type=&quot;text/css&quot; href=&quot;http://jqueryui.com/latest/themes/base/ui.all.css&quot; rel=&quot;stylesheet&quot; /&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/jquery-1.3.2.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.core.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.accordion.js&quot;&gt;&lt;/script&gt;
+  &lt;script type="text/javascript"&gt;
+  $(document).ready(function(){
+    $(&quot;#accordion&quot;).accordion();
+  });
+  &lt;/script&gt;
+&lt;/head&gt;
+&lt;body style="font-size:62.5%;"&gt;
+  
+&lt;div id=&quot;accordion&quot;&gt;
+        &lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Section 1&lt;/a&gt;&lt;/h3&gt;
+        &lt;div&gt;
+                &lt;p&gt;
+                Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
+                ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
+                amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
+                odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
+                &lt;/p&gt;
+        &lt;/div&gt;
+        &lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Section 2&lt;/a&gt;&lt;/h3&gt;
+        &lt;div&gt;
+                &lt;p&gt;
+                Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
+                purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
+                velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
+                suscipit faucibus urna.
+                &lt;/p&gt;
+        &lt;/div&gt;
+        &lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Section 3&lt;/a&gt;&lt;/h3&gt;
+        &lt;div&gt;
+                &lt;p&gt;
+                Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
+                Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
+                ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
+                lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
+                &lt;/p&gt;
+                &lt;ul&gt;
+                        &lt;li&gt;List item one&lt;/li&gt;
+                        &lt;li&gt;List item two&lt;/li&gt;
+                        &lt;li&gt;List item three&lt;/li&gt;
+                &lt;/ul&gt;
+        &lt;/div&gt;
+        &lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Section 4&lt;/a&gt;&lt;/h3&gt;
+        &lt;div&gt;
+                &lt;p&gt;
+                Cras dictum. Pellentesque habitant morbi tristique senectus et netus
+                et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
+                faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
+                mauris vel est.
+                &lt;/p&gt;
+                &lt;p&gt;
+                Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
+                Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
+                inceptos himenaeos.
+                &lt;/p&gt;
+        &lt;/div&gt;
+&lt;/div&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+<p></div>
+</p><p></div>
+    </div>
+  </div>
+  <div id="options">
+    <h2 class="top-header">Options</h2>
+    <ul class="options-list">
+      
+<li class="option" id="option-active">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-active">active</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Selector, Element, jQuery, Boolean, Number</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">first child</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Selector for the active element. Set to false to display none at start. Needs <code>collapsible: true</code>.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a accordion with the <code>active</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({ active: 2 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>active</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var active = $('.selector').accordion('option', 'active');
+//setter
+$('.selector').accordion('option', 'active', 2);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-animated">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-animated">animated</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean, String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'slide'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Choose your favorite animation, or disable them (set to false). In addition to the default, 'bounceslide' and all defined easing methods are supported ('bounceslide' requires UI Effects Core).</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a accordion with the <code>animated</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({ animated: 'bounceslide' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>animated</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var animated = $('.selector').accordion('option', 'animated');
+//setter
+$('.selector').accordion('option', 'animated', 'bounceslide');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-autoHeight">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-autoHeight">autoHeight</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">true</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If set, the highest content part is used as height reference for all other parts. Provides more consistent animations.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a accordion with the <code>autoHeight</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({ autoHeight: false });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>autoHeight</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var autoHeight = $('.selector').accordion('option', 'autoHeight');
+//setter
+$('.selector').accordion('option', 'autoHeight', false);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-clearStyle">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-clearStyle">clearStyle</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If set, clears height and overflow styles after finishing animations. This enables accordions to work with dynamic content. Won't work together with autoHeight.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a accordion with the <code>clearStyle</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({ clearStyle: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>clearStyle</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var clearStyle = $('.selector').accordion('option', 'clearStyle');
+//setter
+$('.selector').accordion('option', 'clearStyle', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-collapsible">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-collapsible">collapsible</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Whether all the sections can be closed at once. Allows collapsing the active section by the triggering event (click is the default).</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a accordion with the <code>collapsible</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({ collapsible: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>collapsible</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var collapsible = $('.selector').accordion('option', 'collapsible');
+//setter
+$('.selector').accordion('option', 'collapsible', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-event">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-event">event</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'click'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The event on which to trigger the accordion.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a accordion with the <code>event</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({ event: 'mouseover' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>event</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var event = $('.selector').accordion('option', 'event');
+//setter
+$('.selector').accordion('option', 'event', 'mouseover');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-fillSpace">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-fillSpace">fillSpace</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If set, the accordion completely fills the height of the parent element. Overrides autoheight.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a accordion with the <code>fillSpace</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({ fillSpace: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>fillSpace</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var fillSpace = $('.selector').accordion('option', 'fillSpace');
+//setter
+$('.selector').accordion('option', 'fillSpace', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-header">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-header">header</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Selector, jQuery</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'&gt; li &gt;&nbsp;:first-child,&gt;&nbsp;:not(li):even'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Selector for the header element.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a accordion with the <code>header</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({ header: 'h3' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>header</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var header = $('.selector').accordion('option', 'header');
+//setter
+$('.selector').accordion('option', 'header', 'h3');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-icons">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-icons">icons</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Object</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">{ 'header': 'ui-icon-triangle-1-e', 'headerSelected': 'ui-icon-triangle-1-s' }</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Icons to use for headers. Icons may be specified for 'header' and 'headerSelected', and we recommend using the icons native to the jQuery UI CSS Framework manipulated by <a href="http://www.themeroller.com" class="external text" title="http://www.themeroller.com">jQuery UI ThemeRoller</a></p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a accordion with the <code>icons</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({ icons: { 'header': 'ui-icon-plus', 'headerSelected': 'ui-icon-minus' } });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>icons</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var icons = $('.selector').accordion('option', 'icons');
+//setter
+$('.selector').accordion('option', 'icons', { 'header': 'ui-icon-plus', 'headerSelected': 'ui-icon-minus' });</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-navigation">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-navigation">navigation</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If set, looks for the anchor that matches location.href and activates it. Great for href-based state-saving. Use navigationFilter to implement your own matcher.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a accordion with the <code>navigation</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({ navigation: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>navigation</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var navigation = $('.selector').accordion('option', 'navigation');
+//setter
+$('.selector').accordion('option', 'navigation', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-navigationFilter">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-navigationFilter">navigationFilter</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Function</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default"> </dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Overwrite the default location.href-matching with your own matcher.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a accordion with the <code>navigationFilter</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({ navigationFilter: function(){ ... } });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>navigationFilter</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var navigationFilter = $('.selector').accordion('option', 'navigationFilter');
+//setter
+$('.selector').accordion('option', 'navigationFilter', function(){ ... });</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="events">
+    <h2 class="top-header">Events</h2>
+    <ul class="events-list">
+      
+<li class="event" id="event-change">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-change">change</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">accordionchange</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered every time the accordion changes. If the accordion is animated, the event will be triggered upon completion of the animation; otherwise, it is triggered immediately.
+</p>
+<pre>$('.ui-accordion').bind('accordionchange', function(event, ui) {
+  ui.newHeader // jQuery object, activated header
+  ui.oldHeader // jQuery object, previous header
+  ui.newContent // jQuery object, activated content
+  ui.oldContent // jQuery object, previous content
+});</pre></p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>change</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({
+   change: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>change</code> event by type: <code>accordionchange</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('accordionchange', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+<p>
+<li class="event" id="event-changestart">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-changestart">changestart</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">accordionchangestart</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered every time the accordion starts to change.
+</p>
+<pre>$('.ui-accordion').bind('accordionchangestart', function(event, ui) {
+  ui.newHeader // jQuery object, activated header
+  ui.oldHeader // jQuery object, previous header
+  ui.newContent // jQuery object, activated content
+  ui.oldContent // jQuery object, previous content
+});</pre></p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>changestart</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({
+   changestart: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>changestart</code> event by type: <code>accordionchangestart</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('accordionchangestart', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="methods">
+    <h2 class="top-header">Methods</h2>
+    <ul class="methods-list">
+      
+<li class="method" id="method-destroy">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-destroy">destroy</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.accordion( 'destroy'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Remove the accordion functionality completely. This will return the element back to its pre-init state.</p>
+  </div>
+</li>
+
+<p>
+<li class="method" id="method-disable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-disable">disable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.accordion( 'disable'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Disable the accordion.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-enable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-enable">enable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.accordion( 'enable'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Enable the accordion.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-option">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-option">option</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.accordion( 'option'
+
+, optionName
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Get or set any accordion option. If no value is specified, will act as a getter.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-activate">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-activate">activate</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.accordion( 'activate'
+
+, index
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Activate a content part of the Accordion programmatically. The index can be a zero-indexed number to match the position of the header to close or a Selector matching an element. Pass <code>false</code> to close all (only possible with <code>collapsible:true</code>).</p>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="theming">
+    <h2 class="top-header">Theming</h2>
+    <p>The jQuery UI Accordion plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
+</p>
+  <p>If a deeper level of customization is needed, there are widget-specific classes referenced within the ui.accordion.css stylesheet that can be modified. These classes are highlighed in bold below.
+</p>
+    
+  <h3>Sample markup with jQuery UI CSS Framework classes</h3>
+  &lt;div class="<strong>ui-accordion</strong> ui-widget ui-helper-reset"&gt;<br />
+&nbsp;&nbsp;&lt;h3 class="<strong>ui-accordion-header</strong> ui-helper-reset ui-state-active ui-corner-top"&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&lt;span class="ui-icon ui-icon-triangle-1-s"/&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&lt;a href="#"&gt;Section 1&lt;/a&gt;<br />
+&nbsp;&nbsp;&lt;/h3&gt;<br />
+&nbsp;&nbsp;&lt;div class="<strong>ui-accordion-content</strong> ui-helper-reset ui-widget-content ui-corner-bottom <strong>ui-accordion-content-active</strong>"&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;Section 1 content<br />
+&nbsp;&nbsp;&lt;/div&gt;<br />
+&nbsp;&nbsp;&lt;h3 class="<strong>ui-accordion-header</strong> ui-helper-reset ui-state-default ui-corner-all"&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&lt;span class="ui-icon ui-icon-triangle-1-e"/&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&lt;a href="#"&gt;Section 2&lt;/a&gt;<br />
+&nbsp;&nbsp;&lt;/h3&gt;<br />
+&nbsp;&nbsp;&lt;div class="<strong>ui-accordion-content</strong> ui-helper-reset ui-widget-content ui-corner-bottom"&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;Section 2 content<br />
+&nbsp;&nbsp;&lt;/div&gt;<br />
+&nbsp;&nbsp;&lt;h3 class="<strong>ui-accordion-header</strong> ui-helper-reset ui-state-default ui-corner-all"&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&lt;span class="ui-icon ui-icon-triangle-1-e"/&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&lt;a href="#"&gt;Section 3&lt;/a&gt;<br />
+&nbsp;&nbsp;&lt;/h3&gt;<br />
+&nbsp;&nbsp;&lt;div class="<strong>ui-accordion-content</strong> ui-helper-reset ui-widget-content ui-corner-bottom"&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;Section 3 content<br />
+&nbsp;&nbsp;&lt;/div&gt;<br />
+&lt;/div&gt;<br />
+  <p class="theme-note">
+    <strong>
+      Note: This is a sample of markup generated by the accordion plugin, not markup you should use to create a accordion. The only markup needed for that is <br />&lt;div&gt;<br />
+&#160;&#160;&#160;&lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Section 1&lt;/a&gt;&lt;/h3&gt;<br />
+&#160;&#160;&#160;&lt;div&gt;<br />
+&#160;&#160;&#160;&#160;&#160;&#160;Section 1 content<br />
+&#160;&#160;&#160;&lt;/div&gt;<br />
+&#160;&#160;&#160;&lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Section 2&lt;/a&gt;&lt;/h3&gt;<br />
+&#160;&#160;&#160;&lt;div&gt;<br />
+&#160;&#160;&#160;&#160;&#160;&#160;Section 2 content<br />
+&#160;&#160;&#160;&lt;/div&gt;<br />
+&#160;&#160;&#160;&lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Section 3&lt;/a&gt;&lt;/h3&gt;<br />
+&#160;&#160;&#160;&lt;div&gt;<br />
+&#160;&#160;&#160;&#160;&#160;&#160;Section 3 content<br />
+&#160;&#160;&#160;&lt;/div&gt;<br />
+&lt;/div&gt;.
+    </strong>
+  </p>
+
+  </div>
+</div>
+
+</p><!-- 
+Pre-expand include size: 30823 bytes
+Post-expand include size: 55450 bytes
+Template argument size: 33373 bytes
+Maximum: 2097152 bytes
+-->
+
+<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:3345-1!1!0!!en!2 and timestamp 20090604112216 -->
diff --git a/static/development-bundle/docs/addClass.html b/static/development-bundle/docs/addClass.html
new file mode 100644
index 0000000..e0e2a1d
--- /dev/null
+++ b/static/development-bundle/docs/addClass.html
@@ -0,0 +1,108 @@
+
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+  <h1>jQuery UI addClass</h1>
+  <div id="overview">
+    <h2 class="top-header">Overview</h2>
+    <div id="overview-main">
+        <div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/UI/Effects/addClass?section=1" title="Edit section: addClass( class, [duration] )">edit</a>]</div><a name="addClass.28_class.2C_.5Bduration.5D_.29"></a><h3>addClass( class, <span class="optional">[</span>duration<span class="optional">]</span> )</h3>
+<p>Adds the specified class to each of the set of matched elements with an optional transition between the states.</p>
+    </div>
+    <div id="overview-dependencies">
+        <h3>Dependencies</h3>
+        <ul>
+<li>Effects Core</li>
+</ul>
+    </div>
+    <div id="overview-example">
+        <h3>Example</h3>
+        <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="100">
+Adds the class 'selected' to the matched elements with a one second transition.<br />
+</p>
+<pre>$(&quot;p&quot;).<a href="http://docs.jquery.com/Events/click" title="Events/click">click</a>(function () {
+      $(this).<strong class="selflink">addClass</strong>(&quot;selected&quot;, 1000);
+    });
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre>&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;link type=&quot;text/css&quot; href=&quot;http://jqueryui.com/latest/themes/base/ui.all.css&quot; rel=&quot;stylesheet&quot; /&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/jquery-1.3.2.js&quot;&gt;&lt;/script&gt;
+  &lt;script src=&quot;http://ui.jquery.com/latest/ui/effects.core.js&quot;&gt;&lt;/script&gt;
+&lt;style type=&quot;text/css&quot;&gt;
+  p { cursor: pointer; font-size: 1.2em; }
+  .selected { color:red; }
+&lt;/style&gt;
+  &lt;script type="text/javascript"&gt;
+  $(document).ready(function(){
+    $(&quot;p&quot;).<a href="http://docs.jquery.com/Events/click" title="Events/click">click</a>(function () {
+      $(this).<strong class="selflink">addClass</strong>(&quot;selected&quot;, 1000);
+    });
+  });
+  &lt;/script&gt;
+&lt;/head&gt;
+&lt;body style="font-size:62.5%;"&gt;
+  &lt;p&gt;Click me to add a 'selected' class.&lt;/p&gt;
+&lt;p&gt;Click me to add a 'selected' class.&lt;/p&gt;
+&lt;p&gt;Click me to add a 'selected' class.&lt;/p&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+<p></div>
+</p><p></div>
+    </div>
+  </div>
+  <div id="options">
+    <h2 class="top-header">Arguments</h2>
+    <ul class="options-list">
+      
+<li class="option" id="option-class">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-class">class</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>One CSS class to add to the elements.</p>
+  </div>
+</li>
+
+
+<li class="option" id="option-duration">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-duration">duration</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String, Number</dd>
+      
+      <dt class="option-optional-label">Optional</dt>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>A string representing one of the three predefined speeds ("slow", "normal", or "fast") or the number of milliseconds to run the animation (e.g. 1000).</p>
+  </div>
+</li>
+
+    </ul>
+  </div>
+</div>
+
+</p><!-- 
+Pre-expand include size: 5085 bytes
+Post-expand include size: 6833 bytes
+Template argument size: 4275 bytes
+Maximum: 2097152 bytes
+-->
+
+<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2606-1!1!0!!en!2 and timestamp 20090604034359 -->
diff --git a/static/development-bundle/docs/animate.html b/static/development-bundle/docs/animate.html
new file mode 100644
index 0000000..9c365a4
--- /dev/null
+++ b/static/development-bundle/docs/animate.html
@@ -0,0 +1,78 @@
+<p><a href="http://docs.jquery.com/UI" title="UI">&laquo; Back to the jQuery UI Docs</a>
+</p><p>The jQuery UI effects core extends the animate function to be able to animate colors as well. It's heavily used by the class transition feature and it's able to color animate the following properties:
+</p>
+<ul><li> <b>backgroundColor</b>
+</li><li> <b>borderBottomColor</b>
+</li><li> <b>borderLeftColor</b>
+</li><li> <b>borderRightColor</b>
+</li><li> <b>borderTopColor</b>
+</li><li> <b>color</b>
+</li><li> <b>outlineColor</b>
+</li></ul>
+<p>with one of the following combinations:
+</p>
+<ul><li> <b>hex (#FF0000)</b>
+</li><li> <b>rgb (rgb(255,255,255))</b>
+</li><li> <b>names ("black")</b>
+</li></ul>
+<p><br />
+</p><p><div class="options list"><table class="options examples" cellspacing="0"><thead><tr><th>Name</th><th>Type</th></tr></thead><tbody>
+</table><b class="options">Example:</b><table class="options examples" cellspacing="0"><thead><tr><th>Name</th><th>Type</th></tr></thead><tbody>
+<div class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a href="#source"><span>View Source</span></a></li></ul>
+<div id="demo" class="tabs-container" rel="125">
+A simple color animation.<br />
+</p>
+<pre>$(&quot;.block&quot;).<a href="http://docs.jquery.com/Events/toggle" title="Events/toggle">toggle</a>(function() {
+    $(this).<a href="http://docs.jquery.com/Effects/animate" title="Effects/animate">animate</a>({ backgroundColor: &quot;black&quot; }, 1000);
+},function() {
+    $(this).<a href="http://docs.jquery.com/Effects/animate" title="Effects/animate">animate</a>({ backgroundColor: &quot;#68BFEF&quot; }, 500);
+});
+
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
+                    "<a href="http://www.w3.org/TR/html4/loose.dtd" class="external free" title="http://www.w3.org/TR/html4/loose.dtd">http://www.w3.org/TR/html4/loose.dtd</a>"&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;script src="<a href="http://code.jquery.com/jquery-latest.js" class="external free" title="http://code.jquery.com/jquery-latest.js">http://code.jquery.com/jquery-latest.js</a>"&gt;&lt;/script&gt;
+  
+  &lt;script src=&quot;http://ui.jquery.com/latest/ui/effects.core.js&quot;&gt;&lt;/script&gt;
+
+  &lt;script&gt;
+  $(document).ready(function(){
+    $(&quot;.block&quot;).<a href="http://docs.jquery.com/Events/toggle" title="Events/toggle">toggle</a>(function() {
+    $(this).<a href="http://docs.jquery.com/Effects/animate" title="Effects/animate">animate</a>({ backgroundColor: &quot;black&quot; }, 1000);
+},function() {
+    $(this).<a href="http://docs.jquery.com/Effects/animate" title="Effects/animate">animate</a>({ backgroundColor: &quot;#68BFEF&quot; }, 500);
+});
+
+  });
+  &lt;/script&gt;
+  &lt;style&gt;
+  .block { 
+    color: white;
+    background-color: #68BFEF;
+    width: 150px; 
+    height: 70px;
+    margin: 10px; 
+  }
+  &lt;/style&gt;
+&lt;/head&gt;
+&lt;body&gt;
+  &lt;div class=&quot;block&quot;&gt; Click me&lt;/div&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+<p></div>
+</p><p></div>
+</p><p></tbody></table></div>
+</p><!-- 
+Pre-expand include size: 3730 bytes
+Post-expand include size: 5382 bytes
+Template argument size: 3450 bytes
+Maximum: 2097152 bytes
+-->
+
+<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:3094-1!1!0!!en!2 and timestamp 20090603192313 -->
diff --git a/static/development-bundle/docs/datepicker.html b/static/development-bundle/docs/datepicker.html
new file mode 100644
index 0000000..f0772b2
--- /dev/null
+++ b/static/development-bundle/docs/datepicker.html
@@ -0,0 +1,2150 @@
+
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+  <h1>jQuery UI Datepicker</h1>
+  <div id="overview">
+    <h2 class="top-header">Overview</h2>
+    <div id="overview-main">
+        <p>The jQuery UI Datepicker is a highly configurable plugin that adds datepicker functionality to your pages. You can customize the date format and language, restrict the selectable date ranges and add in buttons and other navigation options easily.</p>
+<p>By default, the datepicker calendar opens in a small overlay onFocus and closes automatically onBlur or when a date if selected. For an inline calendar, simply attach the datepicker to a div or span.
+</p><p>You can use keyboard shortcuts to drive the datepicker:
+</p>
+<ul>
+ <li>page up/down - previous/next month</li>
+ <li>ctrl+page up/down - previous/next year</li>
+ <li>ctrl+home - current month or open when closed</li>
+ <li>ctrl+left/right - previous/next day</li>
+ <li>ctrl+up/down - previous/next week</li>
+ <li>enter - accept the selected date</li>
+ <li>ctrl+end - close and erase the date</li>
+ <li>escape - close the datepicker without selection</li>
+</ul>
+<div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/UI/API/1.7.2/Datepicker?section=1" title="Edit section: Utility functions">edit</a>]</div><a name="Utility_functions"></a><h3 id="utility-functions">Utility functions</h3>
+<ul>
+ <li><a href="http://docs.jquery.com/UI/Datepicker/setDefaults" title="UI/Datepicker/setDefaults">$.datepicker.setDefaults( settings )</a> - Set settings for all datepicker instances.</li>
+ <li><a href="http://docs.jquery.com/UI/Datepicker/formatDate" title="UI/Datepicker/formatDate">$.datepicker.formatDate( format, date, settings )</a> - Format a date into a string value with a specified format.</li>
+ <li><a href="http://docs.jquery.com/UI/Datepicker/iso8601Week" title="UI/Datepicker/iso8601Week">$.datepicker.iso8601Week( date )</a> - Determine the week of the year for a given date: 1 to 53.</li>
+ <li><a href="http://docs.jquery.com/UI/Datepicker/parseDate" title="UI/Datepicker/parseDate">$.datepicker.parseDate( format, value, settings ) </a> - Extract a date from a string value with a specified format.</li>
+</ul>
+    </div>
+    <div id="overview-dependencies">
+        <h3>Dependencies</h3>
+        <ul>
+<li>UI Core</li>
+</ul>
+    </div>
+    <div id="overview-example">
+        <h3>Example</h3>
+        <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="220">
+A simple jQuery UI Datepicker.<br />
+</p>
+<pre>$(&quot;#datepicker&quot;).datepicker();
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre>&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;link type=&quot;text/css&quot; href=&quot;http://jqueryui.com/latest/themes/base/ui.all.css&quot; rel=&quot;stylesheet&quot; /&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/jquery-1.3.2.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.core.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.datepicker.js&quot;&gt;&lt;/script&gt;
+  &lt;script type="text/javascript"&gt;
+  $(document).ready(function(){
+    $(&quot;#datepicker&quot;).datepicker();
+  });
+  &lt;/script&gt;
+&lt;/head&gt;
+&lt;body style="font-size:62.5%;"&gt;
+  
+&lt;div type=&quot;text&quot; id=&quot;datepicker&quot;&gt;&lt;/div&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+<p></div>
+</p><p></div>
+    </div>
+  </div>
+  <div id="options">
+    <h2 class="top-header">Options</h2>
+    <ul class="options-list">
+      
+<li class="option" id="option-altField">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-altField">altField</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">''</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The jQuery selector for another field that is to be updated with the selected date from the datepicker. Use the <code>altFormat</code> setting below to change the format of the date within this field. Leave as blank for no alternate field.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>altField</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ altField: '#actualDate' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>altField</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var altField = $('.selector').datepicker('option', 'altField');
+//setter
+$('.selector').datepicker('option', 'altField', '#actualDate');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-altFormat">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-altFormat">altFormat</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">''</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The <code>dateFormat</code> to be used for the <code>altField</code> option. This allows one date format to be shown to the user for selection purposes, while a different format is actually sent behind the scenes. For a full list of the possible formats see the <a href="http://docs.jquery.com/UI/Datepicker/formatDate" title="UI/Datepicker/formatDate">formatDate</a> function</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>altFormat</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ altFormat: 'yy-mm-dd' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>altFormat</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var altFormat = $('.selector').datepicker('option', 'altFormat');
+//setter
+$('.selector').datepicker('option', 'altFormat', 'yy-mm-dd');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-appendText">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-appendText">appendText</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">''</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The text to display after each date field, e.g. to show the required format.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>appendText</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ appendText: '(yyyy-mm-dd)' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>appendText</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var appendText = $('.selector').datepicker('option', 'appendText');
+//setter
+$('.selector').datepicker('option', 'appendText', '(yyyy-mm-dd)');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-buttonImage">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-buttonImage">buttonImage</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">''</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The URL for the popup button image. If set, button text becomes the <i>alt</i> value and is not directly displayed.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>buttonImage</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ buttonImage: '/images/datepicker.gif' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>buttonImage</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var buttonImage = $('.selector').datepicker('option', 'buttonImage');
+//setter
+$('.selector').datepicker('option', 'buttonImage', '/images/datepicker.gif');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-buttonImageOnly">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-buttonImageOnly">buttonImageOnly</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Set to true to place an image after the field to use as the trigger without it appearing on a button.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>buttonImageOnly</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ buttonImageOnly: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>buttonImageOnly</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var buttonImageOnly = $('.selector').datepicker('option', 'buttonImageOnly');
+//setter
+$('.selector').datepicker('option', 'buttonImageOnly', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-buttonText">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-buttonText">buttonText</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'...'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The text to display on the trigger button. Use in conjunction with <i>showOn</i> equal to 'button' or 'both'.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>buttonText</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ buttonText: 'Choose' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>buttonText</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var buttonText = $('.selector').datepicker('option', 'buttonText');
+//setter
+$('.selector').datepicker('option', 'buttonText', 'Choose');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-changeMonth">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-changeMonth">changeMonth</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Allows you to change the month by selecting from a drop-down list. You can enable this feature by setting the attribute to true.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>changeMonth</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ changeMonth: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>changeMonth</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var changeMonth = $('.selector').datepicker('option', 'changeMonth');
+//setter
+$('.selector').datepicker('option', 'changeMonth', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-changeYear">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-changeYear">changeYear</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Allows you to change the year by selecting from a drop-down list. You can enable this feature by setting the attribute to true.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>changeYear</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ changeYear: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>changeYear</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var changeYear = $('.selector').datepicker('option', 'changeYear');
+//setter
+$('.selector').datepicker('option', 'changeYear', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-closeText">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-closeText">closeText</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'Done'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The text to display for the close link. This attribute is one of the regionalisation attributes. Use the <code>showButtonPanel</code> to display this button.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>closeText</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ closeText: 'X' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>closeText</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var closeText = $('.selector').datepicker('option', 'closeText');
+//setter
+$('.selector').datepicker('option', 'closeText', 'X');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-constrainInput">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-constrainInput">constrainInput</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">true</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>True if the input field is constrained to the current date format.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>constrainInput</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ constrainInput: false });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>constrainInput</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var constrainInput = $('.selector').datepicker('option', 'constrainInput');
+//setter
+$('.selector').datepicker('option', 'constrainInput', false);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-currentText">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-currentText">currentText</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'Today'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The text to display for the current day link. This attribute is one of the regionalisation attributes. Use the <code>showButtonPanel</code> to display this button.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>currentText</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ currentText: 'Now' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>currentText</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var currentText = $('.selector').datepicker('option', 'currentText');
+//setter
+$('.selector').datepicker('option', 'currentText', 'Now');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-dateFormat">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-dateFormat">dateFormat</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'mm/dd/yy'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The format for parsed and displayed dates. This attribute is one of the regionalisation attributes. For a full list of the possible formats see the <a href="http://docs.jquery.com/UI/Datepicker/formatDate" title="UI/Datepicker/formatDate">formatDate</a> function.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>dateFormat</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ dateFormat: 'yy-mm-dd' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>dateFormat</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var dateFormat = $('.selector').datepicker('option', 'dateFormat');
+//setter
+$('.selector').datepicker('option', 'dateFormat', 'yy-mm-dd');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-dayNames">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-dayNames">dayNames</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Array</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The list of long day names, starting from Sunday, for use as requested via the <code>dateFormat</code> setting. They also appear as popup hints when hovering over the corresponding column headings. This attribute is one of the regionalisation attributes.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>dayNames</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'] });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>dayNames</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var dayNames = $('.selector').datepicker('option', 'dayNames');
+//setter
+$('.selector').datepicker('option', 'dayNames', ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi']);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-dayNamesMin">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-dayNamesMin">dayNamesMin</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Array</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The list of minimised day names, starting from Sunday, for use as column headers within the datepicker. This attribute is one of the regionalisation attributes.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>dayNamesMin</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ dayNamesMin: ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa'] });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>dayNamesMin</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var dayNamesMin = $('.selector').datepicker('option', 'dayNamesMin');
+//setter
+$('.selector').datepicker('option', 'dayNamesMin', ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa']);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-dayNamesShort">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-dayNamesShort">dayNamesShort</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Array</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The list of abbreviated day names, starting from Sunday, for use as requested via the <code>dateFormat</code> setting. This attribute is one of the regionalisation attributes.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>dayNamesShort</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ dayNamesShort: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'] });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>dayNamesShort</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var dayNamesShort = $('.selector').datepicker('option', 'dayNamesShort');
+//setter
+$('.selector').datepicker('option', 'dayNamesShort', ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam']);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-defaultDate">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-defaultDate">defaultDate</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Date, Number, String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">null</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Set the date to highlight on first opening if the field is blank. Specify either an actual date via a Date object, or a number of days from today (e.g. +7) or a string of values and periods ('y' for years, 'm' for months, 'w' for weeks, 'd' for days, e.g. '+1m +7d'), or null for today.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>defaultDate</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ defaultDate: +7 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>defaultDate</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var defaultDate = $('.selector').datepicker('option', 'defaultDate');
+//setter
+$('.selector').datepicker('option', 'defaultDate', +7);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-duration">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-duration">duration</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String, Number</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'normal'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Control the speed at which the datepicker appears, it may be a time in milliseconds, a string representing one of the three predefined speeds ("slow", "normal", "fast"), or '' for immediately.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>duration</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ duration: 'slow' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>duration</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var duration = $('.selector').datepicker('option', 'duration');
+//setter
+$('.selector').datepicker('option', 'duration', 'slow');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-firstDay">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-firstDay">firstDay</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Number</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">0</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Set the first day of the week: Sunday is 0, Monday is 1, ... This attribute is one of the regionalisation attributes.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>firstDay</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ firstDay: 1 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>firstDay</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var firstDay = $('.selector').datepicker('option', 'firstDay');
+//setter
+$('.selector').datepicker('option', 'firstDay', 1);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-gotoCurrent">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-gotoCurrent">gotoCurrent</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If true, the current day link moves to the currently selected date instead of today.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>gotoCurrent</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ gotoCurrent: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>gotoCurrent</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var gotoCurrent = $('.selector').datepicker('option', 'gotoCurrent');
+//setter
+$('.selector').datepicker('option', 'gotoCurrent', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-hideIfNoPrevNext">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-hideIfNoPrevNext">hideIfNoPrevNext</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Normally the previous and next links are disabled when not applicable (see <code>minDate</code>/<code>maxDate</code>). You can hide them altogether by setting this attribute to true.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>hideIfNoPrevNext</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ hideIfNoPrevNext: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>hideIfNoPrevNext</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var hideIfNoPrevNext = $('.selector').datepicker('option', 'hideIfNoPrevNext');
+//setter
+$('.selector').datepicker('option', 'hideIfNoPrevNext', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-isRTL">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-isRTL">isRTL</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>True if the current language is drawn from right to left. This attribute is one of the regionalisation attributes.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>isRTL</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ isRTL: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>isRTL</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var isRTL = $('.selector').datepicker('option', 'isRTL');
+//setter
+$('.selector').datepicker('option', 'isRTL', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-maxDate">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-maxDate">maxDate</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Date, Number, String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">null</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Set a maximum selectable date via a Date object, or a number of days from today (e.g. +7) or a string of values and periods ('y' for years, 'm' for months, 'w' for weeks, 'd' for days, e.g. '+1m +1w'), or null for no limit.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>maxDate</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ maxDate: '+1m +1w' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>maxDate</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var maxDate = $('.selector').datepicker('option', 'maxDate');
+//setter
+$('.selector').datepicker('option', 'maxDate', '+1m +1w');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-minDate">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-minDate">minDate</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Date, Number, String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">null</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Set a minimum selectable date via a Date object, or a number of days from today (e.g. +7) or a string of values and periods ('y' for years, 'm' for months, 'w' for weeks, 'd' for days, e.g. '-1y -1m'), or null for no limit.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>minDate</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ minDate: new Date(2007, 1 - 1, 1) });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>minDate</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var minDate = $('.selector').datepicker('option', 'minDate');
+//setter
+$('.selector').datepicker('option', 'minDate', new Date(2007, 1 - 1, 1));</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-monthNames">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-monthNames">monthNames</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Array</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The list of full month names, as used in the month header on each datepicker and as requested via the <code>dateFormat</code> setting. This attribute is one of the regionalisation attributes.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>monthNames</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ monthNames: ['Januar','Februar','Marts','April','Maj','Juni','Juli','August','September','Oktober','November','December'] });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>monthNames</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var monthNames = $('.selector').datepicker('option', 'monthNames');
+//setter
+$('.selector').datepicker('option', 'monthNames', ['Januar','Februar','Marts','April','Maj','Juni','Juli','August','September','Oktober','November','December']);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-monthNamesShort">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-monthNamesShort">monthNamesShort</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Array</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The list of abbreviated month names, for use as requested via the <code>dateFormat</code> setting. This attribute is one of the regionalisation attributes.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>monthNamesShort</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'] });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>monthNamesShort</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var monthNamesShort = $('.selector').datepicker('option', 'monthNamesShort');
+//setter
+$('.selector').datepicker('option', 'monthNamesShort', ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec']);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-navigationAsDateFormat">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-navigationAsDateFormat">navigationAsDateFormat</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>When true the <code>formatDate</code> function is applied to the <code>prevText</code>, <code>nextText</code>, and <code>currentText</code> values before display, allowing them to display the target month names for example.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>navigationAsDateFormat</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ navigationAsDateFormat: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>navigationAsDateFormat</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var navigationAsDateFormat = $('.selector').datepicker('option', 'navigationAsDateFormat');
+//setter
+$('.selector').datepicker('option', 'navigationAsDateFormat', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-nextText">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-nextText">nextText</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'Next'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The text to display for the next month link. This attribute is one of the regionalisation attributes. With the standard ThemeRoller styling, this value is replaced by an icon.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>nextText</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ nextText: 'Later' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>nextText</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var nextText = $('.selector').datepicker('option', 'nextText');
+//setter
+$('.selector').datepicker('option', 'nextText', 'Later');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-numberOfMonths">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-numberOfMonths">numberOfMonths</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Number, Array</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">1</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Set how many months to show at once. The value can be a straight integer, or can be a two-element array to define the number of rows and columns to display.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>numberOfMonths</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ numberOfMonths: [2, 3] });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>numberOfMonths</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var numberOfMonths = $('.selector').datepicker('option', 'numberOfMonths');
+//setter
+$('.selector').datepicker('option', 'numberOfMonths', [2, 3]);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-prevText">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-prevText">prevText</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'Prev'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The text to display for the previous month link. This attribute is one of the regionalisation attributes. With the standard ThemeRoller styling, this value is replaced by an icon.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>prevText</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ prevText: 'Earlier' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>prevText</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var prevText = $('.selector').datepicker('option', 'prevText');
+//setter
+$('.selector').datepicker('option', 'prevText', 'Earlier');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-shortYearCutoff">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-shortYearCutoff">shortYearCutoff</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String, Number</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'+10'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Set the cutoff year for determining the century for a date (used in conjunction with <code>dateFormat</code> 'y'). If a numeric value (0-99) is provided then this value is used directly. If a string value is provided then it is converted to a number and added to the current year. Once the cutoff year is calculated, any dates entered with a year value less than or equal to it are considered to be in the current century, while those greater than it are deemed to be in the previous century.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>shortYearCutoff</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ shortYearCutoff: 50 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>shortYearCutoff</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var shortYearCutoff = $('.selector').datepicker('option', 'shortYearCutoff');
+//setter
+$('.selector').datepicker('option', 'shortYearCutoff', 50);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-showAnim">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-showAnim">showAnim</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'show'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Set the name of the animation used to show/hide the datepicker. Use 'show' (the default), 'slideDown', 'fadeIn', or any of the show/hide <a href="http://docs.jquery.com/UI/Effects" class="external text" title="http://docs.jquery.com/UI/Effects">jQuery UI effects</a>.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>showAnim</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ showAnim: 'fold' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>showAnim</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var showAnim = $('.selector').datepicker('option', 'showAnim');
+//setter
+$('.selector').datepicker('option', 'showAnim', 'fold');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-showButtonPanel">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-showButtonPanel">showButtonPanel</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Whether to show the button panel.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>showButtonPanel</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ showButtonPanel: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>showButtonPanel</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var showButtonPanel = $('.selector').datepicker('option', 'showButtonPanel');
+//setter
+$('.selector').datepicker('option', 'showButtonPanel', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-showCurrentAtPos">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-showCurrentAtPos">showCurrentAtPos</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Number</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">0</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Specify where in a multi-month display the current month shows, starting from 0 at the top/left.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>showCurrentAtPos</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ showCurrentAtPos: 3 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>showCurrentAtPos</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var showCurrentAtPos = $('.selector').datepicker('option', 'showCurrentAtPos');
+//setter
+$('.selector').datepicker('option', 'showCurrentAtPos', 3);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-showMonthAfterYear">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-showMonthAfterYear">showMonthAfterYear</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Whether to show the month after the year in the header.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>showMonthAfterYear</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ showMonthAfterYear: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>showMonthAfterYear</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var showMonthAfterYear = $('.selector').datepicker('option', 'showMonthAfterYear');
+//setter
+$('.selector').datepicker('option', 'showMonthAfterYear', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-showOn">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-showOn">showOn</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'focus'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Have the datepicker appear automatically when the field receives focus ('focus'), appear only when a button is clicked ('button'), or appear when either event takes place ('both').</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>showOn</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ showOn: 'both' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>showOn</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var showOn = $('.selector').datepicker('option', 'showOn');
+//setter
+$('.selector').datepicker('option', 'showOn', 'both');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-showOptions">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-showOptions">showOptions</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Options</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">{}</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If using one of the jQuery UI effects for <code>showAnim</code>, you can provide additional settings for that animation via this option.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>showOptions</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ showOptions: {direction: 'up' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>showOptions</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var showOptions = $('.selector').datepicker('option', 'showOptions');
+//setter
+$('.selector').datepicker('option', 'showOptions', {direction: 'up');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-showOtherMonths">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-showOtherMonths">showOtherMonths</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Display dates in other months (non-selectable) at the start or end of the current month.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>showOtherMonths</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ showOtherMonths: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>showOtherMonths</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var showOtherMonths = $('.selector').datepicker('option', 'showOtherMonths');
+//setter
+$('.selector').datepicker('option', 'showOtherMonths', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-stepMonths">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-stepMonths">stepMonths</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Number</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">1</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Set how many months to move when clicking the Previous/Next links.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>stepMonths</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ stepMonths: 3 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>stepMonths</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var stepMonths = $('.selector').datepicker('option', 'stepMonths');
+//setter
+$('.selector').datepicker('option', 'stepMonths', 3);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-yearRange">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-yearRange">yearRange</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'-10:+10'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Control the range of years displayed in the year drop-down: either relative to current year (-nn:+nn) or absolute (nnnn:nnnn).</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a datepicker with the <code>yearRange</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({ yearRange: '2000:2010' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>yearRange</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var yearRange = $('.selector').datepicker('option', 'yearRange');
+//setter
+$('.selector').datepicker('option', 'yearRange', '2000:2010');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="events">
+    <h2 class="top-header">Events</h2>
+    <ul class="events-list">
+      
+<li class="event" id="event-beforeShow">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-beforeShow">beforeShow</a></h3>
+    <dl>
+      <dt class="event-type-label"></dt>
+        <dd class="event-type">function(input)</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>Can be a function that takes an input field and current datepicker instance and returns an options object to update the datepicker with. It is called just before the datepicker is displayed.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>beforeShow</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({
+   beforeShow: function(input) { ... }
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-beforeShowDay">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-beforeShowDay">beforeShowDay</a></h3>
+    <dl>
+      <dt class="event-type-label"></dt>
+        <dd class="event-type">function(date)</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>The function takes a date as a parameter and must return an array with [0] equal to true/false indicating whether or not this date is selectable, [1] equal to a CSS class name(s) or '' for the default presentation and [2] an optional popup tooltip for this date. It is called for each day in the datepicker before is it displayed.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>beforeShowDay</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({
+   beforeShowDay: function(date) { ... }
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-onChangeMonthYear">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-onChangeMonthYear">onChangeMonthYear</a></h3>
+    <dl>
+      <dt class="event-type-label"></dt>
+        <dd class="event-type">function(year, month, inst)</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>Allows you to define your own event when the datepicker moves to a new month and/or year. The function receives the selected year, month (1-12), and the datepicker instance as parameters. <code>this</code> refers to the associated input field.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>onChangeMonthYear</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({
+   onChangeMonthYear: function(year, month, inst) { ... }
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-onClose">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-onClose">onClose</a></h3>
+    <dl>
+      <dt class="event-type-label"></dt>
+        <dd class="event-type">function(dateText, inst)</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>Allows you to define your own event when the datepicker is closed, whether or not a date is selected. The function receives the selected date as text and the datepicker instance as parameters. <code>this</code> refers to the associated input field.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>onClose</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({
+   onClose: function(dateText, inst) { ... }
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-onSelect">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-onSelect">onSelect</a></h3>
+    <dl>
+      <dt class="event-type-label"></dt>
+        <dd class="event-type">function(dateText, inst)</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>Allows you to define your own event when the datepicker is selected. The function receives the selected date as text and the datepicker instance as parameters. <code>this</code> refers to the associated input field.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>onSelect</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').datepicker({
+   onSelect: function(dateText, inst) { ... }
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="methods">
+    <h2 class="top-header">Methods</h2>
+    <ul class="methods-list">
+      
+<li class="method" id="method-destroy">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-destroy">destroy</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.datepicker( 'destroy'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Remove the datepicker functionality completely. This will return the element back to its pre-init state.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-disable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-disable">disable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.datepicker( 'disable'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Disable the datepicker.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-enable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-enable">enable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.datepicker( 'enable'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Enable the datepicker.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-option">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-option">option</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.datepicker( 'option'
+
+, optionName
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Get or set any datepicker option. If no value is specified, will act as a getter.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-dialog">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-dialog">dialog</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.datepicker( 'dialog'
+
+, dateText
+
+, <span class="optional">[</span>onSelect<span class="optional">] </span>
+
+, <span class="optional">[</span>settings<span class="optional">] </span>
+
+, <span class="optional">[</span>pos<span class="optional">] </span>)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Open a datepicker in a "dialog" box.
+</p><p>dateText: the initial date for the date picker.
+</p><p>onSelect: A callback function when a date is selected. The function receives the date text and date picker instance as parameters.
+</p><p>settings: The new settings for the date picker.
+</p><p>pos: The position of the top/left of the dialog as [x, y] or a MouseEvent that contains the coordinates. If not specified the dialog is centered on the screen.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-isDisabled">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-isDisabled">isDisabled</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.datepicker( 'isDisabled'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Determine whether a date picker has been disabled.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-hide">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-hide">hide</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.datepicker( 'hide'
+
+, <span class="optional">[</span>speed<span class="optional">] </span>
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Close a previously opened date picker.
+</p><p>speed: The speed at which to close the date picker.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-show">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-show">show</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.datepicker( 'show'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Call up a previously attached date picker.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-getDate">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-getDate">getDate</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.datepicker( 'getDate'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Returns the current date for the datepicker.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-setDate">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-setDate">setDate</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.datepicker( 'setDate'
+
+, date
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Sets the current date for the datepicker. The new date may also be a number of days from today (e.g. +7) or a string of values and periods ('y' for years, 'm' for months, 'w' for weeks, 'd' for days, e.g. '+1m +7d'), or null for today.</p>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="theming">
+    <h2 class="top-header">Theming</h2>
+    <p>The jQuery UI Datepicker plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
+</p>
+  <p>If a deeper level of customization is needed, there are widget-specific classes referenced within the ui.datepicker.css stylesheet that can be modified. These classes are highlighed in bold below.
+</p>
+    
+  <h3>Sample markup with jQuery UI CSS Framework classes</h3>
+  &lt;div id=&quot;ui-datepicker-div&quot; class=&quot;<strong>ui-datepicker</strong> ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible&quot;&gt;<br />
+&nbsp;&nbsp;&nbsp;&lt;div class=&quot;<strong>ui-datepicker-header</strong> ui-widget-header ui-helper-clearfix ui-corner-all&quot;&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a class=&quot;<strong>ui-datepicker-prev</strong> ui-corner-all&quot;&gt;title=&quot;Prev&quot;&gt;&lt;span class=&quot;ui-icon ui-icon-circle-triangle-w&quot;&gt;Prev&lt;/span&gt;&lt;/a&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a class=&quot;<strong>ui-datepicker-next</strong> ui-corner-all&quot; title=&quot;Next&quot;&gt;&lt;span class=&quot;ui-icon ui-icon-circle-triangle-e&quot;&gt;Next&lt;/span&gt;&lt;/a&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div class=&quot;<strong>ui-datepicker-title</strong>&quot;&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;span class=&quot;<strong>ui-datepicker-month</strong>&quot;&gt;January&lt;/span&gt;&lt;span class=&quot;<strong>ui-datepicker-year</strong>&quot;&gt;2009&lt;/span&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />
+&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />
+&nbsp;&nbsp;&nbsp;&lt;table class=&quot;<strong>ui-datepicker-calendar</strong>&quot;&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;thead&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th class=&quot;<strong>ui-datepicker-week-end</strong>&quot;&gt;&lt;span title=&quot;Sunday&quot;&gt;Su&lt;/span&gt;&lt;/th&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;...<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/tr&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/thead&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;tbody&gt;&lt;tr&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td class=&quot;<strong>ui-datepicker-week-end ui-datepicker-other-month</strong> &quot;&gt;&nbsp;1&nbsp;&lt;/td&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;...<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/tr&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/tbody&gt;<br />
+&nbsp;&nbsp;&nbsp;&lt;/table&gt;<br />
+&nbsp;&nbsp;&nbsp;&lt;div class=&quot;<strong>ui-datepicker-buttonpane</strong> ui-widget-content&quot;&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;button type=&quot;button&quot; class=&quot;<strong>ui-datepicker-current</strong> ui-state-default ui-priority-secondary ui-corner-all&quot;&gt;Today&lt;/button&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;button type=&quot;button&quot; class=&quot;<strong>ui-datepicker-close</strong> ui-state-default ui-priority-primary ui-corner-all&quot;&gt;Done&lt;/button&gt;<br />
+&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />
+&lt;/div&gt;<br />
+  <p class="theme-note">
+    <strong>
+      Note: This is a sample of markup generated by the datepicker plugin, not markup you should use to create a datepicker. The only markup needed for that is &lt;input type="text" /&gt; or &lt;div&gt;&lt;/div&gt;.
+    </strong>
+  </p>
+
+  </div>
+</div>
+
+</p><!-- 
+Pre-expand include size: 82188 bytes
+Post-expand include size: 161480 bytes
+Template argument size: 101067 bytes
+Maximum: 2097152 bytes
+-->
+
+<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:3346-1!1!0!!en!2 and timestamp 20090604112218 -->
diff --git a/static/development-bundle/docs/dialog.html b/static/development-bundle/docs/dialog.html
new file mode 100644
index 0000000..b763298
--- /dev/null
+++ b/static/development-bundle/docs/dialog.html
@@ -0,0 +1,1520 @@
+<p>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+  <h1>jQuery UI Dialog</h1>
+  <div id="overview">
+    <h2 class="top-header">Overview</h2>
+    <div id="overview-main">
+        A dialog is a floating window that contains a title bar and a content area. The dialog window can be moved, resized and closed with the 'x' icon by default.
+</p><p>If the content length exceeds the maximum height, a scrollbar will automatically appear.
+</p><p>A bottom button bar and semi-transparent modal overlay layer are common options that can be added.
+</p>
+A call to <code>$(foo).dialog()</code> initializes a dialog. If you want a click to open a dialog, use <code>$(foo).dialog('open')</code>, but if the dialog hasn't been destroyed, the <code>$(foo).dialog()</code> init call is only required once, not on each click.
+    </div>
+    <div id="overview-dependencies">
+        <h3>Dependencies</h3>
+        <ul>
+<li>UI Core</li>
+<li>UI Draggable (Optional)</li>
+<li>UI Resizable (Optional)</li>
+</ul>
+    </div>
+    <div id="overview-example">
+        <h3>Example</h3>
+        <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="300">
+A simple jQuery UI Dialog.<br />
+</p>
+<pre>$(&quot;#dialog&quot;).dialog();
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre>&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;link type=&quot;text/css&quot; href=&quot;http://jqueryui.com/latest/themes/base/ui.all.css&quot; rel=&quot;stylesheet&quot; /&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/jquery-1.3.2.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.core.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.draggable.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.resizable.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.dialog.js&quot;&gt;&lt;/script&gt;
+  &lt;script type="text/javascript"&gt;
+  $(document).ready(function(){
+    $(&quot;#dialog&quot;).dialog();
+  });
+  &lt;/script&gt;
+&lt;/head&gt;
+&lt;body style="font-size:62.5%;"&gt;
+  
+&lt;div id=&quot;dialog&quot; title=&quot;Dialog Title&quot;&gt;I'm in a dialog&lt;/div&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+<p></div>
+</p><p></div>
+    </div>
+  </div>
+  <div id="options">
+    <h2 class="top-header">Options</h2>
+    <ul class="options-list">
+      
+<li class="option" id="option-autoOpen">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-autoOpen">autoOpen</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">true</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>When <i>autoOpen</i> is <i>true</i> the dialog will open automatically when <i>dialog</i> is called. If <i>false</i> it will stay hidden until <i>.dialog("open")</i> is called on it.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a dialog with the <code>autoOpen</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({ autoOpen: false });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>autoOpen</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var autoOpen = $('.selector').dialog('option', 'autoOpen');
+//setter
+$('.selector').dialog('option', 'autoOpen', false);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-bgiframe">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-bgiframe">bgiframe</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>When true, the bgiframe plugin will be used, to fix the issue in IE6 where select boxes show on top of other elements, regardless of zIndex. Requires including the bgiframe plugin. Future versions may not require a separate plugin.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a dialog with the <code>bgiframe</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({ bgiframe: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>bgiframe</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var bgiframe = $('.selector').dialog('option', 'bgiframe');
+//setter
+$('.selector').dialog('option', 'bgiframe', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-buttons">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-buttons">buttons</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Object</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">{ }</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Specifies which buttons should be displayed on the dialog. The property key is the text of the button. The value is the callback function for when the button is clicked.  The context of the callback is the dialog element; if you need access to the button, it is available as the target of the event object.
+</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a dialog with the <code>buttons</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({ buttons: { &quot;Ok&quot;: function() { $(this).dialog(&quot;close&quot;); } } });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>buttons</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var buttons = $('.selector').dialog('option', 'buttons');
+//setter
+$('.selector').dialog('option', 'buttons', { &quot;Ok&quot;: function() { $(this).dialog(&quot;close&quot;); } });</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-closeOnEscape">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-closeOnEscape">closeOnEscape</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">true</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Specifies whether the dialog should close when it has focus and the user presses the esacpe (ESC) key.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a dialog with the <code>closeOnEscape</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({ closeOnEscape: false });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>closeOnEscape</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var closeOnEscape = $('.selector').dialog('option', 'closeOnEscape');
+//setter
+$('.selector').dialog('option', 'closeOnEscape', false);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-dialogClass">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-dialogClass">dialogClass</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">''</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The specified class name(s) will be added to the dialog, for additional theming.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a dialog with the <code>dialogClass</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({ dialogClass: 'alert' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>dialogClass</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var dialogClass = $('.selector').dialog('option', 'dialogClass');
+//setter
+$('.selector').dialog('option', 'dialogClass', 'alert');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-draggable">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-draggable">draggable</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">true</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If set to true, the dialog will be draggable will be draggable by the titlebar.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a dialog with the <code>draggable</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({ draggable: false });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>draggable</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var draggable = $('.selector').dialog('option', 'draggable');
+//setter
+$('.selector').dialog('option', 'draggable', false);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-height">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-height">height</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Number</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'auto'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The height of the dialog, in pixels.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a dialog with the <code>height</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({ height: 530 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>height</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var height = $('.selector').dialog('option', 'height');
+//setter
+$('.selector').dialog('option', 'height', 530);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-hide">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-hide">hide</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">null</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The effect to be used when the dialog is closed.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a dialog with the <code>hide</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({ hide: 'slide' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>hide</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var hide = $('.selector').dialog('option', 'hide');
+//setter
+$('.selector').dialog('option', 'hide', 'slide');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-maxHeight">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-maxHeight">maxHeight</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Number</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The maximum height to which the dialog can be resized, in pixels.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a dialog with the <code>maxHeight</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({ maxHeight: 400 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>maxHeight</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var maxHeight = $('.selector').dialog('option', 'maxHeight');
+//setter
+$('.selector').dialog('option', 'maxHeight', 400);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-maxWidth">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-maxWidth">maxWidth</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Number</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The maximum width to which the dialog can be resized, in pixels.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a dialog with the <code>maxWidth</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({ maxWidth: 600 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>maxWidth</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var maxWidth = $('.selector').dialog('option', 'maxWidth');
+//setter
+$('.selector').dialog('option', 'maxWidth', 600);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-minHeight">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-minHeight">minHeight</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Number</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">150</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The minimum height to which the dialog can be resized, in pixels.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a dialog with the <code>minHeight</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({ minHeight: 300 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>minHeight</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var minHeight = $('.selector').dialog('option', 'minHeight');
+//setter
+$('.selector').dialog('option', 'minHeight', 300);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-minWidth">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-minWidth">minWidth</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Number</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">150</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The minimum width to which the dialog can be resized, in pixels.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a dialog with the <code>minWidth</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({ minWidth: 400 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>minWidth</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var minWidth = $('.selector').dialog('option', 'minWidth');
+//setter
+$('.selector').dialog('option', 'minWidth', 400);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-modal">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-modal">modal</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If set to true, the dialog will have modal behavior; other items on the page will be disabled (i.e. cannot be interacted with). Modal dialogs create an overlay below the dialog but above other page elements.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a dialog with the <code>modal</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({ modal: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>modal</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var modal = $('.selector').dialog('option', 'modal');
+//setter
+$('.selector').dialog('option', 'modal', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-position">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-position">position</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String, Array</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'center'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Specifies where the dialog should be displayed. Possible values: 'center', 'left', 'right', 'top', 'bottom', or an array containing a coordinate pair (in pixel offset from top left of viewport) or the possible string values (e.g. ['right','top'] for top right corner).</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a dialog with the <code>position</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({ position: 'top' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>position</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var position = $('.selector').dialog('option', 'position');
+//setter
+$('.selector').dialog('option', 'position', 'top');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-resizable">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-resizable">resizable</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">true</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If set to true, the dialog will be resizeable.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a dialog with the <code>resizable</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({ resizable: false });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>resizable</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var resizable = $('.selector').dialog('option', 'resizable');
+//setter
+$('.selector').dialog('option', 'resizable', false);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-show">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-show">show</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">null</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The effect to be used when the dialog is opened.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a dialog with the <code>show</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({ show: 'slide' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>show</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var show = $('.selector').dialog('option', 'show');
+//setter
+$('.selector').dialog('option', 'show', 'slide');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-stack">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-stack">stack</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">true</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Specifies whether the dialog will stack on top of other dialogs. This will cause the dialog to move to the front of other dialogs when it gains focus.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a dialog with the <code>stack</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({ stack: false });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>stack</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var stack = $('.selector').dialog('option', 'stack');
+//setter
+$('.selector').dialog('option', 'stack', false);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-title">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-title">title</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">''</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Specifies the title of the dialog. The title can also be specified by the title attribute on the dialog source element.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a dialog with the <code>title</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({ title: 'Dialog Title' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>title</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var title = $('.selector').dialog('option', 'title');
+//setter
+$('.selector').dialog('option', 'title', 'Dialog Title');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-width">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-width">width</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Number</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">300</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The width of the dialog, in pixels.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a dialog with the <code>width</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({ width: 460 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>width</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var width = $('.selector').dialog('option', 'width');
+//setter
+$('.selector').dialog('option', 'width', 460);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-zIndex">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-zIndex">zIndex</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Integer</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">1000</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The starting z-index for the dialog.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a dialog with the <code>zIndex</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({ zIndex: 3999 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>zIndex</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var zIndex = $('.selector').dialog('option', 'zIndex');
+//setter
+$('.selector').dialog('option', 'zIndex', 3999);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="events">
+    <h2 class="top-header">Events</h2>
+    <ul class="events-list">
+      
+<li class="event" id="event-beforeclose">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-beforeclose">beforeclose</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">dialogbeforeclose</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when a dialog attempts to close. If the beforeclose event handler (callback function) returns false, the close will be prevented.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>beforeclose</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({
+   beforeclose: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>beforeclose</code> event by type: <code>dialogbeforeclose</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('dialogbeforeclose', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-open">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-open">open</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">dialogopen</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when dialog is opened.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>open</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({
+   open: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>open</code> event by type: <code>dialogopen</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('dialogopen', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-focus">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-focus">focus</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">dialogfocus</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when the dialog gains focus.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>focus</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({
+   focus: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>focus</code> event by type: <code>dialogfocus</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('dialogfocus', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-dragStart">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-dragStart">dragStart</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">dragStart</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered at the beginning of the dialog being dragged.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>dragStart</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({
+   dragStart: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>dragStart</code> event by type: <code>dragStart</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('dragStart', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-drag">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-drag">drag</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">drag</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when the dialog is dragged.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>drag</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({
+   drag: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>drag</code> event by type: <code>drag</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('drag', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-dragStop">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-dragStop">dragStop</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">dragStop</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered after the dialog has been dragged.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>dragStop</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({
+   dragStop: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>dragStop</code> event by type: <code>dragStop</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('dragStop', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-resizeStart">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-resizeStart">resizeStart</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">resizeStart</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered at the beginning of the dialog being resized.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>resizeStart</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({
+   resizeStart: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>resizeStart</code> event by type: <code>resizeStart</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('resizeStart', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-resize">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-resize">resize</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">resize</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when the dialog is resized.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>resize</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({
+   resize: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>resize</code> event by type: <code>resize</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('resize', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-resizeStop">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-resizeStop">resizeStop</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">resizeStop</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered after the dialog has been resized.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>resizeStop</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({
+   resizeStop: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>resizeStop</code> event by type: <code>resizeStop</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('resizeStop', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-close">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-close">close</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">dialogclose</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when the dialog is closed.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>close</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').dialog({
+   close: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>close</code> event by type: <code>dialogclose</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('dialogclose', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="methods">
+    <h2 class="top-header">Methods</h2>
+    <ul class="methods-list">
+      
+<li class="method" id="method-destroy">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-destroy">destroy</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.dialog( 'destroy'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Remove the dialog functionality completely. This will return the element back to its pre-init state.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-disable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-disable">disable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.dialog( 'disable'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Disable the dialog.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-enable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-enable">enable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.dialog( 'enable'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Enable the dialog.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-option">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-option">option</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.dialog( 'option'
+
+, optionName
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Get or set any dialog option. If no value is specified, will act as a getter.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-close">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-close">close</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.dialog( 'close'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Close the dialog.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-isOpen">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-isOpen">isOpen</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.dialog( 'isOpen'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Returns true if the dialog is currently open.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-moveToTop">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-moveToTop">moveToTop</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.dialog( 'moveToTop'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Move the dialog to the top of the dialogs stack.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-open">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-open">open</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.dialog( 'open'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Open the dialog.</p>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="theming">
+    <h2 class="top-header">Theming</h2>
+    <p>The jQuery UI Dialog plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
+</p>
+  <p>If a deeper level of customization is needed, there are widget-specific classes referenced within the ui.dialog.css stylesheet that can be modified. These classes are highlighed in bold below.
+</p>
+    
+  <h3>Sample markup with jQuery UI CSS Framework classes</h3>
+  &lt;div class=&quot;<strong>ui-dialog</strong> ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable&quot;&gt;<br />
+&nbsp;&nbsp;&nbsp;&lt;div class=&quot;<strong>ui-dialog-titlebar</strong> ui-widget-header ui-corner-all ui-helper-clearfix&quot;&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;span id=&quot;<strong>ui-dialog-title-dialog</strong>&quot; class=&quot;ui-dialog-title&quot;&gt;Dialog title&lt;/span&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a class=&quot;<strong>ui-dialog-titlebar-close</strong> ui-corner-all&quot; href=&quot;#&quot;&gt;&lt;span class=&quot;ui-icon ui-icon-closethick&quot;&gt;close&lt;/span&gt;&lt;/a&gt;<br />
+&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />
+&nbsp;&nbsp;&nbsp;&lt;div style=&quot;height: 200px; min-height: 109px; width: auto;&quot; class=&quot;<strong>ui-dialog-content</strong> ui-widget-content&quot; id=&quot;dialog&quot;&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;Dialog content goes here.&lt;/p&gt;<br />
+&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />
+&lt;/div&gt;<br />
+  <p class="theme-note">
+    <strong>
+      Note: This is a sample of markup generated by the dialog plugin, not markup you should use to create a dialog. The only markup needed for that is &lt;div&gt;&lt;/div&gt;.
+    </strong>
+  </p>
+
+  </div>
+</div>
+
+</p><!-- 
+Pre-expand include size: 58797 bytes
+Post-expand include size: 100188 bytes
+Template argument size: 56839 bytes
+Maximum: 2097152 bytes
+-->
+
+<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:3347-1!1!0!!en!2 and timestamp 20090604112219 -->
diff --git a/static/development-bundle/docs/draggable.html b/static/development-bundle/docs/draggable.html
new file mode 100644
index 0000000..8e45fc2
--- /dev/null
+++ b/static/development-bundle/docs/draggable.html
@@ -0,0 +1,1448 @@
+
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+  <h1>jQuery UI Draggable</h1>
+  <div id="overview">
+    <h2 class="top-header">Overview</h2>
+    <div id="overview-main">
+        <p>The jQuery UI Draggable plugin makes selected elements draggable by mouse.</p>
+<p>Draggable elements gets a class of <code>ui-draggable</code>. During drag the element also gets a class of <code>ui-draggable-dragging</code>. If you want not just drag, but drag-and-drop, see the jQuery UI Droppable plugin, which provides a drop target for draggables.</p>
+<p>All callbacks (start, stop, drag) receive two arguments: The original browser event and a prepared ui object, view below for a documentation of this object (if you name your second argument 'ui'):</p>
+<ul>
+<li><b>ui.helper</b> - the jQuery object representing the helper that's being dragged</li>
+<li><b>ui.position</b> - current position of the helper as { top, left } object, relative to the offset element</li>
+<li><b>ui.offset</b> - current absolute position of the helper as { top, left } object, relative to page</li>
+</ul>
+    </div>
+    <div id="overview-dependencies">
+        <h3>Dependencies</h3>
+        <ul>
+<li>UI Core</li>
+</ul>
+    </div>
+    <div id="overview-example">
+        <h3>Example</h3>
+        <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Initialize a draggable with default options.<br />
+</p>
+<pre>$(&quot;#draggable&quot;).draggable();
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre>&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;link type=&quot;text/css&quot; href=&quot;http://jqueryui.com/latest/themes/base/ui.all.css&quot; rel=&quot;stylesheet&quot; /&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/jquery-1.3.2.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.core.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.draggable.js&quot;&gt;&lt;/script&gt;
+  &lt;style type=&quot;text/css&quot;&gt;
+    #draggable { width: 100px; height: 70px; background: silver; }
+  &lt;/style&gt;
+  &lt;script type="text/javascript"&gt;
+  $(document).ready(function(){
+    $(&quot;#draggable&quot;).draggable();
+  });
+  &lt;/script&gt;
+&lt;/head&gt;
+&lt;body style="font-size:62.5%;"&gt;
+  
+&lt;div id=&quot;draggable&quot;&gt;Drag me&lt;/div&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+<p></div>
+</p><p></div>
+    </div>
+  </div>
+  <div id="options">
+    <h2 class="top-header">Options</h2>
+    <ul class="options-list">
+      
+<li class="option" id="option-addClasses">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-addClasses">addClasses</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">true</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If set to false, will prevent the <code>ui-draggable</code> class from being added. This may be desired as a performance optimization when calling <code>.draggable()</code> init on many hundreds of elements.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>addClasses</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ addClasses: false });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>addClasses</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var addClasses = $('.selector').draggable('option', 'addClasses');
+//setter
+$('.selector').draggable('option', 'addClasses', false);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-appendTo">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-appendTo">appendTo</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Element, Selector</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'parent'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The element passed to or selected by the <code>appendTo</code> option will be used as the draggable helper's container during dragging. By default, the helper is appended to the same container as the draggable.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>appendTo</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ appendTo: 'body' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>appendTo</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var appendTo = $('.selector').draggable('option', 'appendTo');
+//setter
+$('.selector').draggable('option', 'appendTo', 'body');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-axis">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-axis">axis</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Constrains dragging to either the horizontal (x) or vertical (y) axis. Possible values: 'x', 'y'.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>axis</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ axis: 'x' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>axis</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var axis = $('.selector').draggable('option', 'axis');
+//setter
+$('.selector').draggable('option', 'axis', 'x');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-cancel">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-cancel">cancel</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Selector</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">':input,option'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Prevents dragging from starting on specified elements.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>cancel</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ cancel: 'button' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>cancel</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var cancel = $('.selector').draggable('option', 'cancel');
+//setter
+$('.selector').draggable('option', 'cancel', 'button');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-connectToSortable">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-connectToSortable">connectToSortable</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Selector</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Allows the draggable to be dropped onto the specified sortables. If this option is used (<code>helper</code> must be set to 'clone' in order to work flawlessly), a draggable can be dropped onto a sortable list and then becomes part of it.
+</p><p>Note: Specifying this option as an array of selectors has been removed.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>connectToSortable</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ connectToSortable: 'ul#myList' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>connectToSortable</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var connectToSortable = $('.selector').draggable('option', 'connectToSortable');
+//setter
+$('.selector').draggable('option', 'connectToSortable', 'ul#myList');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-containment">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-containment">containment</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Selector, Element, String, Array</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Constrains dragging to within the bounds of the specified element or region. Possible string values: 'parent', 'document', 'window', [x1, y1, x2, y2].</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>containment</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ containment: 'parent' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>containment</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var containment = $('.selector').draggable('option', 'containment');
+//setter
+$('.selector').draggable('option', 'containment', 'parent');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-cursor">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-cursor">cursor</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'auto'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The css cursor during the drag operation.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>cursor</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ cursor: 'crosshair' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>cursor</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var cursor = $('.selector').draggable('option', 'cursor');
+//setter
+$('.selector').draggable('option', 'cursor', 'crosshair');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-cursorAt">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-cursorAt">cursorAt</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Object</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Moves the dragging helper so the cursor always appears to drag from the same position. Coordinates can be given as a hash using a combination of one or two keys: <code>{ top, left, right, bottom }</code>.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>cursorAt</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ cursorAt: { left: 5 } });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>cursorAt</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var cursorAt = $('.selector').draggable('option', 'cursorAt');
+//setter
+$('.selector').draggable('option', 'cursorAt', { left: 5 });</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-delay">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-delay">delay</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Integer</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">0</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Time in milliseconds after mousedown until dragging should start. This option can be used to prevent unwanted drags when clicking on an element.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>delay</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ delay: 500 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>delay</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var delay = $('.selector').draggable('option', 'delay');
+//setter
+$('.selector').draggable('option', 'delay', 500);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-distance">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-distance">distance</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Integer</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">1</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Distance in pixels after mousedown the mouse must move before dragging should start. This option can be used to prevent unwanted drags when clicking on an element.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>distance</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ distance: 30 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>distance</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var distance = $('.selector').draggable('option', 'distance');
+//setter
+$('.selector').draggable('option', 'distance', 30);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-grid">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-grid">grid</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Array</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Snaps the dragging helper to a grid, every x and y pixels. Array values: [x, y]</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>grid</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ grid: [50, 20] });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>grid</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var grid = $('.selector').draggable('option', 'grid');
+//setter
+$('.selector').draggable('option', 'grid', [50, 20]);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-handle">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-handle">handle</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Element, Selector</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If specified, restricts drag start click to the specified element(s).</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>handle</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ handle: 'h2' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>handle</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var handle = $('.selector').draggable('option', 'handle');
+//setter
+$('.selector').draggable('option', 'handle', 'h2');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-helper">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-helper">helper</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String, Function</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'original'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Allows for a helper element to be used for dragging display. Possible values: 'original', 'clone', Function. If a function is specified, it must return a DOMElement.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>helper</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ helper: 'clone' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>helper</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var helper = $('.selector').draggable('option', 'helper');
+//setter
+$('.selector').draggable('option', 'helper', 'clone');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-iframeFix">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-iframeFix">iframeFix</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean, Selector</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Prevent iframes from capturing the mousemove events during a drag. Useful in combination with cursorAt, or in any case, if the mouse cursor is not over the helper. If set to true, transparent overlays will be placed over all iframes on the page. If a selector is supplied, the matched iframes will have an overlay placed over them.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>iframeFix</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ iframeFix: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>iframeFix</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var iframeFix = $('.selector').draggable('option', 'iframeFix');
+//setter
+$('.selector').draggable('option', 'iframeFix', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-opacity">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-opacity">opacity</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Float</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Opacity for the helper while being dragged.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>opacity</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ opacity: 0.35 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>opacity</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var opacity = $('.selector').draggable('option', 'opacity');
+//setter
+$('.selector').draggable('option', 'opacity', 0.35);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-refreshPositions">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-refreshPositions">refreshPositions</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If set to true, all droppable positions are calculated on every mousemove. Caution: This solves issues on highly dynamic pages, but dramatically decreases performance.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>refreshPositions</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ refreshPositions: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>refreshPositions</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var refreshPositions = $('.selector').draggable('option', 'refreshPositions');
+//setter
+$('.selector').draggable('option', 'refreshPositions', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-revert">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-revert">revert</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean, String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If set to true, the element will return to its start position when dragging stops. Possible string values: 'valid', 'invalid'. If set to invalid, revert will only occur if the draggable has not been dropped on a droppable. For valid, it's the other way around.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>revert</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ revert: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>revert</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var revert = $('.selector').draggable('option', 'revert');
+//setter
+$('.selector').draggable('option', 'revert', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-revertDuration">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-revertDuration">revertDuration</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Integer</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">500</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The duration of the revert animation, in milliseconds. Ignored if revert is false.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>revertDuration</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ revertDuration: 1000 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>revertDuration</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var revertDuration = $('.selector').draggable('option', 'revertDuration');
+//setter
+$('.selector').draggable('option', 'revertDuration', 1000);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-scope">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-scope">scope</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'default'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Used to group sets of draggable and droppable items, in addition to droppable's accept option. A draggable with the same scope value as a droppable will be accepted by the droppable.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>scope</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ scope: 'tasks' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>scope</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var scope = $('.selector').draggable('option', 'scope');
+//setter
+$('.selector').draggable('option', 'scope', 'tasks');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-scroll">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-scroll">scroll</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">true</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If set to true, container auto-scrolls while dragging.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>scroll</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ scroll: false });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>scroll</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var scroll = $('.selector').draggable('option', 'scroll');
+//setter
+$('.selector').draggable('option', 'scroll', false);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-scrollSensitivity">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-scrollSensitivity">scrollSensitivity</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Integer</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">20</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Distance in pixels from the edge of the viewport after which the viewport should scroll. Distance is relative to pointer, not the draggable.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>scrollSensitivity</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ scrollSensitivity: 40 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>scrollSensitivity</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var scrollSensitivity = $('.selector').draggable('option', 'scrollSensitivity');
+//setter
+$('.selector').draggable('option', 'scrollSensitivity', 40);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-scrollSpeed">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-scrollSpeed">scrollSpeed</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Integer</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">20</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The speed at which the window should scroll once the mouse pointer gets within the <code>scrollSensitivity</code> distance.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>scrollSpeed</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ scrollSpeed: 40 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>scrollSpeed</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var scrollSpeed = $('.selector').draggable('option', 'scrollSpeed');
+//setter
+$('.selector').draggable('option', 'scrollSpeed', 40);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-snap">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-snap">snap</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean, Selector</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If set to a selector or to true (equivalent to '.ui-draggable'), the draggable will snap to the edges of the selected elements when near an edge of the element.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>snap</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ snap: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>snap</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var snap = $('.selector').draggable('option', 'snap');
+//setter
+$('.selector').draggable('option', 'snap', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-snapMode">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-snapMode">snapMode</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'both'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Determines which edges of snap elements the draggable will snap to. Ignored if snap is false. Possible values: 'inner', 'outer', 'both'</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>snapMode</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ snapMode: 'outer' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>snapMode</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var snapMode = $('.selector').draggable('option', 'snapMode');
+//setter
+$('.selector').draggable('option', 'snapMode', 'outer');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-snapTolerance">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-snapTolerance">snapTolerance</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Integer</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">20</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The distance in pixels from the snap element edges at which snapping should occur. Ignored if snap is false.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>snapTolerance</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ snapTolerance: 40 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>snapTolerance</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var snapTolerance = $('.selector').draggable('option', 'snapTolerance');
+//setter
+$('.selector').draggable('option', 'snapTolerance', 40);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-stack">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-stack">stack</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Object</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Controls the z-Index of the defined group (key 'group' in the hash, accepts jQuery selector) automatically, always brings to front the dragged item. Very useful in things like window managers. Optionally, a 'min' key can be set, so the zIndex cannot go below that value.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>stack</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ stack: { group: 'products', min: 50 } });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>stack</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var stack = $('.selector').draggable('option', 'stack');
+//setter
+$('.selector').draggable('option', 'stack', { group: 'products', min: 50 });</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-zIndex">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-zIndex">zIndex</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Integer</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>z-index for the helper while being dragged.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a draggable with the <code>zIndex</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({ zIndex: 2700 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>zIndex</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var zIndex = $('.selector').draggable('option', 'zIndex');
+//setter
+$('.selector').draggable('option', 'zIndex', 2700);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="events">
+    <h2 class="top-header">Events</h2>
+    <ul class="events-list">
+      
+<li class="event" id="event-start">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-start">start</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">dragstart</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when dragging starts.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>start</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({
+   start: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>start</code> event by type: <code>dragstart</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('dragstart', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-drag">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-drag">drag</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">drag</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when the mouse is moved during the dragging.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>drag</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({
+   drag: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>drag</code> event by type: <code>drag</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('drag', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-stop">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-stop">stop</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">dragstop</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when dragging stops.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>stop</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').draggable({
+   stop: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>stop</code> event by type: <code>dragstop</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('dragstop', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="methods">
+    <h2 class="top-header">Methods</h2>
+    <ul class="methods-list">
+      
+<li class="method" id="method-destroy">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-destroy">destroy</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.draggable( 'destroy'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Remove the draggable functionality completely. This will return the element back to its pre-init state.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-disable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-disable">disable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.draggable( 'disable'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Disable the draggable.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-enable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-enable">enable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.draggable( 'enable'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Enable the draggable.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-option">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-option">option</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.draggable( 'option'
+
+, optionName
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Get or set any draggable option. If no value is specified, will act as a getter.</p>
+  </div>
+</li>
+
+
+    </ul>
+  </div>
+  <div id="theming">
+    <h2 class="top-header">Theming</h2>
+    <p>The jQuery UI Draggable plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
+</p>
+  <p>If a deeper level of customization is needed, there are widget-specific classes referenced within the ui.draggable.css stylesheet that can be modified. These classes are highlighed in bold below.
+</p>
+    
+  <h3>Sample markup with jQuery UI CSS Framework classes</h3>
+  &lt;div class=&quot;<strong>ui-draggable</strong>&quot;&gt;&lt;/div&gt;
+  <p class="theme-note">
+    <strong>
+      Note: This is a sample of markup generated by the draggable plugin, not markup you should use to create a draggable. The only markup needed for that is &lt;div&gt;&lt;/div&gt;.
+    </strong>
+  </p>
+
+  </div>
+</div>
+
+</p><!-- 
+Pre-expand include size: 55070 bytes
+Post-expand include size: 98892 bytes
+Template argument size: 56660 bytes
+Maximum: 2097152 bytes
+-->
+
+<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:3340-1!1!0!!en!2 and timestamp 20090604112209 -->
diff --git a/static/development-bundle/docs/droppable.html b/static/development-bundle/docs/droppable.html
new file mode 100644
index 0000000..7adf946
--- /dev/null
+++ b/static/development-bundle/docs/droppable.html
@@ -0,0 +1,704 @@
+
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+  <h1>jQuery UI Droppable</h1>
+  <div id="overview">
+    <h2 class="top-header">Overview</h2>
+    <div id="overview-main">
+        <p>The jQuery UI Droppable plugin makes selected elements droppable (meaning they accept being dropped on by draggables). You can specify which (individually) or which kind of draggables each will accept.</p>
+<p>All callbacks receive two arguments: The original browser event and a prepared ui object, view below for a documentation of this object (if you name your second argument 'ui'):</p>
+<ul>
+ <li> <b>ui.draggable</b> - current draggable element, a jQuery object.</li>
+ <li> <b>ui.helper</b> - current draggable helper, a jQuery object</li>
+ <li> <b>ui.position</b> - current position of the draggable helper { top: , left: }</li>
+ <li> <b>ui.offset</b> - current absolute position of the draggable helper { top: , left: }</li>
+</ul>
+    </div>
+    <div id="overview-dependencies">
+        <h3>Dependencies</h3>
+        <ul>
+<li>UI Core</li>
+<li><a href="http://docs.jquery.com/UI/Draggable" title="UI/Draggable">UI Draggable</a></li>
+</ul>
+    </div>
+    <div id="overview-example">
+        <h3>Example</h3>
+        <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="100">
+Makes the div droppable (a drop target for a draggable).<br />
+</p>
+<pre>$(&quot;#draggable&quot;).draggable();
+    $(&quot;#droppable&quot;).droppable({
+      drop: function() { alert('dropped'); }
+    });
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre>&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;link type=&quot;text/css&quot; href=&quot;http://jqueryui.com/latest/themes/base/ui.all.css&quot; rel=&quot;stylesheet&quot; /&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/jquery-1.3.2.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.core.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.draggable.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.droppable.js&quot;&gt;&lt;/script&gt;
+  &lt;style type=&quot;text/css&quot;&gt;
+    #draggable { width: 75px; height: 25px; background: silver; padding: 10px; }
+    #droppable { position: absolute; left: 250px; top: 0; width: 125px; height: 75px; background: gray; color: white; padding: 10px; }
+  &lt;/style&gt;
+  &lt;script type="text/javascript"&gt;
+  $(document).ready(function(){
+    $(&quot;#draggable&quot;).draggable();
+    $(&quot;#droppable&quot;).droppable({
+      drop: function() { alert('dropped'); }
+    });
+  });
+  &lt;/script&gt;
+&lt;/head&gt;
+&lt;body style="font-size:62.5%;"&gt;
+  
+&lt;div id=&quot;droppable&quot;&gt;Drop here&lt;/div&gt;
+&lt;div id=&quot;draggable&quot;&gt;Drag me&lt;/div&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+<p></div>
+</p><p></div>
+    </div>
+  </div>
+  <div id="options">
+    <h2 class="top-header">Options</h2>
+    <ul class="options-list">
+      
+<li class="option" id="option-accept">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-accept">accept</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Selector, Function</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'*'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>All draggables that match the selector will be accepted. If a function is specified, the function will be called for each draggable on the page (passed as the first argument to the function), to provide a custom filter. The function should return true if the draggable should be accepted.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a droppable with the <code>accept</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').droppable({ accept: '.special' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>accept</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var accept = $('.selector').droppable('option', 'accept');
+//setter
+$('.selector').droppable('option', 'accept', '.special');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-activeClass">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-activeClass">activeClass</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If specified, the class will be added to the droppable while an acceptable draggable is being dragged.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a droppable with the <code>activeClass</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').droppable({ activeClass: '.ui-state-highlight' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>activeClass</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var activeClass = $('.selector').droppable('option', 'activeClass');
+//setter
+$('.selector').droppable('option', 'activeClass', '.ui-state-highlight');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-addClasses">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-addClasses">addClasses</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">true</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If set to false, will prevent the ui-droppable class from being added. This may be desired as a performance optimization when calling .droppable() init on many hundreds of elements.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a droppable with the <code>addClasses</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').droppable({ addClasses: false });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>addClasses</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var addClasses = $('.selector').droppable('option', 'addClasses');
+//setter
+$('.selector').droppable('option', 'addClasses', false);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-greedy">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-greedy">greedy</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If true, will prevent event propagation on nested droppables.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a droppable with the <code>greedy</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').droppable({ greedy: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>greedy</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var greedy = $('.selector').droppable('option', 'greedy');
+//setter
+$('.selector').droppable('option', 'greedy', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-hoverClass">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-hoverClass">hoverClass</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If specified, the class will be added to the droppable while an acceptable draggable is being hovered.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a droppable with the <code>hoverClass</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').droppable({ hoverClass: 'drophover' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>hoverClass</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var hoverClass = $('.selector').droppable('option', 'hoverClass');
+//setter
+$('.selector').droppable('option', 'hoverClass', 'drophover');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-scope">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-scope">scope</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'default'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Used to group sets of draggable and droppable items, in addition to droppable's accept option. A draggable with the same scope value as a droppable will be accepted.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a droppable with the <code>scope</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').droppable({ scope: 'tasks' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>scope</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var scope = $('.selector').droppable('option', 'scope');
+//setter
+$('.selector').droppable('option', 'scope', 'tasks');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-tolerance">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-tolerance">tolerance</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'intersect'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Specifies which mode to use for testing whether a draggable is 'over' a droppable. Possible values: 'fit', 'intersect', 'pointer', 'touch'.
+</p>
+<ul>
+<li><b>fit</b>: draggable overlaps the droppable entirely</li>
+<li><b>intersect</b>: draggable overlaps the droppable at least 50%</li>
+<li><b>pointer</b>: mouse pointer overlaps the droppable</li>
+<li><b>touch</b>: draggable overlaps the droppable any amount</li>
+</ul>
+<p></p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a droppable with the <code>tolerance</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').droppable({ tolerance: 'fit' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>tolerance</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var tolerance = $('.selector').droppable('option', 'tolerance');
+//setter
+$('.selector').droppable('option', 'tolerance', 'fit');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="events">
+    <h2 class="top-header">Events</h2>
+    <ul class="events-list">
+      
+<li class="event" id="event-activate">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-activate">activate</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">dropactivate</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered any time an accepted draggable starts dragging. This can be useful if you want to make the droppable 'light up' when it can be dropped on.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>activate</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').droppable({
+   activate: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>activate</code> event by type: <code>dropactivate</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('dropactivate', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-deactivate">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-deactivate">deactivate</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">dropdeactivate</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered any time an accepted draggable stops dragging.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>deactivate</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').droppable({
+   deactivate: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>deactivate</code> event by type: <code>dropdeactivate</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('dropdeactivate', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-over">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-over">over</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">dropover</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered as an accepted draggable is dragged 'over' (within the tolerance of) this droppable.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>over</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').droppable({
+   over: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>over</code> event by type: <code>dropover</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('dropover', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-out">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-out">out</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">dropout</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when an accepted draggable is dragged out (within the tolerance of) this droppable.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>out</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').droppable({
+   out: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>out</code> event by type: <code>dropout</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('dropout', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-drop">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-drop">drop</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">drop</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when an accepted draggable is dropped 'over' (within the tolerance of) this droppable. In the callback, $(this) represents the droppable the draggable is dropped on.
+ui.draggable represents the draggable.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>drop</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').droppable({
+   drop: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>drop</code> event by type: <code>drop</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('drop', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="methods">
+    <h2 class="top-header">Methods</h2>
+    <ul class="methods-list">
+      
+<li class="method" id="method-destroy">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-destroy">destroy</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.droppable( 'destroy'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Remove the droppable functionality completely. This will return the element back to its pre-init state.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-disable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-disable">disable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.droppable( 'disable'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Disable the droppable.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-enable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-enable">enable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.droppable( 'enable'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Enable the droppable.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-option">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-option">option</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.droppable( 'option'
+
+, optionName
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Get or set any droppable option. If no value is specified, will act as a getter.</p>
+  </div>
+</li>
+
+
+    </ul>
+  </div>
+  <div id="theming">
+    <h2 class="top-header">Theming</h2>
+    <p>The jQuery UI Droppable plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
+</p>
+  <p>If a deeper level of customization is needed, there are widget-specific classes referenced within the ui.droppable.css stylesheet that can be modified. These classes are highlighed in bold below.
+</p>
+    
+  <h3>Sample markup with jQuery UI CSS Framework classes</h3>
+  &lt;div class=&quot;<strong>ui-droppable</strong>&quot;&gt;&lt;/div&gt;
+  <p class="theme-note">
+    <strong>
+      Note: This is a sample of markup generated by the droppable plugin, not markup you should use to create a droppable. The only markup needed for that is &lt;div&gt;&lt;/div&gt;.
+    </strong>
+  </p>
+
+  </div>
+</div>
+
+</p><!-- 
+Pre-expand include size: 27586 bytes
+Post-expand include size: 45489 bytes
+Template argument size: 25247 bytes
+Maximum: 2097152 bytes
+-->
+
+<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:3341-1!1!0!!en!2 and timestamp 20090604112211 -->
diff --git a/static/development-bundle/docs/effect.html b/static/development-bundle/docs/effect.html
new file mode 100644
index 0000000..439e6cd
--- /dev/null
+++ b/static/development-bundle/docs/effect.html
@@ -0,0 +1,142 @@
+
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+  <h1>jQuery UI effect</h1>
+  <div id="overview">
+    <h2 class="top-header">Overview</h2>
+    <div id="overview-main">
+        <div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/UI/Effects/effect?section=1" title="Edit section: effect( effect, [options], [speed], [callback] )">edit</a>]</div><a name="effect.28_effect.2C_.5Boptions.5D.2C_.5Bspeed.5D.2C_.5Bcallback.5D_.29"></a><h3>effect( effect, <span class="optional">[</span>options<span class="optional">]</span>, <span class="optional">[</span>speed<span class="optional">]</span>, <span class="optional">[</span>callback<span class="optional">]</span> )</h3>
+<p>Uses a specific effect on an element (without the show/hide logic).</p>
+    </div>
+    <div id="overview-dependencies">
+        <h3>Dependencies</h3>
+        <ul>
+<li>Effects Core</li>
+</ul>
+    </div>
+    <div id="overview-example">
+        <h3>Example</h3>
+        <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Apply the effect explode if you click on the element.<br />
+</p>
+<pre>$(&quot;p&quot;).<a href="http://docs.jquery.com/Events/click" title="Events/click">click</a>(function () {
+      $(&quot;div&quot;).<strong class="selflink">effect</strong>(&quot;explode&quot;);
+    });
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre>&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;link type=&quot;text/css&quot; href=&quot;http://jqueryui.com/latest/themes/base/ui.all.css&quot; rel=&quot;stylesheet&quot; /&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/jquery-1.3.2.js&quot;&gt;&lt;/script&gt;
+  &lt;script src=&quot;http://ui.jquery.com/latest/ui/effects.core.js&quot;&gt;&lt;/script&gt;
+&lt;script src=&quot;http://ui.jquery.com/latest/ui/effects.explode.js&quot;&gt;&lt;/script&gt;
+&lt;style type=&quot;text/css&quot;&gt;
+  div { margin: 0 auto; width: 100px; height: 80px; background: blue; position: relative; }
+&lt;/style&gt;
+  &lt;script type="text/javascript"&gt;
+  $(document).ready(function(){
+    $(&quot;p&quot;).<a href="http://docs.jquery.com/Events/click" title="Events/click">click</a>(function () {
+      $(&quot;div&quot;).<strong class="selflink">effect</strong>(&quot;explode&quot;);
+    });
+  });
+  &lt;/script&gt;
+&lt;/head&gt;
+&lt;body style="font-size:62.5%;"&gt;
+  
+&lt;p&gt;Click me&lt;/p&gt;&lt;div&gt;&lt;/div&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+<p></div>
+</p><p></div>
+    </div>
+  </div>
+  <div id="options">
+    <h2 class="top-header">Arguments</h2>
+    <ul class="options-list">
+      
+<li class="option" id="option-effect">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-effect">effect</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The effect to be used. Possible values: 'blind', 'bounce', 'clip', 'drop', 'explode', 'fold', 'highlight', 'puff', 'pulsate', 'scale', 'shake', 'size', 'slide', 'transfer'.</p>
+  </div>
+</li>
+
+
+<li class="option" id="option-options">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-options">options</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Hash</dd>
+      
+      <dt class="option-optional-label">Optional</dt>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>A object/hash including specific options for the effect.</p>
+  </div>
+</li>
+
+
+<li class="option" id="option-speed">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-speed">speed</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String, Number</dd>
+      
+      <dt class="option-optional-label">Optional</dt>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>A string representing one of the three predefined speeds ("slow", "normal", or "fast") or the number of milliseconds to run the animation (e.g. 1000).</p>
+  </div>
+</li>
+
+
+<li class="option" id="option-callback">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-callback">callback</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Function</dd>
+      
+      <dt class="option-optional-label">Optional</dt>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>A function that is called after the effect is completed.</p>
+  </div>
+</li>
+
+    </ul>
+  </div>
+</div>
+
+</p><!-- 
+Pre-expand include size: 6199 bytes
+Post-expand include size: 8618 bytes
+Template argument size: 5418 bytes
+Maximum: 2097152 bytes
+-->
+
+<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2612-1!1!0!!en!2 and timestamp 20090603114134 -->
diff --git a/static/development-bundle/docs/hide.html b/static/development-bundle/docs/hide.html
new file mode 100644
index 0000000..8ea9d59
--- /dev/null
+++ b/static/development-bundle/docs/hide.html
@@ -0,0 +1,143 @@
+
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+  <h1>jQuery UI hide</h1>
+  <div id="overview">
+    <h2 class="top-header">Overview</h2>
+    <div id="overview-main">
+        <div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/UI/Effects/hide?section=1" title="Edit section: hide( effect, [options], [speed], [callback] )">edit</a>]</div><a name="hide.28_effect.2C_.5Boptions.5D.2C_.5Bspeed.5D.2C_.5Bcallback.5D_.29"></a><h3>hide( effect, <span class="optional">[</span>options<span class="optional">]</span>, <span class="optional">[</span>speed<span class="optional">]</span>, <span class="optional">[</span>callback<span class="optional">]</span> )</h3>
+<p>The enhanced hide method optionally accepts jQuery UI advanced effects.</p>
+<p>Uses a specific effect on an element to hide the element if the first argument is an effect string.</p>
+    </div>
+    <div id="overview-dependencies">
+        <h3>Dependencies</h3>
+        <ul>
+<li>Effects Core</li>
+</ul>
+    </div>
+    <div id="overview-example">
+        <h3>Example</h3>
+        <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Apply the effect slide if you click on the p to hide a div.<br />
+</p>
+<pre>$(&quot;p&quot;).<a href="http://docs.jquery.com/Events/click" title="Events/click">click</a>(function () {
+      $(&quot;div&quot;).<strong class="selflink">hide</strong>(&quot;slide&quot;, {}, 1000);
+    });
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre>&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;link type=&quot;text/css&quot; href=&quot;http://jqueryui.com/latest/themes/base/ui.all.css&quot; rel=&quot;stylesheet&quot; /&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/jquery-1.3.2.js&quot;&gt;&lt;/script&gt;
+  &lt;script src=&quot;http://ui.jquery.com/latest/ui/effects.core.js&quot;&gt;&lt;/script&gt;
+&lt;script src=&quot;http://ui.jquery.com/latest/ui/effects.slide.js&quot;&gt;&lt;/script&gt;
+&lt;style type=&quot;text/css&quot;&gt;
+  div { margin: 0px; width: 100px; height: 80px; background: blue; position: relative; }
+&lt;/style&gt;
+  &lt;script type="text/javascript"&gt;
+  $(document).ready(function(){
+    $(&quot;p&quot;).<a href="http://docs.jquery.com/Events/click" title="Events/click">click</a>(function () {
+      $(&quot;div&quot;).<strong class="selflink">hide</strong>(&quot;slide&quot;, {}, 1000);
+    });
+  });
+  &lt;/script&gt;
+&lt;/head&gt;
+&lt;body style="font-size:62.5%;"&gt;
+  
+&lt;p&gt;Click me&lt;/p&gt;&lt;div&gt;&lt;/div&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+<p></div>
+</p><p></div>
+    </div>
+  </div>
+  <div id="options">
+    <h2 class="top-header">Arguments</h2>
+    <ul class="options-list">
+      
+<li class="option" id="option-effect">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-effect">effect</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The effect to be used. Possible values: 'blind', 'clip', 'drop', 'explode', 'fold', 'puff', 'slide', 'scale', 'size', 'pulsate'.</p>
+  </div>
+</li>
+
+
+<li class="option" id="option-options">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-options">options</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Hash</dd>
+      
+      <dt class="option-optional-label">Optional</dt>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>A object/hash including specific options for the effect.</p>
+  </div>
+</li>
+
+
+<li class="option" id="option-speed">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-speed">speed</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String, Number</dd>
+      
+      <dt class="option-optional-label">Optional</dt>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>A string representing one of the three predefined speeds ("slow", "normal", or "fast") or the number of milliseconds to run the animation (e.g. 1000).</p>
+  </div>
+</li>
+
+
+<li class="option" id="option-callback">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-callback">callback</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Function</dd>
+      
+      <dt class="option-optional-label">Optional</dt>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>A function that is called after the effect is completed.</p>
+  </div>
+</li>
+
+    </ul>
+  </div>
+</div>
+
+</p><!-- 
+Pre-expand include size: 6211 bytes
+Post-expand include size: 8731 bytes
+Template argument size: 5477 bytes
+Maximum: 2097152 bytes
+-->
+
+<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2614-1!1!0!!en!2 and timestamp 20090603114700 -->
diff --git a/static/development-bundle/docs/progressbar.html b/static/development-bundle/docs/progressbar.html
new file mode 100644
index 0000000..0e42d5a
--- /dev/null
+++ b/static/development-bundle/docs/progressbar.html
@@ -0,0 +1,295 @@
+
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+  <h1>jQuery UI Progressbar</h1>
+  <div id="overview">
+    <h2 class="top-header">Overview</h2>
+    <div id="overview-main">
+        <p>
+The progress bar is designed to simply display the current % complete for a process. The bar is coded to be flexibly sized through CSS and will scale to fit inside it's parent container by default.
+</p>
+<p>
+This is a determinate progress bar, meaning that it should only be used in situations where the system can accurately update the current status complete. A determinate progress bar should never fill from left to right, then loop back to empty for a single process -- if the actual percent complete status cannot be calculated, an indeterminate progress bar (coming soon) or spinner animation is a better way to provide user feedback.
+</p>
+    </div>
+    <div id="overview-dependencies">
+        <h3>Dependencies</h3>
+        <ul>
+<li>UI Core</li>
+</ul>
+    </div>
+    <div id="overview-example">
+        <h3>Example</h3>
+        <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="100">
+A simple jQuery UI Progressbar.<br />
+</p>
+<pre>$(&quot;#progressbar&quot;).progressbar({ value: 37 });
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre>&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;link type=&quot;text/css&quot; href=&quot;http://jqueryui.com/latest/themes/base/ui.all.css&quot; rel=&quot;stylesheet&quot; /&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/jquery-1.3.2.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.core.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.progressbar.js&quot;&gt;&lt;/script&gt;
+  &lt;script type="text/javascript"&gt;
+  $(document).ready(function(){
+    $(&quot;#progressbar&quot;).progressbar({ value: 37 });
+  });
+  &lt;/script&gt;
+&lt;/head&gt;
+&lt;body style="font-size:62.5%;"&gt;
+  
+&lt;div id=&quot;progressbar&quot;&gt;&lt;/div&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+<p></div>
+</p><p></div>
+    </div>
+  </div>
+  <div id="options">
+    <h2 class="top-header">Options</h2>
+    <ul class="options-list">
+      
+<li class="option" id="option-value">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-value">value</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Number</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">0</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The value of the progressbar.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a progressbar with the <code>value</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').progressbar({ value: 37 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>value</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var value = $('.selector').progressbar('option', 'value');
+//setter
+$('.selector').progressbar('option', 'value', 37);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="events">
+    <h2 class="top-header">Events</h2>
+    <ul class="events-list">
+      
+<li class="event" id="event-change">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-change">change</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">progressbarchange</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when the value of the progressbar changes.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>change</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').progressbar({
+   change: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>change</code> event by type: <code>progressbarchange</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('progressbarchange', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="methods">
+    <h2 class="top-header">Methods</h2>
+    <ul class="methods-list">
+      
+<li class="method" id="method-destroy">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-destroy">destroy</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.progressbar( 'destroy'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Remove the progressbar functionality completely. This will return the element back to its pre-init state.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-disable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-disable">disable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.progressbar( 'disable'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Disable the progressbar.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-enable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-enable">enable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.progressbar( 'enable'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Enable the progressbar.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-option">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-option">option</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.progressbar( 'option'
+
+, optionName
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Get or set any progressbar option. If no value is specified, will act as a getter.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-value">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-value">value</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.progressbar( 'value'
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>This method gets or sets the current value of the progressbar.</p>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="theming">
+    <h2 class="top-header">Theming</h2>
+    <p>The jQuery UI Progressbar plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
+</p>
+  <p>If a deeper level of customization is needed, there are widget-specific classes referenced within the ui.progressbar.css stylesheet that can be modified. These classes are highlighed in bold below.
+</p>
+    
+  <h3>Sample markup with jQuery UI CSS Framework classes</h3>
+  &lt;div class=&quot;<strong>ui-progressbar </strong>ui-widget ui-widget-content ui-corner-all&quot;&gt;<br />
+        &nbsp;&nbsp;&nbsp;&lt;div style=&quot;width: 37%;&quot; class=&quot;<strong>ui-progressbar-value</strong> ui-widget-header ui-corner-left&quot;&gt;&lt;/div&gt;<br />
+        &lt;/div&gt;
+  <p class="theme-note">
+    <strong>
+      Note: This is a sample of markup generated by the progressbar plugin, not markup you should use to create a progressbar. The only markup needed for that is &lt;div&gt;&lt;/div&gt;.
+    </strong>
+  </p>
+
+  </div>
+</div>
+
+</p><!-- 
+Pre-expand include size: 14353 bytes
+Post-expand include size: 16672 bytes
+Template argument size: 7699 bytes
+Maximum: 2097152 bytes
+-->
+
+<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:3348-1!1!0!!en!2 and timestamp 20090604112221 -->
diff --git a/static/development-bundle/docs/removeClass.html b/static/development-bundle/docs/removeClass.html
new file mode 100644
index 0000000..b2b19e8
--- /dev/null
+++ b/static/development-bundle/docs/removeClass.html
@@ -0,0 +1,112 @@
+
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+  <h1>jQuery UI removeClass</h1>
+  <div id="overview">
+    <h2 class="top-header">Overview</h2>
+    <div id="overview-main">
+        <div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/UI/Effects/removeClass?section=1" title="Edit section: removeClass( [class], [duration] )">edit</a>]</div><a name="removeClass.28_.5Bclass.5D.2C_.5Bduration.5D_.29"></a><h3>removeClass( <span class="optional">[</span>class<span class="optional">]</span>, <span class="optional">[</span>duration<span class="optional">]</span> )</h3>
+<p>Removes all or specified class from each of the set of matched elements with an optional transition between the states.</p>
+    </div>
+    <div id="overview-dependencies">
+        <h3>Dependencies</h3>
+        <ul>
+<li>Effects Core</li>
+</ul>
+    </div>
+    <div id="overview-example">
+        <h3>Example</h3>
+        <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="100">
+Removes the class 'selected' from the matched elements with a one second transition.<br />
+</p>
+<pre>$(&quot;p&quot;).<a href="http://docs.jquery.com/Events/click" title="Events/click">click</a>(function () {
+      $(this).<strong class="selflink">removeClass</strong>(&quot;selected&quot;, 1000);
+    });
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre>&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;link type=&quot;text/css&quot; href=&quot;http://jqueryui.com/latest/themes/base/ui.all.css&quot; rel=&quot;stylesheet&quot; /&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/jquery-1.3.2.js&quot;&gt;&lt;/script&gt;
+  &lt;script src=&quot;http://ui.jquery.com/latest/ui/effects.core.js&quot;&gt;&lt;/script&gt;
+&lt;style type=&quot;text/css&quot;&gt;
+  p { cursor: pointer; font-size: 1.2em; }
+  .selected { color:red; }
+&lt;/style&gt;
+  &lt;script type="text/javascript"&gt;
+  $(document).ready(function(){
+    $(&quot;p&quot;).<a href="http://docs.jquery.com/Events/click" title="Events/click">click</a>(function () {
+      $(this).<strong class="selflink">removeClass</strong>(&quot;selected&quot;, 1000);
+    });
+  });
+  &lt;/script&gt;
+&lt;/head&gt;
+&lt;body style="font-size:62.5%;"&gt;
+  
+&lt;p class=&quot;selected&quot;&gt;Click me to remove 'selected' class.&lt;/p&gt;
+&lt;p class=&quot;selected&quot;&gt;Click me to remove 'selected' class.&lt;/p&gt;
+&lt;p class=&quot;selected&quot;&gt;Click me to remove 'selected' class.&lt;/p&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+<p></div>
+</p><p></div>
+    </div>
+  </div>
+  <div id="options">
+    <h2 class="top-header">Arguments</h2>
+    <ul class="options-list">
+      
+<li class="option" id="option-class">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-class">class</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-optional-label">Optional</dt>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>CSS classes to remove from the elements.</p>
+  </div>
+</li>
+
+
+<li class="option" id="option-duration">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-duration">duration</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String, Number</dd>
+      
+      <dt class="option-optional-label">Optional</dt>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>A string representing one of the three predefined speeds ("slow", "normal", or "fast") or the number of milliseconds to run the animation (e.g. 1000).</p>
+  </div>
+</li>
+
+    </ul>
+  </div>
+</div>
+
+</p><!-- 
+Pre-expand include size: 5154 bytes
+Post-expand include size: 7134 bytes
+Template argument size: 4488 bytes
+Maximum: 2097152 bytes
+-->
+
+<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2607-1!1!0!!en!2 and timestamp 20090604035742 -->
diff --git a/static/development-bundle/docs/resizable.html b/static/development-bundle/docs/resizable.html
new file mode 100644
index 0000000..3e75ffe
--- /dev/null
+++ b/static/development-bundle/docs/resizable.html
@@ -0,0 +1,1075 @@
+
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+  <h1>jQuery UI Resizable</h1>
+  <div id="overview">
+    <h2 class="top-header">Overview</h2>
+    <div id="overview-main">
+        <p>The jQuery UI Resizable plugin makes selected elements resizable (meaning they have draggable resize handles). You can specify one or more handles as well as min and max width and height.</p>
+<p>All callbacks (start,stop,resize) receive two arguments: The original browser event and a prepared ui object.  The ui object has the following fields:</p>
+<ul>
+<li><b>ui.helper</b> - a jQuery object containing the helper element</li>
+<li><b>ui.originalPosition</b> - {top, left} before resizing started</li>
+<li><b>ui.originalSize</b> - {width, height} before resizing started</li>
+<li><b>ui.position</b> - {top, left} current position</li>
+<li><b>ui.size</b> - {width, height} current size</li>
+</ul>
+    </div>
+    <div id="overview-dependencies">
+        <h3>Dependencies</h3>
+        <ul>
+<li>UI Core</li>
+</ul>
+    </div>
+    <div id="overview-example">
+        <h3>Example</h3>
+        <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="250">
+A simple jQuery UI Resizable.<br />
+</p>
+<pre>$(&quot;#resizable&quot;).resizable();
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre>&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;link type=&quot;text/css&quot; href=&quot;http://jqueryui.com/latest/themes/base/ui.all.css&quot; rel=&quot;stylesheet&quot; /&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/jquery-1.3.2.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.core.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.resizable.js&quot;&gt;&lt;/script&gt;
+  &lt;style type=&quot;text/css&quot;&gt;
+    #resizable { width: 100px; height: 100px; background: silver; }
+  &lt;/style&gt;
+  &lt;script type="text/javascript"&gt;
+  $(document).ready(function(){
+    $(&quot;#resizable&quot;).resizable();
+  });
+  &lt;/script&gt;
+&lt;/head&gt;
+&lt;body style="font-size:62.5%;"&gt;
+  
+&lt;div id=&quot;resizable&quot;&gt;&lt;/div&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+<p></div>
+</p><p></div>
+    </div>
+  </div>
+  <div id="options">
+    <h2 class="top-header">Options</h2>
+    <ul class="options-list">
+      
+<li class="option" id="option-alsoResize">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-alsoResize">alsoResize</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Selector, jQuery, Element</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Resize these elements synchronous when resizing.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a resizable with the <code>alsoResize</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').resizable({ alsoResize: '.other' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>alsoResize</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var alsoResize = $('.selector').resizable('option', 'alsoResize');
+//setter
+$('.selector').resizable('option', 'alsoResize', '.other');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-animate">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-animate">animate</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Animates to the final size after resizing.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a resizable with the <code>animate</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').resizable({ animate: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>animate</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var animate = $('.selector').resizable('option', 'animate');
+//setter
+$('.selector').resizable('option', 'animate', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-animateDuration">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-animateDuration">animateDuration</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Integer, String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'slow'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Duration time for animating, in milliseconds. Other possible values: 'slow', 'normal', 'fast'.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a resizable with the <code>animateDuration</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').resizable({ animateDuration: 500 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>animateDuration</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var animateDuration = $('.selector').resizable('option', 'animateDuration');
+//setter
+$('.selector').resizable('option', 'animateDuration', 500);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-animateEasing">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-animateEasing">animateEasing</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'swing'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Easing effect for animating.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a resizable with the <code>animateEasing</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').resizable({ animateEasing: 'swing' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>animateEasing</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var animateEasing = $('.selector').resizable('option', 'animateEasing');
+//setter
+$('.selector').resizable('option', 'animateEasing', 'swing');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-aspectRatio">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-aspectRatio">aspectRatio</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean, Float</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If set to true, resizing is constrained by the original aspect ratio. Otherwise a custom aspect ratio can be specified, such as 9 / 16, or 0.5.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a resizable with the <code>aspectRatio</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').resizable({ aspectRatio: .75 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>aspectRatio</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var aspectRatio = $('.selector').resizable('option', 'aspectRatio');
+//setter
+$('.selector').resizable('option', 'aspectRatio', .75);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-autoHide">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-autoHide">autoHide</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If set to true, automatically hides the handles except when the mouse hovers over the element.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a resizable with the <code>autoHide</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').resizable({ autoHide: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>autoHide</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var autoHide = $('.selector').resizable('option', 'autoHide');
+//setter
+$('.selector').resizable('option', 'autoHide', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-cancel">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-cancel">cancel</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Selector</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">':input,option'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Prevents resizing if you start on elements matching the selector.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a resizable with the <code>cancel</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').resizable({ cancel: ':input,option' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>cancel</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var cancel = $('.selector').resizable('option', 'cancel');
+//setter
+$('.selector').resizable('option', 'cancel', ':input,option');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-containment">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-containment">containment</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String, Element, Selector</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Constrains resizing to within the bounds of the specified element. Possible values: 'parent', 'document', a DOMElement, or a Selector.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a resizable with the <code>containment</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').resizable({ containment: 'parent' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>containment</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var containment = $('.selector').resizable('option', 'containment');
+//setter
+$('.selector').resizable('option', 'containment', 'parent');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-delay">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-delay">delay</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Integer</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">0</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Tolerance, in milliseconds, for when resizing should start. If specified, resizing will not start until after mouse is moved beyond duration. This can help prevent unintended resizing when clicking on an element.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a resizable with the <code>delay</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').resizable({ delay: 20 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>delay</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var delay = $('.selector').resizable('option', 'delay');
+//setter
+$('.selector').resizable('option', 'delay', 20);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-distance">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-distance">distance</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Integer</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">1</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Tolerance, in pixels, for when resizing should start. If specified, resizing will not start until after mouse is moved beyond distance. This can help prevent unintended resizing when clicking on an element.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a resizable with the <code>distance</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').resizable({ distance: 20 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>distance</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var distance = $('.selector').resizable('option', 'distance');
+//setter
+$('.selector').resizable('option', 'distance', 20);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-ghost">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-ghost">ghost</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If set to true, a semi-transparent helper element is shown for resizing.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a resizable with the <code>ghost</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').resizable({ ghost: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>ghost</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var ghost = $('.selector').resizable('option', 'ghost');
+//setter
+$('.selector').resizable('option', 'ghost', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-grid">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-grid">grid</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Array</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Snaps the resizing element to a grid, every x and y pixels. Array values: [x, y]</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a resizable with the <code>grid</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').resizable({ grid: [50, 50] });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>grid</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var grid = $('.selector').resizable('option', 'grid');
+//setter
+$('.selector').resizable('option', 'grid', [50, 50]);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-handles">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-handles">handles</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String, Object</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'e, s, se'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If specified as a string, should be a comma-split list of any of the following: 'n, e, s, w, ne, se, sw, nw, all'. The necessary handles will be auto-generated by the plugin.
+</p><p>If specified as an object, the following keys are supported: { n, e, s, w, ne, se, sw, nw }. The value of any specified should be a jQuery selector matching the child element of the resizable to use as that handle. If the handle is not a child of the resizable, you can pass in the DOMElement or a valid jQuery object directly.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a resizable with the <code>handles</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').resizable({ handles: 'n, e, s, w' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>handles</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var handles = $('.selector').resizable('option', 'handles');
+//setter
+$('.selector').resizable('option', 'handles', 'n, e, s, w');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-helper">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-helper">helper</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>This is the css class that will be added to a proxy element to outline the resize during the drag of the resize handle. Once the resize is complete, the original element is sized.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a resizable with the <code>helper</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').resizable({ helper: 'ui-state-highlight' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>helper</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var helper = $('.selector').resizable('option', 'helper');
+//setter
+$('.selector').resizable('option', 'helper', 'ui-state-highlight');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-maxHeight">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-maxHeight">maxHeight</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Integer</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">null</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>This is the maximum height the resizable should be allowed to resize to.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a resizable with the <code>maxHeight</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').resizable({ maxHeight: 300 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>maxHeight</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var maxHeight = $('.selector').resizable('option', 'maxHeight');
+//setter
+$('.selector').resizable('option', 'maxHeight', 300);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-maxWidth">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-maxWidth">maxWidth</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Integer</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">null</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>This is the maximum width the resizable should be allowed to resize to.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a resizable with the <code>maxWidth</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').resizable({ maxWidth: 250 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>maxWidth</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var maxWidth = $('.selector').resizable('option', 'maxWidth');
+//setter
+$('.selector').resizable('option', 'maxWidth', 250);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-minHeight">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-minHeight">minHeight</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Integer</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">10</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>This is the minimum height the resizable should be allowed to resize to.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a resizable with the <code>minHeight</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').resizable({ minHeight: 150 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>minHeight</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var minHeight = $('.selector').resizable('option', 'minHeight');
+//setter
+$('.selector').resizable('option', 'minHeight', 150);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-minWidth">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-minWidth">minWidth</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Integer</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">10</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>This is the minimum width the resizable should be allowed to resize to.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a resizable with the <code>minWidth</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').resizable({ minWidth: 75 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>minWidth</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var minWidth = $('.selector').resizable('option', 'minWidth');
+//setter
+$('.selector').resizable('option', 'minWidth', 75);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="events">
+    <h2 class="top-header">Events</h2>
+    <ul class="events-list">
+      
+<li class="event" id="event-start">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-start">start</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">resizestart</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered at the start of a resize operation.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>start</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').resizable({
+   start: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>start</code> event by type: <code>resizestart</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('resizestart', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-resize">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-resize">resize</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">resize</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered during the resize, on the drag of the resize handler.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>resize</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').resizable({
+   resize: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>resize</code> event by type: <code>resize</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('resize', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-stop">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-stop">stop</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">resizestop</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered at the end of a resize operation.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>stop</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').resizable({
+   stop: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>stop</code> event by type: <code>resizestop</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('resizestop', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="methods">
+    <h2 class="top-header">Methods</h2>
+    <ul class="methods-list">
+      
+<li class="method" id="method-destroy">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-destroy">destroy</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.resizable( 'destroy'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Remove the resizable functionality completely. This will return the element back to its pre-init state.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-disable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-disable">disable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.resizable( 'disable'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Disable the resizable.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-enable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-enable">enable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.resizable( 'enable'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Enable the resizable.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-option">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-option">option</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.resizable( 'option'
+
+, optionName
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Get or set any resizable option. If no value is specified, will act as a getter.</p>
+  </div>
+</li>
+
+
+    </ul>
+  </div>
+  <div id="theming">
+    <h2 class="top-header">Theming</h2>
+    <p>The jQuery UI Resizable plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
+</p>
+  <p>If a deeper level of customization is needed, there are widget-specific classes referenced within the ui.resizable.css stylesheet that can be modified. These classes are highlighed in bold below.
+</p>
+    
+  <h3>Sample markup with jQuery UI CSS Framework classes</h3>
+  &lt;div class=&quot;<strong>ui-resizable</strong>&quot;&gt;<br />
+&#160;&#160;&#160;&lt;div style=&quot;-moz-user-select: none;&quot; unselectable=&quot;on&quot; class=&quot;<strong>ui-resizable-handle ui-resizable-e</strong>&quot;&gt;&lt;/div&gt;<br />
+&#160;&#160;&#160;&lt;div style=&quot;-moz-user-select: none;&quot; unselectable=&quot;on&quot; class=&quot;<strong>ui-resizable-handle ui-resizable-s</strong>&quot;&gt;&lt;/div&gt;<br />
+&#160;&#160;&#160;&lt;div unselectable=&quot;on&quot; style=&quot;z-index: 1001; -moz-user-select: none;&quot; class=&quot;<strong>ui-resizable-handle ui-resizable-se</strong> ui-icon ui-icon-gripsmall-diagonal-se&quot;&gt;&lt;/div&gt;<br />
+&lt;/div&gt;
+  <p class="theme-note">
+    <strong>
+      Note: This is a sample of markup generated by the resizable plugin, not markup you should use to create a resizable. The only markup needed for that is &lt;div&gt;&lt;/div&gt;.
+    </strong>
+  </p>
+
+  </div>
+</div>
+
+</p><!-- 
+Pre-expand include size: 41455 bytes
+Post-expand include size: 71826 bytes
+Template argument size: 40520 bytes
+Maximum: 2097152 bytes
+-->
+
+<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:3342-1!1!0!!en!2 and timestamp 20090604112213 -->
diff --git a/static/development-bundle/docs/selectable.html b/static/development-bundle/docs/selectable.html
new file mode 100644
index 0000000..4841ebc
--- /dev/null
+++ b/static/development-bundle/docs/selectable.html
@@ -0,0 +1,707 @@
+
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+  <h1>jQuery UI Selectable</h1>
+  <div id="overview">
+    <h2 class="top-header">Overview</h2>
+    <div id="overview-main">
+        <p>The jQuery UI Selectable plugin allows for elements to be selected by dragging a box (sometimes called a lasso) with the mouse over the elements. Also, elements can be selected by click or drag while holding the Ctrl/Meta key, allowing for multiple (non-contiguous) selections.</p>
+    </div>
+    <div id="overview-dependencies">
+        <h3>Dependencies</h3>
+        <ul>
+<li>UI Core</li>
+</ul>
+    </div>
+    <div id="overview-example">
+        <h3>Example</h3>
+        <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="">
+A simple jQuery UI Selectable.<br />
+</p>
+<pre>$(&quot;#selectable&quot;).selectable();
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre>&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;link type=&quot;text/css&quot; href=&quot;http://jqueryui.com/latest/themes/base/ui.all.css&quot; rel=&quot;stylesheet&quot; /&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/jquery-1.3.2.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.core.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.selectable.js&quot;&gt;&lt;/script&gt;
+  &lt;script type="text/javascript"&gt;
+  $(document).ready(function(){
+    $(&quot;#selectable&quot;).selectable();
+  });
+  &lt;/script&gt;
+&lt;/head&gt;
+&lt;body style="font-size:62.5%;"&gt;
+  
+&lt;div id=&quot;selectable&quot;&gt;&lt;/div&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+<p></div>
+</p><p></div>
+    </div>
+  </div>
+  <div id="options">
+    <h2 class="top-header">Options</h2>
+    <ul class="options-list">
+      
+<li class="option" id="option-autoRefresh">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-autoRefresh">autoRefresh</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">true</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>This determines whether to refresh (recalculate) the position and size of each selectee at the beginning of each select operation. If you have many many items, you may want to set this to false and call the refresh method manually.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a selectable with the <code>autoRefresh</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').selectable({ autoRefresh: false });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>autoRefresh</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var autoRefresh = $('.selector').selectable('option', 'autoRefresh');
+//setter
+$('.selector').selectable('option', 'autoRefresh', false);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-cancel">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-cancel">cancel</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Selector</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">':input,option'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Prevents selecting if you start on elements matching the selector.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a selectable with the <code>cancel</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').selectable({ cancel: ':input,option' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>cancel</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var cancel = $('.selector').selectable('option', 'cancel');
+//setter
+$('.selector').selectable('option', 'cancel', ':input,option');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-delay">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-delay">delay</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Integer</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">0</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Time in milliseconds to define when the selecting should start. It helps preventing unwanted selections when clicking on an element.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a selectable with the <code>delay</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').selectable({ delay: 20 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>delay</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var delay = $('.selector').selectable('option', 'delay');
+//setter
+$('.selector').selectable('option', 'delay', 20);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-distance">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-distance">distance</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Integer</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">0</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Tolerance, in pixels, for when selecting should start. If specified, selecting will not start until after mouse is dragged beyond distance.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a selectable with the <code>distance</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').selectable({ distance: 20 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>distance</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var distance = $('.selector').selectable('option', 'distance');
+//setter
+$('.selector').selectable('option', 'distance', 20);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-filter">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-filter">filter</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Selector</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'*'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The matching child elements will be made selectees (able to be selected).</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a selectable with the <code>filter</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').selectable({ filter: 'li' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>filter</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var filter = $('.selector').selectable('option', 'filter');
+//setter
+$('.selector').selectable('option', 'filter', 'li');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-tolerance">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-tolerance">tolerance</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'touch'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Possible values: 'touch', 'fit'.
+</p>
+<ul>
+<li><b>fit</b>: draggable overlaps the droppable entirely</li>
+<li><b>touch</b>: draggable overlaps the droppable any amount</li>
+</ul>
+<p></p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a selectable with the <code>tolerance</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').selectable({ tolerance: 'fit' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>tolerance</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var tolerance = $('.selector').selectable('option', 'tolerance');
+//setter
+$('.selector').selectable('option', 'tolerance', 'fit');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="events">
+    <h2 class="top-header">Events</h2>
+    <ul class="events-list">
+      
+<li class="event" id="event-selected">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-selected">selected</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">selected</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered at the end of the select operation, on each element added to the selection.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>selected</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').selectable({
+   selected: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>selected</code> event by type: <code>selected</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('selected', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-selecting">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-selecting">selecting</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">selecting</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered during the select operation, on each element added to the selection.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>selecting</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').selectable({
+   selecting: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>selecting</code> event by type: <code>selecting</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('selecting', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-start">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-start">start</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">selectablestart</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered at the beginning of the select operation.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>start</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').selectable({
+   start: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>start</code> event by type: <code>selectablestart</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('selectablestart', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-stop">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-stop">stop</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">selectablestop</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered at the end of the select operation.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>stop</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').selectable({
+   stop: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>stop</code> event by type: <code>selectablestop</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('selectablestop', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-unselected">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-unselected">unselected</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">unselected</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered at the end of the select operation, on each element removed from the selection.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>unselected</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').selectable({
+   unselected: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>unselected</code> event by type: <code>unselected</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('unselected', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-unselecting">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-unselecting">unselecting</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">unselecting</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered during the select operation, on each element removed from the selection.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>unselecting</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').selectable({
+   unselecting: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>unselecting</code> event by type: <code>unselecting</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('unselecting', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="methods">
+    <h2 class="top-header">Methods</h2>
+    <ul class="methods-list">
+      
+<li class="method" id="method-destroy">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-destroy">destroy</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.selectable( 'destroy'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Remove the selectable functionality completely. This will return the element back to its pre-init state.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-disable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-disable">disable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.selectable( 'disable'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Disable the selectable.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-enable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-enable">enable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.selectable( 'enable'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Enable the selectable.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-option">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-option">option</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.selectable( 'option'
+
+, optionName
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Get or set any selectable option. If no value is specified, will act as a getter.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-refresh">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-refresh">refresh</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.selectable( 'refresh'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Refresh the position and size of each selectee element. This method can be used to manually recalculate the position and size of each selectee element. Very useful if autoRefresh is set to false.</p>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="theming">
+    <h2 class="top-header">Theming</h2>
+    <p>The jQuery UI Selectable plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
+</p>
+  <p>If a deeper level of customization is needed, there are widget-specific classes referenced within the ui.selectable.css stylesheet that can be modified. These classes are highlighed in bold below.
+</p>
+    
+  <h3>Sample markup with jQuery UI CSS Framework classes</h3>
+  &lt;ul class=&quot;<strong>ui-selectable</strong>&quot;&gt;<br />
+&#160;&#160;&#160;&lt;li class=&quot;<strong>ui-selectee</strong>&quot;&gt;&lt;/li&gt;<br />
+&#160;&#160;&#160;&lt;li class=&quot;<strong>ui-selectee</strong>&quot;&gt;&lt;/li&gt;<br />
+&#160;&#160;&#160;&lt;li class=&quot;<strong>ui-selectee</strong>&quot;&gt;&lt;/li&gt;<br />
+&lt;/ul&gt;
+  <p class="theme-note">
+    <strong>
+      Note: This is a sample of markup generated by the selectable plugin, not markup you should use to create a selectable. The only markup needed for that is <br />&lt;ul&gt;<br />
+&#160;&#160;&#160;&lt;li&gt;&lt;/li&gt;<br />
+&#160;&#160;&#160;&lt;li&gt;&lt;/li&gt;<br />
+&#160;&#160;&#160;&lt;li&gt;&lt;/li&gt;<br />
+&lt;/ul&gt;.
+    </strong>
+  </p>
+
+  </div>
+</div>
+
+</p><!-- 
+Pre-expand include size: 28549 bytes
+Post-expand include size: 45102 bytes
+Template argument size: 24967 bytes
+Maximum: 2097152 bytes
+-->
+
+<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:3343-1!1!0!!en!2 and timestamp 20090604112214 -->
diff --git a/static/development-bundle/docs/show.html b/static/development-bundle/docs/show.html
new file mode 100644
index 0000000..c8e6681
--- /dev/null
+++ b/static/development-bundle/docs/show.html
@@ -0,0 +1,143 @@
+
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+  <h1>jQuery UI show</h1>
+  <div id="overview">
+    <h2 class="top-header">Overview</h2>
+    <div id="overview-main">
+        <div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/UI/Effects/show?section=1" title="Edit section: show( effect, [options], [speed], [callback] )">edit</a>]</div><a name="show.28_effect.2C_.5Boptions.5D.2C_.5Bspeed.5D.2C_.5Bcallback.5D_.29"></a><h3>show( effect, <span class="optional">[</span>options<span class="optional">]</span>, <span class="optional">[</span>speed<span class="optional">]</span>, <span class="optional">[</span>callback<span class="optional">]</span> )</h3>
+<p>The enhanced show method optionally accepts jQuery UI advanced effects.</p>
+<p>Uses a specific effect on an element to show the element if the first argument is a effect string.</p>
+    </div>
+    <div id="overview-dependencies">
+        <h3>Dependencies</h3>
+        <ul>
+<li>Effects Core</li>
+</ul>
+    </div>
+    <div id="overview-example">
+        <h3>Example</h3>
+        <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Apply the effect slide if you click on the p to show a div.<br />
+</p>
+<pre>$(&quot;p&quot;).<a href="http://docs.jquery.com/Events/click" title="Events/click">click</a>(function () {
+      $(&quot;div&quot;).<strong class="selflink">show</strong>(&quot;slide&quot;, {}, 1000);
+    });
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre>&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;link type=&quot;text/css&quot; href=&quot;http://jqueryui.com/latest/themes/base/ui.all.css&quot; rel=&quot;stylesheet&quot; /&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/jquery-1.3.2.js&quot;&gt;&lt;/script&gt;
+  &lt;script src=&quot;http://ui.jquery.com/latest/ui/effects.core.js&quot;&gt;&lt;/script&gt;
+&lt;script src=&quot;http://ui.jquery.com/latest/ui/effects.slide.js&quot;&gt;&lt;/script&gt;
+&lt;style type=&quot;text/css&quot;&gt;
+  div { display: none; margin: 0px; width: 100px; height: 80px; background: blue; position: relative; }
+&lt;/style&gt;
+  &lt;script type="text/javascript"&gt;
+  $(document).ready(function(){
+    $(&quot;p&quot;).<a href="http://docs.jquery.com/Events/click" title="Events/click">click</a>(function () {
+      $(&quot;div&quot;).<strong class="selflink">show</strong>(&quot;slide&quot;, {}, 1000);
+    });
+  });
+  &lt;/script&gt;
+&lt;/head&gt;
+&lt;body style="font-size:62.5%;"&gt;
+  
+&lt;p&gt;Click me&lt;/p&gt;&lt;div&gt;&lt;/div&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+<p></div>
+</p><p></div>
+    </div>
+  </div>
+  <div id="options">
+    <h2 class="top-header">Arguments</h2>
+    <ul class="options-list">
+      
+<li class="option" id="option-effect">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-effect">effect</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The effect to be used. Possible values: 'blind', 'clip', 'drop', 'explode', 'fold', 'puff', 'slide', 'scale', 'size', 'pulsate'.</p>
+  </div>
+</li>
+
+
+<li class="option" id="option-options">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-options">options</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Hash</dd>
+      
+      <dt class="option-optional-label">Optional</dt>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>A object/hash including specific options for the effect.</p>
+  </div>
+</li>
+
+
+<li class="option" id="option-speed">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-speed">speed</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String, Number</dd>
+      
+      <dt class="option-optional-label">Optional</dt>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>A string representing one of the three predefined speeds ("slow", "normal", or "fast") or the number of milliseconds to run the animation (e.g. 1000).</p>
+  </div>
+</li>
+
+
+<li class="option" id="option-callback">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-callback">callback</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Function</dd>
+      
+      <dt class="option-optional-label">Optional</dt>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>A function that is called after the effect is completed.</p>
+  </div>
+</li>
+
+    </ul>
+  </div>
+</div>
+
+</p><!-- 
+Pre-expand include size: 6211 bytes
+Post-expand include size: 8730 bytes
+Template argument size: 5476 bytes
+Maximum: 2097152 bytes
+-->
+
+<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2613-1!1!0!!en!2 and timestamp 20090604112225 -->
diff --git a/static/development-bundle/docs/slider.html b/static/development-bundle/docs/slider.html
new file mode 100644
index 0000000..338681e
--- /dev/null
+++ b/static/development-bundle/docs/slider.html
@@ -0,0 +1,733 @@
+
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+  <h1>jQuery UI Slider</h1>
+  <div id="overview">
+    <h2 class="top-header">Overview</h2>
+    <div id="overview-main">
+        <p>The jQuery UI Slider plugin makes selected elements into sliders. There are various options such as multiple handles, and ranges. The handle can be moved with the mouse or the arrow keys.</p>
+<p>All callbacks receive two arguments: The original browser event and a prepared ui object, view below for a documentation of this object (if you name your second argument 'ui'):
+</p>
+<ul>
+  <li><b>ui.handle</b>: DOMElement - the current focused handle
+  <li><b>ui.value</b>: Integer - the current handle's value
+</ul>
+    </div>
+    <div id="overview-dependencies">
+        <h3>Dependencies</h3>
+        <ul>
+<li>UI Core</li>
+</ul>
+    </div>
+    <div id="overview-example">
+        <h3>Example</h3>
+        <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="">
+A simple jQuery UI Slider.<br />
+</p>
+<pre>$(&quot;#slider&quot;).slider();
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre>&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;link type=&quot;text/css&quot; href=&quot;http://jqueryui.com/latest/themes/base/ui.all.css&quot; rel=&quot;stylesheet&quot; /&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/jquery-1.3.2.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.core.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.slider.js&quot;&gt;&lt;/script&gt;
+  &lt;style type=&quot;text/css&quot;&gt;
+    #slider { margin: 10px; }
+  &lt;/style&gt;
+  &lt;script type="text/javascript"&gt;
+  $(document).ready(function(){
+    $(&quot;#slider&quot;).slider();
+  });
+  &lt;/script&gt;
+&lt;/head&gt;
+&lt;body style="font-size:62.5%;"&gt;
+  
+&lt;div id=&quot;slider&quot;&gt;&lt;/div&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+<p></div>
+</p><p></div>
+    </div>
+  </div>
+  <div id="options">
+    <h2 class="top-header">Options</h2>
+    <ul class="options-list">
+      
+<li class="option" id="option-animate">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-animate">animate</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Whether to slide handle smoothly when user click outside handle on the bar.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a slider with the <code>animate</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').slider({ animate: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>animate</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var animate = $('.selector').slider('option', 'animate');
+//setter
+$('.selector').slider('option', 'animate', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-max">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-max">max</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Number</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">100</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The maximum value of the slider.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a slider with the <code>max</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').slider({ max: 7 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>max</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var max = $('.selector').slider('option', 'max');
+//setter
+$('.selector').slider('option', 'max', 7);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-min">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-min">min</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Number</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">0</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The minimum value of the slider.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a slider with the <code>min</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').slider({ min: -7 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>min</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var min = $('.selector').slider('option', 'min');
+//setter
+$('.selector').slider('option', 'min', -7);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-orientation">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-orientation">orientation</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'auto'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Normally you don't need to set this option because the plugin detects the slider orientation automatically. If the orientation is not correctly detected you can set this option to 'horizontal' or 'vertical'.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a slider with the <code>orientation</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').slider({ orientation: 'vertical' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>orientation</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var orientation = $('.selector').slider('option', 'orientation');
+//setter
+$('.selector').slider('option', 'orientation', 'vertical');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-range">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-range">range</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean, String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If set to true, the slider will detect if you have two handles and create a stylable range element between these two. Two other possible values are 'min' and 'max'. A min range goes from the slider min to one handle. A max range goes from one handle to the slider max.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a slider with the <code>range</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').slider({ range: 'min' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>range</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var range = $('.selector').slider('option', 'range');
+//setter
+$('.selector').slider('option', 'range', 'min');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-step">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-step">step</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Number</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">1</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Determines the size or amount of each interval or step the slider takes between min and max. The full specified value range of the slider (max - min) needs to be evenly divisible by the step.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a slider with the <code>step</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').slider({ step: 5 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>step</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var step = $('.selector').slider('option', 'step');
+//setter
+$('.selector').slider('option', 'step', 5);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-value">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-value">value</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Number</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">0</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Determines the value of the slider, if there's only one handle. If there is more than one handle, determines the value of the first handle.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a slider with the <code>value</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').slider({ value: 37 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>value</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var value = $('.selector').slider('option', 'value');
+//setter
+$('.selector').slider('option', 'value', 37);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-values">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-values">values</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Array</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">null</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>This option can be used to specify multiple handles. If range is set to true, the length of 'values' should be 2.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a slider with the <code>values</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').slider({ values: [1,5,9] });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>values</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var values = $('.selector').slider('option', 'values');
+//setter
+$('.selector').slider('option', 'values', [1,5,9]);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="events">
+    <h2 class="top-header">Events</h2>
+    <ul class="events-list">
+      
+<li class="event" id="event-start">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-start">start</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">slidestart</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when the user starts sliding.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>start</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').slider({
+   start: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>start</code> event by type: <code>slidestart</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('slidestart', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-slide">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-slide">slide</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">slide</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered on every mouse move during slide. Use ui.value (single-handled sliders) to obtain the value of the current handle, $(..).slider('value', index) to get another handles' value.
+</p><p>Return false in order to prevent a slide, based on ui.value.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>slide</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').slider({
+   slide: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>slide</code> event by type: <code>slide</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('slide', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-change">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-change">change</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">slidechange</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered on slide stop, or if the value is changed programmatically (by the <code>value</code> method).  Takes arguments event and ui.  Use event.orginalEvent to detect whether the value changed by mouse, keyboard, or programmatically. Use ui.value (single-handled sliders) to obtain the value of the current handle, $(this).slider('values', index) to get another handle's value.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>change</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').slider({
+   change: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>change</code> event by type: <code>slidechange</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('slidechange', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-stop">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-stop">stop</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">slidestop</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when the user stops sliding.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>stop</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').slider({
+   stop: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>stop</code> event by type: <code>slidestop</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('slidestop', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="methods">
+    <h2 class="top-header">Methods</h2>
+    <ul class="methods-list">
+      
+<li class="method" id="method-destroy">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-destroy">destroy</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.slider( 'destroy'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Remove the slider functionality completely. This will return the element back to its pre-init state.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-disable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-disable">disable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.slider( 'disable'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Disable the slider.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-enable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-enable">enable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.slider( 'enable'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Enable the slider.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-option">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-option">option</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.slider( 'option'
+
+, optionName
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Get or set any slider option. If no value is specified, will act as a getter.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-value">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-value">value</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.slider( 'value'
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Gets or sets the value of the slider. For single handle sliders.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-values">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-values">values</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.slider( 'values'
+
+, index
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Gets or sets the values of the slider. For multiple handle or range sliders.</p>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="theming">
+    <h2 class="top-header">Theming</h2>
+    <p>The jQuery UI Slider plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
+</p>
+  <p>If a deeper level of customization is needed, there are widget-specific classes referenced within the ui.slider.css stylesheet that can be modified. These classes are highlighed in bold below.
+</p>
+    
+  <h3>Sample markup with jQuery UI CSS Framework classes</h3>
+  &lt;div class=&quot;ui-slider<strong> ui-slider-horizontal</strong> ui-widget ui-widget-content ui-corner-all&quot;&gt;<br />
+&nbsp;&nbsp;&nbsp;&lt;a style=&quot;left: 0%;&quot; class=&quot;<strong>ui-slider-handle</strong> ui-state-default ui-corner-all&quot; href=&quot;#&quot;&gt;&lt;/a&gt;<br />
+&lt;/div&gt;<br />
+  <p class="theme-note">
+    <strong>
+      Note: This is a sample of markup generated by the slider plugin, not markup you should use to create a slider. The only markup needed for that is &lt;div&gt;&lt;div&gt;.
+    </strong>
+  </p>
+
+  </div>
+</div>
+
+</p><!-- 
+Pre-expand include size: 30277 bytes
+Post-expand include size: 46114 bytes
+Template argument size: 25048 bytes
+Maximum: 2097152 bytes
+-->
+
+<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:3349-1!1!0!!en!2 and timestamp 20090604112222 -->
diff --git a/static/development-bundle/docs/sortable.html b/static/development-bundle/docs/sortable.html
new file mode 100644
index 0000000..6ed114b
--- /dev/null
+++ b/static/development-bundle/docs/sortable.html
@@ -0,0 +1,1818 @@
+
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+  <h1>jQuery UI Sortable</h1>
+  <div id="overview">
+    <h2 class="top-header">Overview</h2>
+    <div id="overview-main">
+        <p>The jQuery UI Sortable plugin makes selected elements sortable by dragging with the mouse.</p>
+<p>All callbacks receive two arguments: The original browser event and a prepared ui object, view below for a documentation of this object (if you name your second argument 'ui'):</p>
+<ul>
+<li><b>ui.helper</b> - the current helper element (most often a clone of the item)</li>
+<li><b>ui.position</b> - current position of the helper</li>
+<li><b>ui.offset</b> - current absolute position of the helper</li>
+<li><b>ui.item</b> - the current dragged element</li>
+<li><b>ui.placeholder</b> - the placeholder (if you defined one)</li>
+<li><b>ui.sender</b> - the sortable where the item comes from (only exists if you move from one connected list to another)</li>
+</ul>
+    </div>
+    <div id="overview-dependencies">
+        <h3>Dependencies</h3>
+        <ul>
+<li>UI Core</li>
+</ul>
+    </div>
+    <div id="overview-example">
+        <h3>Example</h3>
+        <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="100">
+A simple jQuery UI Sortable.<br />
+</p>
+<pre>$(&quot;#sortable&quot;).sortable();
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre>&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;link type=&quot;text/css&quot; href=&quot;http://jqueryui.com/latest/themes/base/ui.all.css&quot; rel=&quot;stylesheet&quot; /&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/jquery-1.3.2.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.core.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.sortable.js&quot;&gt;&lt;/script&gt;
+  &lt;script type="text/javascript"&gt;
+  $(document).ready(function(){
+    $(&quot;#sortable&quot;).sortable();
+  });
+  &lt;/script&gt;
+&lt;/head&gt;
+&lt;body style="font-size:62.5%;"&gt;
+  
+&lt;div id=&quot;sortable&quot;&gt;&lt;/div&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+<p></div>
+</p><p></div>
+    </div>
+  </div>
+  <div id="options">
+    <h2 class="top-header">Options</h2>
+    <ul class="options-list">
+      
+<li class="option" id="option-appendTo">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-appendTo">appendTo</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'parent'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Defines where the helper that moves with the mouse is being appended to during the drag (for example, to resolve overlap/zIndex issues).</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>appendTo</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ appendTo: 'body' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>appendTo</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var appendTo = $('.selector').sortable('option', 'appendTo');
+//setter
+$('.selector').sortable('option', 'appendTo', 'body');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-axis">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-axis">axis</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If defined, the items can be dragged only horizontally or vertically. Possible values:'x', 'y'.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>axis</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ axis: 'x' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>axis</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var axis = $('.selector').sortable('option', 'axis');
+//setter
+$('.selector').sortable('option', 'axis', 'x');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-cancel">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-cancel">cancel</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Selector</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">':input,button'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Prevents sorting if you start on elements matching the selector.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>cancel</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ cancel: 'button' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>cancel</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var cancel = $('.selector').sortable('option', 'cancel');
+//setter
+$('.selector').sortable('option', 'cancel', 'button');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-connectWith">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-connectWith">connectWith</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Selector</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Takes a jQuery selector with items that also have sortables applied. If used, the sortable is now connected to the other one-way, so you can drag from this sortable to the other.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>connectWith</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ connectWith: '.otherlist' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>connectWith</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var connectWith = $('.selector').sortable('option', 'connectWith');
+//setter
+$('.selector').sortable('option', 'connectWith', '.otherlist');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-containment">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-containment">containment</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Element, String, Selector</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Constrains dragging to within the bounds of the specified element - can be a DOM element, 'parent', 'document', 'window', or a jQuery selector.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>containment</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ containment: 'parent' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>containment</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var containment = $('.selector').sortable('option', 'containment');
+//setter
+$('.selector').sortable('option', 'containment', 'parent');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-cursor">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-cursor">cursor</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'auto'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Defines the cursor that is being shown while sorting.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>cursor</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ cursor: 'crosshair' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>cursor</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var cursor = $('.selector').sortable('option', 'cursor');
+//setter
+$('.selector').sortable('option', 'cursor', 'crosshair');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-cursorAt">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-cursorAt">cursorAt</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Object</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Moves the sorting element or helper so the cursor always appears to drag from the same position. Coordinates can be given as a hash using a combination of one or two keys: <code>{ top, left, right, bottom }</code>.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>cursorAt</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ cursorAt: 'top' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>cursorAt</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var cursorAt = $('.selector').sortable('option', 'cursorAt');
+//setter
+$('.selector').sortable('option', 'cursorAt', 'top');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-delay">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-delay">delay</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Integer</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">0</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Time in milliseconds to define when the sorting should start. It helps preventing unwanted drags when clicking on an element.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>delay</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ delay: 500 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>delay</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var delay = $('.selector').sortable('option', 'delay');
+//setter
+$('.selector').sortable('option', 'delay', 500);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-distance">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-distance">distance</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Integer</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">1</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Tolerance, in pixels, for when sorting should start. If specified, sorting will not start until after mouse is dragged beyond distance. Can be used to allow for clicks on elements within a handle.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>distance</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ distance: 30 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>distance</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var distance = $('.selector').sortable('option', 'distance');
+//setter
+$('.selector').sortable('option', 'distance', 30);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-dropOnEmpty">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-dropOnEmpty">dropOnEmpty</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">true</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If empty allows for an item to be dropped from a linked selectable.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>dropOnEmpty</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ dropOnEmpty: false });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>dropOnEmpty</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var dropOnEmpty = $('.selector').sortable('option', 'dropOnEmpty');
+//setter
+$('.selector').sortable('option', 'dropOnEmpty', false);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-forceHelperSize">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-forceHelperSize">forceHelperSize</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If true, forces the helper to have a size.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>forceHelperSize</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ forceHelperSize: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>forceHelperSize</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var forceHelperSize = $('.selector').sortable('option', 'forceHelperSize');
+//setter
+$('.selector').sortable('option', 'forceHelperSize', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-forcePlaceholderSize">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-forcePlaceholderSize">forcePlaceholderSize</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If true, forces the placeholder to have a size.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>forcePlaceholderSize</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ forcePlaceholderSize: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>forcePlaceholderSize</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var forcePlaceholderSize = $('.selector').sortable('option', 'forcePlaceholderSize');
+//setter
+$('.selector').sortable('option', 'forcePlaceholderSize', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-grid">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-grid">grid</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Array</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Snaps the sorting element or helper to a grid, every x and y pixels. Array values: [x, y]</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>grid</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ grid: [50, 20] });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>grid</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var grid = $('.selector').sortable('option', 'grid');
+//setter
+$('.selector').sortable('option', 'grid', [50, 20]);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-handle">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-handle">handle</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Selector, Element</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Restricts sort start click to the specified element.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>handle</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ handle: 'h2' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>handle</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var handle = $('.selector').sortable('option', 'handle');
+//setter
+$('.selector').sortable('option', 'handle', 'h2');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-helper">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-helper">helper</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String, Function</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'original'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Allows for a helper element to be used for dragging display. The supplied function receives the event and the element being sorted, and should return a DOMElement to be used as a custom proxy helper. Possible values: 'original', 'clone'</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>helper</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ helper: 'clone' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>helper</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var helper = $('.selector').sortable('option', 'helper');
+//setter
+$('.selector').sortable('option', 'helper', 'clone');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-items">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-items">items</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Selector</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'&gt; *'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Specifies which items inside the element should be sortable.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>items</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ items: 'li' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>items</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var items = $('.selector').sortable('option', 'items');
+//setter
+$('.selector').sortable('option', 'items', 'li');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-opacity">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-opacity">opacity</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Float</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Defines the opacity of the helper while sorting. From 0.01 to 1</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>opacity</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ opacity: 0.6 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>opacity</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var opacity = $('.selector').sortable('option', 'opacity');
+//setter
+$('.selector').sortable('option', 'opacity', 0.6);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-placeholder">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-placeholder">placeholder</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Class that gets applied to the otherwise white space.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>placeholder</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ placeholder: 'ui-state-highlight' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>placeholder</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var placeholder = $('.selector').sortable('option', 'placeholder');
+//setter
+$('.selector').sortable('option', 'placeholder', 'ui-state-highlight');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-revert">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-revert">revert</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If set to true, the item will be reverted to its new DOM position with a smooth animation.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>revert</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ revert: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>revert</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var revert = $('.selector').sortable('option', 'revert');
+//setter
+$('.selector').sortable('option', 'revert', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-scroll">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-scroll">scroll</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">true</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If set to true, the page scrolls when coming to an edge.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>scroll</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ scroll: false });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>scroll</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var scroll = $('.selector').sortable('option', 'scroll');
+//setter
+$('.selector').sortable('option', 'scroll', false);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-scrollSensitivity">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-scrollSensitivity">scrollSensitivity</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Integer</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">20</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Defines how near the mouse must be to an edge to start scrolling.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>scrollSensitivity</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ scrollSensitivity: 40 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>scrollSensitivity</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var scrollSensitivity = $('.selector').sortable('option', 'scrollSensitivity');
+//setter
+$('.selector').sortable('option', 'scrollSensitivity', 40);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-scrollSpeed">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-scrollSpeed">scrollSpeed</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Integer</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">20</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The speed at which the window should scroll once the mouse pointer gets within the scrollSensitivity distance.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>scrollSpeed</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ scrollSpeed: 40 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>scrollSpeed</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var scrollSpeed = $('.selector').sortable('option', 'scrollSpeed');
+//setter
+$('.selector').sortable('option', 'scrollSpeed', 40);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-tolerance">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-tolerance">tolerance</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'intersect'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>This is the way the reordering behaves during drag. Possible values: 'intersect', 'pointer'. In some setups, 'pointer' is more natural.
+</p>
+<ul>
+<li><b>intersect</b>: draggable overlaps the droppable at least 50%</li>
+<li><b>pointer</b>: mouse pointer overlaps the droppable</li>
+</ul>
+<p></p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>tolerance</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ tolerance: 'pointer' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>tolerance</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var tolerance = $('.selector').sortable('option', 'tolerance');
+//setter
+$('.selector').sortable('option', 'tolerance', 'pointer');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-zIndex">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-zIndex">zIndex</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Integer</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">1000</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Z-index for element/helper while being sorted.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a sortable with the <code>zIndex</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({ zIndex: 5 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>zIndex</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var zIndex = $('.selector').sortable('option', 'zIndex');
+//setter
+$('.selector').sortable('option', 'zIndex', 5);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="events">
+    <h2 class="top-header">Events</h2>
+    <ul class="events-list">
+      
+<li class="event" id="event-start">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-start">start</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">sortstart</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when sorting starts.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>start</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({
+   start: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>start</code> event by type: <code>sortstart</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('sortstart', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-sort">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-sort">sort</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">sort</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered during sorting.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>sort</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({
+   sort: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>sort</code> event by type: <code>sort</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('sort', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-change">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-change">change</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">sortchange</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered during sorting, but only when the DOM position has changed.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>change</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({
+   change: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>change</code> event by type: <code>sortchange</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('sortchange', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-beforeStop">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-beforeStop">beforeStop</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">sortbeforeStop</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when sorting stops, but when the placeholder/helper is still available.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>beforeStop</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({
+   beforeStop: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>beforeStop</code> event by type: <code>sortbeforeStop</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('sortbeforeStop', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-stop">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-stop">stop</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">sortstop</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when sorting has stopped.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>stop</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({
+   stop: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>stop</code> event by type: <code>sortstop</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('sortstop', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-update">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-update">update</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">sortupdate</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when the user stopped sorting and the DOM position has changed.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>update</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({
+   update: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>update</code> event by type: <code>sortupdate</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('sortupdate', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-receive">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-receive">receive</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">sortreceive</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when a connected sortable list has received an item from another list.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>receive</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({
+   receive: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>receive</code> event by type: <code>sortreceive</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('sortreceive', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-remove">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-remove">remove</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">sortremove</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when a sortable item has been dragged out from the list and into another.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>remove</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({
+   remove: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>remove</code> event by type: <code>sortremove</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('sortremove', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-over">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-over">over</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">sortover</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when a sortable item is moved into a connected list.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>over</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({
+   over: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>over</code> event by type: <code>sortover</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('sortover', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-out">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-out">out</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">sortout</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when a sortable item is moved away from a connected list.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>out</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({
+   out: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>out</code> event by type: <code>sortout</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('sortout', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-activate">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-activate">activate</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">sortactivate</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when using connected lists, every connected list on drag start receives it.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>activate</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({
+   activate: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>activate</code> event by type: <code>sortactivate</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('sortactivate', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-deactivate">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-deactivate">deactivate</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">sortdeactivate</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when sorting was stopped, is propagated to all possible connected lists.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>deactivate</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').sortable({
+   deactivate: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>deactivate</code> event by type: <code>sortdeactivate</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('sortdeactivate', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="methods">
+    <h2 class="top-header">Methods</h2>
+    <ul class="methods-list">
+      
+<li class="method" id="method-destroy">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-destroy">destroy</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.sortable( 'destroy'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Remove the sortable functionality completely. This will return the element back to its pre-init state.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-disable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-disable">disable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.sortable( 'disable'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Disable the sortable.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-enable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-enable">enable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.sortable( 'enable'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Enable the sortable.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-option">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-option">option</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.sortable( 'option'
+
+, optionName
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Get or set any sortable option. If no value is specified, will act as a getter.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-serialize">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-serialize">serialize</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.sortable( 'serialize'
+
+, <span class="optional">[</span>options<span class="optional">] </span>
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Serializes the sortable's item id's into a form/ajax submittable string. Calling this method produces a hash that can be appended to any url to easily submit a new item order back to the server.
+</p><p>It works by default by looking at the id of each item in the format 'setname_number', and it spits out a hash like "setname[]=number&amp;setname[]=number".
+</p><p>You can also give in a option hash as second argument to custom define how the function works. The possible options are: 'key' (replaces part1[] with whatever you want), 'attribute' (test another attribute than 'id') and 'expression' (use your own regexp).
+</p><p>If serialize returns an empty string, make sure the id attributes include an underscore.  They must be in the form: "set_number" For example, a 3 element list with id attributes foo_1, foo_5, foo_2 will serialize to foo[]=1&amp;foo[]=5&amp;foo[]=2. You can use an underscore, equal sign or hyphen to separate the set and number.  For example foo=1 or foo-1 or foo_1 all serialize to foo[]=1.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-toArray">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-toArray">toArray</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.sortable( 'toArray'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Serializes the sortable's item id's into an array of string. If you have
+</p>
+<pre>
+&lt;ul id=&quot;a_sortable&quot;&gt;&lt;br&gt;
+&lt;li id=&quot;hello&quot;&gt;Hello&lt;/li&gt;&lt;br&gt;
+&lt;li id=&quot;goodbye&quot;&gt;Good bye&lt;/li&gt;&lt;br&gt;
+&lt;/ul&gt;
+</pre>
+<p>and do
+</p>
+<pre>var result = $('#a_sortable').sortable('toArray');</pre>
+<p>then
+</p>
+<pre>result[0] will contain &quot;hello&quot; and result[1] will contain &quot;goodbye&quot;.</pre></p>
+  </div>
+</li>
+
+<p>
+<li class="method" id="method-refresh">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-refresh">refresh</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.sortable( 'refresh'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Refresh the sortable items. Custom trigger the reloading of all sortable items, causing new items to be recognized.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-refreshPositions">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-refreshPositions">refreshPositions</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.sortable( 'refreshPositions'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Refresh the cached positions of the sortables' items. Calling this method refreshes the cached item positions of all sortables. This is usually done automatically by the script and slows down performance. Use wisely.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-cancel">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-cancel">cancel</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.sortable( 'cancel'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Cancels a change in the current sortable and reverts it back to how it was before the current sort started. Useful in the stop and receive callback functions.
+</p><p>If the sortable item is not being moved from one connected sortable to another:
+</p>
+<pre>$(this).sortable('cancel');</pre>
+<p>will cancel the change.
+</p><p>If the sortable item is being moved from one connected sortable to another:
+</p>
+<pre>$(ui.sender).sortable('cancel');</pre>
+<p>will cancel the change. Useful in the 'receive' callback.</p>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="theming">
+    <h2 class="top-header">Theming</h2>
+    <p>The jQuery UI Sortable plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
+</p>
+  <p>If a deeper level of customization is needed, there are widget-specific classes referenced within the ui.sortable.css stylesheet that can be modified. These classes are highlighed in bold below.
+</p>
+    
+  <h3>Sample markup with jQuery UI CSS Framework classes</h3>
+  &lt;ul class=&quot;<strong>ui-sortable</strong>&quot;&gt;<br />
+&#160;&#160;&#160;&lt;li&gt;&lt;/li&gt;<br />
+&#160;&#160;&#160;&lt;li&gt;&lt;/li&gt;<br />
+&#160;&#160;&#160;&lt;li&gt;&lt;/li&gt;<br />
+&lt;/ul&gt;
+  <p class="theme-note">
+    <strong>
+      Note: This is a sample of markup generated by the sortable plugin, not markup you should use to create a sortable. The only markup needed for that is <br />&lt;ul&gt;<br />
+&#160;&#160;&#160;&lt;li&gt;&lt;/li&gt;<br />
+&#160;&#160;&#160;&lt;li&gt;&lt;/li&gt;<br />
+&#160;&#160;&#160;&lt;li&gt;&lt;/li&gt;<br />
+&lt;/ul&gt;.
+    </strong>
+  </p>
+
+  </div>
+</div>
+
+</p><!-- 
+Pre-expand include size: 68721 bytes
+Post-expand include size: 120119 bytes
+Template argument size: 70108 bytes
+Maximum: 2097152 bytes
+-->
+
+<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:3344-1!1!0!!en!2 and timestamp 20090604112215 -->
diff --git a/static/development-bundle/docs/switchClass.html b/static/development-bundle/docs/switchClass.html
new file mode 100644
index 0000000..b2e1b83
--- /dev/null
+++ b/static/development-bundle/docs/switchClass.html
@@ -0,0 +1,128 @@
+
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+  <h1>jQuery UI switchClass</h1>
+  <div id="overview">
+    <h2 class="top-header">Overview</h2>
+    <div id="overview-main">
+        <div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/UI/Effects/switchClass?section=1" title="Edit section: switchClass( remove, add, [duration] )">edit</a>]</div><a name="switchClass.28_remove.2C_add.2C_.5Bduration.5D_.29"></a><h3>switchClass( remove, add, <span class="optional">[</span>duration<span class="optional">]</span> )</h3>
+<p>Switches from the class defined in the first argument to the class defined as second argument, using an optional transition.</p>
+    </div>
+    <div id="overview-dependencies">
+        <h3>Dependencies</h3>
+        <ul>
+<li>Effects Core</li>
+</ul>
+    </div>
+    <div id="overview-example">
+        <h3>Example</h3>
+        <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Switch the class 'highlight' to 'blue' when a paragraph is clicked with a one second transition.<br />
+</p>
+<pre>$(&quot;p&quot;).<a href="http://docs.jquery.com/Events/click" title="Events/click">click</a>(function () {
+      $(this).<strong class="selflink">switchClass</strong>(&quot;highlight&quot;, &quot;blue&quot;, 1000);
+    });
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre>&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;link type=&quot;text/css&quot; href=&quot;http://jqueryui.com/latest/themes/base/ui.all.css&quot; rel=&quot;stylesheet&quot; /&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/jquery-1.3.2.js&quot;&gt;&lt;/script&gt;
+  &lt;script src=&quot;http://ui.jquery.com/latest/ui/effects.core.js&quot;&gt;&lt;/script&gt;
+&lt;style type=&quot;text/css&quot;&gt;
+  p { margin: 4px; font-size:16px; font-weight:bolder; 
+      cursor:pointer; }
+  .blue { background: blue; }
+  .highlight { background:yellow; }
+&lt;/style&gt;
+  &lt;script type="text/javascript"&gt;
+  $(document).ready(function(){
+    $(&quot;p&quot;).<a href="http://docs.jquery.com/Events/click" title="Events/click">click</a>(function () {
+      $(this).<strong class="selflink">switchClass</strong>(&quot;highlight&quot;, &quot;blue&quot;, 1000);
+    });
+  });
+  &lt;/script&gt;
+&lt;/head&gt;
+&lt;body style="font-size:62.5%;"&gt;
+  
+&lt;p class=&quot;highlight&quot;&gt;Click to switch&lt;/p&gt;
+&lt;p class=&quot;highlight&quot;&gt;to blue&lt;/p&gt;
+&lt;p class=&quot;highlight&quot;&gt;on these&lt;/p&gt;
+&lt;p class=&quot;highlight&quot;&gt;paragraphs&lt;/p&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+<p></div>
+</p><p></div>
+    </div>
+  </div>
+  <div id="options">
+    <h2 class="top-header">Arguments</h2>
+    <ul class="options-list">
+      
+<li class="option" id="option-remove">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-remove">remove</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The CSS class that will be removed.</p>
+  </div>
+</li>
+
+
+<li class="option" id="option-add">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-add">add</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The CSS class that will be added.</p>
+  </div>
+</li>
+
+
+<li class="option" id="option-duration">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-duration">duration</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String, Number</dd>
+      
+      <dt class="option-optional-label">Optional</dt>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>A string representing one of the three predefined speeds ("slow", "normal", or "fast") or the number of milliseconds to run the animation (e.g. 1000).</p>
+  </div>
+</li>
+
+    </ul>
+  </div>
+</div>
+
+</p><!-- 
+Pre-expand include size: 5655 bytes
+Post-expand include size: 7540 bytes
+Template argument size: 4741 bytes
+Maximum: 2097152 bytes
+-->
+
+<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2609-1!1!0!!en!2 and timestamp 20090604041109 -->
diff --git a/static/development-bundle/docs/tabs.html b/static/development-bundle/docs/tabs.html
new file mode 100644
index 0000000..b500cf5
--- /dev/null
+++ b/static/development-bundle/docs/tabs.html
@@ -0,0 +1,1426 @@
+
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+  <h1>jQuery UI Tabs</h1>
+  <div id="overview">
+    <h2 class="top-header">Overview</h2>
+    <div id="overview-main">
+        <p>Tabs are generally used to break content into multiple sections that can be swapped to save space, much like an accordion.</p>
+<p>By default a tab widget will swap between tabbed sections onClick, but the events can be changed to onHover through an option. Tab content can be loaded via Ajax by setting an href on a tab.</p>
+<table id="toc" class="toc" summary="Contents"><tr><td><div id="toctitle"><h2>Contents</h2></div>
+<ul>
+<li class="toclevel-1"><a href="#Events"><span class="tocnumber">1</span> <span class="toctext">Events</span></a></li>
+<li class="toclevel-1"><a href="#Ajax_mode"><span class="tocnumber">2</span> <span class="toctext">Ajax mode</span></a>
+<ul>
+<li class="toclevel-2"><a href="#Back_button_and_bookmarking"><span class="tocnumber">2.1</span> <span class="toctext">Back button and bookmarking</span></a></li>
+</ul>
+</li>
+<li class="toclevel-1"><a href="#How_to..."><span class="tocnumber">3</span> <span class="toctext">How to...</span></a>
+<ul>
+<li class="toclevel-2"><a href="#...retrieve_the_index_of_the_currently_selected_tab"><span class="tocnumber">3.1</span> <span class="toctext">...retrieve the index of the currently selected tab</span></a></li>
+<li class="toclevel-2"><a href="#...open_links_in_the_current_tab_instead_of_leaving_the_page"><span class="tocnumber">3.2</span> <span class="toctext">...open links in the current tab instead of leaving the page</span></a></li>
+<li class="toclevel-2"><a href="#...select_a_tab_from_a_text_link_instead_of_clicking_a_tab_itself"><span class="tocnumber">3.3</span> <span class="toctext">...select a tab from a text link instead of clicking a tab itself</span></a></li>
+<li class="toclevel-2"><a href="#...prevent_switching_to_the_tab_on_click_depending_on_form_validation"><span class="tocnumber">3.4</span> <span class="toctext">...prevent switching to the tab on click depending on form validation</span></a></li>
+<li class="toclevel-2"><a href="#...immediately_select_a_just_added_tab"><span class="tocnumber">3.5</span> <span class="toctext">...immediately select a just added tab</span></a></li>
+<li class="toclevel-2"><a href="#...follow_a_tab.27s_URL_instead_of_loading_its_content_via_ajax"><span class="tocnumber">3.6</span> <span class="toctext">...follow a tab's URL instead of loading its content via ajax</span></a></li>
+<li class="toclevel-2"><a href="#...prevent_a_FOUC_.28Flash_of_Unstyled_Content.29_before_tabs_are_initialized"><span class="tocnumber">3.7</span> <span class="toctext">...prevent a FOUC (Flash of Unstyled Content) before tabs are initialized</span></a></li>
+</ul>
+</li>
+<li class="toclevel-1"><a href="#Why_does..."><span class="tocnumber">4</span> <span class="toctext">Why does...</span></a>
+<ul>
+<li class="toclevel-2"><a href="#...my_slider.2C_Google_Map.2C_sIFR_etc._not_work_when_placed_in_a_hidden_.28inactive.29_tab.3F"><span class="tocnumber">4.1</span> <span class="toctext">...my slider, Google Map, sIFR etc. not work when placed in a hidden (inactive) tab?</span></a></li>
+</ul>
+</li>
+</ul>
+</td></tr></table><script type="text/javascript"> if (window.showTocToggle) { var tocShowText = "show"; var tocHideText = "hide"; showTocToggle(); } </script>
+<div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/Template:UIAPIPlugin?section=1" title="Template:UIAPIPlugin">edit</a>]</div><a name="Events"></a><h2>Events</h2>
+<p>A series of events fire when interacting with a tabs interface:
+</p>
+<ul><li> tabsselect, tabsload, tabsshow (in that order)
+</li><li> tabsadd, tabsremove
+</li><li> tabsenable, tabsdisable
+</li></ul>
+<p>Event binding example:
+</p>
+<pre>$('#example').bind('tabsselect', function(event, ui) {
+
+    // Objects available in the function context:
+    ui.tab     // anchor element of the selected (clicked) tab
+    ui.panel   // element, that contains the selected/clicked tab contents
+    ui.index   // zero-based index of the selected (clicked) tab
+
+});</pre>
+<p>Note that if a handler for the tabsselect event returns false, the clicked tab will not become selected (useful for example if switching to the next tab requires a form validation).
+</p>
+<div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/Template:UIAPIPlugin?section=2" title="Template:UIAPIPlugin">edit</a>]</div><a name="Ajax_mode"></a><h2> Ajax mode </h2>
+<p>Tabs supports loading tab content via Ajax in an unobtrusive manner.
+</p><p>The HTML you need is slightly different from the one that is used for static tabs: A list of links pointing to existing resources (from where the content gets loaded) and no additional containers at all (unobtrusive!). The containers' markup is going to be created on the fly:
+</p>
+<pre>
+&lt;div id=&quot;example&quot;&gt;
+     &lt;ul&gt;
+         &lt;li&gt;&lt;a href=&quot;ahah_1.html&quot;&gt;&lt;span&gt;Content 1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
+         &lt;li&gt;&lt;a href=&quot;ahah_2.html&quot;&gt;&lt;span&gt;Content 2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
+         &lt;li&gt;&lt;a href=&quot;ahah_3.html&quot;&gt;&lt;span&gt;Content 3&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
+     &lt;/ul&gt;
+&lt;/div&gt;
+</pre>
+<p>Obviously this degrades gracefully - the links, e.g. the content, will still be accessible with JavaScript disabled.
+</p><p>Note that if you wish to reuse an existing container, you
+could do so by matching a title attribute and the container's id:
+</p>
+<pre>
+&lt;li&gt;&lt;a href=&quot;hello/world.html&quot; title=&quot;Todo Overview&quot;&gt; ... &lt;/a&gt;&lt;/li&gt;
+</pre>
+<p>and a container like:
+</p>
+<pre>
+&lt;div id=&quot;Todo_Overview&quot;&gt; ... &lt;/div&gt;
+</pre>
+<p>(Note how white space is replaced with an underscore)
+</p><p>This is useful if you want a human readable hash in the URL instead of
+a cryptic generated one.
+</p>
+<div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/Template:UIAPIPlugin?section=3" title="Template:UIAPIPlugin">edit</a>]</div><a name="Back_button_and_bookmarking"></a><h3>Back button and bookmarking</h3>
+<p>Tabs 2 already supported this functionality, although the history plugin needs a rewrite first (it doesn't support Safari 3 and is in general a little inflexible) before it can be build back into the tabs. It is planned and Klaus is working on it whenever he finds the time. Actual bugs in the UI Tabs plugin itself always have higher priority though.
+</p>
+<div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/Template:UIAPIPlugin?section=4" title="Template:UIAPIPlugin">edit</a>]</div><a name="How_to..."></a><h2>How to...</h2>
+<div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/Template:UIAPIPlugin?section=5" title="Template:UIAPIPlugin">edit</a>]</div><a name="...retrieve_the_index_of_the_currently_selected_tab"></a><h3>...retrieve the index of the currently selected tab</h3>
+<pre>var $tabs = $('#example').tabs();
+var selected = $tabs.tabs('option', 'selected'); // =&gt; 0</pre>
+<div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/Template:UIAPIPlugin?section=6" title="Template:UIAPIPlugin">edit</a>]</div><a name="...open_links_in_the_current_tab_instead_of_leaving_the_page"></a><h3>...open links in the current tab instead of leaving the page</h3>
+<p>"Hijax" links after tab content has been loaded:
+</p>
+<pre>$('#example').tabs({
+    load: function(event, ui) {
+        $('a', ui.panel).click(function() {
+            $(ui.panel).load(this.href);
+            return false;
+        });
+    }
+});</pre>
+<div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/Template:UIAPIPlugin?section=7" title="Template:UIAPIPlugin">edit</a>]</div><a name="...select_a_tab_from_a_text_link_instead_of_clicking_a_tab_itself"></a><h3>...select a tab from a text link instead of clicking a tab itself</h3>
+<pre>var $tabs = $('#example').tabs(); // first tab selected
+
+$('#my-text-link').click(function() { // bind click event to link
+    $tabs.tabs('select', 2); // switch to third tab
+    return false;
+});</pre>
+<div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/Template:UIAPIPlugin?section=8" title="Template:UIAPIPlugin">edit</a>]</div><a name="...prevent_switching_to_the_tab_on_click_depending_on_form_validation"></a><h3>...prevent switching to the tab on click depending on form validation</h3>
+<p>Returning false in the tabs select handler prevents the clicked tab from becoming selected.
+</p>
+<pre>$('#example').tabs({
+    select: function(event, ui) {
+        var isValid = ... // form validation returning true or false
+        return isValid;
+    }
+});</pre>
+<div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/Template:UIAPIPlugin?section=9" title="Template:UIAPIPlugin">edit</a>]</div><a name="...immediately_select_a_just_added_tab"></a><h3>...immediately select a just added tab</h3>
+<pre>var $tabs = $('#example').tabs({
+    add: function(event, ui) {
+        $tabs.tabs('select', '#' + ui.panel.id);
+    }
+});</pre>
+<div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/Template:UIAPIPlugin?section=10" title="Template:UIAPIPlugin">edit</a>]</div><a name="...follow_a_tab.27s_URL_instead_of_loading_its_content_via_ajax"></a><h3>...follow a tab's URL instead of loading its content via ajax</h3>
+<p>Note that opening a tab in a new window is unexpected, e.g.
+inconsistent behaviour exposing a usablity problem (<a href="http://www.useit.com/alertbox/tabs.html" class="external free" title="http://www.useit.com/alertbox/tabs.html">http://www.useit.com/alertbox/tabs.html</a>).
+</p>
+<pre>$('#example').tabs({
+    select: function(event, ui) {
+        var url = $.data(ui.tab, 'load.tabs');
+        if( url ) {
+            location.href = url;
+            return false;
+        }
+        return true;
+    }
+});</pre>
+<p><br />
+</p>
+<div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/Template:UIAPIPlugin?section=11" title="Template:UIAPIPlugin">edit</a>]</div><a name="...prevent_a_FOUC_.28Flash_of_Unstyled_Content.29_before_tabs_are_initialized"></a><h3>...prevent a FOUC (Flash of Unstyled Content) before tabs are initialized</h3>
+<p>Add the necessary classes to hide an inactive tab panel to the HTML right away - note that this will <b>not</b> degrade gracefully with JavaScript being disabled:
+</p>
+<pre>&lt;div id=&quot;example&quot; class=&quot;ui-tabs&quot;&gt;
+  ...
+  &lt;div id=&quot;a-tab-panel&quot; class=&quot;ui-tabs-hide&quot;&gt; &lt;/div&gt;
+  ...
+&lt;/div&gt;</pre>
+<div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/Template:UIAPIPlugin?section=12" title="Template:UIAPIPlugin">edit</a>]</div><a name="Why_does..."></a><h2>Why does...</h2>
+<div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/Template:UIAPIPlugin?section=13" title="Template:UIAPIPlugin">edit</a>]</div><a name="...my_slider.2C_Google_Map.2C_sIFR_etc._not_work_when_placed_in_a_hidden_.28inactive.29_tab.3F"></a><h3>...my slider, Google Map, sIFR etc. not work when placed in a hidden (inactive) tab?</h3>
+<p>Any component that requires some dimensional computation for its initialization won't work in a hidden tab, because the tab panel itself is hidden via <code>display: none</code> so that any elements inside won't report their actual width and height (0 in most browsers).
+</p><p>There's an easy workaround. Use the <em>off-left technique</em> for hiding inactive tab panels. E.g. in your style sheet replace the rule for the class selector ".ui-tabs .ui-tabs-hide" with
+</p>
+<pre>.ui-tabs .ui-tabs-hide {
+    position: absolute;
+    left: -10000px;
+}</pre>
+<p>For Google maps you can also resize the map once the tab is displayed like this:
+</p>
+<pre>$('#example').bind('tabsshow', function(event, ui) {
+    if (ui.panel.id == &quot;map-tab&quot;) {
+        resizeMap();
+    }
+});</pre>
+resizeMap() will call Google Maps' checkResize() on the particular map.
+    </div>
+    <div id="overview-dependencies">
+        <h3>Dependencies</h3>
+        <ul>
+<li>UI Core</li>
+<li>To use the cookie option: <a href="http://plugins.jquery.com/project/cookie" class="external text" title="http://plugins.jquery.com/project/cookie">jquery.cookie.js</a></li>
+<li>Required CSS:
+<pre>.ui-tabs .ui-tabs-hide {
+     display: none;
+}</pre></li>
+</ul>
+    </div>
+    <div id="overview-example">
+        <h3>Example</h3>
+        <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="295">
+A simple jQuery UI Tabs.<br />
+</p>
+<pre>$(&quot;#tabs&quot;).tabs();
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre>&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;link type=&quot;text/css&quot; href=&quot;http://jqueryui.com/latest/themes/base/ui.all.css&quot; rel=&quot;stylesheet&quot; /&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/jquery-1.3.2.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.core.js&quot;&gt;&lt;/script&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/ui/ui.tabs.js&quot;&gt;&lt;/script&gt;
+  &lt;script type="text/javascript"&gt;
+  $(document).ready(function(){
+    $(&quot;#tabs&quot;).tabs();
+  });
+  &lt;/script&gt;
+&lt;/head&gt;
+&lt;body style="font-size:62.5%;"&gt;
+  
+&lt;div id=&quot;tabs&quot;&gt;
+    &lt;ul&gt;
+        &lt;li&gt;&lt;a href=&quot;#fragment-1&quot;&gt;&lt;span&gt;One&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;a href=&quot;#fragment-2&quot;&gt;&lt;span&gt;Two&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;a href=&quot;#fragment-3&quot;&gt;&lt;span&gt;Three&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
+    &lt;/ul&gt;
+    &lt;div id=&quot;fragment-1&quot;&gt;
+        &lt;p&gt;First tab is active by default:&lt;/p&gt;
+        &lt;pre&gt;&lt;code&gt;$('#example').tabs();&lt;/code&gt;&lt;/pre&gt;
+    &lt;/div&gt;
+    &lt;div id=&quot;fragment-2&quot;&gt;
+        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
+        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
+    &lt;/div&gt;
+    &lt;div id=&quot;fragment-3&quot;&gt;
+        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
+        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
+        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
+    &lt;/div&gt;
+&lt;/div&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+<p></div>
+</p><p></div>
+    </div>
+  </div>
+  <div id="options">
+    <h2 class="top-header">Options</h2>
+    <ul class="options-list">
+      
+<li class="option" id="option-ajaxOptions">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-ajaxOptions">ajaxOptions</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Options</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">null</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Additional Ajax options to consider when loading tab content (see $.ajax).</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a tabs with the <code>ajaxOptions</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').tabs({ ajaxOptions: { async: false } });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>ajaxOptions</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var ajaxOptions = $('.selector').tabs('option', 'ajaxOptions');
+//setter
+$('.selector').tabs('option', 'ajaxOptions', { async: false });</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-cache">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-cache">cache</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Whether or not to cache remote tabs content, e.g. load only once or with every click. Cached content is being lazy loaded, e.g once and only once for the first click. Note that to prevent the actual Ajax requests from being cached by the browser you need to provide an extra cache: false flag to ajaxOptions.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a tabs with the <code>cache</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').tabs({ cache: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>cache</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var cache = $('.selector').tabs('option', 'cache');
+//setter
+$('.selector').tabs('option', 'cache', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-collapsible">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-collapsible">collapsible</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Set to true to allow an already selected tab to become unselected again upon reselection.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a tabs with the <code>collapsible</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').tabs({ collapsible: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>collapsible</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var collapsible = $('.selector').tabs('option', 'collapsible');
+//setter
+$('.selector').tabs('option', 'collapsible', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-cookie">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-cookie">cookie</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Object</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">null</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Store the latest selected tab in a cookie. The cookie is then used to determine the initially selected tab if the <i>selected</i> option is not defined. Requires cookie plugin. The object needs to have key/value pairs of the form the cookie plugin expects as options. Available options (example): &#123; expires: 7, path: '/', domain: 'jquery.com', secure: true &#125;. Since jQuery UI 1.7 it is also possible to define the cookie name being used via <i>name</i> property.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a tabs with the <code>cookie</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').tabs({ cookie: { expires: 30 } });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>cookie</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var cookie = $('.selector').tabs('option', 'cookie');
+//setter
+$('.selector').tabs('option', 'cookie', { expires: 30 });</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-deselectable">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-deselectable">deselectable</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Boolean</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">false</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>deprecated in jQuery UI 1.7, use collapsible.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a tabs with the <code>deselectable</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').tabs({ deselectable: true });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>deselectable</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var deselectable = $('.selector').tabs('option', 'deselectable');
+//setter
+$('.selector').tabs('option', 'deselectable', true);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-disabled">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-disabled">disabled</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Array&lt;Number&gt;</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">[]</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>An array containing the position of the tabs (zero-based index) that should be disabled on initialization.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a tabs with the <code>disabled</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').tabs({ disabled: [1, 2] });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>disabled</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var disabled = $('.selector').tabs('option', 'disabled');
+//setter
+$('.selector').tabs('option', 'disabled', [1, 2]);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-event">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-event">event</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'click'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The type of event to be used for selecting a tab.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a tabs with the <code>event</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').tabs({ event: 'mouseover' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>event</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var event = $('.selector').tabs('option', 'event');
+//setter
+$('.selector').tabs('option', 'event', 'mouseover');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-fx">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-fx">fx</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Options, Array&lt;Options&gt;</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">null</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Enable animations for hiding and showing tab panels. The duration option can be a string representing one of the three predefined speeds ("slow", "normal", "fast") or the duration in milliseconds to run an animation (default is "normal").</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a tabs with the <code>fx</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').tabs({ fx: { opacity: 'toggle' } });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>fx</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var fx = $('.selector').tabs('option', 'fx');
+//setter
+$('.selector').tabs('option', 'fx', { opacity: 'toggle' });</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-idPrefix">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-idPrefix">idPrefix</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'ui-tabs-'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>If the remote tab, its anchor element that is, has no title attribute to generate an id from, an id/fragment identifier is created from this prefix and a unique id returned by $.data(el), for example "ui-tabs-54".</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a tabs with the <code>idPrefix</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').tabs({ idPrefix: 'ui-tabs-primary' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>idPrefix</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var idPrefix = $('.selector').tabs('option', 'idPrefix');
+//setter
+$('.selector').tabs('option', 'idPrefix', 'ui-tabs-primary');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-panelTemplate">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-panelTemplate">panelTemplate</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'&lt;div&gt;&lt;/div&gt;'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>HTML template from which a new tab panel is created in case of adding a tab with the add method or when creating a panel for a remote tab on the fly.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a tabs with the <code>panelTemplate</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').tabs({ panelTemplate: '&lt;li&gt;&lt;/li&gt;' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>panelTemplate</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var panelTemplate = $('.selector').tabs('option', 'panelTemplate');
+//setter
+$('.selector').tabs('option', 'panelTemplate', '&lt;li&gt;&lt;/li&gt;');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-selected">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-selected">selected</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Number</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">0</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>Zero-based index of the tab to be selected on initialization. To set all tabs to unselected pass -1 as value.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a tabs with the <code>selected</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').tabs({ selected: 3 });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>selected</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var selected = $('.selector').tabs('option', 'selected');
+//setter
+$('.selector').tabs('option', 'selected', 3);</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-spinner">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-spinner">spinner</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'&lt;em&gt;Loading&amp;#8230;&lt;/em&gt;'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The HTML content of this string is shown in a tab title while remote content is loading. Pass in empty string to deactivate that behavior.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a tabs with the <code>spinner</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').tabs({ spinner: 'Retrieving data...' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>spinner</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var spinner = $('.selector').tabs('option', 'spinner');
+//setter
+$('.selector').tabs('option', 'spinner', 'Retrieving data...');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="option" id="option-tabTemplate">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-tabTemplate">tabTemplate</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+      <dt class="option-default-label">Default:</dt>
+        <dd class="option-default">'&lt;li&gt;&lt;a href&#61;"#&#123;href&#125;"&gt;&lt;span&gt;#&#123;label&#125;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;'</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>HTML template from which a new tab is created and added. The placeholders #&#123;href&#125; and #&#123;label&#125; are replaced with the url and tab label that are passed as arguments to the add method.</p>
+  </div>
+  <div class="option-examples">
+    <h4>Code examples</h4>
+    <dl class="option-examples-list">
+    
+<dt>
+  Initialize a tabs with the <code>tabTemplate</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').tabs({ tabTemplate: '&lt;div&gt;&lt;a href&#61;"#&#123;href&#125;"&gt;&lt;span&gt;#&#123;label&#125;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;' });</code></pre>
+</dd>
+
+    
+<dt>
+  Get or set the <code>tabTemplate</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var tabTemplate = $('.selector').tabs('option', 'tabTemplate');
+//setter
+$('.selector').tabs('option', 'tabTemplate', '&lt;div&gt;&lt;a href&#61;"#&#123;href&#125;"&gt;&lt;span&gt;#&#123;label&#125;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;');</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="events">
+    <h2 class="top-header">Events</h2>
+    <ul class="events-list">
+      
+<li class="event" id="event-select">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-select">select</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">tabsselect</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when clicking a tab.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>select</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').tabs({
+   select: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>select</code> event by type: <code>tabsselect</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('tabsselect', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-load">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-load">load</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">tabsload</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered after the content of a remote tab has been loaded.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>load</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').tabs({
+   load: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>load</code> event by type: <code>tabsload</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('tabsload', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-show">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-show">show</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">tabsshow</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when a tab is shown.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>show</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').tabs({
+   show: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>show</code> event by type: <code>tabsshow</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('tabsshow', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-add">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-add">add</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">tabsadd</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when a tab is added.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>add</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').tabs({
+   add: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>add</code> event by type: <code>tabsadd</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('tabsadd', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-remove">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-remove">remove</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">tabsremove</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when a tab is removed.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>remove</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').tabs({
+   remove: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>remove</code> event by type: <code>tabsremove</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('tabsremove', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-enable">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-enable">enable</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">tabsenable</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when a tab is enabled.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>enable</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').tabs({
+   enable: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>enable</code> event by type: <code>tabsenable</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('tabsenable', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+
+<li class="event" id="event-disable">
+  <div class="event-header">
+    <h3 class="event-name"><a href="#event-disable">disable</a></h3>
+    <dl>
+      <dt class="event-type-label">Type:</dt>
+        <dd class="event-type">tabsdisable</dd>
+    </dl>
+  </div>
+  <div class="event-description">
+    <p>This event is triggered when a tab is disabled.</p>
+  </div>
+  <div class="event-examples">
+    <h4>Code examples</h4>
+    <dl class="event-examples-list">
+    
+<dt>
+  Supply a callback function to handle the <code>disable</code> event as an init option.
+</dt>
+<dd>
+<pre><code>$('.selector').tabs({
+   disable: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+    
+<dt>
+  Bind to the <code>disable</code> event by type: <code>tabsdisable</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('tabsdisable', function(event, ui) {
+  ...
+});</code></pre>
+</dd>
+
+    </dl>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="methods">
+    <h2 class="top-header">Methods</h2>
+    <ul class="methods-list">
+      
+<li class="method" id="method-destroy">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-destroy">destroy</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.tabs( 'destroy'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Remove the tabs functionality completely. This will return the element back to its pre-init state.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-disable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-disable">disable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.tabs( 'disable'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Disable the tabs.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-enable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-enable">enable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.tabs( 'enable'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Enable the tabs.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-option">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-option">option</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.tabs( 'option'
+
+, optionName
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Get or set any tabs option. If no value is specified, will act as a getter.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-add">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-add">add</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.tabs( 'add'
+
+, url
+
+, label
+
+, <span class="optional">[</span>index<span class="optional">] </span>
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Add a new tab. The second argument is either a URL consisting of a fragment identifier only to create an in-page tab or a full url (relative or absolute, no cross-domain support) to turn the new tab into an Ajax (remote) tab. The third is the zero-based position where to insert the new tab. Optional, by default a new tab is appended at the end.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-remove">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-remove">remove</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.tabs( 'remove'
+
+, index
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Remove a tab. The second argument is the zero-based index of the tab to be removed.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-enable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-enable">enable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.tabs( 'enable'
+
+, index
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Enable a disabled tab.  To enable more than one tab at once reset the disabled property like: <code>$('#example').data('disabled.tabs', []);</code>. The second argument is the zero-based index of the tab to be enabled.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-disable">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-disable">disable</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.tabs( 'disable'
+
+, index
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Disable a tab. The selected tab cannot be disabled. To disable more than one tab at once use: <code>$('#example').data('disabled.tabs', [1, 2, 3]);</code>  The second argument is the zero-based index of the tab to be disabled.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-select">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-select">select</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.tabs( 'select'
+
+, index
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Select a tab, as if it were clicked. The second argument is the zero-based index of the tab to be selected or the id selector of the panel the tab is associated with (the tab's href fragment identifier, e.g. hash, points to the panel's id).</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-load">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-load">load</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.tabs( 'load'
+
+, index
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Reload the content of an Ajax tab programmatically. This method always loads the tab content from the remote location, even if cache is set to true. The second argument is the zero-based index of the tab to be reloaded.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-url">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-url">url</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.tabs( 'url'
+
+, index
+
+, url
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Change the url from which an Ajax (remote) tab will be loaded. The specified URL will be used for subsequent loads. Note that you can not only change the URL for an existing remote tab with this method, but also turn an in-page tab into a remote tab.  The second argument is the zero-based index of the tab of which its URL is to be updated.  The third is a URL the content of the tab is loaded from.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-length">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-length">length</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.tabs( 'length'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Retrieve the number of tabs of the first matched tab pane.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-abort">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-abort">abort</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.tabs( 'abort'
+
+
+
+
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Terminate all running tab ajax requests and animations.</p>
+  </div>
+</li>
+
+
+<li class="method" id="method-rotate">
+  <div class="method-header">
+    <h3 class="method-name"><a href="#method-rotate">rotate</a></h3>
+    <dl>
+      <dt class="method-signature-label">Signature:</dt>
+        <dd class="method-signature">.tabs( 'rotate'
+
+, ms
+
+, <span class="optional">[</span>continuing<span class="optional">] </span>
+
+
+
+)</dd>
+    </dl>
+  </div>
+  <div class="method-description">
+    <p>Set up an automatic rotation through tabs of a tab pane.  The second argument is an amount of time in milliseconds until the next tab in the cycle gets activated. Use 0 or null to stop the rotation.  The third controls whether or not to continue the rotation after a tab has been selected by a user. Default: false.</p>
+  </div>
+</li>
+
+    </ul>
+  </div>
+  <div id="theming">
+    <h2 class="top-header">Theming</h2>
+    <p>The jQuery UI Tabs plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
+</p>
+  <p>If a deeper level of customization is needed, there are widget-specific classes referenced within the ui.tabs.css stylesheet that can be modified. These classes are highlighed in bold below.
+</p>
+    
+  <h3>Sample markup with jQuery UI CSS Framework classes</h3>
+  &lt;div class=&quot;<strong>ui-tabs</strong> ui-widget ui-widget-content ui-corner-all&quot; id=&quot;tabs&quot;&gt;<br />
+&nbsp;&nbsp;&nbsp;&lt;ul class=&quot;<strong>ui-tabs-nav</strong> ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all&quot;&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li class=&quot;ui-state-default ui-corner-top ui-tabs-selected ui-state-active&quot;&gt;&lt;a href=&quot;#tabs-1&quot;&gt;Nunc tincidunt&lt;/a&gt;&lt;/li&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li class=&quot;ui-state-default ui-corner-top&quot;&gt;&lt;a href=&quot;#tabs-2&quot;&gt;Proin dolor&lt;/a&gt;&lt;/li&gt;<br />
+&nbsp;&nbsp;&nbsp;&lt;div class=&quot;<strong>ui-tabs-panel</strong> ui-widget-content ui-corner-bottom&quot; id=&quot;tabs-1&quot;&gt;<br />
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;Tab one content goes here.&lt;/p&gt;<br />
+&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />
+&nbsp;&nbsp;&nbsp; ...<br />
+&lt;/div&gt;<br />
+  <p class="theme-note">
+    <strong>
+      Note: This is a sample of markup generated by the tabs plugin, not markup you should use to create a tabs. The only markup needed for that is <br />&lt;div id=&quot;tabs&quot;&gt;<br />
+&#160;&#160;&#160;&lt;ul&gt;<br />
+&#160;&#160;&#160;&#160;&#160;&#160;&lt;li&gt;&lt;a href=&quot;#tabs-1&quot;&gt;Nunc tincidunt&lt;/a&gt;&lt;/li&gt;<br />
+&#160;&#160;&#160;&#160;&#160;&#160;&lt;li&gt;&lt;a href=&quot;#tabs-2&quot;&gt;Proin dolor&lt;/a&gt;&lt;/li&gt;<br />
+&#160;&#160;&#160;&#160;&#160;&#160;&lt;li&gt;&lt;a href=&quot;#tabs-3&quot;&gt;Aenean lacinia&lt;/a&gt;&lt;/li&gt;<br />
+&#160;&#160;&#160;&lt;/ul&gt;<br />
+&#160;&#160;&#160;&lt;div id=&quot;tabs-1&quot;&gt;<br />
+&#160;&#160;&#160;&#160;&#160;&#160;&lt;p&gt;Tab 1 content&lt;/p&gt;<br />
+&#160;&#160;&#160;&lt;/div&gt;<br />
+&#160;&#160;&#160;&lt;div id=&quot;tabs-2&quot;&gt;<br />
+&#160;&#160;&#160;&#160;&#160;&#160;&lt;p&gt;Tab 2 content&lt;/p&gt;<br />
+&#160;&#160;&#160;&lt;/div&gt;<br />
+&#160;&#160;&#160;&lt;div id=&quot;tabs-3&quot;&gt;<br />
+&#160;&#160;&#160;&#160;&#160;&#160;&lt;p&gt;Tab 3 content&lt;/p&gt;<br />
+&#160;&#160;&#160;&lt;/div&gt;<br />
+&lt;/div&gt;.
+    </strong>
+  </p>
+
+  </div>
+</div>
+
+</p><!-- 
+Pre-expand include size: 51548 bytes
+Post-expand include size: 88927 bytes
+Template argument size: 55315 bytes
+Maximum: 2097152 bytes
+-->
+
+<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:3350-1!1!0!!en!2 and timestamp 20090604112223 -->
diff --git a/static/development-bundle/docs/toggle.html b/static/development-bundle/docs/toggle.html
new file mode 100644
index 0000000..f569345
--- /dev/null
+++ b/static/development-bundle/docs/toggle.html
@@ -0,0 +1,143 @@
+
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+  <h1>jQuery UI toggle</h1>
+  <div id="overview">
+    <h2 class="top-header">Overview</h2>
+    <div id="overview-main">
+        <div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/UI/Effects/toggle?section=1" title="Edit section: toggle( effect, [options], [speed], [callback] )">edit</a>]</div><a name="toggle.28_effect.2C_.5Boptions.5D.2C_.5Bspeed.5D.2C_.5Bcallback.5D_.29"></a><h3>toggle( effect, <span class="optional">[</span>options<span class="optional">]</span>, <span class="optional">[</span>speed<span class="optional">]</span>, <span class="optional">[</span>callback<span class="optional">]</span> )</h3>
+<p>The enhanced toggle method optionally accepts jQuery UI advanced effects.</p>
+<p>Uses a specific effect on an element to toggle the element if the first argument is an effect string.</p>
+    </div>
+    <div id="overview-dependencies">
+        <h3>Dependencies</h3>
+        <ul>
+<li>Effects Core</li>
+</ul>
+    </div>
+    <div id="overview-example">
+        <h3>Example</h3>
+        <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Apply the effect slide if you click on the p to toggle a div.<br />
+</p>
+<pre>$(&quot;p&quot;).<a href="http://docs.jquery.com/Events/click" title="Events/click">click</a>(function () {
+      $(&quot;div&quot;).<strong class="selflink">toggle</strong>(&quot;slide&quot;, {}, 1000);
+    });
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre>&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;link type=&quot;text/css&quot; href=&quot;http://jqueryui.com/latest/themes/base/ui.all.css&quot; rel=&quot;stylesheet&quot; /&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/jquery-1.3.2.js&quot;&gt;&lt;/script&gt;
+  &lt;script src=&quot;http://ui.jquery.com/latest/ui/effects.core.js&quot;&gt;&lt;/script&gt;
+&lt;script src=&quot;http://ui.jquery.com/latest/ui/effects.slide.js&quot;&gt;&lt;/script&gt;
+&lt;style type=&quot;text/css&quot;&gt;
+  div { display: none; margin: 0px; width: 100px; height: 80px; background: blue; position: relative; }
+&lt;/style&gt;
+  &lt;script type="text/javascript"&gt;
+  $(document).ready(function(){
+    $(&quot;p&quot;).<a href="http://docs.jquery.com/Events/click" title="Events/click">click</a>(function () {
+      $(&quot;div&quot;).<strong class="selflink">toggle</strong>(&quot;slide&quot;, {}, 1000);
+    });
+  });
+  &lt;/script&gt;
+&lt;/head&gt;
+&lt;body style="font-size:62.5%;"&gt;
+  
+&lt;p&gt;Click me&lt;/p&gt;&lt;div&gt;&lt;/div&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+<p></div>
+</p><p></div>
+    </div>
+  </div>
+  <div id="options">
+    <h2 class="top-header">Arguments</h2>
+    <ul class="options-list">
+      
+<li class="option" id="option-effect">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-effect">effect</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>The effect to be used. Possible values: 'blind', 'clip', 'drop', 'explode', 'fold', 'puff', 'slide', 'scale', 'size', 'pulsate'.</p>
+  </div>
+</li>
+
+
+<li class="option" id="option-options">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-options">options</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Hash</dd>
+      
+      <dt class="option-optional-label">Optional</dt>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>A object/hash including specific options for the effect.</p>
+  </div>
+</li>
+
+
+<li class="option" id="option-speed">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-speed">speed</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String, Number</dd>
+      
+      <dt class="option-optional-label">Optional</dt>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>A string representing one of the three predefined speeds ("slow", "normal", or "fast") or the number of milliseconds to run the animation (e.g. 1000).</p>
+  </div>
+</li>
+
+
+<li class="option" id="option-callback">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-callback">callback</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">Function</dd>
+      
+      <dt class="option-optional-label">Optional</dt>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>A function that is called after the effect is completed.</p>
+  </div>
+</li>
+
+    </ul>
+  </div>
+</div>
+
+</p><!-- 
+Pre-expand include size: 6229 bytes
+Post-expand include size: 8801 bytes
+Template argument size: 5539 bytes
+Maximum: 2097152 bytes
+-->
+
+<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2615-1!1!0!!en!2 and timestamp 20090604035835 -->
diff --git a/static/development-bundle/docs/toggleClass.html b/static/development-bundle/docs/toggleClass.html
new file mode 100644
index 0000000..6740cc3
--- /dev/null
+++ b/static/development-bundle/docs/toggleClass.html
@@ -0,0 +1,110 @@
+
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+  <h1>jQuery UI toggleClass</h1>
+  <div id="overview">
+    <h2 class="top-header">Overview</h2>
+    <div id="overview-main">
+        <div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/UI/Effects/toggleClass?section=1" title="Edit section: toggleClass( class, [duration] )">edit</a>]</div><a name="toggleClass.28_class.2C_.5Bduration.5D_.29"></a><h3>toggleClass( class, <span class="optional">[</span>duration<span class="optional">]</span> )</h3>
+<p>Adds the specified class if it is not present, and removes the specified class if it is present, using an optional transition.</p>
+    </div>
+    <div id="overview-dependencies">
+        <h3>Dependencies</h3>
+        <ul>
+<li>Effects Core</li>
+</ul>
+    </div>
+    <div id="overview-example">
+        <h3>Example</h3>
+        <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="100">
+Adds the 'selected' class if it is not present, and removes the 'selected' class if it is present.<br />
+</p>
+<pre>$(&quot;p&quot;).<a href="http://docs.jquery.com/Events/click" title="Events/click">click</a>(function () {
+      $(this).<strong class="selflink">toggleClass</strong>(&quot;selected&quot;, 1000);
+    });
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre>&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;link type=&quot;text/css&quot; href=&quot;http://jqueryui.com/latest/themes/base/ui.all.css&quot; rel=&quot;stylesheet&quot; /&gt;
+  &lt;script type=&quot;text/javascript&quot; src=&quot;http://jqueryui.com/latest/jquery-1.3.2.js&quot;&gt;&lt;/script&gt;
+  &lt;script src=&quot;http://ui.jquery.com/latest/ui/effects.core.js&quot;&gt;&lt;/script&gt;
+&lt;style type=&quot;text/css&quot;&gt;
+  p { cursor: pointer; font-size: 1.2em; }
+  .selected { color:red; }
+&lt;/style&gt;
+  &lt;script type="text/javascript"&gt;
+  $(document).ready(function(){
+    $(&quot;p&quot;).<a href="http://docs.jquery.com/Events/click" title="Events/click">click</a>(function () {
+      $(this).<strong class="selflink">toggleClass</strong>(&quot;selected&quot;, 1000);
+    });
+  });
+  &lt;/script&gt;
+&lt;/head&gt;
+&lt;body style="font-size:62.5%;"&gt;
+  
+&lt;p&gt;Click me to toggle 'selected' class.&lt;/p&gt;
+&lt;p class=&quot;selected&quot;&gt;Click me to toggle 'selected' class.&lt;/p&gt;
+&lt;p&gt;Click me to toggle 'selected' class.&lt;/p&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+<p></div>
+</p><p></div>
+    </div>
+  </div>
+  <div id="options">
+    <h2 class="top-header">Arguments</h2>
+    <ul class="options-list">
+      
+<li class="option" id="option-class">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-class">class</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String</dd>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>A CSS class to toggle on the elements.</p>
+  </div>
+</li>
+
+
+<li class="option" id="option-duration">
+  <div class="option-header">
+    <h3 class="option-name"><a href="#option-duration">duration</a></h3>
+    <dl>
+      <dt class="option-type-label">Type:</dt>
+        <dd class="option-type">String, Number</dd>
+      
+      <dt class="option-optional-label">Optional</dt>
+      
+    </dl>
+  </div>
+  <div class="option-description">
+    <p>A string representing one of the three predefined speeds ("slow", "normal", or "fast") or the number of milliseconds to run the animation (e.g. 1000).</p>
+  </div>
+</li>
+
+    </ul>
+  </div>
+</div>
+
+</p><!-- 
+Pre-expand include size: 5128 bytes
+Post-expand include size: 6997 bytes
+Template argument size: 4427 bytes
+Maximum: 2097152 bytes
+-->
+
+<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2608-1!1!0!!en!2 and timestamp 20090604041528 -->
diff --git a/static/development-bundle/external/bgiframe/ChangeLog.txt b/static/development-bundle/external/bgiframe/ChangeLog.txt
new file mode 100644
index 0000000..ccebcbf
--- /dev/null
+++ b/static/development-bundle/external/bgiframe/ChangeLog.txt
@@ -0,0 +1,20 @@
+== New and Noteworthy ==

+

+== 2.1.1 ==

+

+* Removed $.browser.version for jQuery < 1.1.3

+

+== 2.1 ==

+

+* Updated to work with jQuery 1.1.3

+* Added $.browser.version for jQuery < 1.1.3

+* Optimized duplication check by using child selector and using .length test

+

+== 2.0 ==

+

+* Added ability change settings like width, height, src and more.

+

+== 1.0 ==

+

+* Only adds iframe once per an element

+* Works with SSL enabled pages
\ No newline at end of file
diff --git a/static/development-bundle/external/bgiframe/META.json b/static/development-bundle/external/bgiframe/META.json
new file mode 100644
index 0000000..5be79cc
--- /dev/null
+++ b/static/development-bundle/external/bgiframe/META.json
@@ -0,0 +1,32 @@
+{

+        "name": "jQuery-bgiframe",

+        "version": 2.1,

+        "author": [

+                "Brandon Aaron <brandon.aaron@gmail.com>"

+        ],

+        "abstract": "jQuery plugin for fixing z-index issues in IE6",

+        "license": "mit, gpl",

+        "distribution_type": "plugin",

+        "requires": {

+                "jQuery": ">=1.0.3"

+        },

+        "provides": {

+                "jQuery.bgiframe": {

+                        "version": 2.1,

+                        "file": "jquery.bgiframe.js"

+                }

+        },

+        "keywords": [

+                "iframe",

+                "hack",

+                "zIndex",

+                "z-index",

+                "ie6"

+        ],

+        "stability": "Official",

+        "meta-spec": {

+                "version": 1.3,

+                "url": "http://module-build.sourceforge.net/META-spec-v1.3.html"

+        },

+        "generated_by": "Brandon Aaron"

+}

diff --git a/static/development-bundle/external/bgiframe/docs/index.html b/static/development-bundle/external/bgiframe/docs/index.html
new file mode 100644
index 0000000..1776b4d
--- /dev/null
+++ b/static/development-bundle/external/bgiframe/docs/index.html
@@ -0,0 +1,113 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+        "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+        <head>
+                <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+                <title>bgiframe 2.1.1 docs</title>
+                <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.2.2/build/reset/reset-min.css">
+                <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.2.2/build/fonts/fonts-min.css">
+                <style type="text/css" media="screen">
+                        body { margin: 25px; }
+                        h1 { margin: 1.0em 0; font-size: 167%; font-weight: bold; }
+                        #toc { margin: 0 0 3.0em; }
+                                #toc li { margin: 0.4em 0; font-size: 100%; }
+                        #qa { margin: 0 0 3.0em; }
+                                #qa dt.question { margin: 2.0em 0 1.0em; font-size: 122%; font-weight: bold; }
+                                #qa dd.answer { margin: 0 2.0em; }
+                                        #qa dd.answer p { margin: 0 0 1.5em; }
+                                        #qa dd.answer code { font-size: 92%; }
+                                        
+                                        #qa dd.answer #options dt { margin: 2.0em 0 1.0em;  }
+                                        #qa dd.answer #options dd { margin: 0 2.0em; }
+                                        
+                </style>
+        </head>
+        <body>
+                <div id="wrapper">
+                        <div id="container">
+                                <h1>bgiframe 2.1.1</h1>
+                                <ul id="toc">
+                                        <li><a href="#what_does_it_do">What does it do</a></li>
+                                        <li><a href="#when_should_i_use_it">When should I use it</a></li>
+                                        <li><a href="#how_do_i_use_it">How do I use it</a></li>
+                                        <li><a href="#how_does_it_work">How does it work</a></li>
+                                        <li><a href="#where_can_i_get_it">Where can I get it</a></li>
+                                        <li><a href="#what_has_changed">What has changed</a></li>
+                                        <li><a href="#suggestions_bugs_patches">Suggestions? Bugs? Patches?</a></li>
+                                </ul>
+                                <dl id="qa">
+                                        <dt id="what_does_it_do" class="question">What does it do?</dt>
+                                        <dd class="answer">
+                                                <p>Have you ever experienced the select form element z-index issue in Internet Explorer 6? Most likely you have if you've implemented some sort of drop down menu navigation that shows up over a select form element.</p>
+                                                <p>The background iframe (bgiframe) plugin provides a very small, quick and easy way to fix that problem so you don't have to worry about it. No matter the size, borders or position the bgiframe plugin can fix it.</p>
+                                        </dd>
+                                        
+                                        <dt id="when_should_i_use_it" class="question">When should I use it?</dt>
+                                        <dd class="answer">
+                                                <p>The bgiframe plugin should be used when you are trying to show elements above a select form control in Internet Explorer 6.</p>
+                                        </dd>
+                                        
+                                        <dt id="how_do_i_use_it" class="question">How do I use it?</dt>
+                                        <dd class="answer">
+                                                <p>The usage is simple. Just call <code>bgiframe</code> on a jQuery collection of elements.</p>
+                                                <p><code>$('.fix-z-index').bgiframe();</code></p>
+                                                <p>The plugin tries its best to handle most situations but sometimes some configuration is necessary. For example if your borders are defined in a unit other than pixels, you will need to manually set the <code>top</code> and <code>left</code> properties to the negative width of the border. Here are the options/settings available to configure the output.</p>
+                                                <dl id="options">
+                                                        <dt><code>top</code></dt>
+                                                        <dd>
+                                                                <p>The iframe must be offset to the top by the width of the top border. This should be a negative number representing the border-top-width. If a number is is used here, pixels will be assumed. Otherwise, be sure to specify a unit. An expression could also be used. By default the value is "auto" which will use an expression to get the border-top-width if it is in pixels.</p>
+                                                                <p><code>$('.fix-z-index').bgiframe({ top: '-1em' });</code></p>
+                                                        </dd>
+                                                        <dt><code>left</code></dt>
+                                                        <dd>
+                                                                <p>The iframe must be offset to the left by the width of the left border. This should be a negative number representing the border-left-width. If a number is used here, pixels will be assumed. Otherwise, be sure to specify a unit. An expression could also be used. By default the value is "auto" which will use an expression to get the border-left-width if it is in pixels.</p>
+                                                                <p><code>$('.fix-z-index').bgiframe({ left: '-1em' });</code></p>
+                                                        </dd>
+                                                        <dt><code>width</code></dt>
+                                                        <dd>
+                                                                <p>This is the width of the iframe. If a number is used here, pixels will be assume. Otherwise, be sure to specify a unit. An expression could also be used. By default the value is "auto" which will use an expression to get the offsetWidth.</p>
+                                                                <p><code>$('.fix-z-index').bgiframe({ width: 100 });</code></p>
+                                                        </dd>
+                                                        <dt><code>height</code></dt>
+                                                        <dd>
+                                                                <p>This is the height of the iframe. If a number is used here, pixels will be assume. Otherwise, be sure to specify a unit. An expression could also be used. By default the value is "auto" which will use an expression to get the offsetHeight.</p>
+                                                                <p><code>$('.fix-z-index').bgiframe({ height: 100 });</code></p>
+                                                        </dd>
+                                                        <dt><code>opacity</code></dt>
+                                                        <dd>
+                                                                <p>This is a boolean representing whether or not to use opacity. If set to true, the opacity of 0 is applied. If set to false, the opacity filter is not applied. Default: true.</p>
+                                                                <p><code>$('.fix-z-index').bgiframe({ opacity: false });</code></p>
+                                                        </dd>
+                                                        <dt><code>src</code></dt>
+                                                        <dd>
+                                                                <p>This setting is provided so that one could change the src of the iframe to whatever they need. Default: "javascript:false;"</p>
+                                                                <p><code>$('.fix-z-index').bgiframe({ src: '#' });</code></p>
+                                                        </dd>
+                                                </dl>
+                                        </dd>
+
+                                        <dt id="how_does_it_work" class="question">How does it work?</dt>
+                                        <dd class="answer">
+                                                <p>The bgiframe plugin works by prepending an iframe to the element. The iframe is given a class of bgiframe and positioned below all the other children of the element. In the default configuration it automatically adjusts to the width and height of the element (including the borders) and the opacity is set to 0. The element needs to have position (relative or absolute) and should have a background (color or image).</p>
+                                                <p>Check out the <a href="http://brandonaaron.net/jquery/plugins/bgiframe/test/">test page</a> to see the plugin in action.</p>
+                                        </dd>
+
+                                        <dt id="where_can_i_get_it" class="question">Where can I get it?</dt>
+                                        <dd class="answer">
+                                                <ul>
+                                                        <li><a href="http://jquery.com/plugins/files/bgiframe-2.1.zip">2.1 zip</a> from the bgiframe <a href="http://jquery.com/plugins/project/bgiframe">project page</a>.</li>
+                                                        <li>Latest SVN: http://jqueryjs.googlecode.com/svn/trunk/plugins/bgiframe/</li>
+                                                        <li>Tagged Versions in SVN: Latest SVN: http://jqueryjs.googlecode.com/svn/tags/plugins/bgiframe/</li>
+                                                </ul>
+                                        </dd>
+                                        
+                                        <dt id="suggestions_bugs_patches" class="question">Suggestions? Bugs? Patches?</dt>
+                                        <dd class="answer">
+                                                <p>Feel free to make any suggestions, bug reports or add any patches via the <a href="http://jquery.com/plugins/project/bgiframe">project page</a>.</p>
+                                        </dd>
+                                </dl>
+                                <p>The bgiframe plugin is authored by <a href="http://blog.brandonaaron.net/">Brandon Aaron (http://brandonaaron.net/)</a></p>
+                        </div>
+                </div>
+        </body>
+</html>
\ No newline at end of file
diff --git a/static/development-bundle/external/bgiframe/jquery.bgiframe.js b/static/development-bundle/external/bgiframe/jquery.bgiframe.js
new file mode 100644
index 0000000..3a01f6e
--- /dev/null
+++ b/static/development-bundle/external/bgiframe/jquery.bgiframe.js
@@ -0,0 +1,100 @@
+/* Copyright (c) 2006 Brandon Aaron (http://brandonaaron.net)
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) 
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+ *
+ * $LastChangedDate: 2007-07-21 18:44:59 -0500 (Sat, 21 Jul 2007) $
+ * $Rev: 2446 $
+ *
+ * Version 2.1.1
+ */
+
+(function($){
+
+/**
+ * The bgiframe is chainable and applies the iframe hack to get 
+ * around zIndex issues in IE6. It will only apply itself in IE6 
+ * and adds a class to the iframe called 'bgiframe'. The iframe
+ * is appeneded as the first child of the matched element(s) 
+ * with a tabIndex and zIndex of -1.
+ * 
+ * By default the plugin will take borders, sized with pixel units,
+ * into account. If a different unit is used for the border's width,
+ * then you will need to use the top and left settings as explained below.
+ *
+ * NOTICE: This plugin has been reported to cause perfromance problems
+ * when used on elements that change properties (like width, height and
+ * opacity) a lot in IE6. Most of these problems have been caused by 
+ * the expressions used to calculate the elements width, height and 
+ * borders. Some have reported it is due to the opacity filter. All 
+ * these settings can be changed if needed as explained below.
+ *
+ * @example $('div').bgiframe();
+ * @before <div><p>Paragraph</p></div>
+ * @result <div><iframe class="bgiframe".../><p>Paragraph</p></div>
+ *
+ * @param Map settings Optional settings to configure the iframe.
+ * @option String|Number top The iframe must be offset to the top
+ *              by the width of the top border. This should be a negative 
+ *      number representing the border-top-width. If a number is 
+ *              is used here, pixels will be assumed. Otherwise, be sure
+ *              to specify a unit. An expression could also be used. 
+ *              By default the value is "auto" which will use an expression 
+ *              to get the border-top-width if it is in pixels.
+ * @option String|Number left The iframe must be offset to the left
+ *              by the width of the left border. This should be a negative 
+ *      number representing the border-left-width. If a number is 
+ *              is used here, pixels will be assumed. Otherwise, be sure
+ *              to specify a unit. An expression could also be used. 
+ *              By default the value is "auto" which will use an expression 
+ *              to get the border-left-width if it is in pixels.
+ * @option String|Number width This is the width of the iframe. If
+ *              a number is used here, pixels will be assume. Otherwise, be sure
+ *              to specify a unit. An experssion could also be used.
+ *              By default the value is "auto" which will use an experssion
+ *              to get the offsetWidth.
+ * @option String|Number height This is the height of the iframe. If
+ *              a number is used here, pixels will be assume. Otherwise, be sure
+ *              to specify a unit. An experssion could also be used.
+ *              By default the value is "auto" which will use an experssion
+ *              to get the offsetHeight.
+ * @option Boolean opacity This is a boolean representing whether or not
+ *              to use opacity. If set to true, the opacity of 0 is applied. If
+ *              set to false, the opacity filter is not applied. Default: true.
+ * @option String src This setting is provided so that one could change 
+ *              the src of the iframe to whatever they need.
+ *              Default: "javascript:false;"
+ *
+ * @name bgiframe
+ * @type jQuery
+ * @cat Plugins/bgiframe
+ * @author Brandon Aaron (brandon.aaron@gmail.com || http://brandonaaron.net)
+ */
+$.fn.bgIframe = $.fn.bgiframe = function(s) {
+        // This is only for IE6
+        if ( $.browser.msie && /6.0/.test(navigator.userAgent) ) {
+                s = $.extend({
+                        top     : 'auto', // auto == .currentStyle.borderTopWidth
+                        left    : 'auto', // auto == .currentStyle.borderLeftWidth
+                        width   : 'auto', // auto == offsetWidth
+                        height  : 'auto', // auto == offsetHeight
+                        opacity : true,
+                        src     : 'javascript:false;'
+                }, s || {});
+                var prop = function(n){return n&&n.constructor==Number?n+'px':n;},
+                    html = '<iframe class="bgiframe"frameborder="0"tabindex="-1"src="'+s.src+'"'+
+                               'style="display:block;position:absolute;z-index:-1;'+
+                                       (s.opacity !== false?'filter:Alpha(Opacity=\'0\');':'')+
+                                               'top:'+(s.top=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderTopWidth)||0)*-1)+\'px\')':prop(s.top))+';'+
+                                               'left:'+(s.left=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderLeftWidth)||0)*-1)+\'px\')':prop(s.left))+';'+
+                                               'width:'+(s.width=='auto'?'expression(this.parentNode.offsetWidth+\'px\')':prop(s.width))+';'+
+                                               'height:'+(s.height=='auto'?'expression(this.parentNode.offsetHeight+\'px\')':prop(s.height))+';'+
+                                        '"/>';
+                return this.each(function() {
+                        if ( $('> iframe.bgiframe', this).length == 0 )
+                                this.insertBefore( document.createElement(html), this.firstChild );
+                });
+        }
+        return this;
+};
+
+})(jQuery);
\ No newline at end of file
diff --git a/static/development-bundle/external/bgiframe/jquery.bgiframe.min.js b/static/development-bundle/external/bgiframe/jquery.bgiframe.min.js
new file mode 100644
index 0000000..ef8679d
--- /dev/null
+++ b/static/development-bundle/external/bgiframe/jquery.bgiframe.min.js
@@ -0,0 +1,10 @@
+/* Copyright (c) 2006 Brandon Aaron (http://brandonaaron.net)
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) 
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+ *
+ * $LastChangedDate: 2007-07-21 18:45:56 -0500 (Sat, 21 Jul 2007) $
+ * $Rev: 2447 $
+ *
+ * Version 2.1.1
+ */
+(function($){$.fn.bgIframe=$.fn.bgiframe=function(s){if($.browser.msie&&/6.0/.test(navigator.userAgent)){s=$.extend({top:'auto',left:'auto',width:'auto',height:'auto',opacity:true,src:'javascript:false;'},s||{});var prop=function(n){return n&&n.constructor==Number?n+'px':n;},html='<iframe class="bgiframe"frameborder="0"tabindex="-1"src="'+s.src+'"'+'style="display:block;position:absolute;z-index:-1;'+(s.opacity!==false?'filter:Alpha(Opacity=\'0\');':'')+'top:'+(s.top=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderTopWidth)||0)*-1)+\'px\')':prop(s.top))+';'+'left:'+(s.left=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderLeftWidth)||0)*-1)+\'px\')':prop(s.left))+';'+'width:'+(s.width=='auto'?'expression(this.parentNode.offsetWidth+\'px\')':prop(s.width))+';'+'height:'+(s.height=='auto'?'expression(this.parentNode.offsetHeight+\'px\')':prop(s.height))+';'+'"/>';return this.each(function(){if($('> iframe.bgiframe',this).length==0)this.insertBefore(document.createElement(html),this.firstChild);});}return this;};})(jQuery);
\ No newline at end of file
diff --git a/static/development-bundle/external/bgiframe/jquery.bgiframe.pack.js b/static/development-bundle/external/bgiframe/jquery.bgiframe.pack.js
new file mode 100644
index 0000000..90dee9a
--- /dev/null
+++ b/static/development-bundle/external/bgiframe/jquery.bgiframe.pack.js
@@ -0,0 +1,10 @@
+/* Copyright (c) 2006 Brandon Aaron (http://brandonaaron.net)
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) 
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+ *
+ * $LastChangedDate: 2007-07-21 18:44:59 -0500 (Sat, 21 Jul 2007) $
+ * $Rev: 2446 $
+ *
+ * Version 2.1.1
+ */
+eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(b($){$.m.E=$.m.g=b(s){h($.x.10&&/6.0/.I(D.B)){s=$.w({c:\'3\',5:\'3\',8:\'3\',d:\'3\',k:M,e:\'F:i;\'},s||{});C a=b(n){f n&&n.t==r?n+\'4\':n},p=\'<o Y="g"W="0"R="-1"e="\'+s.e+\'"\'+\'Q="P:O;N:L;z-H:-1;\'+(s.k!==i?\'G:J(K=\\\'0\\\');\':\'\')+\'c:\'+(s.c==\'3\'?\'7(((l(2.9.j.A)||0)*-1)+\\\'4\\\')\':a(s.c))+\';\'+\'5:\'+(s.5==\'3\'?\'7(((l(2.9.j.y)||0)*-1)+\\\'4\\\')\':a(s.5))+\';\'+\'8:\'+(s.8==\'3\'?\'7(2.9.S+\\\'4\\\')\':a(s.8))+\';\'+\'d:\'+(s.d==\'3\'?\'7(2.9.v+\\\'4\\\')\':a(s.d))+\';\'+\'"/>\';f 2.T(b(){h($(\'> o.g\',2).U==0)2.V(q.X(p),2.u)})}f 2}})(Z);',62,63,'||this|auto|px|left||expression|width|parentNode||function|top|height|src|return|bgiframe|if|false|currentStyle|opacity|parseInt|fn||iframe|html|document|Number||constructor|firstChild|offsetHeight|extend|browser|borderLeftWidth||borderTopWidth|userAgent|var|navigator|bgIframe|javascript|filter|index|test|Alpha|Opacity|absolute|true|position|block|display|style|tabindex|offsetWidth|each|length|insertBefore|frameborder|createElement|class|jQuery|msie'.split('|'),0,{}))
\ No newline at end of file
diff --git a/static/development-bundle/external/bgiframe/test/index.html b/static/development-bundle/external/bgiframe/test/index.html
new file mode 100644
index 0000000..82be8e8
--- /dev/null
+++ b/static/development-bundle/external/bgiframe/test/index.html
@@ -0,0 +1,197 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+        "http://www.w3.org/TR/html4/strict.dtd">
+<html debug="true">
+        <head>
+                <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+                <title>jQuery bgiframe Visual Test</title>
+                
+                <!-- load latest build of jquery.js -->
+                <script type="text/javascript" src="../../../jquery/dist/jquery.js"></script>
+
+                <!-- load dimensions.js (this is what we're testing! -->
+                <script type="text/javascript" src="../jquery.bgiframe.js"></script>
+                
+                <!-- load firebug lite 
+                <script type="text/javascript" src="http://brandon.jquery.com/firebuglite/firebug.js"></script>-->
+                
+                <link rel="Stylesheet" media="screen" href="../../../jquery/test/data/testsuite.css" />
+                
+                <script type="text/javascript" charset="utf-8">
+                        $(function() {
+                                $('#userAgent').html(navigator.userAgent);
+                                $('#box2').bgiframe();
+                                $('#box3').bgiframe({top: -5, left: -5});
+                                $('#box4').bgiframe({top: -5, left: -5, width: 270, height: 120});
+                                $('#box5').bgiframe({top: 0, left: 0, width: 260, height: 110});
+                                $('#box6').bgiframe({top: '-5px', left: '-5px', width: '270px', height: '120px'});
+                                $('#box7').bgiframe({top: '-.5em', left: '-.5em', width: '17em', height: '12em'});
+                                $('#box8').bgiframe({top: '-.5em', left: '-.5em'});
+                                $('#box9').bgiframe({opacity:false});
+                        });
+                </script>
+                
+                <style type="text/css" media="screen">
+                        #wrapper { position: relative; width: 100%; font: 12px Arial; }
+                                form { position: absolute; top: 0; left: 0; width: 100%; }
+                                        select { position: relative; width: 100%; margin: 0 0 2px; z-index: 1; }
+                                
+                                .box { position: relative; z-index: 2; float: left; margin: 5px; border: 5px solid #666; padding: 5px; width: 250px; height: 100px; color: #000; background-color: #999; }
+                                        dl { margin: 0; padding: 0; }
+                                                dt { float: left; margin: 0; padding: 0; width: 50px; }
+                                                dd { margin: 0; padding: 0; }
+                                #box7, #box8 { border-width: .5em; padding: .5em; width: 15em; height: 10em; }
+                </style>
+        </head>
+        <body>
+                <h1 id="banner">jQuery bgiframe - Visual Test</h1>
+                <h2 id="userAgent"></h2>
+                <div id="wrapper">
+                        <form action="#" method="get" accept-charset="utf-8">
+                                <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+                                <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+                                <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+                                <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+                                <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+                                <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+                                <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+                                <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+                                <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+                                <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+                                <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+                                <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+                                <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+                                <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+                                <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+                                <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+                                <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+                                <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+                                <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+                        </form>
+                        
+                        <div id="box1" class="box">nothing</div>
+                        <div id="box2" class="box">
+                                <dl>
+                                        <dt>top:</dt>
+                                        <dd>'auto'</dd>
+                                        
+                                        <dt>left:</dt>
+                                        <dd>'auto'</dd>
+                                        
+                                        <dt>width:</dt>
+                                        <dd>'auto'</dd>
+                                        
+                                        <dt>height:</dt>
+                                        <dd>'auto'</dd>
+                                </dl>
+                        </div>
+                        <div id="box3" class="box">
+                                <dl>
+                                        <dt>top:</dt>
+                                        <dd>0</dd>
+                                        
+                                        <dt>left:</dt>
+                                        <dd>0</dd>
+                                        
+                                        <dt>width:</dt>
+                                        <dd>'auto'</dd>
+                                        
+                                        <dt>height:</dt>
+                                        <dd>'auto'</dd>
+                                </dl>
+                        </div>
+                        <div id="box4" class="box">
+                                <dl>
+                                        <dt>top:</dt>
+                                        <dd>-5</dd>
+                                        
+                                        <dt>left:</dt>
+                                        <dd>-5</dd>
+                                        
+                                        <dt>width:</dt>
+                                        <dd>270</dd>
+                                        
+                                        <dt>height:</dt>
+                                        <dd>120</dd>
+                                </dl>
+                        </div>
+                        <div id="box5" class="box">
+                                <dl>
+                                        <dt>top:</dt>
+                                        <dd>0</dd>
+                                        
+                                        <dt>left:</dt>
+                                        <dd>0</dd>
+                                        
+                                        <dt>width:</dt>
+                                        <dd>260</dd>
+                                        
+                                        <dt>height:</dt>
+                                        <dd>110</dd>
+                                </dl>
+                        </div>
+                        <div id="box6" class="box">
+                                <dl>
+                                        <dt>top:</dt>
+                                        <dd>'-5px'</dd>
+                                        
+                                        <dt>left:</dt>
+                                        <dd>'-5px'</dd>
+                                        
+                                        <dt>width:</dt>
+                                        <dd>'270px'</dd>
+                                        
+                                        <dt>height:</dt>
+                                        <dd>'120px'</dd>
+                                </dl>
+                        </div>
+                        <div id="box7" class="box">
+                                <dl>
+                                        <dt>top:</dt>
+                                        <dd>'-.5em'</dd>
+                                        
+                                        <dt>left:</dt>
+                                        <dd>'-.5em'</dd>
+                                        
+                                        <dt>width:</dt>
+                                        <dd>'17em'</dd>
+                                        
+                                        <dt>height:</dt>
+                                        <dd>'12em'</dd>
+                                </dl>
+                        </div>
+                        <div id="box8" class="box">
+                                <dl>
+                                        <dt>top:</dt>
+                                        <dd>'-.5em'</dd>
+
+                                        <dt>left:</dt>
+                                        <dd>'-.5em'</dd>
+
+                                        <dt>width:</dt>
+                                        <dd>'auto'</dd>
+
+                                        <dt>height:</dt>
+                                        <dd>'auto'</dd>
+                                </dl>
+                        </div>
+                        <div id="box9" class="box">
+                                <dl>
+                                        <dt>top:</dt>
+                                        <dd>'auto'</dd>
+                                        
+                                        <dt>left:</dt>
+                                        <dd>'auto'</dd>
+                                        
+                                        <dt>width:</dt>
+                                        <dd>'auto'</dd>
+                                        
+                                        <dt>height:</dt>
+                                        <dd>'auto'</dd>
+                                        
+                                        <dt>opacity:</dt>
+                                        <dd>false</dd>
+                                </dl>
+                        </div>
+                </div>
+        </body>
+</html>
\ No newline at end of file
diff --git a/static/development-bundle/external/cookie/jquery.cookie.js b/static/development-bundle/external/cookie/jquery.cookie.js
new file mode 100644
index 0000000..a80bfa2
--- /dev/null
+++ b/static/development-bundle/external/cookie/jquery.cookie.js
@@ -0,0 +1,97 @@
+/**
+ * Cookie plugin
+ *
+ * Copyright (c) 2006 Klaus Hartl (stilbuero.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ */
+
+/**
+ * Create a cookie with the given name and value and other optional parameters.
+ *
+ * @example $.cookie('the_cookie', 'the_value');
+ * @desc Set the value of a cookie.
+ * @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true });
+ * @desc Create a cookie with all available options.
+ * @example $.cookie('the_cookie', 'the_value');
+ * @desc Create a session cookie.
+ * @example $.cookie('the_cookie', null);
+ * @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain
+ *       used when the cookie was set.
+ *
+ * @param String name The name of the cookie.
+ * @param String value The value of the cookie.
+ * @param Object options An object literal containing key/value pairs to provide optional cookie attributes.
+ * @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object.
+ *                             If a negative value is specified (e.g. a date in the past), the cookie will be deleted.
+ *                             If set to null or omitted, the cookie will be a session cookie and will not be retained
+ *                             when the the browser exits.
+ * @option String path The value of the path atribute of the cookie (default: path of page that created the cookie).
+ * @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie).
+ * @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will
+ *                        require a secure protocol (like HTTPS).
+ * @type undefined
+ *
+ * @name $.cookie
+ * @cat Plugins/Cookie
+ * @author Klaus Hartl/klaus.hartl@stilbuero.de
+ */
+
+/**
+ * Get the value of a cookie with the given name.
+ *
+ * @example $.cookie('the_cookie');
+ * @desc Get the value of a cookie.
+ *
+ * @param String name The name of the cookie.
+ * @return The value of the cookie.
+ * @type String
+ *
+ * @name $.cookie
+ * @cat Plugins/Cookie
+ * @author Klaus Hartl/klaus.hartl@stilbuero.de
+ */
+jQuery.cookie = function(name, value, options) {
+    if (typeof value != 'undefined') { // name and value given, set cookie
+        options = options || {};
+        if (value === null) {
+            value = '';
+            options = $.extend({}, options); // clone object since it's unexpected behavior if the expired property were changed
+            options.expires = -1;
+        }
+        var expires = '';
+        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
+            var date;
+            if (typeof options.expires == 'number') {
+                date = new Date();
+                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
+            } else {
+                date = options.expires;
+            }
+            expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
+        }
+        // NOTE Needed to parenthesize options.path and options.domain
+        // in the following expressions, otherwise they evaluate to undefined
+        // in the packed version for some reason...
+        var path = options.path ? '; path=' + (options.path) : '';
+        var domain = options.domain ? '; domain=' + (options.domain) : '';
+        var secure = options.secure ? '; secure' : '';
+        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
+    } else { // only name given, get cookie
+        var cookieValue = null;
+        if (document.cookie && document.cookie != '') {
+            var cookies = document.cookie.split(';');
+            for (var i = 0; i < cookies.length; i++) {
+                var cookie = jQuery.trim(cookies[i]);
+                // Does this cookie string begin with the name we want?
+                if (cookie.substring(0, name.length + 1) == (name + '=')) {
+                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+                    break;
+                }
+            }
+        }
+        return cookieValue;
+    }
+};
\ No newline at end of file
diff --git a/static/development-bundle/external/cookie/jquery.cookie.min.js b/static/development-bundle/external/cookie/jquery.cookie.min.js
new file mode 100644
index 0000000..cb09af9
--- /dev/null
+++ b/static/development-bundle/external/cookie/jquery.cookie.min.js
@@ -0,0 +1,10 @@
+/**
+ * Cookie plugin
+ *
+ * Copyright (c) 2006 Klaus Hartl (stilbuero.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ */
+jQuery.cookie=function(name,value,options){if(typeof value!='undefined'){options=options||{};if(value===null){value='';options=$.extend({},options);options.expires=-1;}var expires='';if(options.expires&&(typeof options.expires=='number'||options.expires.toUTCString)){var date;if(typeof options.expires=='number'){date=new Date();date.setTime(date.getTime()+(options.expires*24*60*60*1000));}else{date=options.expires;}expires='; expires='+date.toUTCString();}var path=options.path?'; path='+(options.path):'';var domain=options.domain?'; domain='+(options.domain):'';var secure=options.secure?'; secure':'';document.cookie=[name,'=',encodeURIComponent(value),expires,path,domain,secure].join('');}else{var cookieValue=null;if(document.cookie&&document.cookie!=''){var cookies=document.cookie.split(';');for(var i=0;i<cookies.length;i++){var cookie=jQuery.trim(cookies[i]);if(cookie.substring(0,name.length+1)==(name+'=')){cookieValue=decodeURIComponent(cookie.substring(name.length+1));break;}}}return cookieValue;}};
\ No newline at end of file
diff --git a/static/development-bundle/external/cookie/jquery.cookie.pack.js b/static/development-bundle/external/cookie/jquery.cookie.pack.js
new file mode 100644
index 0000000..adf66b7
--- /dev/null
+++ b/static/development-bundle/external/cookie/jquery.cookie.pack.js
@@ -0,0 +1,10 @@
+/**
+ * Cookie plugin
+ *
+ * Copyright (c) 2006 Klaus Hartl (stilbuero.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ */
+eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('q.5=x(k,d,a){4(m d!=\'H\'){a=a||{};4(d===p){d=\'\';a=$.A({},a);a.3=-1}2 g=\'\';4(a.3&&(m a.3==\'u\'||a.3.s)){2 f;4(m a.3==\'u\'){f=F C();f.B(f.z()+(a.3*y*o*o*v))}n{f=a.3}g=\'; 3=\'+f.s()}2 b=a.7?\'; 7=\'+(a.7):\'\';2 e=a.9?\'; 9=\'+(a.9):\'\';2 l=a.t?\'; t\':\'\';6.5=[k,\'=\',L(d),g,b,e,l].K(\'\')}n{2 h=p;4(6.5&&6.5!=\'\'){2 c=6.5.E(\';\');D(2 i=0;i<c.8;i++){2 j=q.G(c[i]);4(j.r(0,k.8+1)==(k+\'=\')){h=I(j.r(k.8+1));J}}}w h}};',48,48,'||var|expires|if|cookie|document|path|length|domain|||||||||||||typeof|else|60|null|jQuery|substring|toUTCString|secure|number|1000|return|function|24|getTime|extend|setTime|Date|for|split|new|trim|undefined|decodeURIComponent|break|join|encodeURIComponent'.split('|'),0,{}))
\ No newline at end of file
diff --git a/static/development-bundle/external/cookie/jquery.cookie.zip b/static/development-bundle/external/cookie/jquery.cookie.zip
new file mode 100644
index 0000000..90f540b
--- /dev/null
+++ b/static/development-bundle/external/cookie/jquery.cookie.zip
diff --git a/static/development-bundle/external/jsdiff/jsdiff.js b/static/development-bundle/external/jsdiff/jsdiff.js
new file mode 100644
index 0000000..31c3a27
--- /dev/null
+++ b/static/development-bundle/external/jsdiff/jsdiff.js
@@ -0,0 +1,159 @@
+/*
+ * Javascript Diff Algorithm
+ *  By John Resig (http://ejohn.org/)
+ *  Modified by Chu Alan "sprite"
+ *
+ * More Info:
+ *  http://ejohn.org/projects/javascript-diff-algorithm/
+ */
+
+function escape(s) {
+    var n = s;
+    n = n.replace(/&/g, "&amp;");
+    n = n.replace(/</g, "&lt;");
+    n = n.replace(/>/g, "&gt;");
+    n = n.replace(/"/g, "&quot;");
+
+    return n;
+}
+
+function diffString( o, n ) {
+  o = o.replace(/\s+$/, '');
+  n = n.replace(/\s+$/, '');
+
+  var out = diff(o == "" ? [] : o.split(/\s+/), n == "" ? [] : n.split(/\s+/) );
+  var str = "";
+
+  var oSpace = o.match(/\s+/g);
+  if (oSpace == null) {
+    oSpace = ["\n"];
+  } else {
+    oSpace.push("\n");
+  }
+  var nSpace = n.match(/\s+/g);
+  if (nSpace == null) {
+    nSpace = ["\n"];
+  } else {
+    nSpace.push("\n");
+  }
+
+  if (out.n.length == 0) {
+      for (var i = 0; i < out.o.length; i++) {
+        str += '<del>' + escape(out.o[i]) + oSpace[i] + "</del>";
+      }
+  } else {
+    if (out.n[0].text == null) {
+      for (n = 0; n < out.o.length && out.o[n].text == null; n++) {
+        str += '<del>' + escape(out.o[n]) + oSpace[n] + "</del>";
+      }
+    }
+
+    for ( var i = 0; i < out.n.length; i++ ) {
+      if (out.n[i].text == null) {
+        str += '<ins>' + escape(out.n[i]) + nSpace[i] + "</ins>";
+      } else {
+        var pre = "";
+
+        for (n = out.n[i].row + 1; n < out.o.length && out.o[n].text == null; n++ ) {
+          pre += '<del>' + escape(out.o[n]) + oSpace[n] + "</del>";
+        }
+        str += " " + out.n[i].text + nSpace[i] + pre;
+      }
+    }
+  }
+  
+  return str;
+}
+
+function randomColor() {
+    return "rgb(" + (Math.random() * 100) + "%, " + 
+                    (Math.random() * 100) + "%, " + 
+                    (Math.random() * 100) + "%)";
+}
+function diffString2( o, n ) {
+  o = o.replace(/\s+$/, '');
+  n = n.replace(/\s+$/, '');
+
+  var out = diff(o == "" ? [] : o.split(/\s+/), n == "" ? [] : n.split(/\s+/) );
+
+  var oSpace = o.match(/\s+/g);
+  if (oSpace == null) {
+    oSpace = ["\n"];
+  } else {
+    oSpace.push("\n");
+  }
+  var nSpace = n.match(/\s+/g);
+  if (nSpace == null) {
+    nSpace = ["\n"];
+  } else {
+    nSpace.push("\n");
+  }
+
+  var os = "";
+  var colors = new Array();
+  for (var i = 0; i < out.o.length; i++) {
+      colors[i] = randomColor();
+
+      if (out.o[i].text != null) {
+          os += '<span style="background-color: ' +colors[i]+ '">' + 
+                escape(out.o[i].text) + oSpace[i] + "</span>";
+      } else {
+          os += "<del>" + escape(out.o[i]) + oSpace[i] + "</del>";
+      }
+  }
+
+  var ns = "";
+  for (var i = 0; i < out.n.length; i++) {
+      if (out.n[i].text != null) {
+          ns += '<span style="background-color: ' +colors[out.n[i].row]+ '">' + 
+                escape(out.n[i].text) + nSpace[i] + "</span>";
+      } else {
+          ns += "<ins>" + escape(out.n[i]) + nSpace[i] + "</ins>";
+      }
+  }
+
+  return { o : os , n : ns };
+}
+
+function diff( o, n ) {
+  var ns = new Object();
+  var os = new Object();
+  
+  for ( var i = 0; i < n.length; i++ ) {
+    if ( ns[ n[i] ] == null )
+      ns[ n[i] ] = { rows: new Array(), o: null };
+    ns[ n[i] ].rows.push( i );
+  }
+  
+  for ( var i = 0; i < o.length; i++ ) {
+    if ( os[ o[i] ] == null )
+      os[ o[i] ] = { rows: new Array(), n: null };
+    os[ o[i] ].rows.push( i );
+  }
+  
+  for ( var i in ns ) {
+    if ( ns[i].rows.length == 1 && typeof(os[i]) != "undefined" && os[i].rows.length == 1 ) {
+      n[ ns[i].rows[0] ] = { text: n[ ns[i].rows[0] ], row: os[i].rows[0] };
+      o[ os[i].rows[0] ] = { text: o[ os[i].rows[0] ], row: ns[i].rows[0] };
+    }
+  }
+  
+  for ( var i = 0; i < n.length - 1; i++ ) {
+    if ( n[i].text != null && n[i+1].text == null && n[i].row + 1 < o.length && o[ n[i].row + 1 ].text == null && 
+         n[i+1] == o[ n[i].row + 1 ] ) {
+      n[i+1] = { text: n[i+1], row: n[i].row + 1 };
+      o[n[i].row+1] = { text: o[n[i].row+1], row: i + 1 };
+    }
+  }
+  
+  for ( var i = n.length - 1; i > 0; i-- ) {
+    if ( n[i].text != null && n[i-1].text == null && n[i].row > 0 && o[ n[i].row - 1 ].text == null && 
+         n[i-1] == o[ n[i].row - 1 ] ) {
+      n[i-1] = { text: n[i-1], row: n[i].row - 1 };
+      o[n[i].row-1] = { text: o[n[i].row-1], row: i - 1 };
+    }
+  }
+  
+  return { o: o, n: n };
+}
+
diff --git a/static/development-bundle/external/qunit/testrunner.js b/static/development-bundle/external/qunit/testrunner.js
new file mode 100644
index 0000000..50fc359
--- /dev/null
+++ b/static/development-bundle/external/qunit/testrunner.js
@@ -0,0 +1,780 @@
+/*
+ * QUnit - jQuery unit testrunner
+ * 
+ * http://docs.jquery.com/QUnit
+ *
+ * Copyright (c) 2008 John Resig, Jörn Zaefferer
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * $Id: testrunner.js 6173 2009-02-02 20:09:32Z jeresig $
+ */
+
+(function($) {
+
+// Tests for equality any JavaScript type and structure without unexpected results.
+// Discussions and reference: http://philrathe.com/articles/equiv
+// Test suites: http://philrathe.com/tests/equiv
+// Author: Philippe Rathé <prathe@gmail.com>
+var equiv = function () {
+
+    var innerEquiv; // the real equiv function
+    var callers = []; // stack to decide between skip/abort functions
+
+    // Determine what is o.
+    function hoozit(o) {
+        if (typeof o === "string") {
+            return "string";
+
+        } else if (typeof o === "boolean") {
+            return "boolean";
+
+        } else if (typeof o === "number") {
+
+            if (isNaN(o)) {
+                return "nan";
+            } else {
+                return "number";
+            }
+
+        } else if (typeof o === "undefined") {
+            return "undefined";
+
+        // consider: typeof null === object
+        } else if (o === null) {
+            return "null";
+
+        // consider: typeof [] === object
+        } else if (o instanceof Array) {
+            return "array";
+        
+        // consider: typeof new Date() === object
+        } else if (o instanceof Date) {
+            return "date";
+
+        // consider: /./ instanceof Object;
+        //           /./ instanceof RegExp;
+        //          typeof /./ === "function"; // => false in IE and Opera,
+        //                                          true in FF and Safari
+        } else if (o instanceof RegExp) {
+            return "regexp";
+
+        } else if (typeof o === "object") {
+            return "object";
+
+        } else if (o instanceof Function) {
+            return "function";
+        }
+    }
+
+    // Call the o related callback with the given arguments.
+    function bindCallbacks(o, callbacks, args) {
+        var prop = hoozit(o);
+        if (prop) {
+            if (hoozit(callbacks[prop]) === "function") {
+                return callbacks[prop].apply(callbacks, args);
+            } else {
+                return callbacks[prop]; // or undefined
+            }
+        }
+    }
+
+    var callbacks = function () {
+
+        // for string, boolean, number and null
+        function useStrictEquality(b, a) {
+            return a === b;
+        }
+
+        return {
+            "string": useStrictEquality,
+            "boolean": useStrictEquality,
+            "number": useStrictEquality,
+            "null": useStrictEquality,
+            "undefined": useStrictEquality,
+
+            "nan": function (b) {
+                return isNaN(b);
+            },
+
+            "date": function (b, a) {
+                return hoozit(b) === "date" && a.valueOf() === b.valueOf();
+            },
+
+            "regexp": function (b, a) {
+                return hoozit(b) === "regexp" &&
+                    a.source === b.source && // the regex itself
+                    a.global === b.global && // and its modifers (gmi) ...
+                    a.ignoreCase === b.ignoreCase &&
+                    a.multiline === b.multiline;
+            },
+
+            // - skip when the property is a method of an instance (OOP)
+            // - abort otherwise,
+            //   initial === would have catch identical references anyway
+            "function": function () {
+                var caller = callers[callers.length - 1];
+                return caller !== Object &&
+                        typeof caller !== "undefined";
+            },
+
+            "array": function (b, a) {
+                var i;
+                var len;
+
+                // b could be an object literal here
+                if ( ! (hoozit(b) === "array")) {
+                    return false;
+                }
+
+                len = a.length;
+                if (len !== b.length) { // safe and faster
+                    return false;
+                }
+                for (i = 0; i < len; i++) {
+                    if( ! innerEquiv(a[i], b[i])) {
+                        return false;
+                    }
+                }
+                return true;
+            },
+
+            "object": function (b, a) {
+                var i;
+                var eq = true; // unless we can proove it
+                var aProperties = [], bProperties = []; // collection of strings
+
+                // comparing constructors is more strict than using instanceof
+                if ( a.constructor !== b.constructor) {
+                    return false;
+                }
+
+                // stack constructor before traversing properties
+                callers.push(a.constructor);
+
+                for (i in a) { // be strict: don't ensures hasOwnProperty and go deep
+
+                    aProperties.push(i); // collect a's properties
+
+                    if ( ! innerEquiv(a[i], b[i])) {
+                        eq = false;
+                    }
+                }
+
+                callers.pop(); // unstack, we are done
+
+                for (i in b) {
+                    bProperties.push(i); // collect b's properties
+                }
+
+                // Ensures identical properties name
+                return eq && innerEquiv(aProperties.sort(), bProperties.sort());
+            }
+        };
+    }();
+
+    innerEquiv = function () { // can take multiple arguments
+        var args = Array.prototype.slice.apply(arguments);
+        if (args.length < 2) {
+            return true; // end transition
+        }
+
+        return (function (a, b) {
+            if (a === b) {
+                return true; // catch the most you can
+
+            } else if (typeof a !== typeof b || a === null || b === null || typeof a === "undefined" || typeof b === "undefined") {
+                return false; // don't lose time with error prone cases
+
+            } else {
+                return bindCallbacks(a, callbacks, [b, a]);
+            }
+
+        // apply transition with (1..n) arguments
+        })(args[0], args[1]) && arguments.callee.apply(this, args.splice(1, args.length -1));
+    };
+
+    return innerEquiv;
+}(); // equiv
+
+var GETParams = $.map( location.search.slice(1).split('&'), decodeURIComponent ),
+        ngindex = $.inArray("noglobals", GETParams),
+        noglobals = ngindex !== -1;
+
+if( noglobals )
+        GETParams.splice( ngindex, 1 );
+        
+var config = {
+        stats: {
+                all: 0,
+                bad: 0
+        },
+        queue: [],
+        // block until document ready
+        blocking: true,
+        //restrict modules/tests by get parameters
+        filters: GETParams,
+        isLocal: !!(window.location.protocol == 'file:')
+};
+
+// public API as global methods
+$.extend(window, {
+        test: test,
+        module: module,
+        expect: expect,
+        ok: ok,
+        equals: equals,
+        start: start,
+        stop: stop,
+        reset: reset,
+        isLocal: config.isLocal,
+        same: function(a, b, message) {
+                push(equiv(a, b), a, b, message);
+        },
+        QUnit: {
+                equiv: equiv,
+                ok: ok,
+                done: function(failures, total){},
+                log: function(result, message){}
+        },
+        // legacy methods below
+        isSet: isSet,
+        isObj: isObj,
+        compare: function() {
+                throw "compare is deprecated - use same() instead";
+        },
+        compare2: function() {
+                throw "compare2 is deprecated - use same() instead";
+        },
+        serialArray: function() {
+                throw "serialArray is deprecated - use jsDump.parse() instead";
+        },
+        q: q,
+        t: t,
+        url: url,
+        triggerEvent: triggerEvent
+});
+
+$(window).load(function() {
+        $('#userAgent').html(navigator.userAgent);
+        var head = $('<div class="testrunner-toolbar"><label for="filter-pass">Hide passed tests</label></div>').insertAfter("#userAgent");
+        $('<input type="checkbox" id="filter-pass" />').attr("disabled", true).prependTo(head).click(function() {
+                $('li.pass')[this.checked ? 'hide' : 'show']();
+        });
+        $('<input type="checkbox" id="filter-missing">').attr("disabled", true).appendTo(head).click(function() {
+                $("li.fail:contains('missing test - untested code is broken code')").parent('ol').parent('li.fail')[this.checked ? 'hide' : 'show']();
+        });
+        $("#filter-missing").after('<label for="filter-missing">Hide missing tests (untested code is broken code)</label>');
+        runTest();      
+});
+
+function synchronize(callback) {
+        config.queue.push(callback);
+        if(!config.blocking) {
+                process();
+        }
+}
+
+function process() {
+        while(config.queue.length && !config.blocking) {
+                config.queue.shift()();
+        }
+}
+
+function stop(timeout) {
+        config.blocking = true;
+        if (timeout)
+                config.timeout = setTimeout(function() {
+                        QUnit.ok( false, "Test timed out" );
+                        start();
+                }, timeout);
+}
+function start() {
+        // A slight delay, to avoid any current callbacks
+        setTimeout(function() {
+                if(config.timeout)
+                        clearTimeout(config.timeout);
+                config.blocking = false;
+                process();
+        }, 13);
+}
+
+function validTest( name ) {
+        var i = config.filters.length,
+                run = false;
+
+        if( !i )
+                return true;
+        
+        while( i-- ){
+                var filter = config.filters[i],
+                        not = filter.charAt(0) == '!';
+                if( not ) 
+                        filter = filter.slice(1);
+                if( name.indexOf(filter) != -1 )
+                        return !not;
+                if( not )
+                        run = true;
+        }
+        return run;
+}
+
+function runTest() {
+        config.blocking = false;
+        var started = +new Date;
+        config.fixture = document.getElementById('main').innerHTML;
+        config.ajaxSettings = $.ajaxSettings;
+        synchronize(function() {
+                $('<p id="testresult" class="result"/>').html(['Tests completed in ',
+                        +new Date - started, ' milliseconds.<br/>',
+                        '<span class="bad">', config.stats.bad, '</span> tests of <span class="all">', config.stats.all, '</span> failed.']
+                        .join(''))
+                        .appendTo("body");
+                $("#banner").addClass(config.stats.bad ? "fail" : "pass");
+                QUnit.done( config.stats.bad, config.stats.all );
+        });
+}
+
+var pollution;
+
+function saveGlobal(){
+        pollution = [ ];
+        
+        if( noglobals )
+                for( var key in window )
+                        pollution.push(key);
+}
+function checkPollution( name ){
+        var old = pollution;
+        saveGlobal();
+        
+        if( pollution.length > old.length ){
+                ok( false, "Introduced global variable(s): " + diff(old, pollution).join(", ") );
+                config.expected++;
+        }
+}
+
+function diff( clean, dirty ){
+        return $.grep( dirty, function(name){
+                return $.inArray( name, clean ) == -1;
+        });
+}
+
+function test(name, callback) {
+        if(config.currentModule)
+                name = config.currentModule + " module: " + name;
+        var lifecycle = $.extend({
+                setup: function() {},
+                teardown: function() {}
+        }, config.moduleLifecycle);
+        
+        if ( !validTest(name) )
+                return;
+        
+        synchronize(function() {
+                config.assertions = [];
+                config.expected = null;
+                try {
+                        if( !pollution )
+                                saveGlobal();
+                        lifecycle.setup();
+                } catch(e) {
+                        QUnit.ok( false, "Setup failed on " + name + ": " + e.message );
+                }
+        })
+        synchronize(function() {
+                try {
+                        callback();
+                } catch(e) {
+                        if( typeof console != "undefined" && console.error && console.warn ) {
+                                console.error("Test " + name + " died, exception and test follows");
+                                console.error(e);
+                                console.warn(callback.toString());
+                        }
+                        QUnit.ok( false, "Died on test #" + (config.assertions.length + 1) + ": " + e.message );
+                        // else next test will carry the responsibility
+                        saveGlobal();
+                }
+        });
+        synchronize(function() {
+                try {
+                        checkPollution();
+                        lifecycle.teardown();
+                } catch(e) {
+                        QUnit.ok( false, "Teardown failed on " + name + ": " + e.message );
+                }
+        })
+        synchronize(function() {
+                try {
+                        reset();
+                } catch(e) {
+                        if( typeof console != "undefined" && console.error && console.warn ) {
+                                console.error("reset() failed, following Test " + name + ", exception and reset fn follows");
+                                console.error(e);
+                                console.warn(reset.toString());
+                        }
+                }
+                
+                if(config.expected && config.expected != config.assertions.length) {
+                        QUnit.ok( false, "Expected " + config.expected + " assertions, but " + config.assertions.length + " were run" );
+                }
+                
+                var good = 0, bad = 0;
+                var ol  = $("<ol/>").hide();
+                config.stats.all += config.assertions.length;
+                for ( var i = 0; i < config.assertions.length; i++ ) {
+                        var assertion = config.assertions[i];
+                        $("<li/>").addClass(assertion.result ? "pass" : "fail").text(assertion.message || "(no message)").appendTo(ol);
+                        assertion.result ? good++ : bad++;
+                }
+                config.stats.bad += bad;
+        
+                var b = $("<strong/>").html(name + " <b style='color:black;'>(<b class='fail'>" + bad + "</b>, <b class='pass'>" + good + "</b>, " + config.assertions.length + ")</b>")
+                .click(function(){
+                        $(this).next().toggle();
+                })
+                .dblclick(function(event) {
+                        var target = $(event.target).filter("strong").clone();
+                        if ( target.length ) {
+                                target.children().remove();
+                                location.href = location.href.match(/^(.+?)(\?.*)?$/)[1] + "?" + encodeURIComponent($.trim(target.text()));
+                        }
+                });
+                
+                $("<li/>").addClass(bad ? "fail" : "pass").append(b).append(ol).appendTo("#tests");
+        
+                if(bad) {
+                        $("#filter-pass").attr("disabled", null);
+                        $("#filter-missing").attr("disabled", null);
+                }
+        });
+}
+
+// call on start of module test to prepend name to all tests
+function module(name, lifecycle) {
+        config.currentModule = name;
+        config.moduleLifecycle = lifecycle;
+}
+
+/**
+ * Specify the number of expected assertions to gurantee that failed test (no assertions are run at all) don't slip through.
+ */
+function expect(asserts) {
+        config.expected = asserts;
+}
+
+/**
+ * Resets the test setup. Useful for tests that modify the DOM.
+ */
+function reset() {
+        $("#main").html( config.fixture );
+        $.event.global = {};
+        $.ajaxSettings = $.extend({}, config.ajaxSettings);
+}
+
+/**
+ * Asserts true.
+ * @example ok( $("a").size() > 5, "There must be at least 5 anchors" );
+ */
+function ok(a, msg) {
+        QUnit.log(a, msg);
+
+        config.assertions.push({
+                result: !!a,
+                message: msg
+        });
+}
+
+/**
+ * Asserts that two arrays are the same
+ */
+function isSet(a, b, msg) {
+        function serialArray( a ) {
+                var r = [];
+                
+                if ( a && a.length )
+                for ( var i = 0; i < a.length; i++ ) {
+                    var str = a[i].nodeName;
+                    if ( str ) {
+                        str = str.toLowerCase();
+                        if ( a[i].id )
+                            str += "#" + a[i].id;
+                    } else
+                        str = a[i];
+                    r.push( str );
+                }
+        
+                return "[ " + r.join(", ") + " ]";
+        }
+        var ret = true;
+        if ( a && b && a.length != undefined && a.length == b.length ) {
+                for ( var i = 0; i < a.length; i++ )
+                        if ( a[i] != b[i] )
+                                ret = false;
+        } else
+                ret = false;
+        QUnit.ok( ret, !ret ? (msg + " expected: " + serialArray(b) + " result: " + serialArray(a)) : msg );
+}
+
+/**
+ * Asserts that two objects are equivalent
+ */
+function isObj(a, b, msg) {
+        var ret = true;
+        
+        if ( a && b ) {
+                for ( var i in a )
+                        if ( a[i] != b[i] )
+                                ret = false;
+
+                for ( i in b )
+                        if ( a[i] != b[i] )
+                                ret = false;
+        } else
+                ret = false;
+
+    QUnit.ok( ret, msg );
+}
+
+/**
+ * Returns an array of elements with the given IDs, eg.
+ * @example q("main", "foo", "bar")
+ * @result [<div id="main">, <span id="foo">, <input id="bar">]
+ */
+function q() {
+        var r = [];
+        for ( var i = 0; i < arguments.length; i++ )
+                r.push( document.getElementById( arguments[i] ) );
+        return r;
+}
+
+/**
+ * Asserts that a select matches the given IDs
+ * @example t("Check for something", "//[a]", ["foo", "baar"]);
+ * @result returns true if "//[a]" return two elements with the IDs 'foo' and 'baar'
+ */
+function t(a,b,c) {
+        var f = $(b);
+        var s = "";
+        for ( var i = 0; i < f.length; i++ )
+                s += (s && ",") + '"' + f[i].id + '"';
+        isSet(f, q.apply(q,c), a + " (" + b + ")");
+}
+
+/**
+ * Add random number to url to stop IE from caching
+ *
+ * @example url("data/test.html")
+ * @result "data/test.html?10538358428943"
+ *
+ * @example url("data/test.php?foo=bar")
+ * @result "data/test.php?foo=bar&10538358345554"
+ */
+function url(value) {
+        return value + (/\?/.test(value) ? "&" : "?") + new Date().getTime() + "" + parseInt(Math.random()*100000);
+}
+
+/**
+ * Checks that the first two arguments are equal, with an optional message.
+ * Prints out both actual and expected values.
+ *
+ * Prefered to ok( actual == expected, message )
+ *
+ * @example equals( $.format("Received {0} bytes.", 2), "Received 2 bytes." );
+ *
+ * @param Object actual
+ * @param Object expected
+ * @param String message (optional)
+ */
+function equals(actual, expected, message) {
+        push(expected == actual, actual, expected, message);
+}
+
+function push(result, actual, expected, message) {
+        message = message || (result ? "okay" : "failed");
+        QUnit.ok( result, result ? message + ": " + expected : message + ", expected: " + jsDump.parse(expected) + " result: " + jsDump.parse(actual) );
+}
+
+/**
+ * Trigger an event on an element.
+ *
+ * @example triggerEvent( document.body, "click" );
+ *
+ * @param DOMElement elem
+ * @param String type
+ */
+function triggerEvent( elem, type, event ) {
+        if ( $.browser.mozilla || $.browser.opera ) {
+                event = document.createEvent("MouseEvents");
+                event.initMouseEvent(type, true, true, elem.ownerDocument.defaultView,
+                        0, 0, 0, 0, 0, false, false, false, false, 0, null);
+                elem.dispatchEvent( event );
+        } else if ( $.browser.msie ) {
+                elem.fireEvent("on"+type);
+        }
+}
+
+})(jQuery);
+
+/**
+ * jsDump
+ * Copyright (c) 2008 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
+ * Licensed under BSD (http://www.opensource.org/licenses/bsd-license.php)
+ * Date: 5/15/2008
+ * @projectDescription Advanced and extensible data dumping for Javascript.
+ * @version 1.0.0
+ * @author Ariel Flesler
+ * @link {http://flesler.blogspot.com/2008/05/jsdump-pretty-dump-of-any-javascript.html}
+ */
+(function(){
+        function quote( str ){
+                return '"' + str.toString().replace(/"/g, '\\"') + '"';
+        };
+        function literal( o ){
+                return o + '';  
+        };
+        function join( pre, arr, post ){
+                var s = jsDump.separator(),
+                        base = jsDump.indent();
+                        inner = jsDump.indent(1);
+                if( arr.join )
+                        arr = arr.join( ',' + s + inner );
+                if( !arr )
+                        return pre + post;
+                return [ pre, inner + arr, base + post ].join(s);
+        };
+        function array( arr ){
+                var i = arr.length,     ret = Array(i);                                 
+                this.up();
+                while( i-- )
+                        ret[i] = this.parse( arr[i] );                          
+                this.down();
+                return join( '[', ret, ']' );
+        };
+        
+        var reName = /^function (\w+)/;
+        
+        var jsDump = window.jsDump = {
+                parse:function( obj, type ){//type is used mostly internally, you can fix a (custom)type in advance
+                        var     parser = this.parsers[ type || this.typeOf(obj) ];
+                        type = typeof parser;                   
+                        
+                        return type == 'function' ? parser.call( this, obj ) :
+                                   type == 'string' ? parser :
+                                   this.parsers.error;
+                },
+                typeOf:function( obj ){
+                        var type = typeof obj,
+                                f = 'function';//we'll use it 3 times, save it
+                        return type != 'object' && type != f ? type :
+                                !obj ? 'null' :
+                                obj.exec ? 'regexp' :// some browsers (FF) consider regexps functions
+                                obj.getHours ? 'date' :
+                                obj.scrollBy ?  'window' :
+                                obj.nodeName == '#document' ? 'document' :
+                                obj.nodeName ? 'node' :
+                                obj.item ? 'nodelist' : // Safari reports nodelists as functions
+                                obj.callee ? 'arguments' :
+                                obj.call || obj.constructor != Array && //an array would also fall on this hack
+                                        (obj+'').indexOf(f) != -1 ? f : //IE reports functions like alert, as objects
+                                'length' in obj ? 'array' :
+                                type;
+                },
+                separator:function(){
+                        return this.multiline ? this.HTML ? '<br />' : '\n' : this.HTML ? '&nbsp;' : ' ';
+                },
+                indent:function( extra ){// extra can be a number, shortcut for increasing-calling-decreasing
+                        if( !this.multiline )
+                                return '';
+                        var chr = this.indentChar;
+                        if( this.HTML )
+                                chr = chr.replace(/\t/g,'   ').replace(/ /g,'&nbsp;');
+                        return Array( this._depth_ + (extra||0) ).join(chr);
+                },
+                up:function( a ){
+                        this._depth_ += a || 1;
+                },
+                down:function( a ){
+                        this._depth_ -= a || 1;
+                },
+                setParser:function( name, parser ){
+                        this.parsers[name] = parser;
+                },
+                // The next 3 are exposed so you can use them
+                quote:quote, 
+                literal:literal,
+                join:join,
+                //
+                _depth_: 1,
+                // This is the list of parsers, to modify them, use jsDump.setParser
+                parsers:{
+                        window: '[Window]',
+                        document: '[Document]',
+                        error:'[ERROR]', //when no parser is found, shouldn't happen
+                        unknown: '[Unknown]',
+                        'null':'null',
+                        undefined:'undefined',
+                        'function':function( fn ){
+                                var ret = 'function',
+                                        name = 'name' in fn ? fn.name : (reName.exec(fn)||[])[1];//functions never have name in IE
+                                if( name )
+                                        ret += ' ' + name;
+                                ret += '(';
+                                
+                                ret = [ ret, this.parse( fn, 'functionArgs' ), '){'].join('');
+                                return join( ret, this.parse(fn,'functionCode'), '}' );
+                        },
+                        array: array,
+                        nodelist: array,
+                        arguments: array,
+                        object:function( map ){
+                                var ret = [ ];
+                                this.up();
+                                for( var key in map )
+                                        ret.push( this.parse(key,'key') + ': ' + this.parse(map[key]) );
+                                this.down();
+                                return join( '{', ret, '}' );
+                        },
+                        node:function( node ){
+                                var open = this.HTML ? '&lt;' : '<',
+                                        close = this.HTML ? '&gt;' : '>';
+                                        
+                                var tag = node.nodeName.toLowerCase(),
+                                        ret = open + tag;
+                                        
+                                for( var a in this.DOMAttrs ){
+                                        var val = node[this.DOMAttrs[a]];
+                                        if( val )
+                                                ret += ' ' + a + '=' + this.parse( val, 'attribute' );
+                                }
+                                return ret + close + open + '/' + tag + close;
+                        },
+                        functionArgs:function( fn ){//function calls it internally, it's the arguments part of the function
+                                var l = fn.length;
+                                if( !l ) return '';                             
+                                
+                                var args = Array(l);
+                                while( l-- )
+                                        args[l] = String.fromCharCode(97+l);//97 is 'a'
+                                return ' ' + args.join(', ') + ' ';
+                        },
+                        key:quote, //object calls it internally, the key part of an item in a map
+                        functionCode:'[code]', //function calls it internally, it's the content of the function
+                        attribute:quote, //node calls it internally, it's an html attribute value
+                        string:quote,
+                        date:quote,
+                        regexp:literal, //regex
+                        number:literal,
+                        'boolean':literal
+                },
+                DOMAttrs:{//attributes to dump from nodes, name=>realName
+                        id:'id',
+                        name:'name',
+                        'class':'className'
+                },
+                HTML:false,//if true, entities are escaped ( <, >, \t, space and \n )
+                indentChar:'   ',//indentation unit
+                multiline:true //if true, items in a collection, are separated by a \n, else just a space.
+        };
+
+})();
diff --git a/static/development-bundle/external/qunit/testsuite.css b/static/development-bundle/external/qunit/testsuite.css
new file mode 100644
index 0000000..dbfc43a
--- /dev/null
+++ b/static/development-bundle/external/qunit/testsuite.css
@@ -0,0 +1,120 @@
+body, div, h1 { font-family: 'trebuchet ms', verdana, arial; margin: 0; padding: 0 }
+body {font-size: 10pt; }
+h1 { padding: 15px; font-size: large; background-color: #06b; color: white; }
+h1 a { color: white; }
+h2 { padding: 10px; background-color: #eee; color: black; margin: 0; font-size: small; font-weight: normal }
+
+.pass { color: green; } 
+.fail { color: red; } 
+p.result { margin-left: 1em; }
+
+#banner { height: 2em; border-bottom: 1px solid white; }
+h2.pass { background-color: green; }
+h2.fail { background-color: red; }
+
+div.testrunner-toolbar { background: #eee; border-top: 1px solid black; padding: 10px; }
+
+ol#tests > li > strong { cursor:pointer; }
+
+div#fx-tests h4 {
+        background: red;
+}
+
+div#fx-tests h4.pass {
+        background: green;
+}
+
+div#fx-tests div.box {
+        background: red url(data/cow.jpg) no-repeat;
+        overflow: hidden;
+        border: 2px solid #000;
+}
+
+div#fx-tests div.overflow {
+        overflow: visible;
+}
+
+div.inline {
+        display: inline;
+}
+
+div.autoheight {
+        height: auto;
+}
+
+div.autowidth {
+        width: auto;
+}
+
+div.autoopacity {
+        opacity: auto;
+}
+
+div.largewidth {
+        width: 100px;
+}
+
+div.largeheight {
+        height: 100px;
+}
+
+div.largeopacity {
+        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+}
+
+div.medwidth {
+        width: 50px;
+}
+
+div.medheight {
+        height: 50px;
+}
+
+div.medopacity {
+        opacity: 0.5;
+        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
+}
+
+div.nowidth {
+        width: 0px;
+}
+
+div.noheight {
+        height: 0px;
+}
+
+div.noopacity {
+        opacity: 0;
+        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+}
+
+div.hidden {
+        display: none;
+}
+
+div#fx-tests div.widewidth {
+        background-repeat: repeat-x;
+}
+
+div#fx-tests div.wideheight {
+        background-repeat: repeat-y;
+}
+
+div#fx-tests div.widewidth.wideheight {
+        background-repeat: repeat;
+}
+
+div#fx-tests div.noback {
+        background-image: none;
+}
+
+div.chain, div.chain div { width: 100px; height: 20px; position: relative; float: left; }
+div.chain div { position: absolute; top: 0px; left: 0px; }
+
+div.chain.test { background: red; }
+div.chain.test div { background: green; }
+
+div.chain.out { background: green; }
+div.chain.out div { background: red; display: none; }
+
+div#show-tests * { display: none; }
diff --git a/static/development-bundle/external/simulate/jquery.simulate.js b/static/development-bundle/external/simulate/jquery.simulate.js
new file mode 100644
index 0000000..d52140b
--- /dev/null
+++ b/static/development-bundle/external/simulate/jquery.simulate.js
@@ -0,0 +1,152 @@
+/*
+ * jquery.simulate - simulate browser mouse and keyboard events
+ *
+ * Copyright (c) 2009 Eduardo Lundgren (eduardolundgren@gmail.com)
+ * and Richard D. Worth (rdworth@gmail.com)
+ *
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) 
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+ *
+ */
+
+;(function($) {
+
+$.fn.extend({
+        simulate: function(type, options) {
+                return this.each(function() {
+                        var opt = $.extend({}, $.simulate.defaults, options || {});
+                        new $.simulate(this, type, opt);
+                });
+        }
+});
+
+$.simulate = function(el, type, options) {
+        this.target = el;
+        this.options = options;
+
+        if (/^drag$/.test(type)) {
+                this[type].apply(this, [this.target, options]);
+        } else {
+                this.simulateEvent(el, type, options);
+        }
+}
+
+$.extend($.simulate.prototype, {
+        simulateEvent: function(el, type, options) {
+                var evt = this.createEvent(type, options);
+                this.dispatchEvent(el, type, evt, options);
+                return evt;
+        },
+        createEvent: function(type, options) {
+                if (/^mouse(over|out|down|up|move)|(dbl)?click$/.test(type)) {
+                        return this.mouseEvent(type, options);
+                } else if (/^key(up|down|press)$/.test(type)) {
+                        return this.keyboardEvent(type, options);
+                }
+        },
+        mouseEvent: function(type, options) {
+                var evt;
+                var e = $.extend({
+                        bubbles: true, cancelable: (type != "mousemove"), view: window, detail: 0,
+                        screenX: 0, screenY: 0, clientX: 0, clientY: 0,
+                        ctrlKey: false, altKey: false, shiftKey: false, metaKey: false,
+                        button: 0, relatedTarget: undefined
+                }, options);
+
+                var relatedTarget = $(e.relatedTarget)[0];
+
+                if ($.isFunction(document.createEvent)) {
+                        evt = document.createEvent("MouseEvents");
+                        evt.initMouseEvent(type, e.bubbles, e.cancelable, e.view, e.detail,
+                                e.screenX, e.screenY, e.clientX, e.clientY,
+                                e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,
+                                e.button, e.relatedTarget || document.body.parentNode);
+                } else if (document.createEventObject) {
+                        evt = document.createEventObject();
+                        $.extend(evt, e);
+                        evt.button = { 0:1, 1:4, 2:2 }[evt.button] || evt.button;
+                }
+                return evt;
+        },
+        keyboardEvent: function(type, options) {
+                var evt;
+
+                var e = $.extend({ bubbles: true, cancelable: true, view: window,
+                        ctrlKey: false, altKey: false, shiftKey: false, metaKey: false,
+                        keyCode: 0, charCode: 0
+                }, options);
+
+                if ($.isFunction(document.createEvent)) {
+                        try {
+                                evt = document.createEvent("KeyEvents");
+                                evt.initKeyEvent(type, e.bubbles, e.cancelable, e.view,
+                                        e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,
+                                        e.keyCode, e.charCode);
+                        } catch(err) {
+                                evt = document.createEvent("Events");
+                                evt.initEvent(type, e.bubbles, e.cancelable);
+                                $.extend(evt, { view: e.view,
+                                        ctrlKey: e.ctrlKey, altKey: e.altKey, shiftKey: e.shiftKey, metaKey: e.metaKey,
+                                        keyCode: e.keyCode, charCode: e.charCode
+                                });
+                        }
+                } else if (document.createEventObject) {
+                        evt = document.createEventObject();
+                        $.extend(evt, e);
+                }
+                if ($.browser.msie || $.browser.opera) {
+                        evt.keyCode = (e.charCode > 0) ? e.charCode : e.keyCode;
+                        evt.charCode = undefined;
+                }
+                return evt;
+        },
+
+        dispatchEvent: function(el, type, evt) {
+                if (el.dispatchEvent) {
+                        el.dispatchEvent(evt);
+                } else if (el.fireEvent) {
+                        el.fireEvent('on' + type, evt);
+                }
+                return evt;
+        },
+
+        drag: function(el) {
+                var self = this, center = this.findCenter(this.target), 
+                        options = this.options, x = Math.floor(center.x), y = Math.floor(center.y), 
+                        dx = options.dx || 0, dy = options.dy || 0, target = this.target;
+                var coord = { clientX: x, clientY: y };
+                this.simulateEvent(target, "mousedown", coord);
+                coord = { clientX: x + 1, clientY: y + 1 };
+                this.simulateEvent(document, "mousemove", coord);
+                coord = { clientX: x + dx, clientY: y + dy };
+                this.simulateEvent(document, "mousemove", coord);
+                this.simulateEvent(document, "mousemove", coord);
+                this.simulateEvent(target, "mouseup", coord);
+        },
+        findCenter: function(el) {
+                var el = $(this.target), o = el.offset();
+                return {
+                        x: o.left + el.outerWidth() / 2,
+                        y: o.top + el.outerHeight() / 2
+                };
+        }
+});
+
+$.extend($.simulate, {
+        defaults: {
+                speed: 'sync'
+        },
+        VK_TAB: 9,
+        VK_ENTER: 13,
+        VK_ESC: 27,
+        VK_PGUP: 33,
+        VK_PGDN: 34,
+        VK_END: 35,
+        VK_HOME: 36,
+        VK_LEFT: 37,
+        VK_UP: 38,
+        VK_RIGHT: 39,
+        VK_DOWN: 40
+});
+
+})(jQuery);
diff --git a/static/development-bundle/jquery-1.3.2.js b/static/development-bundle/jquery-1.3.2.js
new file mode 100644
index 0000000..462cde5
--- /dev/null
+++ b/static/development-bundle/jquery-1.3.2.js
@@ -0,0 +1,4376 @@
+/*!
+ * jQuery JavaScript Library v1.3.2
+ * http://jquery.com/
+ *
+ * Copyright (c) 2009 John Resig
+ * Dual licensed under the MIT and GPL licenses.
+ * http://docs.jquery.com/License
+ *
+ * Date: 2009-02-19 17:34:21 -0500 (Thu, 19 Feb 2009)
+ * Revision: 6246
+ */
+(function(){
+
+var 
+        // Will speed up references to window, and allows munging its name.
+        window = this,
+        // Will speed up references to undefined, and allows munging its name.
+        undefined,
+        // Map over jQuery in case of overwrite
+        _jQuery = window.jQuery,
+        // Map over the $ in case of overwrite
+        _$ = window.$,
+
+        jQuery = window.jQuery = window.$ = function( selector, context ) {
+                // The jQuery object is actually just the init constructor 'enhanced'
+                return new jQuery.fn.init( selector, context );
+        },
+
+        // A simple way to check for HTML strings or ID strings
+        // (both of which we optimize for)
+        quickExpr = /^[^<]*(<(.|\s)+>)[^>]*$|^#([\w-]+)$/,
+        // Is it a simple selector
+        isSimple = /^.[^:#\[\.,]*$/;
+
+jQuery.fn = jQuery.prototype = {
+        init: function( selector, context ) {
+                // Make sure that a selection was provided
+                selector = selector || document;
+
+                // Handle $(DOMElement)
+                if ( selector.nodeType ) {
+                        this[0] = selector;
+                        this.length = 1;
+                        this.context = selector;
+                        return this;
+                }
+                // Handle HTML strings
+                if ( typeof selector === "string" ) {
+                        // Are we dealing with HTML string or an ID?
+                        var match = quickExpr.exec( selector );
+
+                        // Verify a match, and that no context was specified for #id
+                        if ( match && (match[1] || !context) ) {
+
+                                // HANDLE: $(html) -> $(array)
+                                if ( match[1] )
+                                        selector = jQuery.clean( [ match[1] ], context );
+
+                                // HANDLE: $("#id")
+                                else {
+                                        var elem = document.getElementById( match[3] );
+
+                                        // Handle the case where IE and Opera return items
+                                        // by name instead of ID
+                                        if ( elem && elem.id != match[3] )
+                                                return jQuery().find( selector );
+
+                                        // Otherwise, we inject the element directly into the jQuery object
+                                        var ret = jQuery( elem || [] );
+                                        ret.context = document;
+                                        ret.selector = selector;
+                                        return ret;
+                                }
+
+                        // HANDLE: $(expr, [context])
+                        // (which is just equivalent to: $(content).find(expr)
+                        } else
+                                return jQuery( context ).find( selector );
+
+                // HANDLE: $(function)
+                // Shortcut for document ready
+                } else if ( jQuery.isFunction( selector ) )
+                        return jQuery( document ).ready( selector );
+
+                // Make sure that old selector state is passed along
+                if ( selector.selector && selector.context ) {
+                        this.selector = selector.selector;
+                        this.context = selector.context;
+                }
+
+                return this.setArray(jQuery.isArray( selector ) ?
+                        selector :
+                        jQuery.makeArray(selector));
+        },
+
+        // Start with an empty selector
+        selector: "",
+
+        // The current version of jQuery being used
+        jquery: "1.3.2",
+
+        // The number of elements contained in the matched element set
+        size: function() {
+                return this.length;
+        },
+
+        // Get the Nth element in the matched element set OR
+        // Get the whole matched element set as a clean array
+        get: function( num ) {
+                return num === undefined ?
+
+                        // Return a 'clean' array
+                        Array.prototype.slice.call( this ) :
+
+                        // Return just the object
+                        this[ num ];
+        },
+
+        // Take an array of elements and push it onto the stack
+        // (returning the new matched element set)
+        pushStack: function( elems, name, selector ) {
+                // Build a new jQuery matched element set
+                var ret = jQuery( elems );
+
+                // Add the old object onto the stack (as a reference)
+                ret.prevObject = this;
+
+                ret.context = this.context;
+
+                if ( name === "find" )
+                        ret.selector = this.selector + (this.selector ? " " : "") + selector;
+                else if ( name )
+                        ret.selector = this.selector + "." + name + "(" + selector + ")";
+
+                // Return the newly-formed element set
+                return ret;
+        },
+
+        // Force the current matched set of elements to become
+        // the specified array of elements (destroying the stack in the process)
+        // You should use pushStack() in order to do this, but maintain the stack
+        setArray: function( elems ) {
+                // Resetting the length to 0, then using the native Array push
+                // is a super-fast way to populate an object with array-like properties
+                this.length = 0;
+                Array.prototype.push.apply( this, elems );
+
+                return this;
+        },
+
+        // Execute a callback for every element in the matched set.
+        // (You can seed the arguments with an array of args, but this is
+        // only used internally.)
+        each: function( callback, args ) {
+                return jQuery.each( this, callback, args );
+        },
+
+        // Determine the position of an element within
+        // the matched set of elements
+        index: function( elem ) {
+                // Locate the position of the desired element
+                return jQuery.inArray(
+                        // If it receives a jQuery object, the first element is used
+                        elem && elem.jquery ? elem[0] : elem
+                , this );
+        },
+
+        attr: function( name, value, type ) {
+                var options = name;
+
+                // Look for the case where we're accessing a style value
+                if ( typeof name === "string" )
+                        if ( value === undefined )
+                                return this[0] && jQuery[ type || "attr" ]( this[0], name );
+
+                        else {
+                                options = {};
+                                options[ name ] = value;
+                        }
+
+                // Check to see if we're setting style values
+                return this.each(function(i){
+                        // Set all the styles
+                        for ( name in options )
+                                jQuery.attr(
+                                        type ?
+                                                this.style :
+                                                this,
+                                        name, jQuery.prop( this, options[ name ], type, i, name )
+                                );
+                });
+        },
+
+        css: function( key, value ) {
+                // ignore negative width and height values
+                if ( (key == 'width' || key == 'height') && parseFloat(value) < 0 )
+                        value = undefined;
+                return this.attr( key, value, "curCSS" );
+        },
+
+        text: function( text ) {
+                if ( typeof text !== "object" && text != null )
+                        return this.empty().append( (this[0] && this[0].ownerDocument || document).createTextNode( text ) );
+
+                var ret = "";
+
+                jQuery.each( text || this, function(){
+                        jQuery.each( this.childNodes, function(){
+                                if ( this.nodeType != 8 )
+                                        ret += this.nodeType != 1 ?
+                                                this.nodeValue :
+                                                jQuery.fn.text( [ this ] );
+                        });
+                });
+
+                return ret;
+        },
+
+        wrapAll: function( html ) {
+                if ( this[0] ) {
+                        // The elements to wrap the target around
+                        var wrap = jQuery( html, this[0].ownerDocument ).clone();
+
+                        if ( this[0].parentNode )
+                                wrap.insertBefore( this[0] );
+
+                        wrap.map(function(){
+                                var elem = this;
+
+                                while ( elem.firstChild )
+                                        elem = elem.firstChild;
+
+                                return elem;
+                        }).append(this);
+                }
+
+                return this;
+        },
+
+        wrapInner: function( html ) {
+                return this.each(function(){
+                        jQuery( this ).contents().wrapAll( html );
+                });
+        },
+
+        wrap: function( html ) {
+                return this.each(function(){
+                        jQuery( this ).wrapAll( html );
+                });
+        },
+
+        append: function() {
+                return this.domManip(arguments, true, function(elem){
+                        if (this.nodeType == 1)
+                                this.appendChild( elem );
+                });
+        },
+
+        prepend: function() {
+                return this.domManip(arguments, true, function(elem){
+                        if (this.nodeType == 1)
+                                this.insertBefore( elem, this.firstChild );
+                });
+        },
+
+        before: function() {
+                return this.domManip(arguments, false, function(elem){
+                        this.parentNode.insertBefore( elem, this );
+                });
+        },
+
+        after: function() {
+                return this.domManip(arguments, false, function(elem){
+                        this.parentNode.insertBefore( elem, this.nextSibling );
+                });
+        },
+
+        end: function() {
+                return this.prevObject || jQuery( [] );
+        },
+
+        // For internal use only.
+        // Behaves like an Array's method, not like a jQuery method.
+        push: [].push,
+        sort: [].sort,
+        splice: [].splice,
+
+        find: function( selector ) {
+                if ( this.length === 1 ) {
+                        var ret = this.pushStack( [], "find", selector );
+                        ret.length = 0;
+                        jQuery.find( selector, this[0], ret );
+                        return ret;
+                } else {
+                        return this.pushStack( jQuery.unique(jQuery.map(this, function(elem){
+                                return jQuery.find( selector, elem );
+                        })), "find", selector );
+                }
+        },
+
+        clone: function( events ) {
+                // Do the clone
+                var ret = this.map(function(){
+                        if ( !jQuery.support.noCloneEvent && !jQuery.isXMLDoc(this) ) {
+                                // IE copies events bound via attachEvent when
+                                // using cloneNode. Calling detachEvent on the
+                                // clone will also remove the events from the orignal
+                                // In order to get around this, we use innerHTML.
+                                // Unfortunately, this means some modifications to
+                                // attributes in IE that are actually only stored
+                                // as properties will not be copied (such as the
+                                // the name attribute on an input).
+                                var html = this.outerHTML;
+                                if ( !html ) {
+                                        var div = this.ownerDocument.createElement("div");
+                                        div.appendChild( this.cloneNode(true) );
+                                        html = div.innerHTML;
+                                }
+
+                                return jQuery.clean([html.replace(/ jQuery\d+="(?:\d+|null)"/g, "").replace(/^\s*/, "")])[0];
+                        } else
+                                return this.cloneNode(true);
+                });
+
+                // Copy the events from the original to the clone
+                if ( events === true ) {
+                        var orig = this.find("*").andSelf(), i = 0;
+
+                        ret.find("*").andSelf().each(function(){
+                                if ( this.nodeName !== orig[i].nodeName )
+                                        return;
+
+                                var events = jQuery.data( orig[i], "events" );
+
+                                for ( var type in events ) {
+                                        for ( var handler in events[ type ] ) {
+                                                jQuery.event.add( this, type, events[ type ][ handler ], events[ type ][ handler ].data );
+                                        }
+                                }
+
+                                i++;
+                        });
+                }
+
+                // Return the cloned set
+                return ret;
+        },
+
+        filter: function( selector ) {
+                return this.pushStack(
+                        jQuery.isFunction( selector ) &&
+                        jQuery.grep(this, function(elem, i){
+                                return selector.call( elem, i );
+                        }) ||
+
+                        jQuery.multiFilter( selector, jQuery.grep(this, function(elem){
+                                return elem.nodeType === 1;
+                        }) ), "filter", selector );
+        },
+
+        closest: function( selector ) {
+                var pos = jQuery.expr.match.POS.test( selector ) ? jQuery(selector) : null,
+                        closer = 0;
+
+                return this.map(function(){
+                        var cur = this;
+                        while ( cur && cur.ownerDocument ) {
+                                if ( pos ? pos.index(cur) > -1 : jQuery(cur).is(selector) ) {
+                                        jQuery.data(cur, "closest", closer);
+                                        return cur;
+                                }
+                                cur = cur.parentNode;
+                                closer++;
+                        }
+                });
+        },
+
+        not: function( selector ) {
+                if ( typeof selector === "string" )
+                        // test special case where just one selector is passed in
+                        if ( isSimple.test( selector ) )
+                                return this.pushStack( jQuery.multiFilter( selector, this, true ), "not", selector );
+                        else
+                                selector = jQuery.multiFilter( selector, this );
+
+                var isArrayLike = selector.length && selector[selector.length - 1] !== undefined && !selector.nodeType;
+                return this.filter(function() {
+                        return isArrayLike ? jQuery.inArray( this, selector ) < 0 : this != selector;
+                });
+        },
+
+        add: function( selector ) {
+                return this.pushStack( jQuery.unique( jQuery.merge(
+                        this.get(),
+                        typeof selector === "string" ?
+                                jQuery( selector ) :
+                                jQuery.makeArray( selector )
+                )));
+        },
+
+        is: function( selector ) {
+                return !!selector && jQuery.multiFilter( selector, this ).length > 0;
+        },
+
+        hasClass: function( selector ) {
+                return !!selector && this.is( "." + selector );
+        },
+
+        val: function( value ) {
+                if ( value === undefined ) {                    
+                        var elem = this[0];
+
+                        if ( elem ) {
+                                if( jQuery.nodeName( elem, 'option' ) )
+                                        return (elem.attributes.value || {}).specified ? elem.value : elem.text;
+                                
+                                // We need to handle select boxes special
+                                if ( jQuery.nodeName( elem, "select" ) ) {
+                                        var index = elem.selectedIndex,
+                                                values = [],
+                                                options = elem.options,
+                                                one = elem.type == "select-one";
+
+                                        // Nothing was selected
+                                        if ( index < 0 )
+                                                return null;
+
+                                        // Loop through all the selected options
+                                        for ( var i = one ? index : 0, max = one ? index + 1 : options.length; i < max; i++ ) {
+                                                var option = options[ i ];
+
+                                                if ( option.selected ) {
+                                                        // Get the specifc value for the option
+                                                        value = jQuery(option).val();
+
+                                                        // We don't need an array for one selects
+                                                        if ( one )
+                                                                return value;
+
+                                                        // Multi-Selects return an array
+                                                        values.push( value );
+                                                }
+                                        }
+
+                                        return values;                          
+                                }
+
+                                // Everything else, we just grab the value
+                                return (elem.value || "").replace(/\r/g, "");
+
+                        }
+
+                        return undefined;
+                }
+
+                if ( typeof value === "number" )
+                        value += '';
+
+                return this.each(function(){
+                        if ( this.nodeType != 1 )
+                                return;
+
+                        if ( jQuery.isArray(value) && /radio|checkbox/.test( this.type ) )
+                                this.checked = (jQuery.inArray(this.value, value) >= 0 ||
+                                        jQuery.inArray(this.name, value) >= 0);
+
+                        else if ( jQuery.nodeName( this, "select" ) ) {
+                                var values = jQuery.makeArray(value);
+
+                                jQuery( "option", this ).each(function(){
+                                        this.selected = (jQuery.inArray( this.value, values ) >= 0 ||
+                                                jQuery.inArray( this.text, values ) >= 0);
+                                });
+
+                                if ( !values.length )
+                                        this.selectedIndex = -1;
+
+                        } else
+                                this.value = value;
+                });
+        },
+
+        html: function( value ) {
+                return value === undefined ?
+                        (this[0] ?
+                                this[0].innerHTML.replace(/ jQuery\d+="(?:\d+|null)"/g, "") :
+                                null) :
+                        this.empty().append( value );
+        },
+
+        replaceWith: function( value ) {
+                return this.after( value ).remove();
+        },
+
+        eq: function( i ) {
+                return this.slice( i, +i + 1 );
+        },
+
+        slice: function() {
+                return this.pushStack( Array.prototype.slice.apply( this, arguments ),
+                        "slice", Array.prototype.slice.call(arguments).join(",") );
+        },
+
+        map: function( callback ) {
+                return this.pushStack( jQuery.map(this, function(elem, i){
+                        return callback.call( elem, i, elem );
+                }));
+        },
+
+        andSelf: function() {
+                return this.add( this.prevObject );
+        },
+
+        domManip: function( args, table, callback ) {
+                if ( this[0] ) {
+                        var fragment = (this[0].ownerDocument || this[0]).createDocumentFragment(),
+                                scripts = jQuery.clean( args, (this[0].ownerDocument || this[0]), fragment ),
+                                first = fragment.firstChild;
+
+                        if ( first )
+                                for ( var i = 0, l = this.length; i < l; i++ )
+                                        callback.call( root(this[i], first), this.length > 1 || i > 0 ?
+                                                        fragment.cloneNode(true) : fragment );
+                
+                        if ( scripts )
+                                jQuery.each( scripts, evalScript );
+                }
+
+                return this;
+                
+                function root( elem, cur ) {
+                        return table && jQuery.nodeName(elem, "table") && jQuery.nodeName(cur, "tr") ?
+                                (elem.getElementsByTagName("tbody")[0] ||
+                                elem.appendChild(elem.ownerDocument.createElement("tbody"))) :
+                                elem;
+                }
+        }
+};
+
+// Give the init function the jQuery prototype for later instantiation
+jQuery.fn.init.prototype = jQuery.fn;
+
+function evalScript( i, elem ) {
+        if ( elem.src )
+                jQuery.ajax({
+                        url: elem.src,
+                        async: false,
+                        dataType: "script"
+                });
+
+        else
+                jQuery.globalEval( elem.text || elem.textContent || elem.innerHTML || "" );
+
+        if ( elem.parentNode )
+                elem.parentNode.removeChild( elem );
+}
+
+function now(){
+        return +new Date;
+}
+
+jQuery.extend = jQuery.fn.extend = function() {
+        // copy reference to target object
+        var target = arguments[0] || {}, i = 1, length = arguments.length, deep = false, options;
+
+        // Handle a deep copy situation
+        if ( typeof target === "boolean" ) {
+                deep = target;
+                target = arguments[1] || {};
+                // skip the boolean and the target
+                i = 2;
+        }
+
+        // Handle case when target is a string or something (possible in deep copy)
+        if ( typeof target !== "object" && !jQuery.isFunction(target) )
+                target = {};
+
+        // extend jQuery itself if only one argument is passed
+        if ( length == i ) {
+                target = this;
+                --i;
+        }
+
+        for ( ; i < length; i++ )
+                // Only deal with non-null/undefined values
+                if ( (options = arguments[ i ]) != null )
+                        // Extend the base object
+                        for ( var name in options ) {
+                                var src = target[ name ], copy = options[ name ];
+
+                                // Prevent never-ending loop
+                                if ( target === copy )
+                                        continue;
+
+                                // Recurse if we're merging object values
+                                if ( deep && copy && typeof copy === "object" && !copy.nodeType )
+                                        target[ name ] = jQuery.extend( deep, 
+                                                // Never move original objects, clone them
+                                                src || ( copy.length != null ? [ ] : { } )
+                                        , copy );
+
+                                // Don't bring in undefined values
+                                else if ( copy !== undefined )
+                                        target[ name ] = copy;
+
+                        }
+
+        // Return the modified object
+        return target;
+};
+
+// exclude the following css properties to add px
+var     exclude = /z-?index|font-?weight|opacity|zoom|line-?height/i,
+        // cache defaultView
+        defaultView = document.defaultView || {},
+        toString = Object.prototype.toString;
+
+jQuery.extend({
+        noConflict: function( deep ) {
+                window.$ = _$;
+
+                if ( deep )
+                        window.jQuery = _jQuery;
+
+                return jQuery;
+        },
+
+        // See test/unit/core.js for details concerning isFunction.
+        // Since version 1.3, DOM methods and functions like alert
+        // aren't supported. They return false on IE (#2968).
+        isFunction: function( obj ) {
+                return toString.call(obj) === "[object Function]";
+        },
+
+        isArray: function( obj ) {
+                return toString.call(obj) === "[object Array]";
+        },
+
+        // check if an element is in a (or is an) XML document
+        isXMLDoc: function( elem ) {
+                return elem.nodeType === 9 && elem.documentElement.nodeName !== "HTML" ||
+                        !!elem.ownerDocument && jQuery.isXMLDoc( elem.ownerDocument );
+        },
+
+        // Evalulates a script in a global context
+        globalEval: function( data ) {
+                if ( data && /\S/.test(data) ) {
+                        // Inspired by code by Andrea Giammarchi
+                        // http://webreflection.blogspot.com/2007/08/global-scope-evaluation-and-dom.html
+                        var head = document.getElementsByTagName("head")[0] || document.documentElement,
+                                script = document.createElement("script");
+
+                        script.type = "text/javascript";
+                        if ( jQuery.support.scriptEval )
+                                script.appendChild( document.createTextNode( data ) );
+                        else
+                                script.text = data;
+
+                        // Use insertBefore instead of appendChild  to circumvent an IE6 bug.
+                        // This arises when a base node is used (#2709).
+                        head.insertBefore( script, head.firstChild );
+                        head.removeChild( script );
+                }
+        },
+
+        nodeName: function( elem, name ) {
+                return elem.nodeName && elem.nodeName.toUpperCase() == name.toUpperCase();
+        },
+
+        // args is for internal usage only
+        each: function( object, callback, args ) {
+                var name, i = 0, length = object.length;
+
+                if ( args ) {
+                        if ( length === undefined ) {
+                                for ( name in object )
+                                        if ( callback.apply( object[ name ], args ) === false )
+                                                break;
+                        } else
+                                for ( ; i < length; )
+                                        if ( callback.apply( object[ i++ ], args ) === false )
+                                                break;
+
+                // A special, fast, case for the most common use of each
+                } else {
+                        if ( length === undefined ) {
+                                for ( name in object )
+                                        if ( callback.call( object[ name ], name, object[ name ] ) === false )
+                                                break;
+                        } else
+                                for ( var value = object[0];
+                                        i < length && callback.call( value, i, value ) !== false; value = object[++i] ){}
+                }
+
+                return object;
+        },
+
+        prop: function( elem, value, type, i, name ) {
+                // Handle executable functions
+                if ( jQuery.isFunction( value ) )
+                        value = value.call( elem, i );
+
+                // Handle passing in a number to a CSS property
+                return typeof value === "number" && type == "curCSS" && !exclude.test( name ) ?
+                        value + "px" :
+                        value;
+        },
+
+        className: {
+                // internal only, use addClass("class")
+                add: function( elem, classNames ) {
+                        jQuery.each((classNames || "").split(/\s+/), function(i, className){
+                                if ( elem.nodeType == 1 && !jQuery.className.has( elem.className, className ) )
+                                        elem.className += (elem.className ? " " : "") + className;
+                        });
+                },
+
+                // internal only, use removeClass("class")
+                remove: function( elem, classNames ) {
+                        if (elem.nodeType == 1)
+                                elem.className = classNames !== undefined ?
+                                        jQuery.grep(elem.className.split(/\s+/), function(className){
+                                                return !jQuery.className.has( classNames, className );
+                                        }).join(" ") :
+                                        "";
+                },
+
+                // internal only, use hasClass("class")
+                has: function( elem, className ) {
+                        return elem && jQuery.inArray( className, (elem.className || elem).toString().split(/\s+/) ) > -1;
+                }
+        },
+
+        // A method for quickly swapping in/out CSS properties to get correct calculations
+        swap: function( elem, options, callback ) {
+                var old = {};
+                // Remember the old values, and insert the new ones
+                for ( var name in options ) {
+                        old[ name ] = elem.style[ name ];
+                        elem.style[ name ] = options[ name ];
+                }
+
+                callback.call( elem );
+
+                // Revert the old values
+                for ( var name in options )
+                        elem.style[ name ] = old[ name ];
+        },
+
+        css: function( elem, name, force, extra ) {
+                if ( name == "width" || name == "height" ) {
+                        var val, props = { position: "absolute", visibility: "hidden", display:"block" }, which = name == "width" ? [ "Left", "Right" ] : [ "Top", "Bottom" ];
+
+                        function getWH() {
+                                val = name == "width" ? elem.offsetWidth : elem.offsetHeight;
+
+                                if ( extra === "border" )
+                                        return;
+
+                                jQuery.each( which, function() {
+                                        if ( !extra )
+                                                val -= parseFloat(jQuery.curCSS( elem, "padding" + this, true)) || 0;
+                                        if ( extra === "margin" )
+                                                val += parseFloat(jQuery.curCSS( elem, "margin" + this, true)) || 0;
+                                        else
+                                                val -= parseFloat(jQuery.curCSS( elem, "border" + this + "Width", true)) || 0;
+                                });
+                        }
+
+                        if ( elem.offsetWidth !== 0 )
+                                getWH();
+                        else
+                                jQuery.swap( elem, props, getWH );
+
+                        return Math.max(0, Math.round(val));
+                }
+
+                return jQuery.curCSS( elem, name, force );
+        },
+
+        curCSS: function( elem, name, force ) {
+                var ret, style = elem.style;
+
+                // We need to handle opacity special in IE
+                if ( name == "opacity" && !jQuery.support.opacity ) {
+                        ret = jQuery.attr( style, "opacity" );
+
+                        return ret == "" ?
+                                "1" :
+                                ret;
+                }
+
+                // Make sure we're using the right name for getting the float value
+                if ( name.match( /float/i ) )
+                        name = styleFloat;
+
+                if ( !force && style && style[ name ] )
+                        ret = style[ name ];
+
+                else if ( defaultView.getComputedStyle ) {
+
+                        // Only "float" is needed here
+                        if ( name.match( /float/i ) )
+                                name = "float";
+
+                        name = name.replace( /([A-Z])/g, "-$1" ).toLowerCase();
+
+                        var computedStyle = defaultView.getComputedStyle( elem, null );
+
+                        if ( computedStyle )
+                                ret = computedStyle.getPropertyValue( name );
+
+                        // We should always get a number back from opacity
+                        if ( name == "opacity" && ret == "" )
+                                ret = "1";
+
+                } else if ( elem.currentStyle ) {
+                        var camelCase = name.replace(/\-(\w)/g, function(all, letter){
+                                return letter.toUpperCase();
+                        });
+
+                        ret = elem.currentStyle[ name ] || elem.currentStyle[ camelCase ];
+
+                        // From the awesome hack by Dean Edwards
+                        // http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
+
+                        // If we're not dealing with a regular pixel number
+                        // but a number that has a weird ending, we need to convert it to pixels
+                        if ( !/^\d+(px)?$/i.test( ret ) && /^\d/.test( ret ) ) {
+                                // Remember the original values
+                                var left = style.left, rsLeft = elem.runtimeStyle.left;
+
+                                // Put in the new values to get a computed value out
+                                elem.runtimeStyle.left = elem.currentStyle.left;
+                                style.left = ret || 0;
+                                ret = style.pixelLeft + "px";
+
+                                // Revert the changed values
+                                style.left = left;
+                                elem.runtimeStyle.left = rsLeft;
+                        }
+                }
+
+                return ret;
+        },
+
+        clean: function( elems, context, fragment ) {
+                context = context || document;
+
+                // !context.createElement fails in IE with an error but returns typeof 'object'
+                if ( typeof context.createElement === "undefined" )
+                        context = context.ownerDocument || context[0] && context[0].ownerDocument || document;
+
+                // If a single string is passed in and it's a single tag
+                // just do a createElement and skip the rest
+                if ( !fragment && elems.length === 1 && typeof elems[0] === "string" ) {
+                        var match = /^<(\w+)\s*\/?>$/.exec(elems[0]);
+                        if ( match )
+                                return [ context.createElement( match[1] ) ];
+                }
+
+                var ret = [], scripts = [], div = context.createElement("div");
+
+                jQuery.each(elems, function(i, elem){
+                        if ( typeof elem === "number" )
+                                elem += '';
+
+                        if ( !elem )
+                                return;
+
+                        // Convert html string into DOM nodes
+                        if ( typeof elem === "string" ) {
+                                // Fix "XHTML"-style tags in all browsers
+                                elem = elem.replace(/(<(\w+)[^>]*?)\/>/g, function(all, front, tag){
+                                        return tag.match(/^(abbr|br|col|img|input|link|meta|param|hr|area|embed)$/i) ?
+                                                all :
+                                                front + "></" + tag + ">";
+                                });
+
+                                // Trim whitespace, otherwise indexOf won't work as expected
+                                var tags = elem.replace(/^\s+/, "").substring(0, 10).toLowerCase();
+
+                                var wrap =
+                                        // option or optgroup
+                                        !tags.indexOf("<opt") &&
+                                        [ 1, "<select multiple='multiple'>", "</select>" ] ||
+
+                                        !tags.indexOf("<leg") &&
+                                        [ 1, "<fieldset>", "</fieldset>" ] ||
+
+                                        tags.match(/^<(thead|tbody|tfoot|colg|cap)/) &&
+                                        [ 1, "<table>", "</table>" ] ||
+
+                                        !tags.indexOf("<tr") &&
+                                        [ 2, "<table><tbody>", "</tbody></table>" ] ||
+
+                                        // <thead> matched above
+                                        (!tags.indexOf("<td") || !tags.indexOf("<th")) &&
+                                        [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ] ||
+
+                                        !tags.indexOf("<col") &&
+                                        [ 2, "<table><tbody></tbody><colgroup>", "</colgroup></table>" ] ||
+
+                                        // IE can't serialize <link> and <script> tags normally
+                                        !jQuery.support.htmlSerialize &&
+                                        [ 1, "div<div>", "</div>" ] ||
+
+                                        [ 0, "", "" ];
+
+                                // Go to html and back, then peel off extra wrappers
+                                div.innerHTML = wrap[1] + elem + wrap[2];
+
+                                // Move to the right depth
+                                while ( wrap[0]-- )
+                                        div = div.lastChild;
+
+                                // Remove IE's autoinserted <tbody> from table fragments
+                                if ( !jQuery.support.tbody ) {
+
+                                        // String was a <table>, *may* have spurious <tbody>
+                                        var hasBody = /<tbody/i.test(elem),
+                                                tbody = !tags.indexOf("<table") && !hasBody ?
+                                                        div.firstChild && div.firstChild.childNodes :
+
+                                                // String was a bare <thead> or <tfoot>
+                                                wrap[1] == "<table>" && !hasBody ?
+                                                        div.childNodes :
+                                                        [];
+
+                                        for ( var j = tbody.length - 1; j >= 0 ; --j )
+                                                if ( jQuery.nodeName( tbody[ j ], "tbody" ) && !tbody[ j ].childNodes.length )
+                                                        tbody[ j ].parentNode.removeChild( tbody[ j ] );
+
+                                        }
+
+                                // IE completely kills leading whitespace when innerHTML is used
+                                if ( !jQuery.support.leadingWhitespace && /^\s/.test( elem ) )
+                                        div.insertBefore( context.createTextNode( elem.match(/^\s*/)[0] ), div.firstChild );
+                                
+                                elem = jQuery.makeArray( div.childNodes );
+                        }
+
+                        if ( elem.nodeType )
+                                ret.push( elem );
+                        else
+                                ret = jQuery.merge( ret, elem );
+
+                });
+
+                if ( fragment ) {
+                        for ( var i = 0; ret[i]; i++ ) {
+                                if ( jQuery.nodeName( ret[i], "script" ) && (!ret[i].type || ret[i].type.toLowerCase() === "text/javascript") ) {
+                                        scripts.push( ret[i].parentNode ? ret[i].parentNode.removeChild( ret[i] ) : ret[i] );
+                                } else {
+                                        if ( ret[i].nodeType === 1 )
+                                                ret.splice.apply( ret, [i + 1, 0].concat(jQuery.makeArray(ret[i].getElementsByTagName("script"))) );
+                                        fragment.appendChild( ret[i] );
+                                }
+                        }
+                        
+                        return scripts;
+                }
+
+                return ret;
+        },
+
+        attr: function( elem, name, value ) {
+                // don't set attributes on text and comment nodes
+                if (!elem || elem.nodeType == 3 || elem.nodeType == 8)
+                        return undefined;
+
+                var notxml = !jQuery.isXMLDoc( elem ),
+                        // Whether we are setting (or getting)
+                        set = value !== undefined;
+
+                // Try to normalize/fix the name
+                name = notxml && jQuery.props[ name ] || name;
+
+                // Only do all the following if this is a node (faster for style)
+                // IE elem.getAttribute passes even for style
+                if ( elem.tagName ) {
+
+                        // These attributes require special treatment
+                        var special = /href|src|style/.test( name );
+
+                        // Safari mis-reports the default selected property of a hidden option
+                        // Accessing the parent's selectedIndex property fixes it
+                        if ( name == "selected" && elem.parentNode )
+                                elem.parentNode.selectedIndex;
+
+                        // If applicable, access the attribute via the DOM 0 way
+                        if ( name in elem && notxml && !special ) {
+                                if ( set ){
+                                        // We can't allow the type property to be changed (since it causes problems in IE)
+                                        if ( name == "type" && jQuery.nodeName( elem, "input" ) && elem.parentNode )
+                                                throw "type property can't be changed";
+
+                                        elem[ name ] = value;
+                                }
+
+                                // browsers index elements by id/name on forms, give priority to attributes.
+                                if( jQuery.nodeName( elem, "form" ) && elem.getAttributeNode(name) )
+                                        return elem.getAttributeNode( name ).nodeValue;
+
+                                // elem.tabIndex doesn't always return the correct value when it hasn't been explicitly set
+                                // http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/
+                                if ( name == "tabIndex" ) {
+                                        var attributeNode = elem.getAttributeNode( "tabIndex" );
+                                        return attributeNode && attributeNode.specified
+                                                ? attributeNode.value
+                                                : elem.nodeName.match(/(button|input|object|select|textarea)/i)
+                                                        ? 0
+                                                        : elem.nodeName.match(/^(a|area)$/i) && elem.href
+                                                                ? 0
+                                                                : undefined;
+                                }
+
+                                return elem[ name ];
+                        }
+
+                        if ( !jQuery.support.style && notxml &&  name == "style" )
+                                return jQuery.attr( elem.style, "cssText", value );
+
+                        if ( set )
+                                // convert the value to a string (all browsers do this but IE) see #1070
+                                elem.setAttribute( name, "" + value );
+
+                        var attr = !jQuery.support.hrefNormalized && notxml && special
+                                        // Some attributes require a special call on IE
+                                        ? elem.getAttribute( name, 2 )
+                                        : elem.getAttribute( name );
+
+                        // Non-existent attributes return null, we normalize to undefined
+                        return attr === null ? undefined : attr;
+                }
+
+                // elem is actually elem.style ... set the style
+
+                // IE uses filters for opacity
+                if ( !jQuery.support.opacity && name == "opacity" ) {
+                        if ( set ) {
+                                // IE has trouble with opacity if it does not have layout
+                                // Force it by setting the zoom level
+                                elem.zoom = 1;
+
+                                // Set the alpha filter to set the opacity
+                                elem.filter = (elem.filter || "").replace( /alpha\([^)]*\)/, "" ) +
+                                        (parseInt( value ) + '' == "NaN" ? "" : "alpha(opacity=" + value * 100 + ")");
+                        }
+
+                        return elem.filter && elem.filter.indexOf("opacity=") >= 0 ?
+                                (parseFloat( elem.filter.match(/opacity=([^)]*)/)[1] ) / 100) + '':
+                                "";
+                }
+
+                name = name.replace(/-([a-z])/ig, function(all, letter){
+                        return letter.toUpperCase();
+                });
+
+                if ( set )
+                        elem[ name ] = value;
+
+                return elem[ name ];
+        },
+
+        trim: function( text ) {
+                return (text || "").replace( /^\s+|\s+$/g, "" );
+        },
+
+        makeArray: function( array ) {
+                var ret = [];
+
+                if( array != null ){
+                        var i = array.length;
+                        // The window, strings (and functions) also have 'length'
+                        if( i == null || typeof array === "string" || jQuery.isFunction(array) || array.setInterval )
+                                ret[0] = array;
+                        else
+                                while( i )
+                                        ret[--i] = array[i];
+                }
+
+                return ret;
+        },
+
+        inArray: function( elem, array ) {
+                for ( var i = 0, length = array.length; i < length; i++ )
+                // Use === because on IE, window == document
+                        if ( array[ i ] === elem )
+                                return i;
+
+                return -1;
+        },
+
+        merge: function( first, second ) {
+                // We have to loop this way because IE & Opera overwrite the length
+                // expando of getElementsByTagName
+                var i = 0, elem, pos = first.length;
+                // Also, we need to make sure that the correct elements are being returned
+                // (IE returns comment nodes in a '*' query)
+                if ( !jQuery.support.getAll ) {
+                        while ( (elem = second[ i++ ]) != null )
+                                if ( elem.nodeType != 8 )
+                                        first[ pos++ ] = elem;
+
+                } else
+                        while ( (elem = second[ i++ ]) != null )
+                                first[ pos++ ] = elem;
+
+                return first;
+        },
+
+        unique: function( array ) {
+                var ret = [], done = {};
+
+                try {
+
+                        for ( var i = 0, length = array.length; i < length; i++ ) {
+                                var id = jQuery.data( array[ i ] );
+
+                                if ( !done[ id ] ) {
+                                        done[ id ] = true;
+                                        ret.push( array[ i ] );
+                                }
+                        }
+
+                } catch( e ) {
+                        ret = array;
+                }
+
+                return ret;
+        },
+
+        grep: function( elems, callback, inv ) {
+                var ret = [];
+
+                // Go through the array, only saving the items
+                // that pass the validator function
+                for ( var i = 0, length = elems.length; i < length; i++ )
+                        if ( !inv != !callback( elems[ i ], i ) )
+                                ret.push( elems[ i ] );
+
+                return ret;
+        },
+
+        map: function( elems, callback ) {
+                var ret = [];
+
+                // Go through the array, translating each of the items to their
+                // new value (or values).
+                for ( var i = 0, length = elems.length; i < length; i++ ) {
+                        var value = callback( elems[ i ], i );
+
+                        if ( value != null )
+                                ret[ ret.length ] = value;
+                }
+
+                return ret.concat.apply( [], ret );
+        }
+});
+
+// Use of jQuery.browser is deprecated.
+// It's included for backwards compatibility and plugins,
+// although they should work to migrate away.
+
+var userAgent = navigator.userAgent.toLowerCase();
+
+// Figure out what browser is being used
+jQuery.browser = {
+        version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1],
+        safari: /webkit/.test( userAgent ),
+        opera: /opera/.test( userAgent ),
+        msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
+        mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )
+};
+
+jQuery.each({
+        parent: function(elem){return elem.parentNode;},
+        parents: function(elem){return jQuery.dir(elem,"parentNode");},
+        next: function(elem){return jQuery.nth(elem,2,"nextSibling");},
+        prev: function(elem){return jQuery.nth(elem,2,"previousSibling");},
+        nextAll: function(elem){return jQuery.dir(elem,"nextSibling");},
+        prevAll: function(elem){return jQuery.dir(elem,"previousSibling");},
+        siblings: function(elem){return jQuery.sibling(elem.parentNode.firstChild,elem);},
+        children: function(elem){return jQuery.sibling(elem.firstChild);},
+        contents: function(elem){return jQuery.nodeName(elem,"iframe")?elem.contentDocument||elem.contentWindow.document:jQuery.makeArray(elem.childNodes);}
+}, function(name, fn){
+        jQuery.fn[ name ] = function( selector ) {
+                var ret = jQuery.map( this, fn );
+
+                if ( selector && typeof selector == "string" )
+                        ret = jQuery.multiFilter( selector, ret );
+
+                return this.pushStack( jQuery.unique( ret ), name, selector );
+        };
+});
+
+jQuery.each({
+        appendTo: "append",
+        prependTo: "prepend",
+        insertBefore: "before",
+        insertAfter: "after",
+        replaceAll: "replaceWith"
+}, function(name, original){
+        jQuery.fn[ name ] = function( selector ) {
+                var ret = [], insert = jQuery( selector );
+
+                for ( var i = 0, l = insert.length; i < l; i++ ) {
+                        var elems = (i > 0 ? this.clone(true) : this).get();
+                        jQuery.fn[ original ].apply( jQuery(insert[i]), elems );
+                        ret = ret.concat( elems );
+                }
+
+                return this.pushStack( ret, name, selector );
+        };
+});
+
+jQuery.each({
+        removeAttr: function( name ) {
+                jQuery.attr( this, name, "" );
+                if (this.nodeType == 1)
+                        this.removeAttribute( name );
+        },
+
+        addClass: function( classNames ) {
+                jQuery.className.add( this, classNames );
+        },
+
+        removeClass: function( classNames ) {
+                jQuery.className.remove( this, classNames );
+        },
+
+        toggleClass: function( classNames, state ) {
+                if( typeof state !== "boolean" )
+                        state = !jQuery.className.has( this, classNames );
+                jQuery.className[ state ? "add" : "remove" ]( this, classNames );
+        },
+
+        remove: function( selector ) {
+                if ( !selector || jQuery.filter( selector, [ this ] ).length ) {
+                        // Prevent memory leaks
+                        jQuery( "*", this ).add([this]).each(function(){
+                                jQuery.event.remove(this);
+                                jQuery.removeData(this);
+                        });
+                        if (this.parentNode)
+                                this.parentNode.removeChild( this );
+                }
+        },
+
+        empty: function() {
+                // Remove element nodes and prevent memory leaks
+                jQuery(this).children().remove();
+
+                // Remove any remaining nodes
+                while ( this.firstChild )
+                        this.removeChild( this.firstChild );
+        }
+}, function(name, fn){
+        jQuery.fn[ name ] = function(){
+                return this.each( fn, arguments );
+        };
+});
+
+// Helper function used by the dimensions and offset modules
+function num(elem, prop) {
+        return elem[0] && parseInt( jQuery.curCSS(elem[0], prop, true), 10 ) || 0;
+}
+var expando = "jQuery" + now(), uuid = 0, windowData = {};
+
+jQuery.extend({
+        cache: {},
+
+        data: function( elem, name, data ) {
+                elem = elem == window ?
+                        windowData :
+                        elem;
+
+                var id = elem[ expando ];
+
+                // Compute a unique ID for the element
+                if ( !id )
+                        id = elem[ expando ] = ++uuid;
+
+                // Only generate the data cache if we're
+                // trying to access or manipulate it
+                if ( name && !jQuery.cache[ id ] )
+                        jQuery.cache[ id ] = {};
+
+                // Prevent overriding the named cache with undefined values
+                if ( data !== undefined )
+                        jQuery.cache[ id ][ name ] = data;
+
+                // Return the named cache data, or the ID for the element
+                return name ?
+                        jQuery.cache[ id ][ name ] :
+                        id;
+        },
+
+        removeData: function( elem, name ) {
+                elem = elem == window ?
+                        windowData :
+                        elem;
+
+                var id = elem[ expando ];
+
+                // If we want to remove a specific section of the element's data
+                if ( name ) {
+                        if ( jQuery.cache[ id ] ) {
+                                // Remove the section of cache data
+                                delete jQuery.cache[ id ][ name ];
+
+                                // If we've removed all the data, remove the element's cache
+                                name = "";
+
+                                for ( name in jQuery.cache[ id ] )
+                                        break;
+
+                                if ( !name )
+                                        jQuery.removeData( elem );
+                        }
+
+                // Otherwise, we want to remove all of the element's data
+                } else {
+                        // Clean up the element expando
+                        try {
+                                delete elem[ expando ];
+                        } catch(e){
+                                // IE has trouble directly removing the expando
+                                // but it's ok with using removeAttribute
+                                if ( elem.removeAttribute )
+                                        elem.removeAttribute( expando );
+                        }
+
+                        // Completely remove the data cache
+                        delete jQuery.cache[ id ];
+                }
+        },
+        queue: function( elem, type, data ) {
+                if ( elem ){
+        
+                        type = (type || "fx") + "queue";
+        
+                        var q = jQuery.data( elem, type );
+        
+                        if ( !q || jQuery.isArray(data) )
+                                q = jQuery.data( elem, type, jQuery.makeArray(data) );
+                        else if( data )
+                                q.push( data );
+        
+                }
+                return q;
+        },
+
+        dequeue: function( elem, type ){
+                var queue = jQuery.queue( elem, type ),
+                        fn = queue.shift();
+                
+                if( !type || type === "fx" )
+                        fn = queue[0];
+                        
+                if( fn !== undefined )
+                        fn.call(elem);
+        }
+});
+
+jQuery.fn.extend({
+        data: function( key, value ){
+                var parts = key.split(".");
+                parts[1] = parts[1] ? "." + parts[1] : "";
+
+                if ( value === undefined ) {
+                        var data = this.triggerHandler("getData" + parts[1] + "!", [parts[0]]);
+
+                        if ( data === undefined && this.length )
+                                data = jQuery.data( this[0], key );
+
+                        return data === undefined && parts[1] ?
+                                this.data( parts[0] ) :
+                                data;
+                } else
+                        return this.trigger("setData" + parts[1] + "!", [parts[0], value]).each(function(){
+                                jQuery.data( this, key, value );
+                        });
+        },
+
+        removeData: function( key ){
+                return this.each(function(){
+                        jQuery.removeData( this, key );
+                });
+        },
+        queue: function(type, data){
+                if ( typeof type !== "string" ) {
+                        data = type;
+                        type = "fx";
+                }
+
+                if ( data === undefined )
+                        return jQuery.queue( this[0], type );
+
+                return this.each(function(){
+                        var queue = jQuery.queue( this, type, data );
+                        
+                         if( type == "fx" && queue.length == 1 )
+                                queue[0].call(this);
+                });
+        },
+        dequeue: function(type){
+                return this.each(function(){
+                        jQuery.dequeue( this, type );
+                });
+        }
+});/*!
+ * Sizzle CSS Selector Engine - v0.9.3
+ *  Copyright 2009, The Dojo Foundation
+ *  Released under the MIT, BSD, and GPL Licenses.
+ *  More information: http://sizzlejs.com/
+ */
+(function(){
+
+var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?/g,
+        done = 0,
+        toString = Object.prototype.toString;
+
+var Sizzle = function(selector, context, results, seed) {
+        results = results || [];
+        context = context || document;
+
+        if ( context.nodeType !== 1 && context.nodeType !== 9 )
+                return [];
+        
+        if ( !selector || typeof selector !== "string" ) {
+                return results;
+        }
+
+        var parts = [], m, set, checkSet, check, mode, extra, prune = true;
+        
+        // Reset the position of the chunker regexp (start from head)
+        chunker.lastIndex = 0;
+        
+        while ( (m = chunker.exec(selector)) !== null ) {
+                parts.push( m[1] );
+                
+                if ( m[2] ) {
+                        extra = RegExp.rightContext;
+                        break;
+                }
+        }
+
+        if ( parts.length > 1 && origPOS.exec( selector ) ) {
+                if ( parts.length === 2 && Expr.relative[ parts[0] ] ) {
+                        set = posProcess( parts[0] + parts[1], context );
+                } else {
+                        set = Expr.relative[ parts[0] ] ?
+                                [ context ] :
+                                Sizzle( parts.shift(), context );
+
+                        while ( parts.length ) {
+                                selector = parts.shift();
+
+                                if ( Expr.relative[ selector ] )
+                                        selector += parts.shift();
+
+                                set = posProcess( selector, set );
+                        }
+                }
+        } else {
+                var ret = seed ?
+                        { expr: parts.pop(), set: makeArray(seed) } :
+                        Sizzle.find( parts.pop(), parts.length === 1 && context.parentNode ? context.parentNode : context, isXML(context) );
+                set = Sizzle.filter( ret.expr, ret.set );
+
+                if ( parts.length > 0 ) {
+                        checkSet = makeArray(set);
+                } else {
+                        prune = false;
+                }
+
+                while ( parts.length ) {
+                        var cur = parts.pop(), pop = cur;
+
+                        if ( !Expr.relative[ cur ] ) {
+                                cur = "";
+                        } else {
+                                pop = parts.pop();
+                        }
+
+                        if ( pop == null ) {
+                                pop = context;
+                        }
+
+                        Expr.relative[ cur ]( checkSet, pop, isXML(context) );
+                }
+        }
+
+        if ( !checkSet ) {
+                checkSet = set;
+        }
+
+        if ( !checkSet ) {
+                throw "Syntax error, unrecognized expression: " + (cur || selector);
+        }
+
+        if ( toString.call(checkSet) === "[object Array]" ) {
+                if ( !prune ) {
+                        results.push.apply( results, checkSet );
+                } else if ( context.nodeType === 1 ) {
+                        for ( var i = 0; checkSet[i] != null; i++ ) {
+                                if ( checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && contains(context, checkSet[i])) ) {
+                                        results.push( set[i] );
+                                }
+                        }
+                } else {
+                        for ( var i = 0; checkSet[i] != null; i++ ) {
+                                if ( checkSet[i] && checkSet[i].nodeType === 1 ) {
+                                        results.push( set[i] );
+                                }
+                        }
+                }
+        } else {
+                makeArray( checkSet, results );
+        }
+
+        if ( extra ) {
+                Sizzle( extra, context, results, seed );
+
+                if ( sortOrder ) {
+                        hasDuplicate = false;
+                        results.sort(sortOrder);
+
+                        if ( hasDuplicate ) {
+                                for ( var i = 1; i < results.length; i++ ) {
+                                        if ( results[i] === results[i-1] ) {
+                                                results.splice(i--, 1);
+                                        }
+                                }
+                        }
+                }
+        }
+
+        return results;
+};
+
+Sizzle.matches = function(expr, set){
+        return Sizzle(expr, null, null, set);
+};
+
+Sizzle.find = function(expr, context, isXML){
+        var set, match;
+
+        if ( !expr ) {
+                return [];
+        }
+
+        for ( var i = 0, l = Expr.order.length; i < l; i++ ) {
+                var type = Expr.order[i], match;
+                
+                if ( (match = Expr.match[ type ].exec( expr )) ) {
+                        var left = RegExp.leftContext;
+
+                        if ( left.substr( left.length - 1 ) !== "\\" ) {
+                                match[1] = (match[1] || "").replace(/\\/g, "");
+                                set = Expr.find[ type ]( match, context, isXML );
+                                if ( set != null ) {
+                                        expr = expr.replace( Expr.match[ type ], "" );
+                                        break;
+                                }
+                        }
+                }
+        }
+
+        if ( !set ) {
+                set = context.getElementsByTagName("*");
+        }
+
+        return {set: set, expr: expr};
+};
+
+Sizzle.filter = function(expr, set, inplace, not){
+        var old = expr, result = [], curLoop = set, match, anyFound,
+                isXMLFilter = set && set[0] && isXML(set[0]);
+
+        while ( expr && set.length ) {
+                for ( var type in Expr.filter ) {
+                        if ( (match = Expr.match[ type ].exec( expr )) != null ) {
+                                var filter = Expr.filter[ type ], found, item;
+                                anyFound = false;
+
+                                if ( curLoop == result ) {
+                                        result = [];
+                                }
+
+                                if ( Expr.preFilter[ type ] ) {
+                                        match = Expr.preFilter[ type ]( match, curLoop, inplace, result, not, isXMLFilter );
+
+                                        if ( !match ) {
+                                                anyFound = found = true;
+                                        } else if ( match === true ) {
+                                                continue;
+                                        }
+                                }
+
+                                if ( match ) {
+                                        for ( var i = 0; (item = curLoop[i]) != null; i++ ) {
+                                                if ( item ) {
+                                                        found = filter( item, match, i, curLoop );
+                                                        var pass = not ^ !!found;
+
+                                                        if ( inplace && found != null ) {
+                                                                if ( pass ) {
+                                                                        anyFound = true;
+                                                                } else {
+                                                                        curLoop[i] = false;
+                                                                }
+                                                        } else if ( pass ) {
+                                                                result.push( item );
+                                                                anyFound = true;
+                                                        }
+                                                }
+                                        }
+                                }
+
+                                if ( found !== undefined ) {
+                                        if ( !inplace ) {
+                                                curLoop = result;
+                                        }
+
+                                        expr = expr.replace( Expr.match[ type ], "" );
+
+                                        if ( !anyFound ) {
+                                                return [];
+                                        }
+
+                                        break;
+                                }
+                        }
+                }
+
+                // Improper expression
+                if ( expr == old ) {
+                        if ( anyFound == null ) {
+                                throw "Syntax error, unrecognized expression: " + expr;
+                        } else {
+                                break;
+                        }
+                }
+
+                old = expr;
+        }
+
+        return curLoop;
+};
+
+var Expr = Sizzle.selectors = {
+        order: [ "ID", "NAME", "TAG" ],
+        match: {
+                ID: /#((?:[\w\u00c0-\uFFFF_-]|\\.)+)/,
+                CLASS: /\.((?:[\w\u00c0-\uFFFF_-]|\\.)+)/,
+                NAME: /\[name=['"]*((?:[\w\u00c0-\uFFFF_-]|\\.)+)['"]*\]/,
+                ATTR: /\[\s*((?:[\w\u00c0-\uFFFF_-]|\\.)+)\s*(?:(\S?=)\s*(['"]*)(.*?)\3|)\s*\]/,
+                TAG: /^((?:[\w\u00c0-\uFFFF\*_-]|\\.)+)/,
+                CHILD: /:(only|nth|last|first)-child(?:\((even|odd|[\dn+-]*)\))?/,
+                POS: /:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^-]|$)/,
+                PSEUDO: /:((?:[\w\u00c0-\uFFFF_-]|\\.)+)(?:\((['"]*)((?:\([^\)]+\)|[^\2\(\)]*)+)\2\))?/
+        },
+        attrMap: {
+                "class": "className",
+                "for": "htmlFor"
+        },
+        attrHandle: {
+                href: function(elem){
+                        return elem.getAttribute("href");
+                }
+        },
+        relative: {
+                "+": function(checkSet, part, isXML){
+                        var isPartStr = typeof part === "string",
+                                isTag = isPartStr && !/\W/.test(part),
+                                isPartStrNotTag = isPartStr && !isTag;
+
+                        if ( isTag && !isXML ) {
+                                part = part.toUpperCase();
+                        }
+
+                        for ( var i = 0, l = checkSet.length, elem; i < l; i++ ) {
+                                if ( (elem = checkSet[i]) ) {
+                                        while ( (elem = elem.previousSibling) && elem.nodeType !== 1 ) {}
+
+                                        checkSet[i] = isPartStrNotTag || elem && elem.nodeName === part ?
+                                                elem || false :
+                                                elem === part;
+                                }
+                        }
+
+                        if ( isPartStrNotTag ) {
+                                Sizzle.filter( part, checkSet, true );
+                        }
+                },
+                ">": function(checkSet, part, isXML){
+                        var isPartStr = typeof part === "string";
+
+                        if ( isPartStr && !/\W/.test(part) ) {
+                                part = isXML ? part : part.toUpperCase();
+
+                                for ( var i = 0, l = checkSet.length; i < l; i++ ) {
+                                        var elem = checkSet[i];
+                                        if ( elem ) {
+                                                var parent = elem.parentNode;
+                                                checkSet[i] = parent.nodeName === part ? parent : false;
+                                        }
+                                }
+                        } else {
+                                for ( var i = 0, l = checkSet.length; i < l; i++ ) {
+                                        var elem = checkSet[i];
+                                        if ( elem ) {
+                                                checkSet[i] = isPartStr ?
+                                                        elem.parentNode :
+                                                        elem.parentNode === part;
+                                        }
+                                }
+
+                                if ( isPartStr ) {
+                                        Sizzle.filter( part, checkSet, true );
+                                }
+                        }
+                },
+                "": function(checkSet, part, isXML){
+                        var doneName = done++, checkFn = dirCheck;
+
+                        if ( !part.match(/\W/) ) {
+                                var nodeCheck = part = isXML ? part : part.toUpperCase();
+                                checkFn = dirNodeCheck;
+                        }
+
+                        checkFn("parentNode", part, doneName, checkSet, nodeCheck, isXML);
+                },
+                "~": function(checkSet, part, isXML){
+                        var doneName = done++, checkFn = dirCheck;
+
+                        if ( typeof part === "string" && !part.match(/\W/) ) {
+                                var nodeCheck = part = isXML ? part : part.toUpperCase();
+                                checkFn = dirNodeCheck;
+                        }
+
+                        checkFn("previousSibling", part, doneName, checkSet, nodeCheck, isXML);
+                }
+        },
+        find: {
+                ID: function(match, context, isXML){
+                        if ( typeof context.getElementById !== "undefined" && !isXML ) {
+                                var m = context.getElementById(match[1]);
+                                return m ? [m] : [];
+                        }
+                },
+                NAME: function(match, context, isXML){
+                        if ( typeof context.getElementsByName !== "undefined" ) {
+                                var ret = [], results = context.getElementsByName(match[1]);
+
+                                for ( var i = 0, l = results.length; i < l; i++ ) {
+                                        if ( results[i].getAttribute("name") === match[1] ) {
+                                                ret.push( results[i] );
+                                        }
+                                }
+
+                                return ret.length === 0 ? null : ret;
+                        }
+                },
+                TAG: function(match, context){
+                        return context.getElementsByTagName(match[1]);
+                }
+        },
+        preFilter: {
+                CLASS: function(match, curLoop, inplace, result, not, isXML){
+                        match = " " + match[1].replace(/\\/g, "") + " ";
+
+                        if ( isXML ) {
+                                return match;
+                        }
+
+                        for ( var i = 0, elem; (elem = curLoop[i]) != null; i++ ) {
+                                if ( elem ) {
+                                        if ( not ^ (elem.className && (" " + elem.className + " ").indexOf(match) >= 0) ) {
+                                                if ( !inplace )
+                                                        result.push( elem );
+                                        } else if ( inplace ) {
+                                                curLoop[i] = false;
+                                        }
+                                }
+                        }
+
+                        return false;
+                },
+                ID: function(match){
+                        return match[1].replace(/\\/g, "");
+                },
+                TAG: function(match, curLoop){
+                        for ( var i = 0; curLoop[i] === false; i++ ){}
+                        return curLoop[i] && isXML(curLoop[i]) ? match[1] : match[1].toUpperCase();
+                },
+                CHILD: function(match){
+                        if ( match[1] == "nth" ) {
+                                // parse equations like 'even', 'odd', '5', '2n', '3n+2', '4n-1', '-n+6'
+                                var test = /(-?)(\d*)n((?:\+|-)?\d*)/.exec(
+                                        match[2] == "even" && "2n" || match[2] == "odd" && "2n+1" ||
+                                        !/\D/.test( match[2] ) && "0n+" + match[2] || match[2]);
+
+                                // calculate the numbers (first)n+(last) including if they are negative
+                                match[2] = (test[1] + (test[2] || 1)) - 0;
+                                match[3] = test[3] - 0;
+                        }
+
+                        // TODO: Move to normal caching system
+                        match[0] = done++;
+
+                        return match;
+                },
+                ATTR: function(match, curLoop, inplace, result, not, isXML){
+                        var name = match[1].replace(/\\/g, "");
+                        
+                        if ( !isXML && Expr.attrMap[name] ) {
+                                match[1] = Expr.attrMap[name];
+                        }
+
+                        if ( match[2] === "~=" ) {
+                                match[4] = " " + match[4] + " ";
+                        }
+
+                        return match;
+                },
+                PSEUDO: function(match, curLoop, inplace, result, not){
+                        if ( match[1] === "not" ) {
+                                // If we're dealing with a complex expression, or a simple one
+                                if ( match[3].match(chunker).length > 1 || /^\w/.test(match[3]) ) {
+                                        match[3] = Sizzle(match[3], null, null, curLoop);
+                                } else {
+                                        var ret = Sizzle.filter(match[3], curLoop, inplace, true ^ not);
+                                        if ( !inplace ) {
+                                                result.push.apply( result, ret );
+                                        }
+                                        return false;
+                                }
+                        } else if ( Expr.match.POS.test( match[0] ) || Expr.match.CHILD.test( match[0] ) ) {
+                                return true;
+                        }
+                        
+                        return match;
+                },
+                POS: function(match){
+                        match.unshift( true );
+                        return match;
+                }
+        },
+        filters: {
+                enabled: function(elem){
+                        return elem.disabled === false && elem.type !== "hidden";
+                },
+                disabled: function(elem){
+                        return elem.disabled === true;
+                },
+                checked: function(elem){
+                        return elem.checked === true;
+                },
+                selected: function(elem){
+                        // Accessing this property makes selected-by-default
+                        // options in Safari work properly
+                        elem.parentNode.selectedIndex;
+                        return elem.selected === true;
+                },
+                parent: function(elem){
+                        return !!elem.firstChild;
+                },
+                empty: function(elem){
+                        return !elem.firstChild;
+                },
+                has: function(elem, i, match){
+                        return !!Sizzle( match[3], elem ).length;
+                },
+                header: function(elem){
+                        return /h\d/i.test( elem.nodeName );
+                },
+                text: function(elem){
+                        return "text" === elem.type;
+                },
+                radio: function(elem){
+                        return "radio" === elem.type;
+                },
+                checkbox: function(elem){
+                        return "checkbox" === elem.type;
+                },
+                file: function(elem){
+                        return "file" === elem.type;
+                },
+                password: function(elem){
+                        return "password" === elem.type;
+                },
+                submit: function(elem){
+                        return "submit" === elem.type;
+                },
+                image: function(elem){
+                        return "image" === elem.type;
+                },
+                reset: function(elem){
+                        return "reset" === elem.type;
+                },
+                button: function(elem){
+                        return "button" === elem.type || elem.nodeName.toUpperCase() === "BUTTON";
+                },
+                input: function(elem){
+                        return /input|select|textarea|button/i.test(elem.nodeName);
+                }
+        },
+        setFilters: {
+                first: function(elem, i){
+                        return i === 0;
+                },
+                last: function(elem, i, match, array){
+                        return i === array.length - 1;
+                },
+                even: function(elem, i){
+                        return i % 2 === 0;
+                },
+                odd: function(elem, i){
+                        return i % 2 === 1;
+                },
+                lt: function(elem, i, match){
+                        return i < match[3] - 0;
+                },
+                gt: function(elem, i, match){
+                        return i > match[3] - 0;
+                },
+                nth: function(elem, i, match){
+                        return match[3] - 0 == i;
+                },
+                eq: function(elem, i, match){
+                        return match[3] - 0 == i;
+                }
+        },
+        filter: {
+                PSEUDO: function(elem, match, i, array){
+                        var name = match[1], filter = Expr.filters[ name ];
+
+                        if ( filter ) {
+                                return filter( elem, i, match, array );
+                        } else if ( name === "contains" ) {
+                                return (elem.textContent || elem.innerText || "").indexOf(match[3]) >= 0;
+                        } else if ( name === "not" ) {
+                                var not = match[3];
+
+                                for ( var i = 0, l = not.length; i < l; i++ ) {
+                                        if ( not[i] === elem ) {
+                                                return false;
+                                        }
+                                }
+
+                                return true;
+                        }
+                },
+                CHILD: function(elem, match){
+                        var type = match[1], node = elem;
+                        switch (type) {
+                                case 'only':
+                                case 'first':
+                                        while (node = node.previousSibling)  {
+                                                if ( node.nodeType === 1 ) return false;
+                                        }
+                                        if ( type == 'first') return true;
+                                        node = elem;
+                                case 'last':
+                                        while (node = node.nextSibling)  {
+                                                if ( node.nodeType === 1 ) return false;
+                                        }
+                                        return true;
+                                case 'nth':
+                                        var first = match[2], last = match[3];
+
+                                        if ( first == 1 && last == 0 ) {
+                                                return true;
+                                        }
+                                        
+                                        var doneName = match[0],
+                                                parent = elem.parentNode;
+        
+                                        if ( parent && (parent.sizcache !== doneName || !elem.nodeIndex) ) {
+                                                var count = 0;
+                                                for ( node = parent.firstChild; node; node = node.nextSibling ) {
+                                                        if ( node.nodeType === 1 ) {
+                                                                node.nodeIndex = ++count;
+                                                        }
+                                                } 
+                                                parent.sizcache = doneName;
+                                        }
+                                        
+                                        var diff = elem.nodeIndex - last;
+                                        if ( first == 0 ) {
+                                                return diff == 0;
+                                        } else {
+                                                return ( diff % first == 0 && diff / first >= 0 );
+                                        }
+                        }
+                },
+                ID: function(elem, match){
+                        return elem.nodeType === 1 && elem.getAttribute("id") === match;
+                },
+                TAG: function(elem, match){
+                        return (match === "*" && elem.nodeType === 1) || elem.nodeName === match;
+                },
+                CLASS: function(elem, match){
+                        return (" " + (elem.className || elem.getAttribute("class")) + " ")
+                                .indexOf( match ) > -1;
+                },
+                ATTR: function(elem, match){
+                        var name = match[1],
+                                result = Expr.attrHandle[ name ] ?
+                                        Expr.attrHandle[ name ]( elem ) :
+                                        elem[ name ] != null ?
+                                                elem[ name ] :
+                                                elem.getAttribute( name ),
+                                value = result + "",
+                                type = match[2],
+                                check = match[4];
+
+                        return result == null ?
+                                type === "!=" :
+                                type === "=" ?
+                                value === check :
+                                type === "*=" ?
+                                value.indexOf(check) >= 0 :
+                                type === "~=" ?
+                                (" " + value + " ").indexOf(check) >= 0 :
+                                !check ?
+                                value && result !== false :
+                                type === "!=" ?
+                                value != check :
+                                type === "^=" ?
+                                value.indexOf(check) === 0 :
+                                type === "$=" ?
+                                value.substr(value.length - check.length) === check :
+                                type === "|=" ?
+                                value === check || value.substr(0, check.length + 1) === check + "-" :
+                                false;
+                },
+                POS: function(elem, match, i, array){
+                        var name = match[2], filter = Expr.setFilters[ name ];
+
+                        if ( filter ) {
+                                return filter( elem, i, match, array );
+                        }
+                }
+        }
+};
+
+var origPOS = Expr.match.POS;
+
+for ( var type in Expr.match ) {
+        Expr.match[ type ] = RegExp( Expr.match[ type ].source + /(?![^\[]*\])(?![^\(]*\))/.source );
+}
+
+var makeArray = function(array, results) {
+        array = Array.prototype.slice.call( array );
+
+        if ( results ) {
+                results.push.apply( results, array );
+                return results;
+        }
+        
+        return array;
+};
+
+// Perform a simple check to determine if the browser is capable of
+// converting a NodeList to an array using builtin methods.
+try {
+        Array.prototype.slice.call( document.documentElement.childNodes );
+
+// Provide a fallback method if it does not work
+} catch(e){
+        makeArray = function(array, results) {
+                var ret = results || [];
+
+                if ( toString.call(array) === "[object Array]" ) {
+                        Array.prototype.push.apply( ret, array );
+                } else {
+                        if ( typeof array.length === "number" ) {
+                                for ( var i = 0, l = array.length; i < l; i++ ) {
+                                        ret.push( array[i] );
+                                }
+                        } else {
+                                for ( var i = 0; array[i]; i++ ) {
+                                        ret.push( array[i] );
+                                }
+                        }
+                }
+
+                return ret;
+        };
+}
+
+var sortOrder;
+
+if ( document.documentElement.compareDocumentPosition ) {
+        sortOrder = function( a, b ) {
+                var ret = a.compareDocumentPosition(b) & 4 ? -1 : a === b ? 0 : 1;
+                if ( ret === 0 ) {
+                        hasDuplicate = true;
+                }
+                return ret;
+        };
+} else if ( "sourceIndex" in document.documentElement ) {
+        sortOrder = function( a, b ) {
+                var ret = a.sourceIndex - b.sourceIndex;
+                if ( ret === 0 ) {
+                        hasDuplicate = true;
+                }
+                return ret;
+        };
+} else if ( document.createRange ) {
+        sortOrder = function( a, b ) {
+                var aRange = a.ownerDocument.createRange(), bRange = b.ownerDocument.createRange();
+                aRange.selectNode(a);
+                aRange.collapse(true);
+                bRange.selectNode(b);
+                bRange.collapse(true);
+                var ret = aRange.compareBoundaryPoints(Range.START_TO_END, bRange);
+                if ( ret === 0 ) {
+                        hasDuplicate = true;
+                }
+                return ret;
+        };
+}
+
+// Check to see if the browser returns elements by name when
+// querying by getElementById (and provide a workaround)
+(function(){
+        // We're going to inject a fake input element with a specified name
+        var form = document.createElement("form"),
+                id = "script" + (new Date).getTime();
+        form.innerHTML = "<input name='" + id + "'/>";
+
+        // Inject it into the root element, check its status, and remove it quickly
+        var root = document.documentElement;
+        root.insertBefore( form, root.firstChild );
+
+        // The workaround has to do additional checks after a getElementById
+        // Which slows things down for other browsers (hence the branching)
+        if ( !!document.getElementById( id ) ) {
+                Expr.find.ID = function(match, context, isXML){
+                        if ( typeof context.getElementById !== "undefined" && !isXML ) {
+                                var m = context.getElementById(match[1]);
+                                return m ? m.id === match[1] || typeof m.getAttributeNode !== "undefined" && m.getAttributeNode("id").nodeValue === match[1] ? [m] : undefined : [];
+                        }
+                };
+
+                Expr.filter.ID = function(elem, match){
+                        var node = typeof elem.getAttributeNode !== "undefined" && elem.getAttributeNode("id");
+                        return elem.nodeType === 1 && node && node.nodeValue === match;
+                };
+        }
+
+        root.removeChild( form );
+})();
+
+(function(){
+        // Check to see if the browser returns only elements
+        // when doing getElementsByTagName("*")
+
+        // Create a fake element
+        var div = document.createElement("div");
+        div.appendChild( document.createComment("") );
+
+        // Make sure no comments are found
+        if ( div.getElementsByTagName("*").length > 0 ) {
+                Expr.find.TAG = function(match, context){
+                        var results = context.getElementsByTagName(match[1]);
+
+                        // Filter out possible comments
+                        if ( match[1] === "*" ) {
+                                var tmp = [];
+
+                                for ( var i = 0; results[i]; i++ ) {
+                                        if ( results[i].nodeType === 1 ) {
+                                                tmp.push( results[i] );
+                                        }
+                                }
+
+                                results = tmp;
+                        }
+
+                        return results;
+                };
+        }
+
+        // Check to see if an attribute returns normalized href attributes
+        div.innerHTML = "<a href='#'></a>";
+        if ( div.firstChild && typeof div.firstChild.getAttribute !== "undefined" &&
+                        div.firstChild.getAttribute("href") !== "#" ) {
+                Expr.attrHandle.href = function(elem){
+                        return elem.getAttribute("href", 2);
+                };
+        }
+})();
+
+if ( document.querySelectorAll ) (function(){
+        var oldSizzle = Sizzle, div = document.createElement("div");
+        div.innerHTML = "<p class='TEST'></p>";
+
+        // Safari can't handle uppercase or unicode characters when
+        // in quirks mode.
+        if ( div.querySelectorAll && div.querySelectorAll(".TEST").length === 0 ) {
+                return;
+        }
+        
+        Sizzle = function(query, context, extra, seed){
+                context = context || document;
+
+                // Only use querySelectorAll on non-XML documents
+                // (ID selectors don't work in non-HTML documents)
+                if ( !seed && context.nodeType === 9 && !isXML(context) ) {
+                        try {
+                                return makeArray( context.querySelectorAll(query), extra );
+                        } catch(e){}
+                }
+                
+                return oldSizzle(query, context, extra, seed);
+        };
+
+        Sizzle.find = oldSizzle.find;
+        Sizzle.filter = oldSizzle.filter;
+        Sizzle.selectors = oldSizzle.selectors;
+        Sizzle.matches = oldSizzle.matches;
+})();
+
+if ( document.getElementsByClassName && document.documentElement.getElementsByClassName ) (function(){
+        var div = document.createElement("div");
+        div.innerHTML = "<div class='test e'></div><div class='test'></div>";
+
+        // Opera can't find a second classname (in 9.6)
+        if ( div.getElementsByClassName("e").length === 0 )
+                return;
+
+        // Safari caches class attributes, doesn't catch changes (in 3.2)
+        div.lastChild.className = "e";
+
+        if ( div.getElementsByClassName("e").length === 1 )
+                return;
+
+        Expr.order.splice(1, 0, "CLASS");
+        Expr.find.CLASS = function(match, context, isXML) {
+                if ( typeof context.getElementsByClassName !== "undefined" && !isXML ) {
+                        return context.getElementsByClassName(match[1]);
+                }
+        };
+})();
+
+function dirNodeCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
+        var sibDir = dir == "previousSibling" && !isXML;
+        for ( var i = 0, l = checkSet.length; i < l; i++ ) {
+                var elem = checkSet[i];
+                if ( elem ) {
+                        if ( sibDir && elem.nodeType === 1 ){
+                                elem.sizcache = doneName;
+                                elem.sizset = i;
+                        }
+                        elem = elem[dir];
+                        var match = false;
+
+                        while ( elem ) {
+                                if ( elem.sizcache === doneName ) {
+                                        match = checkSet[elem.sizset];
+                                        break;
+                                }
+
+                                if ( elem.nodeType === 1 && !isXML ){
+                                        elem.sizcache = doneName;
+                                        elem.sizset = i;
+                                }
+
+                                if ( elem.nodeName === cur ) {
+                                        match = elem;
+                                        break;
+                                }
+
+                                elem = elem[dir];
+                        }
+
+                        checkSet[i] = match;
+                }
+        }
+}
+
+function dirCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
+        var sibDir = dir == "previousSibling" && !isXML;
+        for ( var i = 0, l = checkSet.length; i < l; i++ ) {
+                var elem = checkSet[i];
+                if ( elem ) {
+                        if ( sibDir && elem.nodeType === 1 ) {
+                                elem.sizcache = doneName;
+                                elem.sizset = i;
+                        }
+                        elem = elem[dir];
+                        var match = false;
+
+                        while ( elem ) {
+                                if ( elem.sizcache === doneName ) {
+                                        match = checkSet[elem.sizset];
+                                        break;
+                                }
+
+                                if ( elem.nodeType === 1 ) {
+                                        if ( !isXML ) {
+                                                elem.sizcache = doneName;
+                                                elem.sizset = i;
+                                        }
+                                        if ( typeof cur !== "string" ) {
+                                                if ( elem === cur ) {
+                                                        match = true;
+                                                        break;
+                                                }
+
+                                        } else if ( Sizzle.filter( cur, [elem] ).length > 0 ) {
+                                                match = elem;
+                                                break;
+                                        }
+                                }
+
+                                elem = elem[dir];
+                        }
+
+                        checkSet[i] = match;
+                }
+        }
+}
+
+var contains = document.compareDocumentPosition ?  function(a, b){
+        return a.compareDocumentPosition(b) & 16;
+} : function(a, b){
+        return a !== b && (a.contains ? a.contains(b) : true);
+};
+
+var isXML = function(elem){
+        return elem.nodeType === 9 && elem.documentElement.nodeName !== "HTML" ||
+                !!elem.ownerDocument && isXML( elem.ownerDocument );
+};
+
+var posProcess = function(selector, context){
+        var tmpSet = [], later = "", match,
+                root = context.nodeType ? [context] : context;
+
+        // Position selectors must be done after the filter
+        // And so must :not(positional) so we move all PSEUDOs to the end
+        while ( (match = Expr.match.PSEUDO.exec( selector )) ) {
+                later += match[0];
+                selector = selector.replace( Expr.match.PSEUDO, "" );
+        }
+
+        selector = Expr.relative[selector] ? selector + "*" : selector;
+
+        for ( var i = 0, l = root.length; i < l; i++ ) {
+                Sizzle( selector, root[i], tmpSet );
+        }
+
+        return Sizzle.filter( later, tmpSet );
+};
+
+// EXPOSE
+jQuery.find = Sizzle;
+jQuery.filter = Sizzle.filter;
+jQuery.expr = Sizzle.selectors;
+jQuery.expr[":"] = jQuery.expr.filters;
+
+Sizzle.selectors.filters.hidden = function(elem){
+        return elem.offsetWidth === 0 || elem.offsetHeight === 0;
+};
+
+Sizzle.selectors.filters.visible = function(elem){
+        return elem.offsetWidth > 0 || elem.offsetHeight > 0;
+};
+
+Sizzle.selectors.filters.animated = function(elem){
+        return jQuery.grep(jQuery.timers, function(fn){
+                return elem === fn.elem;
+        }).length;
+};
+
+jQuery.multiFilter = function( expr, elems, not ) {
+        if ( not ) {
+                expr = ":not(" + expr + ")";
+        }
+
+        return Sizzle.matches(expr, elems);
+};
+
+jQuery.dir = function( elem, dir ){
+        var matched = [], cur = elem[dir];
+        while ( cur && cur != document ) {
+                if ( cur.nodeType == 1 )
+                        matched.push( cur );
+                cur = cur[dir];
+        }
+        return matched;
+};
+
+jQuery.nth = function(cur, result, dir, elem){
+        result = result || 1;
+        var num = 0;
+
+        for ( ; cur; cur = cur[dir] )
+                if ( cur.nodeType == 1 && ++num == result )
+                        break;
+
+        return cur;
+};
+
+jQuery.sibling = function(n, elem){
+        var r = [];
+
+        for ( ; n; n = n.nextSibling ) {
+                if ( n.nodeType == 1 && n != elem )
+                        r.push( n );
+        }
+
+        return r;
+};
+
+return;
+
+window.Sizzle = Sizzle;
+
+})();
+/*
+ * A number of helper functions used for managing events.
+ * Many of the ideas behind this code originated from
+ * Dean Edwards' addEvent library.
+ */
+jQuery.event = {
+
+        // Bind an event to an element
+        // Original by Dean Edwards
+        add: function(elem, types, handler, data) {
+                if ( elem.nodeType == 3 || elem.nodeType == 8 )
+                        return;
+
+                // For whatever reason, IE has trouble passing the window object
+                // around, causing it to be cloned in the process
+                if ( elem.setInterval && elem != window )
+                        elem = window;
+
+                // Make sure that the function being executed has a unique ID
+                if ( !handler.guid )
+                        handler.guid = this.guid++;
+
+                // if data is passed, bind to handler
+                if ( data !== undefined ) {
+                        // Create temporary function pointer to original handler
+                        var fn = handler;
+
+                        // Create unique handler function, wrapped around original handler
+                        handler = this.proxy( fn );
+
+                        // Store data in unique handler
+                        handler.data = data;
+                }
+
+                // Init the element's event structure
+                var events = jQuery.data(elem, "events") || jQuery.data(elem, "events", {}),
+                        handle = jQuery.data(elem, "handle") || jQuery.data(elem, "handle", function(){
+                                // Handle the second event of a trigger and when
+                                // an event is called after a page has unloaded
+                                return typeof jQuery !== "undefined" && !jQuery.event.triggered ?
+                                        jQuery.event.handle.apply(arguments.callee.elem, arguments) :
+                                        undefined;
+                        });
+                // Add elem as a property of the handle function
+                // This is to prevent a memory leak with non-native
+                // event in IE.
+                handle.elem = elem;
+
+                // Handle multiple events separated by a space
+                // jQuery(...).bind("mouseover mouseout", fn);
+                jQuery.each(types.split(/\s+/), function(index, type) {
+                        // Namespaced event handlers
+                        var namespaces = type.split(".");
+                        type = namespaces.shift();
+                        handler.type = namespaces.slice().sort().join(".");
+
+                        // Get the current list of functions bound to this event
+                        var handlers = events[type];
+                        
+                        if ( jQuery.event.specialAll[type] )
+                                jQuery.event.specialAll[type].setup.call(elem, data, namespaces);
+
+                        // Init the event handler queue
+                        if (!handlers) {
+                                handlers = events[type] = {};
+
+                                // Check for a special event handler
+                                // Only use addEventListener/attachEvent if the special
+                                // events handler returns false
+                                if ( !jQuery.event.special[type] || jQuery.event.special[type].setup.call(elem, data, namespaces) === false ) {
+                                        // Bind the global event handler to the element
+                                        if (elem.addEventListener)
+                                                elem.addEventListener(type, handle, false);
+                                        else if (elem.attachEvent)
+                                                elem.attachEvent("on" + type, handle);
+                                }
+                        }
+
+                        // Add the function to the element's handler list
+                        handlers[handler.guid] = handler;
+
+                        // Keep track of which events have been used, for global triggering
+                        jQuery.event.global[type] = true;
+                });
+
+                // Nullify elem to prevent memory leaks in IE
+                elem = null;
+        },
+
+        guid: 1,
+        global: {},
+
+        // Detach an event or set of events from an element
+        remove: function(elem, types, handler) {
+                // don't do events on text and comment nodes
+                if ( elem.nodeType == 3 || elem.nodeType == 8 )
+                        return;
+
+                var events = jQuery.data(elem, "events"), ret, index;
+
+                if ( events ) {
+                        // Unbind all events for the element
+                        if ( types === undefined || (typeof types === "string" && types.charAt(0) == ".") )
+                                for ( var type in events )
+                                        this.remove( elem, type + (types || "") );
+                        else {
+                                // types is actually an event object here
+                                if ( types.type ) {
+                                        handler = types.handler;
+                                        types = types.type;
+                                }
+
+                                // Handle multiple events seperated by a space
+                                // jQuery(...).unbind("mouseover mouseout", fn);
+                                jQuery.each(types.split(/\s+/), function(index, type){
+                                        // Namespaced event handlers
+                                        var namespaces = type.split(".");
+                                        type = namespaces.shift();
+                                        var namespace = RegExp("(^|\\.)" + namespaces.slice().sort().join(".*\\.") + "(\\.|$)");
+
+                                        if ( events[type] ) {
+                                                // remove the given handler for the given type
+                                                if ( handler )
+                                                        delete events[type][handler.guid];
+
+                                                // remove all handlers for the given type
+                                                else
+                                                        for ( var handle in events[type] )
+                                                                // Handle the removal of namespaced events
+                                                                if ( namespace.test(events[type][handle].type) )
+                                                                        delete events[type][handle];
+                                                                        
+                                                if ( jQuery.event.specialAll[type] )
+                                                        jQuery.event.specialAll[type].teardown.call(elem, namespaces);
+
+                                                // remove generic event handler if no more handlers exist
+                                                for ( ret in events[type] ) break;
+                                                if ( !ret ) {
+                                                        if ( !jQuery.event.special[type] || jQuery.event.special[type].teardown.call(elem, namespaces) === false ) {
+                                                                if (elem.removeEventListener)
+                                                                        elem.removeEventListener(type, jQuery.data(elem, "handle"), false);
+                                                                else if (elem.detachEvent)
+                                                                        elem.detachEvent("on" + type, jQuery.data(elem, "handle"));
+                                                        }
+                                                        ret = null;
+                                                        delete events[type];
+                                                }
+                                        }
+                                });
+                        }
+
+                        // Remove the expando if it's no longer used
+                        for ( ret in events ) break;
+                        if ( !ret ) {
+                                var handle = jQuery.data( elem, "handle" );
+                                if ( handle ) handle.elem = null;
+                                jQuery.removeData( elem, "events" );
+                                jQuery.removeData( elem, "handle" );
+                        }
+                }
+        },
+
+        // bubbling is internal
+        trigger: function( event, data, elem, bubbling ) {
+                // Event object or event type
+                var type = event.type || event;
+
+                if( !bubbling ){
+                        event = typeof event === "object" ?
+                                // jQuery.Event object
+                                event[expando] ? event :
+                                // Object literal
+                                jQuery.extend( jQuery.Event(type), event ) :
+                                // Just the event type (string)
+                                jQuery.Event(type);
+
+                        if ( type.indexOf("!") >= 0 ) {
+                                event.type = type = type.slice(0, -1);
+                                event.exclusive = true;
+                        }
+
+                        // Handle a global trigger
+                        if ( !elem ) {
+                                // Don't bubble custom events when global (to avoid too much overhead)
+                                event.stopPropagation();
+                                // Only trigger if we've ever bound an event for it
+                                if ( this.global[type] )
+                                        jQuery.each( jQuery.cache, function(){
+                                                if ( this.events && this.events[type] )
+                                                        jQuery.event.trigger( event, data, this.handle.elem );
+                                        });
+                        }
+
+                        // Handle triggering a single element
+
+                        // don't do events on text and comment nodes
+                        if ( !elem || elem.nodeType == 3 || elem.nodeType == 8 )
+                                return undefined;
+                        
+                        // Clean up in case it is reused
+                        event.result = undefined;
+                        event.target = elem;
+                        
+                        // Clone the incoming data, if any
+                        data = jQuery.makeArray(data);
+                        data.unshift( event );
+                }
+
+                event.currentTarget = elem;
+
+                // Trigger the event, it is assumed that "handle" is a function
+                var handle = jQuery.data(elem, "handle");
+                if ( handle )
+                        handle.apply( elem, data );
+
+                // Handle triggering native .onfoo handlers (and on links since we don't call .click() for links)
+                if ( (!elem[type] || (jQuery.nodeName(elem, 'a') && type == "click")) && elem["on"+type] && elem["on"+type].apply( elem, data ) === false )
+                        event.result = false;
+
+                // Trigger the native events (except for clicks on links)
+                if ( !bubbling && elem[type] && !event.isDefaultPrevented() && !(jQuery.nodeName(elem, 'a') && type == "click") ) {
+                        this.triggered = true;
+                        try {
+                                elem[ type ]();
+                        // prevent IE from throwing an error for some hidden elements
+                        } catch (e) {}
+                }
+
+                this.triggered = false;
+
+                if ( !event.isPropagationStopped() ) {
+                        var parent = elem.parentNode || elem.ownerDocument;
+                        if ( parent )
+                                jQuery.event.trigger(event, data, parent, true);
+                }
+        },
+
+        handle: function(event) {
+                // returned undefined or false
+                var all, handlers;
+
+                event = arguments[0] = jQuery.event.fix( event || window.event );
+                event.currentTarget = this;
+                
+                // Namespaced event handlers
+                var namespaces = event.type.split(".");
+                event.type = namespaces.shift();
+
+                // Cache this now, all = true means, any handler
+                all = !namespaces.length && !event.exclusive;
+                
+                var namespace = RegExp("(^|\\.)" + namespaces.slice().sort().join(".*\\.") + "(\\.|$)");
+
+                handlers = ( jQuery.data(this, "events") || {} )[event.type];
+
+                for ( var j in handlers ) {
+                        var handler = handlers[j];
+
+                        // Filter the functions by class
+                        if ( all || namespace.test(handler.type) ) {
+                                // Pass in a reference to the handler function itself
+                                // So that we can later remove it
+                                event.handler = handler;
+                                event.data = handler.data;
+
+                                var ret = handler.apply(this, arguments);
+
+                                if( ret !== undefined ){
+                                        event.result = ret;
+                                        if ( ret === false ) {
+                                                event.preventDefault();
+                                                event.stopPropagation();
+                                        }
+                                }
+
+                                if( event.isImmediatePropagationStopped() )
+                                        break;
+
+                        }
+                }
+        },
+
+        props: "altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode metaKey newValue originalTarget pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),
+
+        fix: function(event) {
+                if ( event[expando] )
+                        return event;
+
+                // store a copy of the original event object
+                // and "clone" to set read-only properties
+                var originalEvent = event;
+                event = jQuery.Event( originalEvent );
+
+                for ( var i = this.props.length, prop; i; ){
+                        prop = this.props[ --i ];
+                        event[ prop ] = originalEvent[ prop ];
+                }
+
+                // Fix target property, if necessary
+                if ( !event.target )
+                        event.target = event.srcElement || document; // Fixes #1925 where srcElement might not be defined either
+
+                // check if target is a textnode (safari)
+                if ( event.target.nodeType == 3 )
+                        event.target = event.target.parentNode;
+
+                // Add relatedTarget, if necessary
+                if ( !event.relatedTarget && event.fromElement )
+                        event.relatedTarget = event.fromElement == event.target ? event.toElement : event.fromElement;
+
+                // Calculate pageX/Y if missing and clientX/Y available
+                if ( event.pageX == null && event.clientX != null ) {
+                        var doc = document.documentElement, body = document.body;
+                        event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc.clientLeft || 0);
+                        event.pageY = event.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc.clientTop || 0);
+                }
+
+                // Add which for key events
+                if ( !event.which && ((event.charCode || event.charCode === 0) ? event.charCode : event.keyCode) )
+                        event.which = event.charCode || event.keyCode;
+
+                // Add metaKey to non-Mac browsers (use ctrl for PC's and Meta for Macs)
+                if ( !event.metaKey && event.ctrlKey )
+                        event.metaKey = event.ctrlKey;
+
+                // Add which for click: 1 == left; 2 == middle; 3 == right
+                // Note: button is not normalized, so don't use it
+                if ( !event.which && event.button )
+                        event.which = (event.button & 1 ? 1 : ( event.button & 2 ? 3 : ( event.button & 4 ? 2 : 0 ) ));
+
+                return event;
+        },
+
+        proxy: function( fn, proxy ){
+                proxy = proxy || function(){ return fn.apply(this, arguments); };
+                // Set the guid of unique handler to the same of original handler, so it can be removed
+                proxy.guid = fn.guid = fn.guid || proxy.guid || this.guid++;
+                // So proxy can be declared as an argument
+                return proxy;
+        },
+
+        special: {
+                ready: {
+                        // Make sure the ready event is setup
+                        setup: bindReady,
+                        teardown: function() {}
+                }
+        },
+        
+        specialAll: {
+                live: {
+                        setup: function( selector, namespaces ){
+                                jQuery.event.add( this, namespaces[0], liveHandler );
+                        },
+                        teardown:  function( namespaces ){
+                                if ( namespaces.length ) {
+                                        var remove = 0, name = RegExp("(^|\\.)" + namespaces[0] + "(\\.|$)");
+                                        
+                                        jQuery.each( (jQuery.data(this, "events").live || {}), function(){
+                                                if ( name.test(this.type) )
+                                                        remove++;
+                                        });
+                                        
+                                        if ( remove < 1 )
+                                                jQuery.event.remove( this, namespaces[0], liveHandler );
+                                }
+                        }
+                }
+        }
+};
+
+jQuery.Event = function( src ){
+        // Allow instantiation without the 'new' keyword
+        if( !this.preventDefault )
+                return new jQuery.Event(src);
+        
+        // Event object
+        if( src && src.type ){
+                this.originalEvent = src;
+                this.type = src.type;
+        // Event type
+        }else
+                this.type = src;
+
+        // timeStamp is buggy for some events on Firefox(#3843)
+        // So we won't rely on the native value
+        this.timeStamp = now();
+        
+        // Mark it as fixed
+        this[expando] = true;
+};
+
+function returnFalse(){
+        return false;
+}
+function returnTrue(){
+        return true;
+}
+
+// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
+// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
+jQuery.Event.prototype = {
+        preventDefault: function() {
+                this.isDefaultPrevented = returnTrue;
+
+                var e = this.originalEvent;
+                if( !e )
+                        return;
+                // if preventDefault exists run it on the original event
+                if (e.preventDefault)
+                        e.preventDefault();
+                // otherwise set the returnValue property of the original event to false (IE)
+                e.returnValue = false;
+        },
+        stopPropagation: function() {
+                this.isPropagationStopped = returnTrue;
+
+                var e = this.originalEvent;
+                if( !e )
+                        return;
+                // if stopPropagation exists run it on the original event
+                if (e.stopPropagation)
+                        e.stopPropagation();
+                // otherwise set the cancelBubble property of the original event to true (IE)
+                e.cancelBubble = true;
+        },
+        stopImmediatePropagation:function(){
+                this.isImmediatePropagationStopped = returnTrue;
+                this.stopPropagation();
+        },
+        isDefaultPrevented: returnFalse,
+        isPropagationStopped: returnFalse,
+        isImmediatePropagationStopped: returnFalse
+};
+// Checks if an event happened on an element within another element
+// Used in jQuery.event.special.mouseenter and mouseleave handlers
+var withinElement = function(event) {
+        // Check if mouse(over|out) are still within the same parent element
+        var parent = event.relatedTarget;
+        // Traverse up the tree
+        while ( parent && parent != this )
+                try { parent = parent.parentNode; }
+                catch(e) { parent = this; }
+        
+        if( parent != this ){
+                // set the correct event type
+                event.type = event.data;
+                // handle event if we actually just moused on to a non sub-element
+                jQuery.event.handle.apply( this, arguments );
+        }
+};
+        
+jQuery.each({ 
+        mouseover: 'mouseenter', 
+        mouseout: 'mouseleave'
+}, function( orig, fix ){
+        jQuery.event.special[ fix ] = {
+                setup: function(){
+                        jQuery.event.add( this, orig, withinElement, fix );
+                },
+                teardown: function(){
+                        jQuery.event.remove( this, orig, withinElement );
+                }
+        };                         
+});
+
+jQuery.fn.extend({
+        bind: function( type, data, fn ) {
+                return type == "unload" ? this.one(type, data, fn) : this.each(function(){
+                        jQuery.event.add( this, type, fn || data, fn && data );
+                });
+        },
+
+        one: function( type, data, fn ) {
+                var one = jQuery.event.proxy( fn || data, function(event) {
+                        jQuery(this).unbind(event, one);
+                        return (fn || data).apply( this, arguments );
+                });
+                return this.each(function(){
+                        jQuery.event.add( this, type, one, fn && data);
+                });
+        },
+
+        unbind: function( type, fn ) {
+                return this.each(function(){
+                        jQuery.event.remove( this, type, fn );
+                });
+        },
+
+        trigger: function( type, data ) {
+                return this.each(function(){
+                        jQuery.event.trigger( type, data, this );
+                });
+        },
+
+        triggerHandler: function( type, data ) {
+                if( this[0] ){
+                        var event = jQuery.Event(type);
+                        event.preventDefault();
+                        event.stopPropagation();
+                        jQuery.event.trigger( event, data, this[0] );
+                        return event.result;
+                }               
+        },
+
+        toggle: function( fn ) {
+                // Save reference to arguments for access in closure
+                var args = arguments, i = 1;
+
+                // link all the functions, so any of them can unbind this click handler
+                while( i < args.length )
+                        jQuery.event.proxy( fn, args[i++] );
+
+                return this.click( jQuery.event.proxy( fn, function(event) {
+                        // Figure out which function to execute
+                        this.lastToggle = ( this.lastToggle || 0 ) % i;
+
+                        // Make sure that clicks stop
+                        event.preventDefault();
+
+                        // and execute the function
+                        return args[ this.lastToggle++ ].apply( this, arguments ) || false;
+                }));
+        },
+
+        hover: function(fnOver, fnOut) {
+                return this.mouseenter(fnOver).mouseleave(fnOut);
+        },
+
+        ready: function(fn) {
+                // Attach the listeners
+                bindReady();
+
+                // If the DOM is already ready
+                if ( jQuery.isReady )
+                        // Execute the function immediately
+                        fn.call( document, jQuery );
+
+                // Otherwise, remember the function for later
+                else
+                        // Add the function to the wait list
+                        jQuery.readyList.push( fn );
+
+                return this;
+        },
+        
+        live: function( type, fn ){
+                var proxy = jQuery.event.proxy( fn );
+                proxy.guid += this.selector + type;
+
+                jQuery(document).bind( liveConvert(type, this.selector), this.selector, proxy );
+
+                return this;
+        },
+        
+        die: function( type, fn ){
+                jQuery(document).unbind( liveConvert(type, this.selector), fn ? { guid: fn.guid + this.selector + type } : null );
+                return this;
+        }
+});
+
+function liveHandler( event ){
+        var check = RegExp("(^|\\.)" + event.type + "(\\.|$)"),
+                stop = true,
+                elems = [];
+
+        jQuery.each(jQuery.data(this, "events").live || [], function(i, fn){
+                if ( check.test(fn.type) ) {
+                        var elem = jQuery(event.target).closest(fn.data)[0];
+                        if ( elem )
+                                elems.push({ elem: elem, fn: fn });
+                }
+        });
+
+        elems.sort(function(a,b) {
+                return jQuery.data(a.elem, "closest") - jQuery.data(b.elem, "closest");
+        });
+        
+        jQuery.each(elems, function(){
+                if ( this.fn.call(this.elem, event, this.fn.data) === false )
+                        return (stop = false);
+        });
+
+        return stop;
+}
+
+function liveConvert(type, selector){
+        return ["live", type, selector.replace(/\./g, "`").replace(/ /g, "|")].join(".");
+}
+
+jQuery.extend({
+        isReady: false,
+        readyList: [],
+        // Handle when the DOM is ready
+        ready: function() {
+                // Make sure that the DOM is not already loaded
+                if ( !jQuery.isReady ) {
+                        // Remember that the DOM is ready
+                        jQuery.isReady = true;
+
+                        // If there are functions bound, to execute
+                        if ( jQuery.readyList ) {
+                                // Execute all of them
+                                jQuery.each( jQuery.readyList, function(){
+                                        this.call( document, jQuery );
+                                });
+
+                                // Reset the list of functions
+                                jQuery.readyList = null;
+                        }
+
+                        // Trigger any bound ready events
+                        jQuery(document).triggerHandler("ready");
+                }
+        }
+});
+
+var readyBound = false;
+
+function bindReady(){
+        if ( readyBound ) return;
+        readyBound = true;
+
+        // Mozilla, Opera and webkit nightlies currently support this event
+        if ( document.addEventListener ) {
+                // Use the handy event callback
+                document.addEventListener( "DOMContentLoaded", function(){
+                        document.removeEventListener( "DOMContentLoaded", arguments.callee, false );
+                        jQuery.ready();
+                }, false );
+
+        // If IE event model is used
+        } else if ( document.attachEvent ) {
+                // ensure firing before onload,
+                // maybe late but safe also for iframes
+                document.attachEvent("onreadystatechange", function(){
+                        if ( document.readyState === "complete" ) {
+                                document.detachEvent( "onreadystatechange", arguments.callee );
+                                jQuery.ready();
+                        }
+                });
+
+                // If IE and not an iframe
+                // continually check to see if the document is ready
+                if ( document.documentElement.doScroll && window == window.top ) (function(){
+                        if ( jQuery.isReady ) return;
+
+                        try {
+                                // If IE is used, use the trick by Diego Perini
+                                // http://javascript.nwbox.com/IEContentLoaded/
+                                document.documentElement.doScroll("left");
+                        } catch( error ) {
+                                setTimeout( arguments.callee, 0 );
+                                return;
+                        }
+
+                        // and execute any waiting functions
+                        jQuery.ready();
+                })();
+        }
+
+        // A fallback to window.onload, that will always work
+        jQuery.event.add( window, "load", jQuery.ready );
+}
+
+jQuery.each( ("blur,focus,load,resize,scroll,unload,click,dblclick," +
+        "mousedown,mouseup,mousemove,mouseover,mouseout,mouseenter,mouseleave," +
+        "change,select,submit,keydown,keypress,keyup,error").split(","), function(i, name){
+
+        // Handle event binding
+        jQuery.fn[name] = function(fn){
+                return fn ? this.bind(name, fn) : this.trigger(name);
+        };
+});
+
+// Prevent memory leaks in IE
+// And prevent errors on refresh with events like mouseover in other browsers
+// Window isn't included so as not to unbind existing unload events
+jQuery( window ).bind( 'unload', function(){ 
+        for ( var id in jQuery.cache )
+                // Skip the window
+                if ( id != 1 && jQuery.cache[ id ].handle )
+                        jQuery.event.remove( jQuery.cache[ id ].handle.elem );
+}); 
+(function(){
+
+        jQuery.support = {};
+
+        var root = document.documentElement,
+                script = document.createElement("script"),
+                div = document.createElement("div"),
+                id = "script" + (new Date).getTime();
+
+        div.style.display = "none";
+        div.innerHTML = '   <link/><table></table><a href="/a" style="color:red;float:left;opacity:.5;">a</a><select><option>text</option></select><object><param/></object>';
+
+        var all = div.getElementsByTagName("*"),
+                a = div.getElementsByTagName("a")[0];
+
+        // Can't get basic test support
+        if ( !all || !all.length || !a ) {
+                return;
+        }
+
+        jQuery.support = {
+                // IE strips leading whitespace when .innerHTML is used
+                leadingWhitespace: div.firstChild.nodeType == 3,
+                
+                // Make sure that tbody elements aren't automatically inserted
+                // IE will insert them into empty tables
+                tbody: !div.getElementsByTagName("tbody").length,
+                
+                // Make sure that you can get all elements in an <object> element
+                // IE 7 always returns no results
+                objectAll: !!div.getElementsByTagName("object")[0]
+                        .getElementsByTagName("*").length,
+                
+                // Make sure that link elements get serialized correctly by innerHTML
+                // This requires a wrapper element in IE
+                htmlSerialize: !!div.getElementsByTagName("link").length,
+                
+                // Get the style information from getAttribute
+                // (IE uses .cssText insted)
+                style: /red/.test( a.getAttribute("style") ),
+                
+                // Make sure that URLs aren't manipulated
+                // (IE normalizes it by default)
+                hrefNormalized: a.getAttribute("href") === "/a",
+                
+                // Make sure that element opacity exists
+                // (IE uses filter instead)
+                opacity: a.style.opacity === "0.5",
+                
+                // Verify style float existence
+                // (IE uses styleFloat instead of cssFloat)
+                cssFloat: !!a.style.cssFloat,
+
+                // Will be defined later
+                scriptEval: false,
+                noCloneEvent: true,
+                boxModel: null
+        };
+        
+        script.type = "text/javascript";
+        try {
+                script.appendChild( document.createTextNode( "window." + id + "=1;" ) );
+        } catch(e){}
+
+        root.insertBefore( script, root.firstChild );
+        
+        // Make sure that the execution of code works by injecting a script
+        // tag with appendChild/createTextNode
+        // (IE doesn't support this, fails, and uses .text instead)
+        if ( window[ id ] ) {
+                jQuery.support.scriptEval = true;
+                delete window[ id ];
+        }
+
+        root.removeChild( script );
+
+        if ( div.attachEvent && div.fireEvent ) {
+                div.attachEvent("onclick", function(){
+                        // Cloning a node shouldn't copy over any
+                        // bound event handlers (IE does this)
+                        jQuery.support.noCloneEvent = false;
+                        div.detachEvent("onclick", arguments.callee);
+                });
+                div.cloneNode(true).fireEvent("onclick");
+        }
+
+        // Figure out if the W3C box model works as expected
+        // document.body must exist before we can do this
+        jQuery(function(){
+                var div = document.createElement("div");
+                div.style.width = div.style.paddingLeft = "1px";
+
+                document.body.appendChild( div );
+                jQuery.boxModel = jQuery.support.boxModel = div.offsetWidth === 2;
+                document.body.removeChild( div ).style.display = 'none';
+        });
+})();
+
+var styleFloat = jQuery.support.cssFloat ? "cssFloat" : "styleFloat";
+
+jQuery.props = {
+        "for": "htmlFor",
+        "class": "className",
+        "float": styleFloat,
+        cssFloat: styleFloat,
+        styleFloat: styleFloat,
+        readonly: "readOnly",
+        maxlength: "maxLength",
+        cellspacing: "cellSpacing",
+        rowspan: "rowSpan",
+        tabindex: "tabIndex"
+};
+jQuery.fn.extend({
+        // Keep a copy of the old load
+        _load: jQuery.fn.load,
+
+        load: function( url, params, callback ) {
+                if ( typeof url !== "string" )
+                        return this._load( url );
+
+                var off = url.indexOf(" ");
+                if ( off >= 0 ) {
+                        var selector = url.slice(off, url.length);
+                        url = url.slice(0, off);
+                }
+
+                // Default to a GET request
+                var type = "GET";
+
+                // If the second parameter was provided
+                if ( params )
+                        // If it's a function
+                        if ( jQuery.isFunction( params ) ) {
+                                // We assume that it's the callback
+                                callback = params;
+                                params = null;
+
+                        // Otherwise, build a param string
+                        } else if( typeof params === "object" ) {
+                                params = jQuery.param( params );
+                                type = "POST";
+                        }
+
+                var self = this;
+
+                // Request the remote document
+                jQuery.ajax({
+                        url: url,
+                        type: type,
+                        dataType: "html",
+                        data: params,
+                        complete: function(res, status){
+                                // If successful, inject the HTML into all the matched elements
+                                if ( status == "success" || status == "notmodified" )
+                                        // See if a selector was specified
+                                        self.html( selector ?
+                                                // Create a dummy div to hold the results
+                                                jQuery("<div/>")
+                                                        // inject the contents of the document in, removing the scripts
+                                                        // to avoid any 'Permission Denied' errors in IE
+                                                        .append(res.responseText.replace(/<script(.|\s)*?\/script>/g, ""))
+
+                                                        // Locate the specified elements
+                                                        .find(selector) :
+
+                                                // If not, just inject the full result
+                                                res.responseText );
+
+                                if( callback )
+                                        self.each( callback, [res.responseText, status, res] );
+                        }
+                });
+                return this;
+        },
+
+        serialize: function() {
+                return jQuery.param(this.serializeArray());
+        },
+        serializeArray: function() {
+                return this.map(function(){
+                        return this.elements ? jQuery.makeArray(this.elements) : this;
+                })
+                .filter(function(){
+                        return this.name && !this.disabled &&
+                                (this.checked || /select|textarea/i.test(this.nodeName) ||
+                                        /text|hidden|password|search/i.test(this.type));
+                })
+                .map(function(i, elem){
+                        var val = jQuery(this).val();
+                        return val == null ? null :
+                                jQuery.isArray(val) ?
+                                        jQuery.map( val, function(val, i){
+                                                return {name: elem.name, value: val};
+                                        }) :
+                                        {name: elem.name, value: val};
+                }).get();
+        }
+});
+
+// Attach a bunch of functions for handling common AJAX events
+jQuery.each( "ajaxStart,ajaxStop,ajaxComplete,ajaxError,ajaxSuccess,ajaxSend".split(","), function(i,o){
+        jQuery.fn[o] = function(f){
+                return this.bind(o, f);
+        };
+});
+
+var jsc = now();
+
+jQuery.extend({
+  
+        get: function( url, data, callback, type ) {
+                // shift arguments if data argument was ommited
+                if ( jQuery.isFunction( data ) ) {
+                        callback = data;
+                        data = null;
+                }
+
+                return jQuery.ajax({
+                        type: "GET",
+                        url: url,
+                        data: data,
+                        success: callback,
+                        dataType: type
+                });
+        },
+
+        getScript: function( url, callback ) {
+                return jQuery.get(url, null, callback, "script");
+        },
+
+        getJSON: function( url, data, callback ) {
+                return jQuery.get(url, data, callback, "json");
+        },
+
+        post: function( url, data, callback, type ) {
+                if ( jQuery.isFunction( data ) ) {
+                        callback = data;
+                        data = {};
+                }
+
+                return jQuery.ajax({
+                        type: "POST",
+                        url: url,
+                        data: data,
+                        success: callback,
+                        dataType: type
+                });
+        },
+
+        ajaxSetup: function( settings ) {
+                jQuery.extend( jQuery.ajaxSettings, settings );
+        },
+
+        ajaxSettings: {
+                url: location.href,
+                global: true,
+                type: "GET",
+                contentType: "application/x-www-form-urlencoded",
+                processData: true,
+                async: true,
+                /*
+                timeout: 0,
+                data: null,
+                username: null,
+                password: null,
+                */
+                // Create the request object; Microsoft failed to properly
+                // implement the XMLHttpRequest in IE7, so we use the ActiveXObject when it is available
+                // This function can be overriden by calling jQuery.ajaxSetup
+                xhr:function(){
+                        return window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
+                },
+                accepts: {
+                        xml: "application/xml, text/xml",
+                        html: "text/html",
+                        script: "text/javascript, application/javascript",
+                        json: "application/json, text/javascript",
+                        text: "text/plain",
+                        _default: "*/*"
+                }
+        },
+
+        // Last-Modified header cache for next request
+        lastModified: {},
+
+        ajax: function( s ) {
+                // Extend the settings, but re-extend 's' so that it can be
+                // checked again later (in the test suite, specifically)
+                s = jQuery.extend(true, s, jQuery.extend(true, {}, jQuery.ajaxSettings, s));
+
+                var jsonp, jsre = /=\?(&|$)/g, status, data,
+                        type = s.type.toUpperCase();
+
+                // convert data if not already a string
+                if ( s.data && s.processData && typeof s.data !== "string" )
+                        s.data = jQuery.param(s.data);
+
+                // Handle JSONP Parameter Callbacks
+                if ( s.dataType == "jsonp" ) {
+                        if ( type == "GET" ) {
+                                if ( !s.url.match(jsre) )
+                                        s.url += (s.url.match(/\?/) ? "&" : "?") + (s.jsonp || "callback") + "=?";
+                        } else if ( !s.data || !s.data.match(jsre) )
+                                s.data = (s.data ? s.data + "&" : "") + (s.jsonp || "callback") + "=?";
+                        s.dataType = "json";
+                }
+
+                // Build temporary JSONP function
+                if ( s.dataType == "json" && (s.data && s.data.match(jsre) || s.url.match(jsre)) ) {
+                        jsonp = "jsonp" + jsc++;
+
+                        // Replace the =? sequence both in the query string and the data
+                        if ( s.data )
+                                s.data = (s.data + "").replace(jsre, "=" + jsonp + "$1");
+                        s.url = s.url.replace(jsre, "=" + jsonp + "$1");
+
+                        // We need to make sure
+                        // that a JSONP style response is executed properly
+                        s.dataType = "script";
+
+                        // Handle JSONP-style loading
+                        window[ jsonp ] = function(tmp){
+                                data = tmp;
+                                success();
+                                complete();
+                                // Garbage collect
+                                window[ jsonp ] = undefined;
+                                try{ delete window[ jsonp ]; } catch(e){}
+                                if ( head )
+                                        head.removeChild( script );
+                        };
+                }
+
+                if ( s.dataType == "script" && s.cache == null )
+                        s.cache = false;
+
+                if ( s.cache === false && type == "GET" ) {
+                        var ts = now();
+                        // try replacing _= if it is there
+                        var ret = s.url.replace(/(\?|&)_=.*?(&|$)/, "$1_=" + ts + "$2");
+                        // if nothing was replaced, add timestamp to the end
+                        s.url = ret + ((ret == s.url) ? (s.url.match(/\?/) ? "&" : "?") + "_=" + ts : "");
+                }
+
+                // If data is available, append data to url for get requests
+                if ( s.data && type == "GET" ) {
+                        s.url += (s.url.match(/\?/) ? "&" : "?") + s.data;
+
+                        // IE likes to send both get and post data, prevent this
+                        s.data = null;
+                }
+
+                // Watch for a new set of requests
+                if ( s.global && ! jQuery.active++ )
+                        jQuery.event.trigger( "ajaxStart" );
+
+                // Matches an absolute URL, and saves the domain
+                var parts = /^(\w+:)?\/\/([^\/?#]+)/.exec( s.url );
+
+                // If we're requesting a remote document
+                // and trying to load JSON or Script with a GET
+                if ( s.dataType == "script" && type == "GET" && parts
+                        && ( parts[1] && parts[1] != location.protocol || parts[2] != location.host )){
+
+                        var head = document.getElementsByTagName("head")[0];
+                        var script = document.createElement("script");
+                        script.src = s.url;
+                        if (s.scriptCharset)
+                                script.charset = s.scriptCharset;
+
+                        // Handle Script loading
+                        if ( !jsonp ) {
+                                var done = false;
+
+                                // Attach handlers for all browsers
+                                script.onload = script.onreadystatechange = function(){
+                                        if ( !done && (!this.readyState ||
+                                                        this.readyState == "loaded" || this.readyState == "complete") ) {
+                                                done = true;
+                                                success();
+                                                complete();
+
+                                                // Handle memory leak in IE
+                                                script.onload = script.onreadystatechange = null;
+                                                head.removeChild( script );
+                                        }
+                                };
+                        }
+
+                        head.appendChild(script);
+
+                        // We handle everything using the script element injection
+                        return undefined;
+                }
+
+                var requestDone = false;
+
+                // Create the request object
+                var xhr = s.xhr();
+
+                // Open the socket
+                // Passing null username, generates a login popup on Opera (#2865)
+                if( s.username )
+                        xhr.open(type, s.url, s.async, s.username, s.password);
+                else
+                        xhr.open(type, s.url, s.async);
+
+                // Need an extra try/catch for cross domain requests in Firefox 3
+                try {
+                        // Set the correct header, if data is being sent
+                        if ( s.data )
+                                xhr.setRequestHeader("Content-Type", s.contentType);
+
+                        // Set the If-Modified-Since header, if ifModified mode.
+                        if ( s.ifModified )
+                                xhr.setRequestHeader("If-Modified-Since",
+                                        jQuery.lastModified[s.url] || "Thu, 01 Jan 1970 00:00:00 GMT" );
+
+                        // Set header so the called script knows that it's an XMLHttpRequest
+                        xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
+
+                        // Set the Accepts header for the server, depending on the dataType
+                        xhr.setRequestHeader("Accept", s.dataType && s.accepts[ s.dataType ] ?
+                                s.accepts[ s.dataType ] + ", */*" :
+                                s.accepts._default );
+                } catch(e){}
+
+                // Allow custom headers/mimetypes and early abort
+                if ( s.beforeSend && s.beforeSend(xhr, s) === false ) {
+                        // Handle the global AJAX counter
+                        if ( s.global && ! --jQuery.active )
+                                jQuery.event.trigger( "ajaxStop" );
+                        // close opended socket
+                        xhr.abort();
+                        return false;
+                }
+
+                if ( s.global )
+                        jQuery.event.trigger("ajaxSend", [xhr, s]);
+
+                // Wait for a response to come back
+                var onreadystatechange = function(isTimeout){
+                        // The request was aborted, clear the interval and decrement jQuery.active
+                        if (xhr.readyState == 0) {
+                                if (ival) {
+                                        // clear poll interval
+                                        clearInterval(ival);
+                                        ival = null;
+                                        // Handle the global AJAX counter
+                                        if ( s.global && ! --jQuery.active )
+                                                jQuery.event.trigger( "ajaxStop" );
+                                }
+                        // The transfer is complete and the data is available, or the request timed out
+                        } else if ( !requestDone && xhr && (xhr.readyState == 4 || isTimeout == "timeout") ) {
+                                requestDone = true;
+
+                                // clear poll interval
+                                if (ival) {
+                                        clearInterval(ival);
+                                        ival = null;
+                                }
+
+                                status = isTimeout == "timeout" ? "timeout" :
+                                        !jQuery.httpSuccess( xhr ) ? "error" :
+                                        s.ifModified && jQuery.httpNotModified( xhr, s.url ) ? "notmodified" :
+                                        "success";
+
+                                if ( status == "success" ) {
+                                        // Watch for, and catch, XML document parse errors
+                                        try {
+                                                // process the data (runs the xml through httpData regardless of callback)
+                                                data = jQuery.httpData( xhr, s.dataType, s );
+                                        } catch(e) {
+                                                status = "parsererror";
+                                        }
+                                }
+
+                                // Make sure that the request was successful or notmodified
+                                if ( status == "success" ) {
+                                        // Cache Last-Modified header, if ifModified mode.
+                                        var modRes;
+                                        try {
+                                                modRes = xhr.getResponseHeader("Last-Modified");
+                                        } catch(e) {} // swallow exception thrown by FF if header is not available
+
+                                        if ( s.ifModified && modRes )
+                                                jQuery.lastModified[s.url] = modRes;
+
+                                        // JSONP handles its own success callback
+                                        if ( !jsonp )
+                                                success();
+                                } else
+                                        jQuery.handleError(s, xhr, status);
+
+                                // Fire the complete handlers
+                                complete();
+
+                                if ( isTimeout )
+                                        xhr.abort();
+
+                                // Stop memory leaks
+                                if ( s.async )
+                                        xhr = null;
+                        }
+                };
+
+                if ( s.async ) {
+                        // don't attach the handler to the request, just poll it instead
+                        var ival = setInterval(onreadystatechange, 13);
+
+                        // Timeout checker
+                        if ( s.timeout > 0 )
+                                setTimeout(function(){
+                                        // Check to see if the request is still happening
+                                        if ( xhr && !requestDone )
+                                                onreadystatechange( "timeout" );
+                                }, s.timeout);
+                }
+
+                // Send the data
+                try {
+                        xhr.send(s.data);
+                } catch(e) {
+                        jQuery.handleError(s, xhr, null, e);
+                }
+
+                // firefox 1.5 doesn't fire statechange for sync requests
+                if ( !s.async )
+                        onreadystatechange();
+
+                function success(){
+                        // If a local callback was specified, fire it and pass it the data
+                        if ( s.success )
+                                s.success( data, status );
+
+                        // Fire the global callback
+                        if ( s.global )
+                                jQuery.event.trigger( "ajaxSuccess", [xhr, s] );
+                }
+
+                function complete(){
+                        // Process result
+                        if ( s.complete )
+                                s.complete(xhr, status);
+
+                        // The request was completed
+                        if ( s.global )
+                                jQuery.event.trigger( "ajaxComplete", [xhr, s] );
+
+                        // Handle the global AJAX counter
+                        if ( s.global && ! --jQuery.active )
+                                jQuery.event.trigger( "ajaxStop" );
+                }
+
+                // return XMLHttpRequest to allow aborting the request etc.
+                return xhr;
+        },
+
+        handleError: function( s, xhr, status, e ) {
+                // If a local callback was specified, fire it
+                if ( s.error ) s.error( xhr, status, e );
+
+                // Fire the global callback
+                if ( s.global )
+                        jQuery.event.trigger( "ajaxError", [xhr, s, e] );
+        },
+
+        // Counter for holding the number of active queries
+        active: 0,
+
+        // Determines if an XMLHttpRequest was successful or not
+        httpSuccess: function( xhr ) {
+                try {
+                        // IE error sometimes returns 1223 when it should be 204 so treat it as success, see #1450
+                        return !xhr.status && location.protocol == "file:" ||
+                                ( xhr.status >= 200 && xhr.status < 300 ) || xhr.status == 304 || xhr.status == 1223;
+                } catch(e){}
+                return false;
+        },
+
+        // Determines if an XMLHttpRequest returns NotModified
+        httpNotModified: function( xhr, url ) {
+                try {
+                        var xhrRes = xhr.getResponseHeader("Last-Modified");
+
+                        // Firefox always returns 200. check Last-Modified date
+                        return xhr.status == 304 || xhrRes == jQuery.lastModified[url];
+                } catch(e){}
+                return false;
+        },
+
+        httpData: function( xhr, type, s ) {
+                var ct = xhr.getResponseHeader("content-type"),
+                        xml = type == "xml" || !type && ct && ct.indexOf("xml") >= 0,
+                        data = xml ? xhr.responseXML : xhr.responseText;
+
+                if ( xml && data.documentElement.tagName == "parsererror" )
+                        throw "parsererror";
+                        
+                // Allow a pre-filtering function to sanitize the response
+                // s != null is checked to keep backwards compatibility
+                if( s && s.dataFilter )
+                        data = s.dataFilter( data, type );
+
+                // The filter can actually parse the response
+                if( typeof data === "string" ){
+
+                        // If the type is "script", eval it in global context
+                        if ( type == "script" )
+                                jQuery.globalEval( data );
+
+                        // Get the JavaScript object, if JSON is used.
+                        if ( type == "json" )
+                                data = window["eval"]("(" + data + ")");
+                }
+                
+                return data;
+        },
+
+        // Serialize an array of form elements or a set of
+        // key/values into a query string
+        param: function( a ) {
+                var s = [ ];
+
+                function add( key, value ){
+                        s[ s.length ] = encodeURIComponent(key) + '=' + encodeURIComponent(value);
+                };
+
+                // If an array was passed in, assume that it is an array
+                // of form elements
+                if ( jQuery.isArray(a) || a.jquery )
+                        // Serialize the form elements
+                        jQuery.each( a, function(){
+                                add( this.name, this.value );
+                        });
+
+                // Otherwise, assume that it's an object of key/value pairs
+                else
+                        // Serialize the key/values
+                        for ( var j in a )
+                                // If the value is an array then the key names need to be repeated
+                                if ( jQuery.isArray(a[j]) )
+                                        jQuery.each( a[j], function(){
+                                                add( j, this );
+                                        });
+                                else
+                                        add( j, jQuery.isFunction(a[j]) ? a[j]() : a[j] );
+
+                // Return the resulting serialization
+                return s.join("&").replace(/%20/g, "+");
+        }
+
+});
+var elemdisplay = {},
+        timerId,
+        fxAttrs = [
+                // height animations
+                [ "height", "marginTop", "marginBottom", "paddingTop", "paddingBottom" ],
+                // width animations
+                [ "width", "marginLeft", "marginRight", "paddingLeft", "paddingRight" ],
+                // opacity animations
+                [ "opacity" ]
+        ];
+
+function genFx( type, num ){
+        var obj = {};
+        jQuery.each( fxAttrs.concat.apply([], fxAttrs.slice(0,num)), function(){
+                obj[ this ] = type;
+        });
+        return obj;
+}
+
+jQuery.fn.extend({
+        show: function(speed,callback){
+                if ( speed ) {
+                        return this.animate( genFx("show", 3), speed, callback);
+                } else {
+                        for ( var i = 0, l = this.length; i < l; i++ ){
+                                var old = jQuery.data(this[i], "olddisplay");
+                                
+                                this[i].style.display = old || "";
+                                
+                                if ( jQuery.css(this[i], "display") === "none" ) {
+                                        var tagName = this[i].tagName, display;
+                                        
+                                        if ( elemdisplay[ tagName ] ) {
+                                                display = elemdisplay[ tagName ];
+                                        } else {
+                                                var elem = jQuery("<" + tagName + " />").appendTo("body");
+                                                
+                                                display = elem.css("display");
+                                                if ( display === "none" )
+                                                        display = "block";
+                                                
+                                                elem.remove();
+                                                
+                                                elemdisplay[ tagName ] = display;
+                                        }
+                                        
+                                        jQuery.data(this[i], "olddisplay", display);
+                                }
+                        }
+
+                        // Set the display of the elements in a second loop
+                        // to avoid the constant reflow
+                        for ( var i = 0, l = this.length; i < l; i++ ){
+                                this[i].style.display = jQuery.data(this[i], "olddisplay") || "";
+                        }
+                        
+                        return this;
+                }
+        },
+
+        hide: function(speed,callback){
+                if ( speed ) {
+                        return this.animate( genFx("hide", 3), speed, callback);
+                } else {
+                        for ( var i = 0, l = this.length; i < l; i++ ){
+                                var old = jQuery.data(this[i], "olddisplay");
+                                if ( !old && old !== "none" )
+                                        jQuery.data(this[i], "olddisplay", jQuery.css(this[i], "display"));
+                        }
+
+                        // Set the display of the elements in a second loop
+                        // to avoid the constant reflow
+                        for ( var i = 0, l = this.length; i < l; i++ ){
+                                this[i].style.display = "none";
+                        }
+
+                        return this;
+                }
+        },
+
+        // Save the old toggle function
+        _toggle: jQuery.fn.toggle,
+
+        toggle: function( fn, fn2 ){
+                var bool = typeof fn === "boolean";
+
+                return jQuery.isFunction(fn) && jQuery.isFunction(fn2) ?
+                        this._toggle.apply( this, arguments ) :
+                        fn == null || bool ?
+                                this.each(function(){
+                                        var state = bool ? fn : jQuery(this).is(":hidden");
+                                        jQuery(this)[ state ? "show" : "hide" ]();
+                                }) :
+                                this.animate(genFx("toggle", 3), fn, fn2);
+        },
+
+        fadeTo: function(speed,to,callback){
+                return this.animate({opacity: to}, speed, callback);
+        },
+
+        animate: function( prop, speed, easing, callback ) {
+                var optall = jQuery.speed(speed, easing, callback);
+
+                return this[ optall.queue === false ? "each" : "queue" ](function(){
+                
+                        var opt = jQuery.extend({}, optall), p,
+                                hidden = this.nodeType == 1 && jQuery(this).is(":hidden"),
+                                self = this;
+        
+                        for ( p in prop ) {
+                                if ( prop[p] == "hide" && hidden || prop[p] == "show" && !hidden )
+                                        return opt.complete.call(this);
+
+                                if ( ( p == "height" || p == "width" ) && this.style ) {
+                                        // Store display property
+                                        opt.display = jQuery.css(this, "display");
+
+                                        // Make sure that nothing sneaks out
+                                        opt.overflow = this.style.overflow;
+                                }
+                        }
+
+                        if ( opt.overflow != null )
+                                this.style.overflow = "hidden";
+
+                        opt.curAnim = jQuery.extend({}, prop);
+
+                        jQuery.each( prop, function(name, val){
+                                var e = new jQuery.fx( self, opt, name );
+
+                                if ( /toggle|show|hide/.test(val) )
+                                        e[ val == "toggle" ? hidden ? "show" : "hide" : val ]( prop );
+                                else {
+                                        var parts = val.toString().match(/^([+-]=)?([\d+-.]+)(.*)$/),
+                                                start = e.cur(true) || 0;
+
+                                        if ( parts ) {
+                                                var end = parseFloat(parts[2]),
+                                                        unit = parts[3] || "px";
+
+                                                // We need to compute starting value
+                                                if ( unit != "px" ) {
+                                                        self.style[ name ] = (end || 1) + unit;
+                                                        start = ((end || 1) / e.cur(true)) * start;
+                                                        self.style[ name ] = start + unit;
+                                                }
+
+                                                // If a +=/-= token was provided, we're doing a relative animation
+                                                if ( parts[1] )
+                                                        end = ((parts[1] == "-=" ? -1 : 1) * end) + start;
+
+                                                e.custom( start, end, unit );
+                                        } else
+                                                e.custom( start, val, "" );
+                                }
+                        });
+
+                        // For JS strict compliance
+                        return true;
+                });
+        },
+
+        stop: function(clearQueue, gotoEnd){
+                var timers = jQuery.timers;
+
+                if (clearQueue)
+                        this.queue([]);
+
+                this.each(function(){
+                        // go in reverse order so anything added to the queue during the loop is ignored
+                        for ( var i = timers.length - 1; i >= 0; i-- )
+                                if ( timers[i].elem == this ) {
+                                        if (gotoEnd)
+                                                // force the next step to be the last
+                                                timers[i](true);
+                                        timers.splice(i, 1);
+                                }
+                });
+
+                // start the next in the queue if the last step wasn't forced
+                if (!gotoEnd)
+                        this.dequeue();
+
+                return this;
+        }
+
+});
+
+// Generate shortcuts for custom animations
+jQuery.each({
+        slideDown: genFx("show", 1),
+        slideUp: genFx("hide", 1),
+        slideToggle: genFx("toggle", 1),
+        fadeIn: { opacity: "show" },
+        fadeOut: { opacity: "hide" }
+}, function( name, props ){
+        jQuery.fn[ name ] = function( speed, callback ){
+                return this.animate( props, speed, callback );
+        };
+});
+
+jQuery.extend({
+
+        speed: function(speed, easing, fn) {
+                var opt = typeof speed === "object" ? speed : {
+                        complete: fn || !fn && easing ||
+                                jQuery.isFunction( speed ) && speed,
+                        duration: speed,
+                        easing: fn && easing || easing && !jQuery.isFunction(easing) && easing
+                };
+
+                opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === "number" ? opt.duration :
+                        jQuery.fx.speeds[opt.duration] || jQuery.fx.speeds._default;
+
+                // Queueing
+                opt.old = opt.complete;
+                opt.complete = function(){
+                        if ( opt.queue !== false )
+                                jQuery(this).dequeue();
+                        if ( jQuery.isFunction( opt.old ) )
+                                opt.old.call( this );
+                };
+
+                return opt;
+        },
+
+        easing: {
+                linear: function( p, n, firstNum, diff ) {
+                        return firstNum + diff * p;
+                },
+                swing: function( p, n, firstNum, diff ) {
+                        return ((-Math.cos(p*Math.PI)/2) + 0.5) * diff + firstNum;
+                }
+        },
+
+        timers: [],
+
+        fx: function( elem, options, prop ){
+                this.options = options;
+                this.elem = elem;
+                this.prop = prop;
+
+                if ( !options.orig )
+                        options.orig = {};
+        }
+
+});
+
+jQuery.fx.prototype = {
+
+        // Simple function for setting a style value
+        update: function(){
+                if ( this.options.step )
+                        this.options.step.call( this.elem, this.now, this );
+
+                (jQuery.fx.step[this.prop] || jQuery.fx.step._default)( this );
+
+                // Set display property to block for height/width animations
+                if ( ( this.prop == "height" || this.prop == "width" ) && this.elem.style )
+                        this.elem.style.display = "block";
+        },
+
+        // Get the current size
+        cur: function(force){
+                if ( this.elem[this.prop] != null && (!this.elem.style || this.elem.style[this.prop] == null) )
+                        return this.elem[ this.prop ];
+
+                var r = parseFloat(jQuery.css(this.elem, this.prop, force));
+                return r && r > -10000 ? r : parseFloat(jQuery.curCSS(this.elem, this.prop)) || 0;
+        },
+
+        // Start an animation from one number to another
+        custom: function(from, to, unit){
+                this.startTime = now();
+                this.start = from;
+                this.end = to;
+                this.unit = unit || this.unit || "px";
+                this.now = this.start;
+                this.pos = this.state = 0;
+
+                var self = this;
+                function t(gotoEnd){
+                        return self.step(gotoEnd);
+                }
+
+                t.elem = this.elem;
+
+                if ( t() && jQuery.timers.push(t) && !timerId ) {
+                        timerId = setInterval(function(){
+                                var timers = jQuery.timers;
+
+                                for ( var i = 0; i < timers.length; i++ )
+                                        if ( !timers[i]() )
+                                                timers.splice(i--, 1);
+
+                                if ( !timers.length ) {
+                                        clearInterval( timerId );
+                                        timerId = undefined;
+                                }
+                        }, 13);
+                }
+        },
+
+        // Simple 'show' function
+        show: function(){
+                // Remember where we started, so that we can go back to it later
+                this.options.orig[this.prop] = jQuery.attr( this.elem.style, this.prop );
+                this.options.show = true;
+
+                // Begin the animation
+                // Make sure that we start at a small width/height to avoid any
+                // flash of content
+                this.custom(this.prop == "width" || this.prop == "height" ? 1 : 0, this.cur());
+
+                // Start by showing the element
+                jQuery(this.elem).show();
+        },
+
+        // Simple 'hide' function
+        hide: function(){
+                // Remember where we started, so that we can go back to it later
+                this.options.orig[this.prop] = jQuery.attr( this.elem.style, this.prop );
+                this.options.hide = true;
+
+                // Begin the animation
+                this.custom(this.cur(), 0);
+        },
+
+        // Each step of an animation
+        step: function(gotoEnd){
+                var t = now();
+
+                if ( gotoEnd || t >= this.options.duration + this.startTime ) {
+                        this.now = this.end;
+                        this.pos = this.state = 1;
+                        this.update();
+
+                        this.options.curAnim[ this.prop ] = true;
+
+                        var done = true;
+                        for ( var i in this.options.curAnim )
+                                if ( this.options.curAnim[i] !== true )
+                                        done = false;
+
+                        if ( done ) {
+                                if ( this.options.display != null ) {
+                                        // Reset the overflow
+                                        this.elem.style.overflow = this.options.overflow;
+
+                                        // Reset the display
+                                        this.elem.style.display = this.options.display;
+                                        if ( jQuery.css(this.elem, "display") == "none" )
+                                                this.elem.style.display = "block";
+                                }
+
+                                // Hide the element if the "hide" operation was done
+                                if ( this.options.hide )
+                                        jQuery(this.elem).hide();
+
+                                // Reset the properties, if the item has been hidden or shown
+                                if ( this.options.hide || this.options.show )
+                                        for ( var p in this.options.curAnim )
+                                                jQuery.attr(this.elem.style, p, this.options.orig[p]);
+                                        
+                                // Execute the complete function
+                                this.options.complete.call( this.elem );
+                        }
+
+                        return false;
+                } else {
+                        var n = t - this.startTime;
+                        this.state = n / this.options.duration;
+
+                        // Perform the easing function, defaults to swing
+                        this.pos = jQuery.easing[this.options.easing || (jQuery.easing.swing ? "swing" : "linear")](this.state, n, 0, 1, this.options.duration);
+                        this.now = this.start + ((this.end - this.start) * this.pos);
+
+                        // Perform the next step of the animation
+                        this.update();
+                }
+
+                return true;
+        }
+
+};
+
+jQuery.extend( jQuery.fx, {
+        speeds:{
+                slow: 600,
+                fast: 200,
+                // Default speed
+                _default: 400
+        },
+        step: {
+
+                opacity: function(fx){
+                        jQuery.attr(fx.elem.style, "opacity", fx.now);
+                },
+
+                _default: function(fx){
+                        if ( fx.elem.style && fx.elem.style[ fx.prop ] != null )
+                                fx.elem.style[ fx.prop ] = fx.now + fx.unit;
+                        else
+                                fx.elem[ fx.prop ] = fx.now;
+                }
+        }
+});
+if ( document.documentElement["getBoundingClientRect"] )
+        jQuery.fn.offset = function() {
+                if ( !this[0] ) return { top: 0, left: 0 };
+                if ( this[0] === this[0].ownerDocument.body ) return jQuery.offset.bodyOffset( this[0] );
+                var box  = this[0].getBoundingClientRect(), doc = this[0].ownerDocument, body = doc.body, docElem = doc.documentElement,
+                        clientTop = docElem.clientTop || body.clientTop || 0, clientLeft = docElem.clientLeft || body.clientLeft || 0,
+                        top  = box.top  + (self.pageYOffset || jQuery.boxModel && docElem.scrollTop  || body.scrollTop ) - clientTop,
+                        left = box.left + (self.pageXOffset || jQuery.boxModel && docElem.scrollLeft || body.scrollLeft) - clientLeft;
+                return { top: top, left: left };
+        };
+else 
+        jQuery.fn.offset = function() {
+                if ( !this[0] ) return { top: 0, left: 0 };
+                if ( this[0] === this[0].ownerDocument.body ) return jQuery.offset.bodyOffset( this[0] );
+                jQuery.offset.initialized || jQuery.offset.initialize();
+
+                var elem = this[0], offsetParent = elem.offsetParent, prevOffsetParent = elem,
+                        doc = elem.ownerDocument, computedStyle, docElem = doc.documentElement,
+                        body = doc.body, defaultView = doc.defaultView,
+                        prevComputedStyle = defaultView.getComputedStyle(elem, null),
+                        top = elem.offsetTop, left = elem.offsetLeft;
+
+                while ( (elem = elem.parentNode) && elem !== body && elem !== docElem ) {
+                        computedStyle = defaultView.getComputedStyle(elem, null);
+                        top -= elem.scrollTop, left -= elem.scrollLeft;
+                        if ( elem === offsetParent ) {
+                                top += elem.offsetTop, left += elem.offsetLeft;
+                                if ( jQuery.offset.doesNotAddBorder && !(jQuery.offset.doesAddBorderForTableAndCells && /^t(able|d|h)$/i.test(elem.tagName)) )
+                                        top  += parseInt( computedStyle.borderTopWidth,  10) || 0,
+                                        left += parseInt( computedStyle.borderLeftWidth, 10) || 0;
+                                prevOffsetParent = offsetParent, offsetParent = elem.offsetParent;
+                        }
+                        if ( jQuery.offset.subtractsBorderForOverflowNotVisible && computedStyle.overflow !== "visible" )
+                                top  += parseInt( computedStyle.borderTopWidth,  10) || 0,
+                                left += parseInt( computedStyle.borderLeftWidth, 10) || 0;
+                        prevComputedStyle = computedStyle;
+                }
+
+                if ( prevComputedStyle.position === "relative" || prevComputedStyle.position === "static" )
+                        top  += body.offsetTop,
+                        left += body.offsetLeft;
+
+                if ( prevComputedStyle.position === "fixed" )
+                        top  += Math.max(docElem.scrollTop, body.scrollTop),
+                        left += Math.max(docElem.scrollLeft, body.scrollLeft);
+
+                return { top: top, left: left };
+        };
+
+jQuery.offset = {
+        initialize: function() {
+                if ( this.initialized ) return;
+                var body = document.body, container = document.createElement('div'), innerDiv, checkDiv, table, td, rules, prop, bodyMarginTop = body.style.marginTop,
+                        html = '<div style="position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;"><div></div></div><table style="position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;" cellpadding="0" cellspacing="0"><tr><td></td></tr></table>';
+
+                rules = { position: 'absolute', top: 0, left: 0, margin: 0, border: 0, width: '1px', height: '1px', visibility: 'hidden' };
+                for ( prop in rules ) container.style[prop] = rules[prop];
+
+                container.innerHTML = html;
+                body.insertBefore(container, body.firstChild);
+                innerDiv = container.firstChild, checkDiv = innerDiv.firstChild, td = innerDiv.nextSibling.firstChild.firstChild;
+
+                this.doesNotAddBorder = (checkDiv.offsetTop !== 5);
+                this.doesAddBorderForTableAndCells = (td.offsetTop === 5);
+
+                innerDiv.style.overflow = 'hidden', innerDiv.style.position = 'relative';
+                this.subtractsBorderForOverflowNotVisible = (checkDiv.offsetTop === -5);
+
+                body.style.marginTop = '1px';
+                this.doesNotIncludeMarginInBodyOffset = (body.offsetTop === 0);
+                body.style.marginTop = bodyMarginTop;
+
+                body.removeChild(container);
+                this.initialized = true;
+        },
+
+        bodyOffset: function(body) {
+                jQuery.offset.initialized || jQuery.offset.initialize();
+                var top = body.offsetTop, left = body.offsetLeft;
+                if ( jQuery.offset.doesNotIncludeMarginInBodyOffset )
+                        top  += parseInt( jQuery.curCSS(body, 'marginTop',  true), 10 ) || 0,
+                        left += parseInt( jQuery.curCSS(body, 'marginLeft', true), 10 ) || 0;
+                return { top: top, left: left };
+        }
+};
+
+
+jQuery.fn.extend({
+        position: function() {
+                var left = 0, top = 0, results;
+
+                if ( this[0] ) {
+                        // Get *real* offsetParent
+                        var offsetParent = this.offsetParent(),
+
+                        // Get correct offsets
+                        offset       = this.offset(),
+                        parentOffset = /^body|html$/i.test(offsetParent[0].tagName) ? { top: 0, left: 0 } : offsetParent.offset();
+
+                        // Subtract element margins
+                        // note: when an element has margin: auto the offsetLeft and marginLeft 
+                        // are the same in Safari causing offset.left to incorrectly be 0
+                        offset.top  -= num( this, 'marginTop'  );
+                        offset.left -= num( this, 'marginLeft' );
+
+                        // Add offsetParent borders
+                        parentOffset.top  += num( offsetParent, 'borderTopWidth'  );
+                        parentOffset.left += num( offsetParent, 'borderLeftWidth' );
+
+                        // Subtract the two offsets
+                        results = {
+                                top:  offset.top  - parentOffset.top,
+                                left: offset.left - parentOffset.left
+                        };
+                }
+
+                return results;
+        },
+
+        offsetParent: function() {
+                var offsetParent = this[0].offsetParent || document.body;
+                while ( offsetParent && (!/^body|html$/i.test(offsetParent.tagName) && jQuery.css(offsetParent, 'position') == 'static') )
+                        offsetParent = offsetParent.offsetParent;
+                return jQuery(offsetParent);
+        }
+});
+
+
+// Create scrollLeft and scrollTop methods
+jQuery.each( ['Left', 'Top'], function(i, name) {
+        var method = 'scroll' + name;
+        
+        jQuery.fn[ method ] = function(val) {
+                if (!this[0]) return null;
+
+                return val !== undefined ?
+
+                        // Set the scroll offset
+                        this.each(function() {
+                                this == window || this == document ?
+                                        window.scrollTo(
+                                                !i ? val : jQuery(window).scrollLeft(),
+                                                 i ? val : jQuery(window).scrollTop()
+                                        ) :
+                                        this[ method ] = val;
+                        }) :
+
+                        // Return the scroll offset
+                        this[0] == window || this[0] == document ?
+                                self[ i ? 'pageYOffset' : 'pageXOffset' ] ||
+                                        jQuery.boxModel && document.documentElement[ method ] ||
+                                        document.body[ method ] :
+                                this[0][ method ];
+        };
+});
+// Create innerHeight, innerWidth, outerHeight and outerWidth methods
+jQuery.each([ "Height", "Width" ], function(i, name){
+
+        var tl = i ? "Left"  : "Top",  // top or left
+                br = i ? "Right" : "Bottom", // bottom or right
+                lower = name.toLowerCase();
+
+        // innerHeight and innerWidth
+        jQuery.fn["inner" + name] = function(){
+                return this[0] ?
+                        jQuery.css( this[0], lower, false, "padding" ) :
+                        null;
+        };
+
+        // outerHeight and outerWidth
+        jQuery.fn["outer" + name] = function(margin) {
+                return this[0] ?
+                        jQuery.css( this[0], lower, false, margin ? "margin" : "border" ) :
+                        null;
+        };
+        
+        var type = name.toLowerCase();
+
+        jQuery.fn[ type ] = function( size ) {
+                // Get window width or height
+                return this[0] == window ?
+                        // Everyone else use document.documentElement or document.body depending on Quirks vs Standards mode
+                        document.compatMode == "CSS1Compat" && document.documentElement[ "client" + name ] ||
+                        document.body[ "client" + name ] :
+
+                        // Get document width or height
+                        this[0] == document ?
+                                // Either scroll[Width/Height] or offset[Width/Height], whichever is greater
+                                Math.max(
+                                        document.documentElement["client" + name],
+                                        document.body["scroll" + name], document.documentElement["scroll" + name],
+                                        document.body["offset" + name], document.documentElement["offset" + name]
+                                ) :
+
+                                // Get or set width or height on the element
+                                size === undefined ?
+                                        // Get width or height on the element
+                                        (this.length ? jQuery.css( this[0], type ) : null) :
+
+                                        // Set the width or height on the element (default to pixels if value is unitless)
+                                        this.css( type, typeof size === "string" ? size : size + "px" );
+        };
+
+});
+})();
diff --git a/static/development-bundle/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png b/static/development-bundle/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png
new file mode 100644
index 0000000..5b5dab2
--- /dev/null
+++ b/static/development-bundle/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png
diff --git a/static/development-bundle/themes/base/images/ui-bg_flat_75_ffffff_40x100.png b/static/development-bundle/themes/base/images/ui-bg_flat_75_ffffff_40x100.png
new file mode 100644
index 0000000..ac8b229
--- /dev/null
+++ b/static/development-bundle/themes/base/images/ui-bg_flat_75_ffffff_40x100.png
diff --git a/static/development-bundle/themes/base/images/ui-bg_glass_55_fbf9ee_1x400.png b/static/development-bundle/themes/base/images/ui-bg_glass_55_fbf9ee_1x400.png
new file mode 100644
index 0000000..ad3d634
--- /dev/null
+++ b/static/development-bundle/themes/base/images/ui-bg_glass_55_fbf9ee_1x400.png
diff --git a/static/development-bundle/themes/base/images/ui-bg_glass_65_ffffff_1x400.png b/static/development-bundle/themes/base/images/ui-bg_glass_65_ffffff_1x400.png
new file mode 100644
index 0000000..42ccba2
--- /dev/null
+++ b/static/development-bundle/themes/base/images/ui-bg_glass_65_ffffff_1x400.png
diff --git a/static/development-bundle/themes/base/images/ui-bg_glass_75_dadada_1x400.png b/static/development-bundle/themes/base/images/ui-bg_glass_75_dadada_1x400.png
new file mode 100644
index 0000000..5a46b47
--- /dev/null
+++ b/static/development-bundle/themes/base/images/ui-bg_glass_75_dadada_1x400.png
diff --git a/static/development-bundle/themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png b/static/development-bundle/themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png
new file mode 100644
index 0000000..86c2baa
--- /dev/null
+++ b/static/development-bundle/themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png
diff --git a/static/development-bundle/themes/base/images/ui-bg_glass_95_fef1ec_1x400.png b/static/development-bundle/themes/base/images/ui-bg_glass_95_fef1ec_1x400.png
new file mode 100644
index 0000000..4443fdc
--- /dev/null
+++ b/static/development-bundle/themes/base/images/ui-bg_glass_95_fef1ec_1x400.png
diff --git a/static/development-bundle/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png b/static/development-bundle/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png
new file mode 100644
index 0000000..7c9fa6c
--- /dev/null
+++ b/static/development-bundle/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png
diff --git a/static/development-bundle/themes/base/images/ui-icons_222222_256x240.png b/static/development-bundle/themes/base/images/ui-icons_222222_256x240.png
new file mode 100644
index 0000000..ee039dc
--- /dev/null
+++ b/static/development-bundle/themes/base/images/ui-icons_222222_256x240.png
diff --git a/static/development-bundle/themes/base/images/ui-icons_2e83ff_256x240.png b/static/development-bundle/themes/base/images/ui-icons_2e83ff_256x240.png
new file mode 100644
index 0000000..45e8928
--- /dev/null
+++ b/static/development-bundle/themes/base/images/ui-icons_2e83ff_256x240.png
diff --git a/static/development-bundle/themes/base/images/ui-icons_454545_256x240.png b/static/development-bundle/themes/base/images/ui-icons_454545_256x240.png
new file mode 100644
index 0000000..7ec70d1
--- /dev/null
+++ b/static/development-bundle/themes/base/images/ui-icons_454545_256x240.png
diff --git a/static/development-bundle/themes/base/images/ui-icons_888888_256x240.png b/static/development-bundle/themes/base/images/ui-icons_888888_256x240.png
new file mode 100644
index 0000000..5ba708c
--- /dev/null
+++ b/static/development-bundle/themes/base/images/ui-icons_888888_256x240.png
diff --git a/static/development-bundle/themes/base/images/ui-icons_cd0a0a_256x240.png b/static/development-bundle/themes/base/images/ui-icons_cd0a0a_256x240.png
new file mode 100644
index 0000000..7930a55
--- /dev/null
+++ b/static/development-bundle/themes/base/images/ui-icons_cd0a0a_256x240.png
diff --git a/static/development-bundle/themes/base/ui.accordion.css b/static/development-bundle/themes/base/ui.accordion.css
new file mode 100644
index 0000000..ee1b1b6
--- /dev/null
+++ b/static/development-bundle/themes/base/ui.accordion.css
@@ -0,0 +1,9 @@
+/* Accordion
+----------------------------------*/
+.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
+.ui-accordion .ui-accordion-li-fix { display: inline; }
+.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
+.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
+.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
+.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
+.ui-accordion .ui-accordion-content-active { display: block; }
\ No newline at end of file
diff --git a/static/development-bundle/themes/base/ui.all.css b/static/development-bundle/themes/base/ui.all.css
new file mode 100644
index 0000000..543e4c3
--- /dev/null
+++ b/static/development-bundle/themes/base/ui.all.css
@@ -0,0 +1,2 @@
+@import "ui.base.css";
+@import "ui.theme.css";
diff --git a/static/development-bundle/themes/base/ui.base.css b/static/development-bundle/themes/base/ui.base.css
new file mode 100644
index 0000000..d716095
--- /dev/null
+++ b/static/development-bundle/themes/base/ui.base.css
@@ -0,0 +1,8 @@
+@import url("ui.core.css");
+@import url("ui.resizable.css");
+@import url("ui.accordion.css");
+@import url("ui.dialog.css");
+@import url("ui.slider.css");
+@import url("ui.tabs.css");
+@import url("ui.datepicker.css");
+@import url("ui.progressbar.css");
\ No newline at end of file
diff --git a/static/development-bundle/themes/base/ui.core.css b/static/development-bundle/themes/base/ui.core.css
new file mode 100644
index 0000000..c2f18f2
--- /dev/null
+++ b/static/development-bundle/themes/base/ui.core.css
@@ -0,0 +1,37 @@
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+*/
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.ui-helper-clearfix { display: inline-block; }
+/* required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix { height:1%; }
+.ui-helper-clearfix { display:block; }
+/* end clearfix */
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled { cursor: default !important; }
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
\ No newline at end of file
diff --git a/static/development-bundle/themes/base/ui.datepicker.css b/static/development-bundle/themes/base/ui.datepicker.css
new file mode 100644
index 0000000..567f8c9
--- /dev/null
+++ b/static/development-bundle/themes/base/ui.datepicker.css
@@ -0,0 +1,62 @@
+/* Datepicker
+----------------------------------*/
+.ui-datepicker { width: 17em; padding: .2em .2em 0; }
+.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
+.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
+.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
+.ui-datepicker .ui-datepicker-prev { left:2px; }
+.ui-datepicker .ui-datepicker-next { right:2px; }
+.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
+.ui-datepicker .ui-datepicker-next-hover { right:1px; }
+.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
+.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
+.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
+.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
+.ui-datepicker select.ui-datepicker-month, 
+.ui-datepicker select.ui-datepicker-year { width: 49%;}
+.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
+.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
+.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
+.ui-datepicker td { border: 0; padding: 1px; }
+.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
+.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
+.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi { width:auto; }
+.ui-datepicker-multi .ui-datepicker-group { float:left; }
+.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
+.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
+.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
+.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
+.ui-datepicker-row-break { clear:both; width:100%; }
+
+/* RTL support */
+.ui-datepicker-rtl { direction: rtl; }
+.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+
+/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
+.ui-datepicker-cover {
+    display: none; /*sorry for IE5*/
+    display/**/: block; /*sorry for IE5*/
+    position: absolute; /*must have*/
+    z-index: -1; /*must have*/
+    filter: mask(); /*must have*/
+    top: -4px; /*must have*/
+    left: -4px; /*must have*/
+    width: 200px; /*must have*/
+    height: 200px; /*must have*/
+}
\ No newline at end of file
diff --git a/static/development-bundle/themes/base/ui.dialog.css b/static/development-bundle/themes/base/ui.dialog.css
new file mode 100644
index 0000000..2997595
--- /dev/null
+++ b/static/development-bundle/themes/base/ui.dialog.css
@@ -0,0 +1,13 @@
+/* Dialog
+----------------------------------*/
+.ui-dialog { position: relative; padding: .2em; width: 300px; }
+.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
+.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
+.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
+.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
+.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
+.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
+.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
+.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
+.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
+.ui-draggable .ui-dialog-titlebar { cursor: move; }
diff --git a/static/development-bundle/themes/base/ui.progressbar.css b/static/development-bundle/themes/base/ui.progressbar.css
new file mode 100644
index 0000000..bc0939e
--- /dev/null
+++ b/static/development-bundle/themes/base/ui.progressbar.css
@@ -0,0 +1,4 @@
+/* Progressbar
+----------------------------------*/
+.ui-progressbar { height:2em; text-align: left; }
+.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
\ No newline at end of file
diff --git a/static/development-bundle/themes/base/ui.resizable.css b/static/development-bundle/themes/base/ui.resizable.css
new file mode 100644
index 0000000..44efeb2
--- /dev/null
+++ b/static/development-bundle/themes/base/ui.resizable.css
@@ -0,0 +1,13 @@
+/* Resizable
+----------------------------------*/
+.ui-resizable { position: relative;}
+.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
+.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
+.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
+.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
+.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
+.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
+.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
+.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
+.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
+.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
\ No newline at end of file
diff --git a/static/development-bundle/themes/base/ui.slider.css b/static/development-bundle/themes/base/ui.slider.css
new file mode 100644
index 0000000..4c56218
--- /dev/null
+++ b/static/development-bundle/themes/base/ui.slider.css
@@ -0,0 +1,17 @@
+/* Slider
+----------------------------------*/
+.ui-slider { position: relative; text-align: left; }
+.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
+.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
+
+.ui-slider-horizontal { height: .8em; }
+.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
+.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
+.ui-slider-horizontal .ui-slider-range-min { left: 0; }
+.ui-slider-horizontal .ui-slider-range-max { right: 0; }
+
+.ui-slider-vertical { width: .8em; height: 100px; }
+.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
+.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
+.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
+.ui-slider-vertical .ui-slider-range-max { top: 0; }
\ No newline at end of file
diff --git a/static/development-bundle/themes/base/ui.tabs.css b/static/development-bundle/themes/base/ui.tabs.css
new file mode 100644
index 0000000..3ca6b9a
--- /dev/null
+++ b/static/development-bundle/themes/base/ui.tabs.css
@@ -0,0 +1,11 @@
+/* Tabs
+----------------------------------*/
+.ui-tabs { padding: .2em; zoom: 1; }
+.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
+.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
+.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
+.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
+.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
+.ui-tabs .ui-tabs-hide { display: none !important; }
diff --git a/static/development-bundle/themes/base/ui.theme.css b/static/development-bundle/themes/base/ui.theme.css
new file mode 100644
index 0000000..73ed788
--- /dev/null
+++ b/static/development-bundle/themes/base/ui.theme.css
@@ -0,0 +1,245 @@
+
+
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+* To view and modify this theme, visit http://jqueryui.com/themeroller/
+*/
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
+.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
+.ui-widget-content a { color: #222222/*{fcContent}*/; }
+.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
+.ui-widget-header a { color: #222222/*{fcHeader}*/; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; outline: none; }
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; outline: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; outline: none; }
+.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; outline: none; }
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; outline: none; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; outline: none; text-decoration: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
+.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
+.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
+.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
+.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
+.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
+.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
+.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }
+
+/* positioning */
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-off { background-position: -96px -144px; }
+.ui-icon-radio-on { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-right {  -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; }
+
+/* Overlays */
+.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
+.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; }
\ No newline at end of file
diff --git a/static/development-bundle/themes/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png b/static/development-bundle/themes/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png
new file mode 100644
index 0000000..954e22d
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png
diff --git a/static/development-bundle/themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png b/static/development-bundle/themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png
new file mode 100644
index 0000000..64ece57
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png
diff --git a/static/development-bundle/themes/ui-lightness/images/ui-bg_flat_10_000000_40x100.png b/static/development-bundle/themes/ui-lightness/images/ui-bg_flat_10_000000_40x100.png
new file mode 100644
index 0000000..abdc010
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/images/ui-bg_flat_10_000000_40x100.png
diff --git a/static/development-bundle/themes/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png b/static/development-bundle/themes/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png
new file mode 100644
index 0000000..9b383f4
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png
diff --git a/static/development-bundle/themes/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png b/static/development-bundle/themes/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png
new file mode 100644
index 0000000..a23baad
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png
diff --git a/static/development-bundle/themes/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png b/static/development-bundle/themes/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png
new file mode 100644
index 0000000..42ccba2
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png
diff --git a/static/development-bundle/themes/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png b/static/development-bundle/themes/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png
new file mode 100644
index 0000000..1b1972b
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png
diff --git a/static/development-bundle/themes/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png b/static/development-bundle/themes/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png
new file mode 100644
index 0000000..f127367
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png
diff --git a/static/development-bundle/themes/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png b/static/development-bundle/themes/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png
new file mode 100644
index 0000000..359397a
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png
diff --git a/static/development-bundle/themes/ui-lightness/images/ui-icons_222222_256x240.png b/static/development-bundle/themes/ui-lightness/images/ui-icons_222222_256x240.png
new file mode 100644
index 0000000..ee039dc
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/images/ui-icons_222222_256x240.png
diff --git a/static/development-bundle/themes/ui-lightness/images/ui-icons_228ef1_256x240.png b/static/development-bundle/themes/ui-lightness/images/ui-icons_228ef1_256x240.png
new file mode 100644
index 0000000..6a05ba5
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/images/ui-icons_228ef1_256x240.png
diff --git a/static/development-bundle/themes/ui-lightness/images/ui-icons_ef8c08_256x240.png b/static/development-bundle/themes/ui-lightness/images/ui-icons_ef8c08_256x240.png
new file mode 100644
index 0000000..35bb8ef
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/images/ui-icons_ef8c08_256x240.png
diff --git a/static/development-bundle/themes/ui-lightness/images/ui-icons_ffd27a_256x240.png b/static/development-bundle/themes/ui-lightness/images/ui-icons_ffd27a_256x240.png
new file mode 100644
index 0000000..baebb63
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/images/ui-icons_ffd27a_256x240.png
diff --git a/static/development-bundle/themes/ui-lightness/images/ui-icons_ffffff_256x240.png b/static/development-bundle/themes/ui-lightness/images/ui-icons_ffffff_256x240.png
new file mode 100644
index 0000000..bef5178
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/images/ui-icons_ffffff_256x240.png
diff --git a/static/development-bundle/themes/ui-lightness/jquery-ui-1.7.2.custom.css b/static/development-bundle/themes/ui-lightness/jquery-ui-1.7.2.custom.css
new file mode 100644
index 0000000..9d7aa08
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/jquery-ui-1.7.2.custom.css
@@ -0,0 +1,406 @@
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+*/
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.ui-helper-clearfix { display: inline-block; }
+/* required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix { height:1%; }
+.ui-helper-clearfix { display:block; }
+/* end clearfix */
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled { cursor: default !important; }
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
+
+
+
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
+*/
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
+.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
+.ui-widget-content a { color: #333333; }
+.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
+.ui-widget-header a { color: #ffffff; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
+.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
+.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
+.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
+.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
+.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
+.ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
+.ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
+.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); }
+
+/* positioning */
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-off { background-position: -96px -144px; }
+.ui-icon-radio-on { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
+.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
+.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
+.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
+.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
+.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
+
+/* Overlays */
+.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
+.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }/* Accordion
+----------------------------------*/
+.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
+.ui-accordion .ui-accordion-li-fix { display: inline; }
+.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
+.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
+.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
+.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
+.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
+----------------------------------*/
+.ui-datepicker { width: 17em; padding: .2em .2em 0; }
+.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
+.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
+.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
+.ui-datepicker .ui-datepicker-prev { left:2px; }
+.ui-datepicker .ui-datepicker-next { right:2px; }
+.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
+.ui-datepicker .ui-datepicker-next-hover { right:1px; }
+.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
+.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
+.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
+.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
+.ui-datepicker select.ui-datepicker-month, 
+.ui-datepicker select.ui-datepicker-year { width: 49%;}
+.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
+.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
+.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
+.ui-datepicker td { border: 0; padding: 1px; }
+.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
+.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
+.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi { width:auto; }
+.ui-datepicker-multi .ui-datepicker-group { float:left; }
+.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
+.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
+.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
+.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
+.ui-datepicker-row-break { clear:both; width:100%; }
+
+/* RTL support */
+.ui-datepicker-rtl { direction: rtl; }
+.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+
+/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
+.ui-datepicker-cover {
+    display: none; /*sorry for IE5*/
+    display/**/: block; /*sorry for IE5*/
+    position: absolute; /*must have*/
+    z-index: -1; /*must have*/
+    filter: mask(); /*must have*/
+    top: -4px; /*must have*/
+    left: -4px; /*must have*/
+    width: 200px; /*must have*/
+    height: 200px; /*must have*/
+}/* Dialog
+----------------------------------*/
+.ui-dialog { position: relative; padding: .2em; width: 300px; }
+.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
+.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
+.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
+.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
+.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
+.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
+.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
+.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
+.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
+.ui-draggable .ui-dialog-titlebar { cursor: move; }
+/* Progressbar
+----------------------------------*/
+.ui-progressbar { height:2em; text-align: left; }
+.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
+----------------------------------*/
+.ui-resizable { position: relative;}
+.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
+.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
+.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
+.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
+.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
+.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
+.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
+.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
+.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
+.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
+----------------------------------*/
+.ui-slider { position: relative; text-align: left; }
+.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
+.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
+
+.ui-slider-horizontal { height: .8em; }
+.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
+.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
+.ui-slider-horizontal .ui-slider-range-min { left: 0; }
+.ui-slider-horizontal .ui-slider-range-max { right: 0; }
+
+.ui-slider-vertical { width: .8em; height: 100px; }
+.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
+.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
+.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
+.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
+----------------------------------*/
+.ui-tabs { padding: .2em; zoom: 1; }
+.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
+.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
+.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
+.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
+.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
+.ui-tabs .ui-tabs-hide { display: none !important; }
diff --git a/static/development-bundle/themes/ui-lightness/ui.accordion.css b/static/development-bundle/themes/ui-lightness/ui.accordion.css
new file mode 100644
index 0000000..ee1b1b6
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/ui.accordion.css
@@ -0,0 +1,9 @@
+/* Accordion
+----------------------------------*/
+.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
+.ui-accordion .ui-accordion-li-fix { display: inline; }
+.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
+.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
+.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
+.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
+.ui-accordion .ui-accordion-content-active { display: block; }
\ No newline at end of file
diff --git a/static/development-bundle/themes/ui-lightness/ui.all.css b/static/development-bundle/themes/ui-lightness/ui.all.css
new file mode 100644
index 0000000..543e4c3
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/ui.all.css
@@ -0,0 +1,2 @@
+@import "ui.base.css";
+@import "ui.theme.css";
diff --git a/static/development-bundle/themes/ui-lightness/ui.base.css b/static/development-bundle/themes/ui-lightness/ui.base.css
new file mode 100644
index 0000000..d716095
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/ui.base.css
@@ -0,0 +1,8 @@
+@import url("ui.core.css");
+@import url("ui.resizable.css");
+@import url("ui.accordion.css");
+@import url("ui.dialog.css");
+@import url("ui.slider.css");
+@import url("ui.tabs.css");
+@import url("ui.datepicker.css");
+@import url("ui.progressbar.css");
\ No newline at end of file
diff --git a/static/development-bundle/themes/ui-lightness/ui.core.css b/static/development-bundle/themes/ui-lightness/ui.core.css
new file mode 100644
index 0000000..c2f18f2
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/ui.core.css
@@ -0,0 +1,37 @@
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+*/
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.ui-helper-clearfix { display: inline-block; }
+/* required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix { height:1%; }
+.ui-helper-clearfix { display:block; }
+/* end clearfix */
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled { cursor: default !important; }
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
\ No newline at end of file
diff --git a/static/development-bundle/themes/ui-lightness/ui.datepicker.css b/static/development-bundle/themes/ui-lightness/ui.datepicker.css
new file mode 100644
index 0000000..567f8c9
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/ui.datepicker.css
@@ -0,0 +1,62 @@
+/* Datepicker
+----------------------------------*/
+.ui-datepicker { width: 17em; padding: .2em .2em 0; }
+.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
+.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
+.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
+.ui-datepicker .ui-datepicker-prev { left:2px; }
+.ui-datepicker .ui-datepicker-next { right:2px; }
+.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
+.ui-datepicker .ui-datepicker-next-hover { right:1px; }
+.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
+.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
+.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
+.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
+.ui-datepicker select.ui-datepicker-month, 
+.ui-datepicker select.ui-datepicker-year { width: 49%;}
+.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
+.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
+.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
+.ui-datepicker td { border: 0; padding: 1px; }
+.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
+.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
+.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi { width:auto; }
+.ui-datepicker-multi .ui-datepicker-group { float:left; }
+.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
+.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
+.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
+.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
+.ui-datepicker-row-break { clear:both; width:100%; }
+
+/* RTL support */
+.ui-datepicker-rtl { direction: rtl; }
+.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+
+/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
+.ui-datepicker-cover {
+    display: none; /*sorry for IE5*/
+    display/**/: block; /*sorry for IE5*/
+    position: absolute; /*must have*/
+    z-index: -1; /*must have*/
+    filter: mask(); /*must have*/
+    top: -4px; /*must have*/
+    left: -4px; /*must have*/
+    width: 200px; /*must have*/
+    height: 200px; /*must have*/
+}
\ No newline at end of file
diff --git a/static/development-bundle/themes/ui-lightness/ui.dialog.css b/static/development-bundle/themes/ui-lightness/ui.dialog.css
new file mode 100644
index 0000000..2997595
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/ui.dialog.css
@@ -0,0 +1,13 @@
+/* Dialog
+----------------------------------*/
+.ui-dialog { position: relative; padding: .2em; width: 300px; }
+.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
+.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
+.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
+.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
+.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
+.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
+.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
+.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
+.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
+.ui-draggable .ui-dialog-titlebar { cursor: move; }
diff --git a/static/development-bundle/themes/ui-lightness/ui.progressbar.css b/static/development-bundle/themes/ui-lightness/ui.progressbar.css
new file mode 100644
index 0000000..bc0939e
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/ui.progressbar.css
@@ -0,0 +1,4 @@
+/* Progressbar
+----------------------------------*/
+.ui-progressbar { height:2em; text-align: left; }
+.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
\ No newline at end of file
diff --git a/static/development-bundle/themes/ui-lightness/ui.resizable.css b/static/development-bundle/themes/ui-lightness/ui.resizable.css
new file mode 100644
index 0000000..44efeb2
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/ui.resizable.css
@@ -0,0 +1,13 @@
+/* Resizable
+----------------------------------*/
+.ui-resizable { position: relative;}
+.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
+.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
+.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
+.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
+.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
+.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
+.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
+.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
+.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
+.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
\ No newline at end of file
diff --git a/static/development-bundle/themes/ui-lightness/ui.slider.css b/static/development-bundle/themes/ui-lightness/ui.slider.css
new file mode 100644
index 0000000..4c56218
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/ui.slider.css
@@ -0,0 +1,17 @@
+/* Slider
+----------------------------------*/
+.ui-slider { position: relative; text-align: left; }
+.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
+.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
+
+.ui-slider-horizontal { height: .8em; }
+.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
+.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
+.ui-slider-horizontal .ui-slider-range-min { left: 0; }
+.ui-slider-horizontal .ui-slider-range-max { right: 0; }
+
+.ui-slider-vertical { width: .8em; height: 100px; }
+.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
+.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
+.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
+.ui-slider-vertical .ui-slider-range-max { top: 0; }
\ No newline at end of file
diff --git a/static/development-bundle/themes/ui-lightness/ui.tabs.css b/static/development-bundle/themes/ui-lightness/ui.tabs.css
new file mode 100644
index 0000000..3ca6b9a
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/ui.tabs.css
@@ -0,0 +1,11 @@
+/* Tabs
+----------------------------------*/
+.ui-tabs { padding: .2em; zoom: 1; }
+.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
+.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
+.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
+.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
+.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
+.ui-tabs .ui-tabs-hide { display: none !important; }
diff --git a/static/development-bundle/themes/ui-lightness/ui.theme.css b/static/development-bundle/themes/ui-lightness/ui.theme.css
new file mode 100644
index 0000000..7dfd141
--- /dev/null
+++ b/static/development-bundle/themes/ui-lightness/ui.theme.css
@@ -0,0 +1,247 @@
+
+
+
+
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
+*/
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
+.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
+.ui-widget-content a { color: #333333; }
+.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
+.ui-widget-header a { color: #ffffff; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
+.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
+.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
+.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
+.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
+.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
+.ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
+.ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
+.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); }
+
+/* positioning */
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-off { background-position: -96px -144px; }
+.ui-icon-radio-on { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
+.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
+.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
+.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
+.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
+.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
+
+/* Overlays */
+.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
+.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }
\ No newline at end of file
diff --git a/static/development-bundle/ui/effects.blind.js b/static/development-bundle/ui/effects.blind.js
new file mode 100644
index 0000000..62d86ef
--- /dev/null
+++ b/static/development-bundle/ui/effects.blind.js
@@ -0,0 +1,49 @@
+/*
+ * jQuery UI Effects Blind 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Blind
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.blind = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this), props = ['position','top','left'];
+
+                // Set options
+                var mode = $.effects.setMode(el, o.options.mode || 'hide'); // Set Mode
+                var direction = o.options.direction || 'vertical'; // Default direction
+
+                // Adjust
+                $.effects.save(el, props); el.show(); // Save & Show
+                var wrapper = $.effects.createWrapper(el).css({overflow:'hidden'}); // Create Wrapper
+                var ref = (direction == 'vertical') ? 'height' : 'width';
+                var distance = (direction == 'vertical') ? wrapper.height() : wrapper.width();
+                if(mode == 'show') wrapper.css(ref, 0); // Shift
+
+                // Animation
+                var animation = {};
+                animation[ref] = mode == 'show' ? distance : 0;
+
+                // Animate
+                wrapper.animate(animation, o.duration, o.options.easing, function() {
+                        if(mode == 'hide') el.hide(); // Hide
+                        $.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
+                        if(o.callback) o.callback.apply(el[0], arguments); // Callback
+                        el.dequeue();
+                });
+
+        });
+
+};
+
+})(jQuery);
diff --git a/static/development-bundle/ui/effects.bounce.js b/static/development-bundle/ui/effects.bounce.js
new file mode 100644
index 0000000..6461332
--- /dev/null
+++ b/static/development-bundle/ui/effects.bounce.js
@@ -0,0 +1,78 @@
+/*
+ * jQuery UI Effects Bounce 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Bounce
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.bounce = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this), props = ['position','top','left'];
+
+                // Set options
+                var mode = $.effects.setMode(el, o.options.mode || 'effect'); // Set Mode
+                var direction = o.options.direction || 'up'; // Default direction
+                var distance = o.options.distance || 20; // Default distance
+                var times = o.options.times || 5; // Default # of times
+                var speed = o.duration || 250; // Default speed per bounce
+                if (/show|hide/.test(mode)) props.push('opacity'); // Avoid touching opacity to prevent clearType and PNG issues in IE
+
+                // Adjust
+                $.effects.save(el, props); el.show(); // Save & Show
+                $.effects.createWrapper(el); // Create Wrapper
+                var ref = (direction == 'up' || direction == 'down') ? 'top' : 'left';
+                var motion = (direction == 'up' || direction == 'left') ? 'pos' : 'neg';
+                var distance = o.options.distance || (ref == 'top' ? el.outerHeight({margin:true}) / 3 : el.outerWidth({margin:true}) / 3);
+                if (mode == 'show') el.css('opacity', 0).css(ref, motion == 'pos' ? -distance : distance); // Shift
+                if (mode == 'hide') distance = distance / (times * 2);
+                if (mode != 'hide') times--;
+
+                // Animate
+                if (mode == 'show') { // Show Bounce
+                        var animation = {opacity: 1};
+                        animation[ref] = (motion == 'pos' ? '+=' : '-=') + distance;
+                        el.animate(animation, speed / 2, o.options.easing);
+                        distance = distance / 2;
+                        times--;
+                };
+                for (var i = 0; i < times; i++) { // Bounces
+                        var animation1 = {}, animation2 = {};
+                        animation1[ref] = (motion == 'pos' ? '-=' : '+=') + distance;
+                        animation2[ref] = (motion == 'pos' ? '+=' : '-=') + distance;
+                        el.animate(animation1, speed / 2, o.options.easing).animate(animation2, speed / 2, o.options.easing);
+                        distance = (mode == 'hide') ? distance * 2 : distance / 2;
+                };
+                if (mode == 'hide') { // Last Bounce
+                        var animation = {opacity: 0};
+                        animation[ref] = (motion == 'pos' ? '-=' : '+=')  + distance;
+                        el.animate(animation, speed / 2, o.options.easing, function(){
+                                el.hide(); // Hide
+                                $.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
+                                if(o.callback) o.callback.apply(this, arguments); // Callback
+                        });
+                } else {
+                        var animation1 = {}, animation2 = {};
+                        animation1[ref] = (motion == 'pos' ? '-=' : '+=') + distance;
+                        animation2[ref] = (motion == 'pos' ? '+=' : '-=') + distance;
+                        el.animate(animation1, speed / 2, o.options.easing).animate(animation2, speed / 2, o.options.easing, function(){
+                                $.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
+                                if(o.callback) o.callback.apply(this, arguments); // Callback
+                        });
+                };
+                el.queue('fx', function() { el.dequeue(); });
+                el.dequeue();
+        });
+
+};
+
+})(jQuery);
diff --git a/static/development-bundle/ui/effects.clip.js b/static/development-bundle/ui/effects.clip.js
new file mode 100644
index 0000000..1775f83
--- /dev/null
+++ b/static/development-bundle/ui/effects.clip.js
@@ -0,0 +1,54 @@
+/*
+ * jQuery UI Effects Clip 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Clip
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.clip = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this), props = ['position','top','left','height','width'];
+
+                // Set options
+                var mode = $.effects.setMode(el, o.options.mode || 'hide'); // Set Mode
+                var direction = o.options.direction || 'vertical'; // Default direction
+
+                // Adjust
+                $.effects.save(el, props); el.show(); // Save & Show
+                var wrapper = $.effects.createWrapper(el).css({overflow:'hidden'}); // Create Wrapper
+                var animate = el[0].tagName == 'IMG' ? wrapper : el;
+                var ref = {
+                        size: (direction == 'vertical') ? 'height' : 'width',
+                        position: (direction == 'vertical') ? 'top' : 'left'
+                };
+                var distance = (direction == 'vertical') ? animate.height() : animate.width();
+                if(mode == 'show') { animate.css(ref.size, 0); animate.css(ref.position, distance / 2); } // Shift
+
+                // Animation
+                var animation = {};
+                animation[ref.size] = mode == 'show' ? distance : 0;
+                animation[ref.position] = mode == 'show' ? 0 : distance / 2;
+
+                // Animate
+                animate.animate(animation, { queue: false, duration: o.duration, easing: o.options.easing, complete: function() {
+                        if(mode == 'hide') el.hide(); // Hide
+                        $.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
+                        if(o.callback) o.callback.apply(el[0], arguments); // Callback
+                        el.dequeue();
+                }});
+
+        });
+
+};
+
+})(jQuery);
diff --git a/static/development-bundle/ui/effects.core.js b/static/development-bundle/ui/effects.core.js
new file mode 100644
index 0000000..efd0d50
--- /dev/null
+++ b/static/development-bundle/ui/effects.core.js
@@ -0,0 +1,545 @@
+/*
+ * jQuery UI Effects 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/
+ */
+;jQuery.effects || (function($) {
+
+$.effects = {
+        version: "1.7.2",
+
+        // Saves a set of properties in a data storage
+        save: function(element, set) {
+                for(var i=0; i < set.length; i++) {
+                        if(set[i] !== null) element.data("ec.storage."+set[i], element[0].style[set[i]]);
+                }
+        },
+
+        // Restores a set of previously saved properties from a data storage
+        restore: function(element, set) {
+                for(var i=0; i < set.length; i++) {
+                        if(set[i] !== null) element.css(set[i], element.data("ec.storage."+set[i]));
+                }
+        },
+
+        setMode: function(el, mode) {
+                if (mode == 'toggle') mode = el.is(':hidden') ? 'show' : 'hide'; // Set for toggle
+                return mode;
+        },
+
+        getBaseline: function(origin, original) { // Translates a [top,left] array into a baseline value
+                // this should be a little more flexible in the future to handle a string & hash
+                var y, x;
+                switch (origin[0]) {
+                        case 'top': y = 0; break;
+                        case 'middle': y = 0.5; break;
+                        case 'bottom': y = 1; break;
+                        default: y = origin[0] / original.height;
+                };
+                switch (origin[1]) {
+                        case 'left': x = 0; break;
+                        case 'center': x = 0.5; break;
+                        case 'right': x = 1; break;
+                        default: x = origin[1] / original.width;
+                };
+                return {x: x, y: y};
+        },
+
+        // Wraps the element around a wrapper that copies position properties
+        createWrapper: function(element) {
+
+                //if the element is already wrapped, return it
+                if (element.parent().is('.ui-effects-wrapper'))
+                        return element.parent();
+
+                //Cache width,height and float properties of the element, and create a wrapper around it
+                var props = { width: element.outerWidth(true), height: element.outerHeight(true), 'float': element.css('float') };
+                element.wrap('<div class="ui-effects-wrapper" style="font-size:100%;background:transparent;border:none;margin:0;padding:0"></div>');
+                var wrapper = element.parent();
+
+                //Transfer the positioning of the element to the wrapper
+                if (element.css('position') == 'static') {
+                        wrapper.css({ position: 'relative' });
+                        element.css({ position: 'relative'} );
+                } else {
+                        var top = element.css('top'); if(isNaN(parseInt(top,10))) top = 'auto';
+                        var left = element.css('left'); if(isNaN(parseInt(left,10))) left = 'auto';
+                        wrapper.css({ position: element.css('position'), top: top, left: left, zIndex: element.css('z-index') }).show();
+                        element.css({position: 'relative', top: 0, left: 0 });
+                }
+
+                wrapper.css(props);
+                return wrapper;
+        },
+
+        removeWrapper: function(element) {
+                if (element.parent().is('.ui-effects-wrapper'))
+                        return element.parent().replaceWith(element);
+                return element;
+        },
+
+        setTransition: function(element, list, factor, value) {
+                value = value || {};
+                $.each(list, function(i, x){
+                        unit = element.cssUnit(x);
+                        if (unit[0] > 0) value[x] = unit[0] * factor + unit[1];
+                });
+                return value;
+        },
+
+        //Base function to animate from one class to another in a seamless transition
+        animateClass: function(value, duration, easing, callback) {
+
+                var cb = (typeof easing == "function" ? easing : (callback ? callback : null));
+                var ea = (typeof easing == "string" ? easing : null);
+
+                return this.each(function() {
+
+                        var offset = {}; var that = $(this); var oldStyleAttr = that.attr("style") || '';
+                        if(typeof oldStyleAttr == 'object') oldStyleAttr = oldStyleAttr["cssText"]; /* Stupidly in IE, style is a object.. */
+                        if(value.toggle) { that.hasClass(value.toggle) ? value.remove = value.toggle : value.add = value.toggle; }
+
+                        //Let's get a style offset
+                        var oldStyle = $.extend({}, (document.defaultView ? document.defaultView.getComputedStyle(this,null) : this.currentStyle));
+                        if(value.add) that.addClass(value.add); if(value.remove) that.removeClass(value.remove);
+                        var newStyle = $.extend({}, (document.defaultView ? document.defaultView.getComputedStyle(this,null) : this.currentStyle));
+                        if(value.add) that.removeClass(value.add); if(value.remove) that.addClass(value.remove);
+
+                        // The main function to form the object for animation
+                        for(var n in newStyle) {
+                                if( typeof newStyle[n] != "function" && newStyle[n] /* No functions and null properties */
+                                && n.indexOf("Moz") == -1 && n.indexOf("length") == -1 /* No mozilla spezific render properties. */
+                                && newStyle[n] != oldStyle[n] /* Only values that have changed are used for the animation */
+                                && (n.match(/color/i) || (!n.match(/color/i) && !isNaN(parseInt(newStyle[n],10)))) /* Only things that can be parsed to integers or colors */
+                                && (oldStyle.position != "static" || (oldStyle.position == "static" && !n.match(/left|top|bottom|right/))) /* No need for positions when dealing with static positions */
+                                ) offset[n] = newStyle[n];
+                        }
+
+                        that.animate(offset, duration, ea, function() { // Animate the newly constructed offset object
+                                // Change style attribute back to original. For stupid IE, we need to clear the damn object.
+                                if(typeof $(this).attr("style") == 'object') { $(this).attr("style")["cssText"] = ""; $(this).attr("style")["cssText"] = oldStyleAttr; } else $(this).attr("style", oldStyleAttr);
+                                if(value.add) $(this).addClass(value.add); if(value.remove) $(this).removeClass(value.remove);
+                                if(cb) cb.apply(this, arguments);
+                        });
+
+                });
+        }
+};
+
+
+function _normalizeArguments(a, m) {
+
+        var o = a[1] && a[1].constructor == Object ? a[1] : {}; if(m) o.mode = m;
+        var speed = a[1] && a[1].constructor != Object ? a[1] : (o.duration ? o.duration : a[2]); //either comes from options.duration or the secon/third argument
+                speed = $.fx.off ? 0 : typeof speed === "number" ? speed : $.fx.speeds[speed] || $.fx.speeds._default;
+        var callback = o.callback || ( $.isFunction(a[1]) && a[1] ) || ( $.isFunction(a[2]) && a[2] ) || ( $.isFunction(a[3]) && a[3] );
+
+        return [a[0], o, speed, callback];
+        
+}
+
+//Extend the methods of jQuery
+$.fn.extend({
+
+        //Save old methods
+        _show: $.fn.show,
+        _hide: $.fn.hide,
+        __toggle: $.fn.toggle,
+        _addClass: $.fn.addClass,
+        _removeClass: $.fn.removeClass,
+        _toggleClass: $.fn.toggleClass,
+
+        // New effect methods
+        effect: function(fx, options, speed, callback) {
+                return $.effects[fx] ? $.effects[fx].call(this, {method: fx, options: options || {}, duration: speed, callback: callback }) : null;
+        },
+
+        show: function() {
+                if(!arguments[0] || (arguments[0].constructor == Number || (/(slow|normal|fast)/).test(arguments[0])))
+                        return this._show.apply(this, arguments);
+                else {
+                        return this.effect.apply(this, _normalizeArguments(arguments, 'show'));
+                }
+        },
+
+        hide: function() {
+                if(!arguments[0] || (arguments[0].constructor == Number || (/(slow|normal|fast)/).test(arguments[0])))
+                        return this._hide.apply(this, arguments);
+                else {
+                        return this.effect.apply(this, _normalizeArguments(arguments, 'hide'));
+                }
+        },
+
+        toggle: function(){
+                if(!arguments[0] ||
+                        (arguments[0].constructor == Number || (/(slow|normal|fast)/).test(arguments[0])) ||
+                        ($.isFunction(arguments[0]) || typeof arguments[0] == 'boolean')) {
+                        return this.__toggle.apply(this, arguments);
+                } else {
+                        return this.effect.apply(this, _normalizeArguments(arguments, 'toggle'));
+                }
+        },
+
+        addClass: function(classNames, speed, easing, callback) {
+                return speed ? $.effects.animateClass.apply(this, [{ add: classNames },speed,easing,callback]) : this._addClass(classNames);
+        },
+        removeClass: function(classNames,speed,easing,callback) {
+                return speed ? $.effects.animateClass.apply(this, [{ remove: classNames },speed,easing,callback]) : this._removeClass(classNames);
+        },
+        toggleClass: function(classNames,speed,easing,callback) {
+                return ( (typeof speed !== "boolean") && speed ) ? $.effects.animateClass.apply(this, [{ toggle: classNames },speed,easing,callback]) : this._toggleClass(classNames, speed);
+        },
+        morph: function(remove,add,speed,easing,callback) {
+                return $.effects.animateClass.apply(this, [{ add: add, remove: remove },speed,easing,callback]);
+        },
+        switchClass: function() {
+                return this.morph.apply(this, arguments);
+        },
+
+        // helper functions
+        cssUnit: function(key) {
+                var style = this.css(key), val = [];
+                $.each( ['em','px','%','pt'], function(i, unit){
+                        if(style.indexOf(unit) > 0)
+                                val = [parseFloat(style), unit];
+                });
+                return val;
+        }
+});
+
+/*
+ * jQuery Color Animations
+ * Copyright 2007 John Resig
+ * Released under the MIT and GPL licenses.
+ */
+
+// We override the animation for all of these color styles
+$.each(['backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'color', 'outlineColor'], function(i,attr){
+                $.fx.step[attr] = function(fx) {
+                                if ( fx.state == 0 ) {
+                                                fx.start = getColor( fx.elem, attr );
+                                                fx.end = getRGB( fx.end );
+                                }
+
+                                fx.elem.style[attr] = "rgb(" + [
+                                                Math.max(Math.min( parseInt((fx.pos * (fx.end[0] - fx.start[0])) + fx.start[0],10), 255), 0),
+                                                Math.max(Math.min( parseInt((fx.pos * (fx.end[1] - fx.start[1])) + fx.start[1],10), 255), 0),
+                                                Math.max(Math.min( parseInt((fx.pos * (fx.end[2] - fx.start[2])) + fx.start[2],10), 255), 0)
+                                ].join(",") + ")";
+                        };
+});
+
+// Color Conversion functions from highlightFade
+// By Blair Mitchelmore
+// http://jquery.offput.ca/highlightFade/
+
+// Parse strings looking for color tuples [255,255,255]
+function getRGB(color) {
+                var result;
+
+                // Check if we're already dealing with an array of colors
+                if ( color && color.constructor == Array && color.length == 3 )
+                                return color;
+
+                // Look for rgb(num,num,num)
+                if (result = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(color))
+                                return [parseInt(result[1],10), parseInt(result[2],10), parseInt(result[3],10)];
+
+                // Look for rgb(num%,num%,num%)
+                if (result = /rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(color))
+                                return [parseFloat(result[1])*2.55, parseFloat(result[2])*2.55, parseFloat(result[3])*2.55];
+
+                // Look for #a0b1c2
+                if (result = /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(color))
+                                return [parseInt(result[1],16), parseInt(result[2],16), parseInt(result[3],16)];
+
+                // Look for #fff
+                if (result = /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(color))
+                                return [parseInt(result[1]+result[1],16), parseInt(result[2]+result[2],16), parseInt(result[3]+result[3],16)];
+
+                // Look for rgba(0, 0, 0, 0) == transparent in Safari 3
+                if (result = /rgba\(0, 0, 0, 0\)/.exec(color))
+                                return colors['transparent'];
+
+                // Otherwise, we're most likely dealing with a named color
+                return colors[$.trim(color).toLowerCase()];
+}
+
+function getColor(elem, attr) {
+                var color;
+
+                do {
+                                color = $.curCSS(elem, attr);
+
+                                // Keep going until we find an element that has color, or we hit the body
+                                if ( color != '' && color != 'transparent' || $.nodeName(elem, "body") )
+                                                break;
+
+                                attr = "backgroundColor";
+                } while ( elem = elem.parentNode );
+
+                return getRGB(color);
+};
+
+// Some named colors to work with
+// From Interface by Stefan Petre
+// http://interface.eyecon.ro/
+
+var colors = {
+        aqua:[0,255,255],
+        azure:[240,255,255],
+        beige:[245,245,220],
+        black:[0,0,0],
+        blue:[0,0,255],
+        brown:[165,42,42],
+        cyan:[0,255,255],
+        darkblue:[0,0,139],
+        darkcyan:[0,139,139],
+        darkgrey:[169,169,169],
+        darkgreen:[0,100,0],
+        darkkhaki:[189,183,107],
+        darkmagenta:[139,0,139],
+        darkolivegreen:[85,107,47],
+        darkorange:[255,140,0],
+        darkorchid:[153,50,204],
+        darkred:[139,0,0],
+        darksalmon:[233,150,122],
+        darkviolet:[148,0,211],
+        fuchsia:[255,0,255],
+        gold:[255,215,0],
+        green:[0,128,0],
+        indigo:[75,0,130],
+        khaki:[240,230,140],
+        lightblue:[173,216,230],
+        lightcyan:[224,255,255],
+        lightgreen:[144,238,144],
+        lightgrey:[211,211,211],
+        lightpink:[255,182,193],
+        lightyellow:[255,255,224],
+        lime:[0,255,0],
+        magenta:[255,0,255],
+        maroon:[128,0,0],
+        navy:[0,0,128],
+        olive:[128,128,0],
+        orange:[255,165,0],
+        pink:[255,192,203],
+        purple:[128,0,128],
+        violet:[128,0,128],
+        red:[255,0,0],
+        silver:[192,192,192],
+        white:[255,255,255],
+        yellow:[255,255,0],
+        transparent: [255,255,255]
+};
+
+/*
+ * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
+ *
+ * Uses the built in easing capabilities added In jQuery 1.1
+ * to offer multiple easing options
+ *
+ * TERMS OF USE - jQuery Easing
+ *
+ * Open source under the BSD License.
+ *
+ * Copyright 2008 George McGinley Smith
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without modification,
+ * are permitted provided that the following conditions are met:
+ *
+ * Redistributions of source code must retain the above copyright notice, this list of
+ * conditions and the following disclaimer.
+ * Redistributions in binary form must reproduce the above copyright notice, this list
+ * of conditions and the following disclaimer in the documentation and/or other materials
+ * provided with the distribution.
+ *
+ * Neither the name of the author nor the names of contributors may be used to endorse
+ * or promote products derived from this software without specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+ * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+ * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
+ * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
+ * OF THE POSSIBILITY OF SUCH DAMAGE.
+ *
+*/
+
+// t: current time, b: begInnIng value, c: change In value, d: duration
+$.easing.jswing = $.easing.swing;
+
+$.extend($.easing,
+{
+        def: 'easeOutQuad',
+        swing: function (x, t, b, c, d) {
+                //alert($.easing.default);
+                return $.easing[$.easing.def](x, t, b, c, d);
+        },
+        easeInQuad: function (x, t, b, c, d) {
+                return c*(t/=d)*t + b;
+        },
+        easeOutQuad: function (x, t, b, c, d) {
+                return -c *(t/=d)*(t-2) + b;
+        },
+        easeInOutQuad: function (x, t, b, c, d) {
+                if ((t/=d/2) < 1) return c/2*t*t + b;
+                return -c/2 * ((--t)*(t-2) - 1) + b;
+        },
+        easeInCubic: function (x, t, b, c, d) {
+                return c*(t/=d)*t*t + b;
+        },
+        easeOutCubic: function (x, t, b, c, d) {
+                return c*((t=t/d-1)*t*t + 1) + b;
+        },
+        easeInOutCubic: function (x, t, b, c, d) {
+                if ((t/=d/2) < 1) return c/2*t*t*t + b;
+                return c/2*((t-=2)*t*t + 2) + b;
+        },
+        easeInQuart: function (x, t, b, c, d) {
+                return c*(t/=d)*t*t*t + b;
+        },
+        easeOutQuart: function (x, t, b, c, d) {
+                return -c * ((t=t/d-1)*t*t*t - 1) + b;
+        },
+        easeInOutQuart: function (x, t, b, c, d) {
+                if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
+                return -c/2 * ((t-=2)*t*t*t - 2) + b;
+        },
+        easeInQuint: function (x, t, b, c, d) {
+                return c*(t/=d)*t*t*t*t + b;
+        },
+        easeOutQuint: function (x, t, b, c, d) {
+                return c*((t=t/d-1)*t*t*t*t + 1) + b;
+        },
+        easeInOutQuint: function (x, t, b, c, d) {
+                if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
+                return c/2*((t-=2)*t*t*t*t + 2) + b;
+        },
+        easeInSine: function (x, t, b, c, d) {
+                return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
+        },
+        easeOutSine: function (x, t, b, c, d) {
+                return c * Math.sin(t/d * (Math.PI/2)) + b;
+        },
+        easeInOutSine: function (x, t, b, c, d) {
+                return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
+        },
+        easeInExpo: function (x, t, b, c, d) {
+                return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
+        },
+        easeOutExpo: function (x, t, b, c, d) {
+                return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
+        },
+        easeInOutExpo: function (x, t, b, c, d) {
+                if (t==0) return b;
+                if (t==d) return b+c;
+                if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
+                return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
+        },
+        easeInCirc: function (x, t, b, c, d) {
+                return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
+        },
+        easeOutCirc: function (x, t, b, c, d) {
+                return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
+        },
+        easeInOutCirc: function (x, t, b, c, d) {
+                if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
+                return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
+        },
+        easeInElastic: function (x, t, b, c, d) {
+                var s=1.70158;var p=0;var a=c;
+                if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+                if (a < Math.abs(c)) { a=c; var s=p/4; }
+                else var s = p/(2*Math.PI) * Math.asin (c/a);
+                return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+        },
+        easeOutElastic: function (x, t, b, c, d) {
+                var s=1.70158;var p=0;var a=c;
+                if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+                if (a < Math.abs(c)) { a=c; var s=p/4; }
+                else var s = p/(2*Math.PI) * Math.asin (c/a);
+                return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
+        },
+        easeInOutElastic: function (x, t, b, c, d) {
+                var s=1.70158;var p=0;var a=c;
+                if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
+                if (a < Math.abs(c)) { a=c; var s=p/4; }
+                else var s = p/(2*Math.PI) * Math.asin (c/a);
+                if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+                return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
+        },
+        easeInBack: function (x, t, b, c, d, s) {
+                if (s == undefined) s = 1.70158;
+                return c*(t/=d)*t*((s+1)*t - s) + b;
+        },
+        easeOutBack: function (x, t, b, c, d, s) {
+                if (s == undefined) s = 1.70158;
+                return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
+        },
+        easeInOutBack: function (x, t, b, c, d, s) {
+                if (s == undefined) s = 1.70158;
+                if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
+                return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
+        },
+        easeInBounce: function (x, t, b, c, d) {
+                return c - $.easing.easeOutBounce (x, d-t, 0, c, d) + b;
+        },
+        easeOutBounce: function (x, t, b, c, d) {
+                if ((t/=d) < (1/2.75)) {
+                        return c*(7.5625*t*t) + b;
+                } else if (t < (2/2.75)) {
+                        return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
+                } else if (t < (2.5/2.75)) {
+                        return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
+                } else {
+                        return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
+                }
+        },
+        easeInOutBounce: function (x, t, b, c, d) {
+                if (t < d/2) return $.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
+                return $.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
+        }
+});
+
+/*
+ *
+ * TERMS OF USE - EASING EQUATIONS
+ *
+ * Open source under the BSD License.
+ *
+ * Copyright 2001 Robert Penner
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without modification,
+ * are permitted provided that the following conditions are met:
+ *
+ * Redistributions of source code must retain the above copyright notice, this list of
+ * conditions and the following disclaimer.
+ * Redistributions in binary form must reproduce the above copyright notice, this list
+ * of conditions and the following disclaimer in the documentation and/or other materials
+ * provided with the distribution.
+ *
+ * Neither the name of the author nor the names of contributors may be used to endorse
+ * or promote products derived from this software without specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+ * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+ * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
+ * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
+ * OF THE POSSIBILITY OF SUCH DAMAGE.
+ *
+ */
+
+})(jQuery);
diff --git a/static/development-bundle/ui/effects.drop.js b/static/development-bundle/ui/effects.drop.js
new file mode 100644
index 0000000..604ac8d
--- /dev/null
+++ b/static/development-bundle/ui/effects.drop.js
@@ -0,0 +1,50 @@
+/*
+ * jQuery UI Effects Drop 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Drop
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.drop = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this), props = ['position','top','left','opacity'];
+
+                // Set options
+                var mode = $.effects.setMode(el, o.options.mode || 'hide'); // Set Mode
+                var direction = o.options.direction || 'left'; // Default Direction
+
+                // Adjust
+                $.effects.save(el, props); el.show(); // Save & Show
+                $.effects.createWrapper(el); // Create Wrapper
+                var ref = (direction == 'up' || direction == 'down') ? 'top' : 'left';
+                var motion = (direction == 'up' || direction == 'left') ? 'pos' : 'neg';
+                var distance = o.options.distance || (ref == 'top' ? el.outerHeight({margin:true}) / 2 : el.outerWidth({margin:true}) / 2);
+                if (mode == 'show') el.css('opacity', 0).css(ref, motion == 'pos' ? -distance : distance); // Shift
+
+                // Animation
+                var animation = {opacity: mode == 'show' ? 1 : 0};
+                animation[ref] = (mode == 'show' ? (motion == 'pos' ? '+=' : '-=') : (motion == 'pos' ? '-=' : '+=')) + distance;
+
+                // Animate
+                el.animate(animation, { queue: false, duration: o.duration, easing: o.options.easing, complete: function() {
+                        if(mode == 'hide') el.hide(); // Hide
+                        $.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
+                        if(o.callback) o.callback.apply(this, arguments); // Callback
+                        el.dequeue();
+                }});
+
+        });
+
+};
+
+})(jQuery);
diff --git a/static/development-bundle/ui/effects.explode.js b/static/development-bundle/ui/effects.explode.js
new file mode 100644
index 0000000..31efd2f
--- /dev/null
+++ b/static/development-bundle/ui/effects.explode.js
@@ -0,0 +1,79 @@
+/*
+ * jQuery UI Effects Explode 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Explode
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.explode = function(o) {
+
+        return this.queue(function() {
+
+        var rows = o.options.pieces ? Math.round(Math.sqrt(o.options.pieces)) : 3;
+        var cells = o.options.pieces ? Math.round(Math.sqrt(o.options.pieces)) : 3;
+
+        o.options.mode = o.options.mode == 'toggle' ? ($(this).is(':visible') ? 'hide' : 'show') : o.options.mode;
+        var el = $(this).show().css('visibility', 'hidden');
+        var offset = el.offset();
+
+        //Substract the margins - not fixing the problem yet.
+        offset.top -= parseInt(el.css("marginTop"),10) || 0;
+        offset.left -= parseInt(el.css("marginLeft"),10) || 0;
+
+        var width = el.outerWidth(true);
+        var height = el.outerHeight(true);
+
+        for(var i=0;i<rows;i++) { // =
+                for(var j=0;j<cells;j++) { // ||
+                        el
+                                .clone()
+                                .appendTo('body')
+                                .wrap('<div></div>')
+                                .css({
+                                        position: 'absolute',
+                                        visibility: 'visible',
+                                        left: -j*(width/cells),
+                                        top: -i*(height/rows)
+                                })
+                                .parent()
+                                .addClass('ui-effects-explode')
+                                .css({
+                                        position: 'absolute',
+                                        overflow: 'hidden',
+                                        width: width/cells,
+                                        height: height/rows,
+                                        left: offset.left + j*(width/cells) + (o.options.mode == 'show' ? (j-Math.floor(cells/2))*(width/cells) : 0),
+                                        top: offset.top + i*(height/rows) + (o.options.mode == 'show' ? (i-Math.floor(rows/2))*(height/rows) : 0),
+                                        opacity: o.options.mode == 'show' ? 0 : 1
+                                }).animate({
+                                        left: offset.left + j*(width/cells) + (o.options.mode == 'show' ? 0 : (j-Math.floor(cells/2))*(width/cells)),
+                                        top: offset.top + i*(height/rows) + (o.options.mode == 'show' ? 0 : (i-Math.floor(rows/2))*(height/rows)),
+                                        opacity: o.options.mode == 'show' ? 1 : 0
+                                }, o.duration || 500);
+                }
+        }
+
+        // Set a timeout, to call the callback approx. when the other animations have finished
+        setTimeout(function() {
+
+                o.options.mode == 'show' ? el.css({ visibility: 'visible' }) : el.css({ visibility: 'visible' }).hide();
+                                if(o.callback) o.callback.apply(el[0]); // Callback
+                                el.dequeue();
+
+                                $('div.ui-effects-explode').remove();
+
+        }, o.duration || 500);
+
+
+        });
+
+};
+
+})(jQuery);
diff --git a/static/development-bundle/ui/effects.fold.js b/static/development-bundle/ui/effects.fold.js
new file mode 100644
index 0000000..5ed1188
--- /dev/null
+++ b/static/development-bundle/ui/effects.fold.js
@@ -0,0 +1,56 @@
+/*
+ * jQuery UI Effects Fold 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Fold
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.fold = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this), props = ['position','top','left'];
+
+                // Set options
+                var mode = $.effects.setMode(el, o.options.mode || 'hide'); // Set Mode
+                var size = o.options.size || 15; // Default fold size
+                var horizFirst = !(!o.options.horizFirst); // Ensure a boolean value
+                var duration = o.duration ? o.duration / 2 : $.fx.speeds._default / 2;
+
+                // Adjust
+                $.effects.save(el, props); el.show(); // Save & Show
+                var wrapper = $.effects.createWrapper(el).css({overflow:'hidden'}); // Create Wrapper
+                var widthFirst = ((mode == 'show') != horizFirst);
+                var ref = widthFirst ? ['width', 'height'] : ['height', 'width'];
+                var distance = widthFirst ? [wrapper.width(), wrapper.height()] : [wrapper.height(), wrapper.width()];
+                var percent = /([0-9]+)%/.exec(size);
+                if(percent) size = parseInt(percent[1],10) / 100 * distance[mode == 'hide' ? 0 : 1];
+                if(mode == 'show') wrapper.css(horizFirst ? {height: 0, width: size} : {height: size, width: 0}); // Shift
+
+                // Animation
+                var animation1 = {}, animation2 = {};
+                animation1[ref[0]] = mode == 'show' ? distance[0] : size;
+                animation2[ref[1]] = mode == 'show' ? distance[1] : 0;
+
+                // Animate
+                wrapper.animate(animation1, duration, o.options.easing)
+                .animate(animation2, duration, o.options.easing, function() {
+                        if(mode == 'hide') el.hide(); // Hide
+                        $.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
+                        if(o.callback) o.callback.apply(el[0], arguments); // Callback
+                        el.dequeue();
+                });
+
+        });
+
+};
+
+})(jQuery);
diff --git a/static/development-bundle/ui/effects.highlight.js b/static/development-bundle/ui/effects.highlight.js
new file mode 100644
index 0000000..828d059
--- /dev/null
+++ b/static/development-bundle/ui/effects.highlight.js
@@ -0,0 +1,48 @@
+/*
+ * jQuery UI Effects Highlight 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Highlight
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.highlight = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this), props = ['backgroundImage','backgroundColor','opacity'];
+
+                // Set options
+                var mode = $.effects.setMode(el, o.options.mode || 'show'); // Set Mode
+                var color = o.options.color || "#ffff99"; // Default highlight color
+                var oldColor = el.css("backgroundColor");
+
+                // Adjust
+                $.effects.save(el, props); el.show(); // Save & Show
+                el.css({backgroundImage: 'none', backgroundColor: color}); // Shift
+
+                // Animation
+                var animation = {backgroundColor: oldColor };
+                if (mode == "hide") animation['opacity'] = 0;
+
+                // Animate
+                el.animate(animation, { queue: false, duration: o.duration, easing: o.options.easing, complete: function() {
+                        if(mode == "hide") el.hide();
+                        $.effects.restore(el, props);
+                if (mode == "show" && $.browser.msie) this.style.removeAttribute('filter');
+                        if(o.callback) o.callback.apply(this, arguments);
+                        el.dequeue();
+                }});
+
+        });
+
+};
+
+})(jQuery);
diff --git a/static/development-bundle/ui/effects.pulsate.js b/static/development-bundle/ui/effects.pulsate.js
new file mode 100644
index 0000000..6459d18
--- /dev/null
+++ b/static/development-bundle/ui/effects.pulsate.js
@@ -0,0 +1,56 @@
+/*
+ * jQuery UI Effects Pulsate 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Pulsate
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.pulsate = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this);
+
+                // Set options
+                var mode = $.effects.setMode(el, o.options.mode || 'show'); // Set Mode
+                var times = o.options.times || 5; // Default # of times
+                var duration = o.duration ? o.duration / 2 : $.fx.speeds._default / 2;
+
+                // Adjust
+                if (mode == 'hide') times--;
+                if (el.is(':hidden')) { // Show fadeIn
+                        el.css('opacity', 0);
+                        el.show(); // Show
+                        el.animate({opacity: 1}, duration, o.options.easing);
+                        times = times-2;
+                }
+
+                // Animate
+                for (var i = 0; i < times; i++) { // Pulsate
+                        el.animate({opacity: 0}, duration, o.options.easing).animate({opacity: 1}, duration, o.options.easing);
+                };
+                if (mode == 'hide') { // Last Pulse
+                        el.animate({opacity: 0}, duration, o.options.easing, function(){
+                                el.hide(); // Hide
+                                if(o.callback) o.callback.apply(this, arguments); // Callback
+                        });
+                } else {
+                        el.animate({opacity: 0}, duration, o.options.easing).animate({opacity: 1}, duration, o.options.easing, function(){
+                                if(o.callback) o.callback.apply(this, arguments); // Callback
+                        });
+                };
+                el.queue('fx', function() { el.dequeue(); });
+                el.dequeue();
+        });
+
+};
+
+})(jQuery);
diff --git a/static/development-bundle/ui/effects.scale.js b/static/development-bundle/ui/effects.scale.js
new file mode 100644
index 0000000..ec15cf8
--- /dev/null
+++ b/static/development-bundle/ui/effects.scale.js
@@ -0,0 +1,180 @@
+/*
+ * jQuery UI Effects Scale 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Scale
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.puff = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this);
+
+                // Set options
+                var options = $.extend(true, {}, o.options);
+                var mode = $.effects.setMode(el, o.options.mode || 'hide'); // Set Mode
+                var percent = parseInt(o.options.percent,10) || 150; // Set default puff percent
+                options.fade = true; // It's not a puff if it doesn't fade! :)
+                var original = {height: el.height(), width: el.width()}; // Save original
+
+                // Adjust
+                var factor = percent / 100;
+                el.from = (mode == 'hide') ? original : {height: original.height * factor, width: original.width * factor};
+
+                // Animation
+                options.from = el.from;
+                options.percent = (mode == 'hide') ? percent : 100;
+                options.mode = mode;
+
+                // Animate
+                el.effect('scale', options, o.duration, o.callback);
+                el.dequeue();
+        });
+
+};
+
+$.effects.scale = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this);
+
+                // Set options
+                var options = $.extend(true, {}, o.options);
+                var mode = $.effects.setMode(el, o.options.mode || 'effect'); // Set Mode
+                var percent = parseInt(o.options.percent,10) || (parseInt(o.options.percent,10) == 0 ? 0 : (mode == 'hide' ? 0 : 100)); // Set default scaling percent
+                var direction = o.options.direction || 'both'; // Set default axis
+                var origin = o.options.origin; // The origin of the scaling
+                if (mode != 'effect') { // Set default origin and restore for show/hide
+                        options.origin = origin || ['middle','center'];
+                        options.restore = true;
+                }
+                var original = {height: el.height(), width: el.width()}; // Save original
+                el.from = o.options.from || (mode == 'show' ? {height: 0, width: 0} : original); // Default from state
+
+                // Adjust
+                var factor = { // Set scaling factor
+                        y: direction != 'horizontal' ? (percent / 100) : 1,
+                        x: direction != 'vertical' ? (percent / 100) : 1
+                };
+                el.to = {height: original.height * factor.y, width: original.width * factor.x}; // Set to state
+
+                if (o.options.fade) { // Fade option to support puff
+                        if (mode == 'show') {el.from.opacity = 0; el.to.opacity = 1;};
+                        if (mode == 'hide') {el.from.opacity = 1; el.to.opacity = 0;};
+                };
+
+                // Animation
+                options.from = el.from; options.to = el.to; options.mode = mode;
+
+                // Animate
+                el.effect('size', options, o.duration, o.callback);
+                el.dequeue();
+        });
+
+};
+
+$.effects.size = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this), props = ['position','top','left','width','height','overflow','opacity'];
+                var props1 = ['position','top','left','overflow','opacity']; // Always restore
+                var props2 = ['width','height','overflow']; // Copy for children
+                var cProps = ['fontSize'];
+                var vProps = ['borderTopWidth', 'borderBottomWidth', 'paddingTop', 'paddingBottom'];
+                var hProps = ['borderLeftWidth', 'borderRightWidth', 'paddingLeft', 'paddingRight'];
+
+                // Set options
+                var mode = $.effects.setMode(el, o.options.mode || 'effect'); // Set Mode
+                var restore = o.options.restore || false; // Default restore
+                var scale = o.options.scale || 'both'; // Default scale mode
+                var origin = o.options.origin; // The origin of the sizing
+                var original = {height: el.height(), width: el.width()}; // Save original
+                el.from = o.options.from || original; // Default from state
+                el.to = o.options.to || original; // Default to state
+                // Adjust
+                if (origin) { // Calculate baseline shifts
+                        var baseline = $.effects.getBaseline(origin, original);
+                        el.from.top = (original.height - el.from.height) * baseline.y;
+                        el.from.left = (original.width - el.from.width) * baseline.x;
+                        el.to.top = (original.height - el.to.height) * baseline.y;
+                        el.to.left = (original.width - el.to.width) * baseline.x;
+                };
+                var factor = { // Set scaling factor
+                        from: {y: el.from.height / original.height, x: el.from.width / original.width},
+                        to: {y: el.to.height / original.height, x: el.to.width / original.width}
+                };
+                if (scale == 'box' || scale == 'both') { // Scale the css box
+                        if (factor.from.y != factor.to.y) { // Vertical props scaling
+                                props = props.concat(vProps);
+                                el.from = $.effects.setTransition(el, vProps, factor.from.y, el.from);
+                                el.to = $.effects.setTransition(el, vProps, factor.to.y, el.to);
+                        };
+                        if (factor.from.x != factor.to.x) { // Horizontal props scaling
+                                props = props.concat(hProps);
+                                el.from = $.effects.setTransition(el, hProps, factor.from.x, el.from);
+                                el.to = $.effects.setTransition(el, hProps, factor.to.x, el.to);
+                        };
+                };
+                if (scale == 'content' || scale == 'both') { // Scale the content
+                        if (factor.from.y != factor.to.y) { // Vertical props scaling
+                                props = props.concat(cProps);
+                                el.from = $.effects.setTransition(el, cProps, factor.from.y, el.from);
+                                el.to = $.effects.setTransition(el, cProps, factor.to.y, el.to);
+                        };
+                };
+                $.effects.save(el, restore ? props : props1); el.show(); // Save & Show
+                $.effects.createWrapper(el); // Create Wrapper
+                el.css('overflow','hidden').css(el.from); // Shift
+
+                // Animate
+                if (scale == 'content' || scale == 'both') { // Scale the children
+                        vProps = vProps.concat(['marginTop','marginBottom']).concat(cProps); // Add margins/font-size
+                        hProps = hProps.concat(['marginLeft','marginRight']); // Add margins
+                        props2 = props.concat(vProps).concat(hProps); // Concat
+                        el.find("*[width]").each(function(){
+                                child = $(this);
+                                if (restore) $.effects.save(child, props2);
+                                var c_original = {height: child.height(), width: child.width()}; // Save original
+                                child.from = {height: c_original.height * factor.from.y, width: c_original.width * factor.from.x};
+                                child.to = {height: c_original.height * factor.to.y, width: c_original.width * factor.to.x};
+                                if (factor.from.y != factor.to.y) { // Vertical props scaling
+                                        child.from = $.effects.setTransition(child, vProps, factor.from.y, child.from);
+                                        child.to = $.effects.setTransition(child, vProps, factor.to.y, child.to);
+                                };
+                                if (factor.from.x != factor.to.x) { // Horizontal props scaling
+                                        child.from = $.effects.setTransition(child, hProps, factor.from.x, child.from);
+                                        child.to = $.effects.setTransition(child, hProps, factor.to.x, child.to);
+                                };
+                                child.css(child.from); // Shift children
+                                child.animate(child.to, o.duration, o.options.easing, function(){
+                                        if (restore) $.effects.restore(child, props2); // Restore children
+                                }); // Animate children
+                        });
+                };
+
+                // Animate
+                el.animate(el.to, { queue: false, duration: o.duration, easing: o.options.easing, complete: function() {
+                        if(mode == 'hide') el.hide(); // Hide
+                        $.effects.restore(el, restore ? props : props1); $.effects.removeWrapper(el); // Restore
+                        if(o.callback) o.callback.apply(this, arguments); // Callback
+                        el.dequeue();
+                }});
+
+        });
+
+};
+
+})(jQuery);
diff --git a/static/development-bundle/ui/effects.shake.js b/static/development-bundle/ui/effects.shake.js
new file mode 100644
index 0000000..dc9f597
--- /dev/null
+++ b/static/development-bundle/ui/effects.shake.js
@@ -0,0 +1,57 @@
+/*
+ * jQuery UI Effects Shake 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Shake
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.shake = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this), props = ['position','top','left'];
+
+                // Set options
+                var mode = $.effects.setMode(el, o.options.mode || 'effect'); // Set Mode
+                var direction = o.options.direction || 'left'; // Default direction
+                var distance = o.options.distance || 20; // Default distance
+                var times = o.options.times || 3; // Default # of times
+                var speed = o.duration || o.options.duration || 140; // Default speed per shake
+
+                // Adjust
+                $.effects.save(el, props); el.show(); // Save & Show
+                $.effects.createWrapper(el); // Create Wrapper
+                var ref = (direction == 'up' || direction == 'down') ? 'top' : 'left';
+                var motion = (direction == 'up' || direction == 'left') ? 'pos' : 'neg';
+
+                // Animation
+                var animation = {}, animation1 = {}, animation2 = {};
+                animation[ref] = (motion == 'pos' ? '-=' : '+=')  + distance;
+                animation1[ref] = (motion == 'pos' ? '+=' : '-=')  + distance * 2;
+                animation2[ref] = (motion == 'pos' ? '-=' : '+=')  + distance * 2;
+
+                // Animate
+                el.animate(animation, speed, o.options.easing);
+                for (var i = 1; i < times; i++) { // Shakes
+                        el.animate(animation1, speed, o.options.easing).animate(animation2, speed, o.options.easing);
+                };
+                el.animate(animation1, speed, o.options.easing).
+                animate(animation, speed / 2, o.options.easing, function(){ // Last shake
+                        $.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
+                        if(o.callback) o.callback.apply(this, arguments); // Callback
+                });
+                el.queue('fx', function() { el.dequeue(); });
+                el.dequeue();
+        });
+
+};
+
+})(jQuery);
diff --git a/static/development-bundle/ui/effects.slide.js b/static/development-bundle/ui/effects.slide.js
new file mode 100644
index 0000000..350f599
--- /dev/null
+++ b/static/development-bundle/ui/effects.slide.js
@@ -0,0 +1,50 @@
+/*
+ * jQuery UI Effects Slide 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Slide
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.slide = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this), props = ['position','top','left'];
+
+                // Set options
+                var mode = $.effects.setMode(el, o.options.mode || 'show'); // Set Mode
+                var direction = o.options.direction || 'left'; // Default Direction
+
+                // Adjust
+                $.effects.save(el, props); el.show(); // Save & Show
+                $.effects.createWrapper(el).css({overflow:'hidden'}); // Create Wrapper
+                var ref = (direction == 'up' || direction == 'down') ? 'top' : 'left';
+                var motion = (direction == 'up' || direction == 'left') ? 'pos' : 'neg';
+                var distance = o.options.distance || (ref == 'top' ? el.outerHeight({margin:true}) : el.outerWidth({margin:true}));
+                if (mode == 'show') el.css(ref, motion == 'pos' ? -distance : distance); // Shift
+
+                // Animation
+                var animation = {};
+                animation[ref] = (mode == 'show' ? (motion == 'pos' ? '+=' : '-=') : (motion == 'pos' ? '-=' : '+=')) + distance;
+
+                // Animate
+                el.animate(animation, { queue: false, duration: o.duration, easing: o.options.easing, complete: function() {
+                        if(mode == 'hide') el.hide(); // Hide
+                        $.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
+                        if(o.callback) o.callback.apply(this, arguments); // Callback
+                        el.dequeue();
+                }});
+
+        });
+
+};
+
+})(jQuery);
diff --git a/static/development-bundle/ui/effects.transfer.js b/static/development-bundle/ui/effects.transfer.js
new file mode 100644
index 0000000..82bab6d
--- /dev/null
+++ b/static/development-bundle/ui/effects.transfer.js
@@ -0,0 +1,45 @@
+/*
+ * jQuery UI Effects Transfer 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Transfer
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.transfer = function(o) {
+        return this.queue(function() {
+                var elem = $(this),
+                        target = $(o.options.to),
+                        endPosition = target.offset(),
+                        animation = {
+                                top: endPosition.top,
+                                left: endPosition.left,
+                                height: target.innerHeight(),
+                                width: target.innerWidth()
+                        },
+                        startPosition = elem.offset(),
+                        transfer = $('<div class="ui-effects-transfer"></div>')
+                                .appendTo(document.body)
+                                .addClass(o.options.className)
+                                .css({
+                                        top: startPosition.top,
+                                        left: startPosition.left,
+                                        height: elem.innerHeight(),
+                                        width: elem.innerWidth(),
+                                        position: 'absolute'
+                                })
+                                .animate(animation, o.duration, o.options.easing, function() {
+                                        transfer.remove();
+                                        (o.callback && o.callback.apply(elem[0], arguments));
+                                        elem.dequeue();
+                                });
+        });
+};
+
+})(jQuery);
diff --git a/static/development-bundle/ui/i18n/jquery-ui-i18n.js b/static/development-bundle/ui/i18n/jquery-ui-i18n.js
new file mode 100644
index 0000000..5fcfd22
--- /dev/null
+++ b/static/development-bundle/ui/i18n/jquery-ui-i18n.js
@@ -0,0 +1,771 @@
+/* Arabic Translation for jQuery UI date picker plugin. */
+/* Khaled Al Horani -- koko.dw@gmail.com */
+/* خالد الحوراني -- koko.dw@gmail.com */
+/* NOTE: monthNames are the original months names and they are the Arabic names, not the new months name فبراير - يناير and there isn't any Arabic roots for these months */
+jQuery(function($){
+        $.datepicker.regional['ar'] = {
+                closeText: 'إغلاق',
+                prevText: '&#x3c;السابق',
+                nextText: 'التالي&#x3e;',
+                currentText: 'اليوم',
+                monthNames: ['كانون الثاني', 'شباط', 'آذار', 'نيسان', 'آذار', 'حزيران',
+                'تموز', 'آب', 'أيلول',       'تشرين الأول', 'تشرين الثاني', 'كانون الأول'],
+                monthNamesShort: ['1','2','3','4','5','6','7','8','9','10','11','12'],
+                dayNames: ['السبت', 'الأحد', 'الاثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة'],
+                dayNamesShort: ['سبت', 'أحد', 'اثنين', 'ثلاثاء', 'أربعاء', 'خميس', 'جمعة'],
+                dayNamesMin: ['سبت', 'أحد', 'اثنين', 'ثلاثاء', 'أربعاء', 'خميس', 'جمعة'],
+                dateFormat: 'dd/mm/yy', firstDay: 0,
+  isRTL: true};
+        $.datepicker.setDefaults($.datepicker.regional['ar']);
+});/* Bulgarian initialisation for the jQuery UI date picker plugin. */
+/* Written by Stoyan Kyosev (http://svest.org). */
+jQuery(function($){
+    $.datepicker.regional['bg'] = {
+        closeText: 'затвори',
+        prevText: '&#x3c;назад',
+        nextText: 'напред&#x3e;',
+                nextBigText: '&#x3e;&#x3e;',
+        currentText: 'днес',
+        monthNames: ['Януари','Февруари','Март','Април','Май','Юни',
+        'Юли','Август','Септември','Октомври','Ноември','Декември'],
+        monthNamesShort: ['Яну','Фев','Мар','Апр','Май','Юни',
+        'Юли','Авг','Сеп','Окт','Нов','Дек'],
+        dayNames: ['Неделя','Понеделник','Вторник','Сряда','Четвъртък','Петък','Събота'],
+        dayNamesShort: ['Нед','Пон','Вто','Сря','Чет','Пет','Съб'],
+        dayNamesMin: ['Не','По','Вт','Ср','Че','Пе','Съ'],
+        dateFormat: 'dd.mm.yy', firstDay: 1,
+        isRTL: false};
+    $.datepicker.setDefaults($.datepicker.regional['bg']);
+});
+/* Inicialitzaci� en catal� per a l'extenci� 'calendar' per jQuery. */
+/* Writers: (joan.leon@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['ca'] = {
+                closeText: 'Tancar',
+                prevText: '&#x3c;Ant',
+                nextText: 'Seg&#x3e;',
+                currentText: 'Avui',
+                monthNames: ['Gener','Febrer','Mar&ccedil;','Abril','Maig','Juny',
+                'Juliol','Agost','Setembre','Octubre','Novembre','Desembre'],
+                monthNamesShort: ['Gen','Feb','Mar','Abr','Mai','Jun',
+                'Jul','Ago','Set','Oct','Nov','Des'],
+                dayNames: ['Diumenge','Dilluns','Dimarts','Dimecres','Dijous','Divendres','Dissabte'],
+                dayNamesShort: ['Dug','Dln','Dmt','Dmc','Djs','Dvn','Dsb'],
+                dayNamesMin: ['Dg','Dl','Dt','Dc','Dj','Dv','Ds'],
+                dateFormat: 'mm/dd/yy', firstDay: 0,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['ca']);
+});/* Czech initialisation for the jQuery UI date picker plugin. */
+/* Written by Tomas Muller (tomas@tomas-muller.net). */
+jQuery(function($){
+        $.datepicker.regional['cs'] = {
+                closeText: 'Zavřít',
+                prevText: '&#x3c;Dříve',
+                nextText: 'Později&#x3e;',
+                currentText: 'Nyní',
+                monthNames: ['leden','únor','březen','duben','květen','červen',
+        'červenec','srpen','září','říjen','listopad','prosinec'],
+                monthNamesShort: ['led','úno','bře','dub','kvě','čer',
+                'čvc','srp','zář','říj','lis','pro'],
+                dayNames: ['neděle', 'pondělí', 'úterý', 'středa', 'čtvrtek', 'pátek', 'sobota'],
+                dayNamesShort: ['ne', 'po', 'út', 'st', 'čt', 'pá', 'so'],
+                dayNamesMin: ['ne','po','út','st','čt','pá','so'],
+                dateFormat: 'dd.mm.yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['cs']);
+});
+/* Danish initialisation for the jQuery UI date picker plugin. */
+/* Written by Jan Christensen ( deletestuff@gmail.com). */
+jQuery(function($){
+    $.datepicker.regional['da'] = {
+                closeText: 'Luk',
+        prevText: '&#x3c;Forrige',
+                nextText: 'Næste&#x3e;',
+                currentText: 'Idag',
+        monthNames: ['Januar','Februar','Marts','April','Maj','Juni',
+        'Juli','August','September','Oktober','November','December'],
+        monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun',
+        'Jul','Aug','Sep','Okt','Nov','Dec'],
+                dayNames: ['Søndag','Mandag','Tirsdag','Onsdag','Torsdag','Fredag','Lørdag'],
+                dayNamesShort: ['Søn','Man','Tir','Ons','Tor','Fre','Lør'],
+                dayNamesMin: ['Sø','Ma','Ti','On','To','Fr','Lø'],
+        dateFormat: 'dd-mm-yy', firstDay: 0,
+                isRTL: false};
+    $.datepicker.setDefaults($.datepicker.regional['da']);
+});
+/* German initialisation for the jQuery UI date picker plugin. */
+/* Written by Milian Wolff (mail@milianw.de). */
+jQuery(function($){
+        $.datepicker.regional['de'] = {
+                closeText: 'schließen',
+                prevText: '&#x3c;zurück',
+                nextText: 'Vor&#x3e;',
+                currentText: 'heute',
+                monthNames: ['Januar','Februar','März','April','Mai','Juni',
+                'Juli','August','September','Oktober','November','Dezember'],
+                monthNamesShort: ['Jan','Feb','Mär','Apr','Mai','Jun',
+                'Jul','Aug','Sep','Okt','Nov','Dez'],
+                dayNames: ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'],
+                dayNamesShort: ['So','Mo','Di','Mi','Do','Fr','Sa'],
+                dayNamesMin: ['So','Mo','Di','Mi','Do','Fr','Sa'],
+                dateFormat: 'dd.mm.yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['de']);
+});
+/* Greek (el) initialisation for the jQuery UI date picker plugin. */
+/* Written by Alex Cicovic (http://www.alexcicovic.com) */
+jQuery(function($){
+        $.datepicker.regional['el'] = {
+                closeText: 'Κλείσιμο',
+                prevText: 'Προηγούμενος',
+                nextText: 'Επόμενος',
+                currentText: 'Τρέχων Μήνας',
+                monthNames: ['Ιανουάριος','Φεβρουάριος','Μάρτιος','Απρίλιος','Μάιος','Ιούνιος',
+                'Ιούλιος','Αύγουστος','Σεπτέμβριος','Οκτώβριος','Νοέμβριος','Δεκέμβριος'],
+                monthNamesShort: ['Ιαν','Φεβ','Μαρ','Απρ','Μαι','Ιουν',
+                'Ιουλ','Αυγ','Σεπ','Οκτ','Νοε','Δεκ'],
+                dayNames: ['Κυριακή','Δευτέρα','Τρίτη','Τετάρτη','Πέμπτη','Παρασκευή','Σάββατο'],
+                dayNamesShort: ['Κυρ','Δευ','Τρι','Τετ','Πεμ','Παρ','Σαβ'],
+                dayNamesMin: ['Κυ','Δε','Τρ','Τε','Πε','Πα','Σα'],
+                dateFormat: 'dd/mm/yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['el']);
+});/* Esperanto initialisation for the jQuery UI date picker plugin. */
+/* Written by Olivier M. (olivierweb@ifrance.com). */
+jQuery(function($){
+        $.datepicker.regional['eo'] = {
+                closeText: 'Fermi',
+                prevText: '&lt;Anta',
+                nextText: 'Sekv&gt;',
+                currentText: 'Nuna',
+                monthNames: ['Januaro','Februaro','Marto','Aprilo','Majo','Junio',
+                'Julio','Aŭgusto','Septembro','Oktobro','Novembro','Decembro'],
+                monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun',
+                'Jul','Aŭg','Sep','Okt','Nov','Dec'],
+                dayNames: ['Dimanĉo','Lundo','Mardo','Merkredo','Ĵaŭdo','Vendredo','Sabato'],
+                dayNamesShort: ['Dim','Lun','Mar','Mer','Ĵaŭ','Ven','Sab'],
+                dayNamesMin: ['Di','Lu','Ma','Me','Ĵa','Ve','Sa'],
+                dateFormat: 'dd/mm/yy', firstDay: 0,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['eo']);
+});
+/* Inicializaci�n en espa�ol para la extensi�n 'UI date picker' para jQuery. */
+/* Traducido por Vester (xvester@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['es'] = {
+                closeText: 'Cerrar',
+                prevText: '&#x3c;Ant',
+                nextText: 'Sig&#x3e;',
+                currentText: 'Hoy',
+                monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
+                'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
+                monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
+                'Jul','Ago','Sep','Oct','Nov','Dic'],
+                dayNames: ['Domingo','Lunes','Martes','Mi&eacute;rcoles','Jueves','Viernes','S&aacute;bado'],
+                dayNamesShort: ['Dom','Lun','Mar','Mi&eacute;','Juv','Vie','S&aacute;b'],
+                dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','S&aacute;'],
+                dateFormat: 'dd/mm/yy', firstDay: 0,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['es']);
+});/* Persian (Farsi) Translation for the jQuery UI date picker plugin. */
+/* Javad Mowlanezhad -- jmowla@gmail.com */
+/* Jalali calendar should supported soon! (Its implemented but I have to test it) */
+jQuery(function($) {
+        $.datepicker.regional['fa'] = {
+                closeText: 'بستن',
+                prevText: '&#x3c;قبلي',
+                nextText: 'بعدي&#x3e;',
+                currentText: 'امروز',
+                monthNames: ['فروردين','ارديبهشت','خرداد','تير','مرداد','شهريور',
+                'مهر','آبان','آذر','دي','بهمن','اسفند'],
+                monthNamesShort: ['1','2','3','4','5','6','7','8','9','10','11','12'],
+                dayNames: ['يکشنبه','دوشنبه','سه‌شنبه','چهارشنبه','پنجشنبه','جمعه','شنبه'],
+                dayNamesShort: ['ي','د','س','چ','پ','ج', 'ش'],
+                dayNamesMin: ['ي','د','س','چ','پ','ج', 'ش'],
+                dateFormat: 'yy/mm/dd', firstDay: 6,
+  isRTL: true};
+        $.datepicker.setDefaults($.datepicker.regional['fa']);
+});/* Finnish initialisation for the jQuery UI date picker plugin. */
+/* Written by Harri Kilpi� (harrikilpio@gmail.com). */
+jQuery(function($){
+    $.datepicker.regional['fi'] = {
+                closeText: 'Sulje',
+                prevText: '&laquo;Edellinen',
+                nextText: 'Seuraava&raquo;',
+                currentText: 'T&auml;n&auml;&auml;n',
+        monthNames: ['Tammikuu','Helmikuu','Maaliskuu','Huhtikuu','Toukokuu','Kes&auml;kuu',
+        'Hein&auml;kuu','Elokuu','Syyskuu','Lokakuu','Marraskuu','Joulukuu'],
+        monthNamesShort: ['Tammi','Helmi','Maalis','Huhti','Touko','Kes&auml;',
+        'Hein&auml;','Elo','Syys','Loka','Marras','Joulu'],
+                dayNamesShort: ['Su','Ma','Ti','Ke','To','Pe','Su'],
+                dayNames: ['Sunnuntai','Maanantai','Tiistai','Keskiviikko','Torstai','Perjantai','Lauantai'],
+                dayNamesMin: ['Su','Ma','Ti','Ke','To','Pe','La'],
+        dateFormat: 'dd.mm.yy', firstDay: 1,
+                isRTL: false};
+    $.datepicker.setDefaults($.datepicker.regional['fi']);
+});
+/* French initialisation for the jQuery UI date picker plugin. */
+/* Written by Keith Wood (kbwood@virginbroadband.com.au) and Stéphane Nahmani (sholby@sholby.net). */
+jQuery(function($){
+        $.datepicker.regional['fr'] = {
+                closeText: 'Fermer',
+                prevText: '&#x3c;Préc',
+                nextText: 'Suiv&#x3e;',
+                currentText: 'Courant',
+                monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin',
+                'Juillet','Août','Septembre','Octobre','Novembre','Décembre'],
+                monthNamesShort: ['Jan','Fév','Mar','Avr','Mai','Jun',
+                'Jul','Aoû','Sep','Oct','Nov','Déc'],
+                dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
+                dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
+                dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'],
+                dateFormat: 'dd/mm/yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['fr']);
+});/* Hebrew initialisation for the UI Datepicker extension. */
+/* Written by Amir Hardon (ahardon at gmail dot com). */
+jQuery(function($){
+        $.datepicker.regional['he'] = {
+                closeText: 'סגור',
+                prevText: '&#x3c;הקודם',
+                nextText: 'הבא&#x3e;',
+                currentText: 'היום',
+                monthNames: ['ינואר','פברואר','מרץ','אפריל','מאי','יוני',
+                'יולי','אוגוסט','ספטמבר','אוקטובר','נובמבר','דצמבר'],
+                monthNamesShort: ['1','2','3','4','5','6',
+                '7','8','9','10','11','12'],
+                dayNames: ['ראשון','שני','שלישי','רביעי','חמישי','שישי','שבת'],
+                dayNamesShort: ['א\'','ב\'','ג\'','ד\'','ה\'','ו\'','שבת'],
+                dayNamesMin: ['א\'','ב\'','ג\'','ד\'','ה\'','ו\'','שבת'],
+                dateFormat: 'dd/mm/yy', firstDay: 0,
+                isRTL: true};
+        $.datepicker.setDefaults($.datepicker.regional['he']);
+});
+/* Croatian i18n for the jQuery UI date picker plugin. */
+/* Written by Vjekoslav Nesek. */
+jQuery(function($){
+        $.datepicker.regional['hr'] = {
+                closeText: 'Zatvori',
+                prevText: '&#x3c;',
+                nextText: '&#x3e;',
+                currentText: 'Danas',
+                monthNames: ['Siječanj','Veljača','Ožujak','Travanj','Svibanj','Lipani',
+                'Srpanj','Kolovoz','Rujan','Listopad','Studeni','Prosinac'],
+                monthNamesShort: ['Sij','Velj','Ožu','Tra','Svi','Lip',
+                'Srp','Kol','Ruj','Lis','Stu','Pro'],
+                dayNames: ['Nedjalja','Ponedjeljak','Utorak','Srijeda','Četvrtak','Petak','Subota'],
+                dayNamesShort: ['Ned','Pon','Uto','Sri','Čet','Pet','Sub'],
+                dayNamesMin: ['Ne','Po','Ut','Sr','Če','Pe','Su'],
+                dateFormat: 'dd.mm.yy.', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['hr']);
+});/* Hungarian initialisation for the jQuery UI date picker plugin. */
+/* Written by Istvan Karaszi (jquerycalendar@spam.raszi.hu). */
+jQuery(function($){
+        $.datepicker.regional['hu'] = {
+                closeText: 'bezárás',
+                prevText: '&laquo;&nbsp;vissza',
+                nextText: 'előre&nbsp;&raquo;',
+                currentText: 'ma',
+                monthNames: ['Január', 'Február', 'Március', 'Április', 'Május', 'Június',
+                'Július', 'Augusztus', 'Szeptember', 'Október', 'November', 'December'],
+                monthNamesShort: ['Jan', 'Feb', 'Már', 'Ápr', 'Máj', 'Jún',
+                'Júl', 'Aug', 'Szep', 'Okt', 'Nov', 'Dec'],
+                dayNames: ['Vasámap', 'Hétfö', 'Kedd', 'Szerda', 'Csütörtök', 'Péntek', 'Szombat'],
+                dayNamesShort: ['Vas', 'Hét', 'Ked', 'Sze', 'Csü', 'Pén', 'Szo'],
+                dayNamesMin: ['V', 'H', 'K', 'Sze', 'Cs', 'P', 'Szo'],
+                dateFormat: 'yy-mm-dd', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['hu']);
+});
+/* Armenian(UTF-8) initialisation for the jQuery UI date picker plugin. */
+/* Written by Levon Zakaryan (levon.zakaryan@gmail.com)*/
+jQuery(function($){
+        $.datepicker.regional['hy'] = {
+                closeText: 'Փակել',
+                prevText: '&#x3c;Նախ.',
+                nextText: 'Հաջ.&#x3e;',
+                currentText: 'Այսօր',
+                monthNames: ['Հունվար','Փետրվար','Մարտ','Ապրիլ','Մայիս','Հունիս',
+                'Հուլիս','Օգոստոս','Սեպտեմբեր','Հոկտեմբեր','Նոյեմբեր','Դեկտեմբեր'],
+                monthNamesShort: ['Հունվ','Փետր','Մարտ','Ապր','Մայիս','Հունիս',
+                'Հուլ','Օգս','Սեպ','Հոկ','Նոյ','Դեկ'],
+                dayNames: ['կիրակի','եկուշաբթի','երեքշաբթի','չորեքշաբթի','հինգշաբթի','ուրբաթ','շաբաթ'],
+                dayNamesShort: ['կիր','երկ','երք','չրք','հնգ','ուրբ','շբթ'],
+                dayNamesMin: ['կիր','երկ','երք','չրք','հնգ','ուրբ','շբթ'],
+                dateFormat: 'dd.mm.yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['hy']);
+});/* Indonesian initialisation for the jQuery UI date picker plugin. */
+/* Written by Deden Fathurahman (dedenf@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['id'] = {
+                closeText: 'Tutup',
+                prevText: '&#x3c;mundur',
+                nextText: 'maju&#x3e;',
+                currentText: 'hari ini',
+                monthNames: ['Januari','Februari','Maret','April','Mei','Juni',
+                'Juli','Agustus','September','Oktober','Nopember','Desember'],
+                monthNamesShort: ['Jan','Feb','Mar','Apr','Mei','Jun',
+                'Jul','Agus','Sep','Okt','Nop','Des'],
+                dayNames: ['Minggu','Senin','Selasa','Rabu','Kamis','Jumat','Sabtu'],
+                dayNamesShort: ['Min','Sen','Sel','Rab','kam','Jum','Sab'],
+                dayNamesMin: ['Mg','Sn','Sl','Rb','Km','jm','Sb'],
+                dateFormat: 'dd/mm/yy', firstDay: 0,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['id']);
+});/* Icelandic initialisation for the jQuery UI date picker plugin. */
+/* Written by Haukur H. Thorsson (haukur@eskill.is). */
+jQuery(function($){
+        $.datepicker.regional['is'] = {
+                closeText: 'Loka',
+                prevText: '&#x3c; Fyrri',
+                nextText: 'N&aelig;sti &#x3e;',
+                currentText: '&Iacute; dag',
+                monthNames: ['Jan&uacute;ar','Febr&uacute;ar','Mars','Apr&iacute;l','Ma&iacute','J&uacute;n&iacute;',
+                'J&uacute;l&iacute;','&Aacute;g&uacute;st','September','Okt&oacute;ber','N&oacute;vember','Desember'],
+                monthNamesShort: ['Jan','Feb','Mar','Apr','Ma&iacute;','J&uacute;n',
+                'J&uacute;l','&Aacute;g&uacute;','Sep','Okt','N&oacute;v','Des'],
+                dayNames: ['Sunnudagur','M&aacute;nudagur','&THORN;ri&eth;judagur','Mi&eth;vikudagur','Fimmtudagur','F&ouml;studagur','Laugardagur'],
+                dayNamesShort: ['Sun','M&aacute;n','&THORN;ri','Mi&eth;','Fim','F&ouml;s','Lau'],
+                dayNamesMin: ['Su','M&aacute;','&THORN;r','Mi','Fi','F&ouml;','La'],
+                dateFormat: 'dd/mm/yy', firstDay: 0,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['is']);
+});/* Italian initialisation for the jQuery UI date picker plugin. */
+/* Written by Apaella (apaella@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['it'] = {
+                closeText: 'Chiudi',
+                prevText: '&#x3c;Prec',
+                nextText: 'Succ&#x3e;',
+                currentText: 'Oggi',
+                monthNames: ['Gennaio','Febbraio','Marzo','Aprile','Maggio','Giugno',
+                'Luglio','Agosto','Settembre','Ottobre','Novembre','Dicembre'],
+                monthNamesShort: ['Gen','Feb','Mar','Apr','Mag','Giu',
+                'Lug','Ago','Set','Ott','Nov','Dic'],
+                dayNames: ['Domenica','Luned&#236','Marted&#236','Mercoled&#236','Gioved&#236','Venerd&#236','Sabato'],
+                dayNamesShort: ['Dom','Lun','Mar','Mer','Gio','Ven','Sab'],
+                dayNamesMin: ['Do','Lu','Ma','Me','Gio','Ve','Sa'],
+                dateFormat: 'dd/mm/yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['it']);
+});
+/* Japanese initialisation for the jQuery UI date picker plugin. */
+/* Written by Kentaro SATO (kentaro@ranvis.com). */
+jQuery(function($){
+        $.datepicker.regional['ja'] = {
+                closeText: '閉じる',
+                prevText: '&#x3c;前',
+                nextText: '次&#x3e;',
+                currentText: '今日',
+                monthNames: ['1月','2月','3月','4月','5月','6月',
+                '7月','8月','9月','10月','11月','12月'],
+                monthNamesShort: ['1月','2月','3月','4月','5月','6月',
+                '7月','8月','9月','10月','11月','12月'],
+                dayNames: ['日曜日','月曜日','火曜日','水曜日','木曜日','金曜日','土曜日'],
+                dayNamesShort: ['日','月','火','水','木','金','土'],
+                dayNamesMin: ['日','月','火','水','木','金','土'],
+                dateFormat: 'yy/mm/dd', firstDay: 0,
+                isRTL: false,
+                showMonthAfterYear: true};
+        $.datepicker.setDefaults($.datepicker.regional['ja']);
+});/* Korean initialisation for the jQuery calendar extension. */
+/* Written by DaeKwon Kang (ncrash.dk@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['ko'] = {
+                closeText: '닫기',
+                prevText: '이전달',
+                nextText: '다음달',
+                currentText: '오늘',
+                monthNames: ['1월(JAN)','2월(FEB)','3월(MAR)','4월(APR)','5월(MAY)','6월(JUN)',
+                '7월(JUL)','8월(AUG)','9월(SEP)','10월(OCT)','11월(NOV)','12월(DEC)'],
+                monthNamesShort: ['1월(JAN)','2월(FEB)','3월(MAR)','4월(APR)','5월(MAY)','6월(JUN)',
+                '7월(JUL)','8월(AUG)','9월(SEP)','10월(OCT)','11월(NOV)','12월(DEC)'],
+                dayNames: ['일','월','화','수','목','금','토'],
+                dayNamesShort: ['일','월','화','수','목','금','토'],
+                dayNamesMin: ['일','월','화','수','목','금','토'],
+                dateFormat: 'yy-mm-dd', firstDay: 0,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['ko']);
+});/* Lithuanian (UTF-8) initialisation for the jQuery UI date picker plugin. */
+/* @author Arturas Paleicikas <arturas@avalon.lt> */
+jQuery(function($){
+        $.datepicker.regional['lt'] = {
+                closeText: 'Uždaryti',
+                prevText: '&#x3c;Atgal',
+                nextText: 'Pirmyn&#x3e;',
+                currentText: 'Šiandien',
+                monthNames: ['Sausis','Vasaris','Kovas','Balandis','Gegužė','Birželis',
+                'Liepa','Rugpjūtis','Rugsėjis','Spalis','Lapkritis','Gruodis'],
+                monthNamesShort: ['Sau','Vas','Kov','Bal','Geg','Bir',
+                'Lie','Rugp','Rugs','Spa','Lap','Gru'],
+                dayNames: ['sekmadienis','pirmadienis','antradienis','trečiadienis','ketvirtadienis','penktadienis','šeštadienis'],
+                dayNamesShort: ['sek','pir','ant','tre','ket','pen','šeš'],
+                dayNamesMin: ['Se','Pr','An','Tr','Ke','Pe','Še'],
+                dateFormat: 'yy-mm-dd', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['lt']);
+});/* Latvian (UTF-8) initialisation for the jQuery UI date picker plugin. */
+/* @author Arturas Paleicikas <arturas.paleicikas@metasite.net> */
+jQuery(function($){
+        $.datepicker.regional['lv'] = {
+                closeText: 'Aizvērt',
+                prevText: 'Iepr',
+                nextText: 'Nāka',
+                currentText: 'Šodien',
+                monthNames: ['Janvāris','Februāris','Marts','Aprīlis','Maijs','Jūnijs',
+                'Jūlijs','Augusts','Septembris','Oktobris','Novembris','Decembris'],
+                monthNamesShort: ['Jan','Feb','Mar','Apr','Mai','Jūn',
+                'Jūl','Aug','Sep','Okt','Nov','Dec'],
+                dayNames: ['svētdiena','pirmdiena','otrdiena','trešdiena','ceturtdiena','piektdiena','sestdiena'],
+                dayNamesShort: ['svt','prm','otr','tre','ctr','pkt','sst'],
+                dayNamesMin: ['Sv','Pr','Ot','Tr','Ct','Pk','Ss'],
+                dateFormat: 'dd-mm-yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['lv']);
+});/* Malaysian initialisation for the jQuery UI date picker plugin. */
+/* Written by Mohd Nawawi Mohamad Jamili (nawawi@ronggeng.net). */
+jQuery(function($){
+        $.datepicker.regional['ms'] = {
+                closeText: 'Tutup',
+                prevText: '&#x3c;Sebelum',
+                nextText: 'Selepas&#x3e;',
+                currentText: 'hari ini',
+                monthNames: ['Januari','Februari','Mac','April','Mei','Jun',
+                'Julai','Ogos','September','Oktober','November','Disember'],
+                monthNamesShort: ['Jan','Feb','Mac','Apr','Mei','Jun',
+                'Jul','Ogo','Sep','Okt','Nov','Dis'],
+                dayNames: ['Ahad','Isnin','Selasa','Rabu','Khamis','Jumaat','Sabtu'],
+                dayNamesShort: ['Aha','Isn','Sel','Rab','kha','Jum','Sab'],
+                dayNamesMin: ['Ah','Is','Se','Ra','Kh','Ju','Sa'],
+                dateFormat: 'dd/mm/yy', firstDay: 0,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['ms']);
+});/* Dutch (UTF-8) initialisation for the jQuery UI date picker plugin. */
+/* Written by Mathias Bynens <http://mathiasbynens.be/> */
+jQuery(function($){
+        $.datepicker.regional.nl = {
+                closeText: 'Sluiten',
+                prevText: '←',
+                nextText: '→',
+                currentText: 'Vandaag',
+                monthNames: ['januari', 'februari', 'maart', 'april', 'mei', 'juni',
+                'juli', 'augustus', 'september', 'oktober', 'november', 'december'],
+                monthNamesShort: ['jan', 'feb', 'maa', 'apr', 'mei', 'jun',
+                'jul', 'aug', 'sep', 'okt', 'nov', 'dec'],
+                dayNames: ['zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag', 'vrijdag', 'zaterdag'],
+                dayNamesShort: ['zon', 'maa', 'din', 'woe', 'don', 'vri', 'zat'],
+                dayNamesMin: ['zo', 'ma', 'di', 'wo', 'do', 'vr', 'za'],
+                dateFormat: 'dd/mm/yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional.nl);
+});/* Norwegian initialisation for the jQuery UI date picker plugin. */
+/* Written by Naimdjon Takhirov (naimdjon@gmail.com). */
+jQuery(function($){
+    $.datepicker.regional['no'] = {
+                closeText: 'Lukk',
+        prevText: '&laquo;Forrige',
+                nextText: 'Neste&raquo;',
+                currentText: 'I dag',
+        monthNames: ['Januar','Februar','Mars','April','Mai','Juni',
+        'Juli','August','September','Oktober','November','Desember'],
+        monthNamesShort: ['Jan','Feb','Mar','Apr','Mai','Jun',
+        'Jul','Aug','Sep','Okt','Nov','Des'],
+                dayNamesShort: ['Søn','Man','Tir','Ons','Tor','Fre','Lør'],
+                dayNames: ['Søndag','Mandag','Tirsdag','Onsdag','Torsdag','Fredag','Lørdag'],
+                dayNamesMin: ['Sø','Ma','Ti','On','To','Fr','Lø'],
+        dateFormat: 'yy-mm-dd', firstDay: 0,
+                isRTL: false};
+    $.datepicker.setDefaults($.datepicker.regional['no']);
+});
+/* Polish initialisation for the jQuery UI date picker plugin. */
+/* Written by Jacek Wysocki (jacek.wysocki@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['pl'] = {
+                closeText: 'Zamknij',
+                prevText: '&#x3c;Poprzedni',
+                nextText: 'Następny&#x3e;',
+                currentText: 'Dziś',
+                monthNames: ['Styczeń','Luty','Marzec','Kwiecień','Maj','Czerwiec',
+                'Lipiec','Sierpień','Wrzesień','Październik','Listopad','Grudzień'],
+                monthNamesShort: ['Sty','Lu','Mar','Kw','Maj','Cze',
+                'Lip','Sie','Wrz','Pa','Lis','Gru'],
+                dayNames: ['Niedziela','Poniedzialek','Wtorek','Środa','Czwartek','Piątek','Sobota'],
+                dayNamesShort: ['Nie','Pn','Wt','Śr','Czw','Pt','So'],
+                dayNamesMin: ['N','Pn','Wt','Śr','Cz','Pt','So'],
+                dateFormat: 'yy-mm-dd', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['pl']);
+});
+/* Brazilian initialisation for the jQuery UI date picker plugin. */
+/* Written by Leonildo Costa Silva (leocsilva@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['pt-BR'] = {
+                closeText: 'Fechar',
+                prevText: '&#x3c;Anterior',
+                nextText: 'Pr&oacute;ximo&#x3e;',
+                currentText: 'Hoje',
+                monthNames: ['Janeiro','Fevereiro','Mar&ccedil;o','Abril','Maio','Junho',
+                'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
+                monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
+                'Jul','Ago','Set','Out','Nov','Dez'],
+                dayNames: ['Domingo','Segunda-feira','Ter&ccedil;a-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
+                dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
+                dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
+                dateFormat: 'dd/mm/yy', firstDay: 0,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['pt-BR']);
+});/* Romanian initialisation for the jQuery UI date picker plugin.
+ *
+ * Written by Edmond L. (ll_edmond@walla.com)
+ * and Ionut G. Stan (ionut.g.stan@gmail.com)
+ */
+jQuery(function($){
+        $.datepicker.regional['ro'] = {
+                closeText: 'Închide',
+                prevText: '&laquo; Luna precedentă',
+                nextText: 'Luna următoare &raquo;',
+                currentText: 'Azi',
+                monthNames: ['Ianuarie','Februarie','Martie','Aprilie','Mai','Iunie',
+                'Iulie','August','Septembrie','Octombrie','Noiembrie','Decembrie'],
+                monthNamesShort: ['Ian', 'Feb', 'Mar', 'Apr', 'Mai', 'Iun',
+                'Iul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+                dayNames: ['Duminică', 'Luni', 'Marţi', 'Miercuri', 'Joi', 'Vineri', 'Sâmbătă'],
+                dayNamesShort: ['Dum', 'Lun', 'Mar', 'Mie', 'Joi', 'Vin', 'Sâm'],
+                dayNamesMin: ['Du','Lu','Ma','Mi','Jo','Vi','Sâ'],
+                dateFormat: 'dd MM yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['ro']);
+});
+/* Russian (UTF-8) initialisation for the jQuery UI date picker plugin. */
+/* Written by Andrew Stromnov (stromnov@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['ru'] = {
+                closeText: 'Закрыть',
+                prevText: '&#x3c;Пред',
+                nextText: 'След&#x3e;',
+                currentText: 'Сегодня',
+                monthNames: ['Январь','Февраль','Март','Апрель','Май','Июнь',
+                'Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
+                monthNamesShort: ['Янв','Фев','Мар','Апр','Май','Июн',
+                'Июл','Авг','Сен','Окт','Ноя','Дек'],
+                dayNames: ['воскресенье','понедельник','вторник','среда','четверг','пятница','суббота'],
+                dayNamesShort: ['вск','пнд','втр','срд','чтв','птн','сбт'],
+                dayNamesMin: ['Вс','Пн','Вт','Ср','Чт','Пт','Сб'],
+                dateFormat: 'dd.mm.yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['ru']);
+});/* Slovak initialisation for the jQuery UI date picker plugin. */
+/* Written by Vojtech Rinik (vojto@hmm.sk). */
+jQuery(function($){
+        $.datepicker.regional['sk'] = {
+                closeText: 'Zavrieť',
+                prevText: '&#x3c;Predchádzajúci',
+                nextText: 'Nasledujúci&#x3e;',
+                currentText: 'Dnes',
+                monthNames: ['Január','Február','Marec','Apríl','Máj','Jún',
+                'Júl','August','September','Október','November','December'],
+                monthNamesShort: ['Jan','Feb','Mar','Apr','Máj','Jún',
+                'Júl','Aug','Sep','Okt','Nov','Dec'],
+                dayNames: ['Nedel\'a','Pondelok','Utorok','Streda','Štvrtok','Piatok','Sobota'],
+                dayNamesShort: ['Ned','Pon','Uto','Str','Štv','Pia','Sob'],
+                dayNamesMin: ['Ne','Po','Ut','St','Št','Pia','So'],
+                dateFormat: 'dd.mm.yy', firstDay: 0,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['sk']);
+});
+/* Slovenian initialisation for the jQuery UI date picker plugin. */
+/* Written by Jaka Jancar (jaka@kubje.org). */
+/* c = &#x10D;, s = &#x161; z = &#x17E; C = &#x10C; S = &#x160; Z = &#x17D; */
+jQuery(function($){
+        $.datepicker.regional['sl'] = {
+                closeText: 'Zapri',
+                prevText: '&lt;Prej&#x161;nji',
+                nextText: 'Naslednji&gt;',
+                currentText: 'Trenutni',
+                monthNames: ['Januar','Februar','Marec','April','Maj','Junij',
+                'Julij','Avgust','September','Oktober','November','December'],
+                monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun',
+                'Jul','Avg','Sep','Okt','Nov','Dec'],
+                dayNames: ['Nedelja','Ponedeljek','Torek','Sreda','&#x10C;etrtek','Petek','Sobota'],
+                dayNamesShort: ['Ned','Pon','Tor','Sre','&#x10C;et','Pet','Sob'],
+                dayNamesMin: ['Ne','Po','To','Sr','&#x10C;e','Pe','So'],
+                dateFormat: 'dd.mm.yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['sl']);
+});
+/* Albanian initialisation for the jQuery UI date picker plugin. */
+/* Written by Flakron Bytyqi (flakron@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['sq'] = {
+                closeText: 'mbylle',
+                prevText: '&#x3c;mbrapa',
+                nextText: 'Përpara&#x3e;',
+                currentText: 'sot',
+                monthNames: ['Janar','Shkurt','Mars','Prill','Maj','Qershor',
+                'Korrik','Gusht','Shtator','Tetor','Nëntor','Dhjetor'],
+                monthNamesShort: ['Jan','Shk','Mar','Pri','Maj','Qer',
+                'Kor','Gus','Sht','Tet','Nën','Dhj'],
+                dayNames: ['E Diel','E Hënë','E Martë','E Mërkurë','E Enjte','E Premte','E Shtune'],
+                dayNamesShort: ['Di','Hë','Ma','Më','En','Pr','Sh'],
+                dayNamesMin: ['Di','Hë','Ma','Më','En','Pr','Sh'],
+                dateFormat: 'dd.mm.yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['sq']);
+});
+/* Serbian i18n for the jQuery UI date picker plugin. */
+/* Written by Dejan Dimić. */
+jQuery(function($){
+        $.datepicker.regional['sr-SR'] = {
+                closeText: 'Zatvori',
+                prevText: '&#x3c;',
+                nextText: '&#x3e;',
+                currentText: 'Danas',
+                monthNames: ['Januar','Februar','Mart','April','Maj','Jun',
+                'Jul','Avgust','Septembar','Oktobar','Novembar','Decembar'],
+                monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun',
+                'Jul','Avg','Sep','Okt','Nov','Dec'],
+                dayNames: ['Nedelja','Ponedeljak','Utorak','Sreda','Četvrtak','Petak','Subota'],
+                dayNamesShort: ['Ned','Pon','Uto','Sre','Čet','Pet','Sub'],
+                dayNamesMin: ['Ne','Po','Ut','Sr','Če','Pe','Su'],
+                dateFormat: 'dd/mm/yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['sr-SR']);
+});
+/* Serbian i18n for the jQuery UI date picker plugin. */
+/* Written by Dejan Dimić. */
+jQuery(function($){
+        $.datepicker.regional['sr'] = {
+                closeText: 'Затвори',
+                prevText: '&#x3c;',
+                nextText: '&#x3e;',
+                currentText: 'Данас',
+                monthNames: ['Јануар','Фебруар','Март','Април','Мај','Јун',
+                'Јул','Август','Септембар','Октобар','Новембар','Децембар'],
+                monthNamesShort: ['Јан','Феб','Мар','Апр','Мај','Јун',
+                'Јул','Авг','Сеп','Окт','Нов','Дец'],
+                dayNames: ['Недеља','Понедељак','Уторак','Среда','Четвртак','Петак','Субота'],
+                dayNamesShort: ['Нед','Пон','Уто','Сре','Чет','Пет','Суб'],
+                dayNamesMin: ['Не','По','Ут','Ср','Че','Пе','Су'],
+                dateFormat: 'dd/mm/yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['sr']);
+});
+/* Swedish initialisation for the jQuery UI date picker plugin. */
+/* Written by Anders Ekdahl ( anders@nomadiz.se). */
+jQuery(function($){
+    $.datepicker.regional['sv'] = {
+                closeText: 'Stäng',
+        prevText: '&laquo;Förra',
+                nextText: 'Nästa&raquo;',
+                currentText: 'Idag',
+        monthNames: ['Januari','Februari','Mars','April','Maj','Juni',
+        'Juli','Augusti','September','Oktober','November','December'],
+        monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun',
+        'Jul','Aug','Sep','Okt','Nov','Dec'],
+                dayNamesShort: ['Sön','Mån','Tis','Ons','Tor','Fre','Lör'],
+                dayNames: ['Söndag','Måndag','Tisdag','Onsdag','Torsdag','Fredag','Lördag'],
+                dayNamesMin: ['Sö','Må','Ti','On','To','Fr','Lö'],
+        dateFormat: 'yy-mm-dd', firstDay: 1,
+                isRTL: false};
+    $.datepicker.setDefaults($.datepicker.regional['sv']);
+});
+/* Thai initialisation for the jQuery UI date picker plugin. */
+/* Written by pipo (pipo@sixhead.com). */
+jQuery(function($){
+        $.datepicker.regional['th'] = {
+                closeText: 'ปิด',
+                prevText: '&laquo;&nbsp;ย้อน',
+                nextText: 'ถัดไป&nbsp;&raquo;',
+                currentText: 'วันนี้',
+                monthNames: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน',
+                'กรกฏาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
+                monthNamesShort: ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.',
+                'ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'],
+                dayNames: ['อาทิตย์','จันทร์','อังคาร','พุธ','พฤหัสบดี','ศุกร์','เสาร์'],
+                dayNamesShort: ['อา.','จ.','อ.','พ.','พฤ.','ศ.','ส.'],
+                dayNamesMin: ['อา.','จ.','อ.','พ.','พฤ.','ศ.','ส.'],
+                dateFormat: 'dd/mm/yy', firstDay: 0,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['th']);
+});/* Turkish initialisation for the jQuery UI date picker plugin. */
+/* Written by Izzet Emre Erkan (kara@karalamalar.net). */
+jQuery(function($){
+        $.datepicker.regional['tr'] = {
+                closeText: 'kapat',
+                prevText: '&#x3c;geri',
+                nextText: 'ileri&#x3e',
+                currentText: 'bugün',
+                monthNames: ['Ocak','Şubat','Mart','Nisan','Mayıs','Haziran',
+                'Temmuz','Ağustos','Eylül','Ekim','Kasım','Aralık'],
+                monthNamesShort: ['Oca','Şub','Mar','Nis','May','Haz',
+                'Tem','Ağu','Eyl','Eki','Kas','Ara'],
+                dayNames: ['Pazar','Pazartesi','Salı','Çarşamba','Perşembe','Cuma','Cumartesi'],
+                dayNamesShort: ['Pz','Pt','Sa','Ça','Pe','Cu','Ct'],
+                dayNamesMin: ['Pz','Pt','Sa','Ça','Pe','Cu','Ct'],
+                dateFormat: 'dd.mm.yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['tr']);
+});/* Ukrainian (UTF-8) initialisation for the jQuery UI date picker plugin. */
+/* Written by Maxim Drogobitskiy (maxdao@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['uk'] = {
+                clearText: 'Очистити', clearStatus: '',
+                closeText: 'Закрити', closeStatus: '',
+                prevText: '&#x3c;',  prevStatus: '',
+                prevBigText: '&#x3c;&#x3c;', prevBigStatus: '',
+                nextText: '&#x3e;', nextStatus: '',
+                nextBigText: '&#x3e;&#x3e;', nextBigStatus: '',
+                currentText: 'Сьогодні', currentStatus: '',
+                monthNames: ['Січень','Лютий','Березень','Квітень','Травень','Червень',
+                'Липень','Серпень','Вересень','Жовтень','Листопад','Грудень'],
+                monthNamesShort: ['Січ','Лют','Бер','Кві','Тра','Чер',
+                'Лип','Сер','Вер','Жов','Лис','Гру'],
+                monthStatus: '', yearStatus: '',
+                weekHeader: 'Не', weekStatus: '',
+                dayNames: ['неділя','понеділок','вівторок','середа','четвер','п’ятниця','субота'],
+                dayNamesShort: ['нед','пнд','вів','срд','чтв','птн','сбт'],
+                dayNamesMin: ['Нд','Пн','Вт','Ср','Чт','Пт','Сб'],
+                dayStatus: 'DD', dateStatus: 'D, M d',
+                dateFormat: 'dd/mm/yy', firstDay: 1,
+                initStatus: '', isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['uk']);
+});/* Chinese initialisation for the jQuery UI date picker plugin. */
+/* Written by Cloudream (cloudream@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['zh-CN'] = {
+                closeText: '关闭',
+                prevText: '&#x3c;上月',
+                nextText: '下月&#x3e;',
+                currentText: '今天',
+                monthNames: ['一月','二月','三月','四月','五月','六月',
+                '七月','八月','九月','十月','十一月','十二月'],
+                monthNamesShort: ['一','二','三','四','五','六',
+                '七','八','九','十','十一','十二'],
+                dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
+                dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
+                dayNamesMin: ['日','一','二','三','四','五','六'],
+                dateFormat: 'yy-mm-dd', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
+});
+/* Chinese initialisation for the jQuery UI date picker plugin. */
+/* Written by Ressol (ressol@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['zh-TW'] = {
+                closeText: '關閉',
+                prevText: '&#x3c;上月',
+                nextText: '下月&#x3e;',
+                currentText: '今天',
+                monthNames: ['一月','二月','三月','四月','五月','六月',
+                '七月','八月','九月','十月','十一月','十二月'],
+                monthNamesShort: ['一','二','三','四','五','六',
+                '七','八','九','十','十一','十二'],
+                dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
+                dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
+                dayNamesMin: ['日','一','二','三','四','五','六'],
+                dateFormat: 'yy/mm/dd', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['zh-TW']);
+});
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-ar.js b/static/development-bundle/ui/i18n/ui.datepicker-ar.js
new file mode 100644
index 0000000..b605878
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-ar.js
@@ -0,0 +1,20 @@
+/* Arabic Translation for jQuery UI date picker plugin. */
+/* Khaled Al Horani -- koko.dw@gmail.com */
+/* خالد الحوراني -- koko.dw@gmail.com */
+/* NOTE: monthNames are the original months names and they are the Arabic names, not the new months name فبراير - يناير and there isn't any Arabic roots for these months */
+jQuery(function($){
+        $.datepicker.regional['ar'] = {
+                closeText: 'إغلاق',
+                prevText: '&#x3c;السابق',
+                nextText: 'التالي&#x3e;',
+                currentText: 'اليوم',
+                monthNames: ['كانون الثاني', 'شباط', 'آذار', 'نيسان', 'آذار', 'حزيران',
+                'تموز', 'آب', 'أيلول',       'تشرين الأول', 'تشرين الثاني', 'كانون الأول'],
+                monthNamesShort: ['1','2','3','4','5','6','7','8','9','10','11','12'],
+                dayNames: ['السبت', 'الأحد', 'الاثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة'],
+                dayNamesShort: ['سبت', 'أحد', 'اثنين', 'ثلاثاء', 'أربعاء', 'خميس', 'جمعة'],
+                dayNamesMin: ['سبت', 'أحد', 'اثنين', 'ثلاثاء', 'أربعاء', 'خميس', 'جمعة'],
+                dateFormat: 'dd/mm/yy', firstDay: 0,
+  isRTL: true};
+        $.datepicker.setDefaults($.datepicker.regional['ar']);
+});
\ No newline at end of file
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-bg.js b/static/development-bundle/ui/i18n/ui.datepicker-bg.js
new file mode 100644
index 0000000..a73884e
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-bg.js
@@ -0,0 +1,20 @@
+/* Bulgarian initialisation for the jQuery UI date picker plugin. */
+/* Written by Stoyan Kyosev (http://svest.org). */
+jQuery(function($){
+    $.datepicker.regional['bg'] = {
+        closeText: 'затвори',
+        prevText: '&#x3c;назад',
+        nextText: 'напред&#x3e;',
+                nextBigText: '&#x3e;&#x3e;',
+        currentText: 'днес',
+        monthNames: ['Януари','Февруари','Март','Април','Май','Юни',
+        'Юли','Август','Септември','Октомври','Ноември','Декември'],
+        monthNamesShort: ['Яну','Фев','Мар','Апр','Май','Юни',
+        'Юли','Авг','Сеп','Окт','Нов','Дек'],
+        dayNames: ['Неделя','Понеделник','Вторник','Сряда','Четвъртък','Петък','Събота'],
+        dayNamesShort: ['Нед','Пон','Вто','Сря','Чет','Пет','Съб'],
+        dayNamesMin: ['Не','По','Вт','Ср','Че','Пе','Съ'],
+        dateFormat: 'dd.mm.yy', firstDay: 1,
+        isRTL: false};
+    $.datepicker.setDefaults($.datepicker.regional['bg']);
+});
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-ca.js b/static/development-bundle/ui/i18n/ui.datepicker-ca.js
new file mode 100644
index 0000000..ad47af0
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-ca.js
@@ -0,0 +1,19 @@
+/* Inicialitzaci� en catal� per a l'extenci� 'calendar' per jQuery. */
+/* Writers: (joan.leon@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['ca'] = {
+                closeText: 'Tancar',
+                prevText: '&#x3c;Ant',
+                nextText: 'Seg&#x3e;',
+                currentText: 'Avui',
+                monthNames: ['Gener','Febrer','Mar&ccedil;','Abril','Maig','Juny',
+                'Juliol','Agost','Setembre','Octubre','Novembre','Desembre'],
+                monthNamesShort: ['Gen','Feb','Mar','Abr','Mai','Jun',
+                'Jul','Ago','Set','Oct','Nov','Des'],
+                dayNames: ['Diumenge','Dilluns','Dimarts','Dimecres','Dijous','Divendres','Dissabte'],
+                dayNamesShort: ['Dug','Dln','Dmt','Dmc','Djs','Dvn','Dsb'],
+                dayNamesMin: ['Dg','Dl','Dt','Dc','Dj','Dv','Ds'],
+                dateFormat: 'mm/dd/yy', firstDay: 0,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['ca']);
+});
\ No newline at end of file
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-cs.js b/static/development-bundle/ui/i18n/ui.datepicker-cs.js
new file mode 100644
index 0000000..334ae2f
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-cs.js
@@ -0,0 +1,19 @@
+/* Czech initialisation for the jQuery UI date picker plugin. */
+/* Written by Tomas Muller (tomas@tomas-muller.net). */
+jQuery(function($){
+        $.datepicker.regional['cs'] = {
+                closeText: 'Zavřít',
+                prevText: '&#x3c;Dříve',
+                nextText: 'Později&#x3e;',
+                currentText: 'Nyní',
+                monthNames: ['leden','únor','březen','duben','květen','červen',
+        'červenec','srpen','září','říjen','listopad','prosinec'],
+                monthNamesShort: ['led','úno','bře','dub','kvě','čer',
+                'čvc','srp','zář','říj','lis','pro'],
+                dayNames: ['neděle', 'pondělí', 'úterý', 'středa', 'čtvrtek', 'pátek', 'sobota'],
+                dayNamesShort: ['ne', 'po', 'út', 'st', 'čt', 'pá', 'so'],
+                dayNamesMin: ['ne','po','út','st','čt','pá','so'],
+                dateFormat: 'dd.mm.yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['cs']);
+});
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-da.js b/static/development-bundle/ui/i18n/ui.datepicker-da.js
new file mode 100644
index 0000000..8ad1e2c
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-da.js
@@ -0,0 +1,19 @@
+/* Danish initialisation for the jQuery UI date picker plugin. */
+/* Written by Jan Christensen ( deletestuff@gmail.com). */
+jQuery(function($){
+    $.datepicker.regional['da'] = {
+                closeText: 'Luk',
+        prevText: '&#x3c;Forrige',
+                nextText: 'Næste&#x3e;',
+                currentText: 'Idag',
+        monthNames: ['Januar','Februar','Marts','April','Maj','Juni',
+        'Juli','August','September','Oktober','November','December'],
+        monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun',
+        'Jul','Aug','Sep','Okt','Nov','Dec'],
+                dayNames: ['Søndag','Mandag','Tirsdag','Onsdag','Torsdag','Fredag','Lørdag'],
+                dayNamesShort: ['Søn','Man','Tir','Ons','Tor','Fre','Lør'],
+                dayNamesMin: ['Sø','Ma','Ti','On','To','Fr','Lø'],
+        dateFormat: 'dd-mm-yy', firstDay: 0,
+                isRTL: false};
+    $.datepicker.setDefaults($.datepicker.regional['da']);
+});
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-de.js b/static/development-bundle/ui/i18n/ui.datepicker-de.js
new file mode 100644
index 0000000..f9299c8
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-de.js
@@ -0,0 +1,19 @@
+/* German initialisation for the jQuery UI date picker plugin. */
+/* Written by Milian Wolff (mail@milianw.de). */
+jQuery(function($){
+        $.datepicker.regional['de'] = {
+                closeText: 'schließen',
+                prevText: '&#x3c;zurück',
+                nextText: 'Vor&#x3e;',
+                currentText: 'heute',
+                monthNames: ['Januar','Februar','März','April','Mai','Juni',
+                'Juli','August','September','Oktober','November','Dezember'],
+                monthNamesShort: ['Jan','Feb','Mär','Apr','Mai','Jun',
+                'Jul','Aug','Sep','Okt','Nov','Dez'],
+                dayNames: ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'],
+                dayNamesShort: ['So','Mo','Di','Mi','Do','Fr','Sa'],
+                dayNamesMin: ['So','Mo','Di','Mi','Do','Fr','Sa'],
+                dateFormat: 'dd.mm.yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['de']);
+});
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-el.js b/static/development-bundle/ui/i18n/ui.datepicker-el.js
new file mode 100644
index 0000000..535080d
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-el.js
@@ -0,0 +1,19 @@
+/* Greek (el) initialisation for the jQuery UI date picker plugin. */
+/* Written by Alex Cicovic (http://www.alexcicovic.com) */
+jQuery(function($){
+        $.datepicker.regional['el'] = {
+                closeText: 'Κλείσιμο',
+                prevText: 'Προηγούμενος',
+                nextText: 'Επόμενος',
+                currentText: 'Τρέχων Μήνας',
+                monthNames: ['Ιανουάριος','Φεβρουάριος','Μάρτιος','Απρίλιος','Μάιος','Ιούνιος',
+                'Ιούλιος','Αύγουστος','Σεπτέμβριος','Οκτώβριος','Νοέμβριος','Δεκέμβριος'],
+                monthNamesShort: ['Ιαν','Φεβ','Μαρ','Απρ','Μαι','Ιουν',
+                'Ιουλ','Αυγ','Σεπ','Οκτ','Νοε','Δεκ'],
+                dayNames: ['Κυριακή','Δευτέρα','Τρίτη','Τετάρτη','Πέμπτη','Παρασκευή','Σάββατο'],
+                dayNamesShort: ['Κυρ','Δευ','Τρι','Τετ','Πεμ','Παρ','Σαβ'],
+                dayNamesMin: ['Κυ','Δε','Τρ','Τε','Πε','Πα','Σα'],
+                dateFormat: 'dd/mm/yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['el']);
+});
\ No newline at end of file
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-eo.js b/static/development-bundle/ui/i18n/ui.datepicker-eo.js
new file mode 100644
index 0000000..28abac4
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-eo.js
@@ -0,0 +1,19 @@
+/* Esperanto initialisation for the jQuery UI date picker plugin. */
+/* Written by Olivier M. (olivierweb@ifrance.com). */
+jQuery(function($){
+        $.datepicker.regional['eo'] = {
+                closeText: 'Fermi',
+                prevText: '&lt;Anta',
+                nextText: 'Sekv&gt;',
+                currentText: 'Nuna',
+                monthNames: ['Januaro','Februaro','Marto','Aprilo','Majo','Junio',
+                'Julio','Aŭgusto','Septembro','Oktobro','Novembro','Decembro'],
+                monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun',
+                'Jul','Aŭg','Sep','Okt','Nov','Dec'],
+                dayNames: ['Dimanĉo','Lundo','Mardo','Merkredo','Ĵaŭdo','Vendredo','Sabato'],
+                dayNamesShort: ['Dim','Lun','Mar','Mer','Ĵaŭ','Ven','Sab'],
+                dayNamesMin: ['Di','Lu','Ma','Me','Ĵa','Ve','Sa'],
+                dateFormat: 'dd/mm/yy', firstDay: 0,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['eo']);
+});
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-es.js b/static/development-bundle/ui/i18n/ui.datepicker-es.js
new file mode 100644
index 0000000..0a699af
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-es.js
@@ -0,0 +1,19 @@
+/* Inicializaci�n en espa�ol para la extensi�n 'UI date picker' para jQuery. */
+/* Traducido por Vester (xvester@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['es'] = {
+                closeText: 'Cerrar',
+                prevText: '&#x3c;Ant',
+                nextText: 'Sig&#x3e;',
+                currentText: 'Hoy',
+                monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
+                'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
+                monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
+                'Jul','Ago','Sep','Oct','Nov','Dic'],
+                dayNames: ['Domingo','Lunes','Martes','Mi&eacute;rcoles','Jueves','Viernes','S&aacute;bado'],
+                dayNamesShort: ['Dom','Lun','Mar','Mi&eacute;','Juv','Vie','S&aacute;b'],
+                dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','S&aacute;'],
+                dateFormat: 'dd/mm/yy', firstDay: 0,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['es']);
+});
\ No newline at end of file
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-fa.js b/static/development-bundle/ui/i18n/ui.datepicker-fa.js
new file mode 100644
index 0000000..e40e1ac
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-fa.js
@@ -0,0 +1,19 @@
+/* Persian (Farsi) Translation for the jQuery UI date picker plugin. */
+/* Javad Mowlanezhad -- jmowla@gmail.com */
+/* Jalali calendar should supported soon! (Its implemented but I have to test it) */
+jQuery(function($) {
+        $.datepicker.regional['fa'] = {
+                closeText: 'بستن',
+                prevText: '&#x3c;قبلي',
+                nextText: 'بعدي&#x3e;',
+                currentText: 'امروز',
+                monthNames: ['فروردين','ارديبهشت','خرداد','تير','مرداد','شهريور',
+                'مهر','آبان','آذر','دي','بهمن','اسفند'],
+                monthNamesShort: ['1','2','3','4','5','6','7','8','9','10','11','12'],
+                dayNames: ['يکشنبه','دوشنبه','سه‌شنبه','چهارشنبه','پنجشنبه','جمعه','شنبه'],
+                dayNamesShort: ['ي','د','س','چ','پ','ج', 'ش'],
+                dayNamesMin: ['ي','د','س','چ','پ','ج', 'ش'],
+                dateFormat: 'yy/mm/dd', firstDay: 6,
+  isRTL: true};
+        $.datepicker.setDefaults($.datepicker.regional['fa']);
+});
\ No newline at end of file
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-fi.js b/static/development-bundle/ui/i18n/ui.datepicker-fi.js
new file mode 100644
index 0000000..3a0943f
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-fi.js
@@ -0,0 +1,19 @@
+/* Finnish initialisation for the jQuery UI date picker plugin. */
+/* Written by Harri Kilpi� (harrikilpio@gmail.com). */
+jQuery(function($){
+    $.datepicker.regional['fi'] = {
+                closeText: 'Sulje',
+                prevText: '&laquo;Edellinen',
+                nextText: 'Seuraava&raquo;',
+                currentText: 'T&auml;n&auml;&auml;n',
+        monthNames: ['Tammikuu','Helmikuu','Maaliskuu','Huhtikuu','Toukokuu','Kes&auml;kuu',
+        'Hein&auml;kuu','Elokuu','Syyskuu','Lokakuu','Marraskuu','Joulukuu'],
+        monthNamesShort: ['Tammi','Helmi','Maalis','Huhti','Touko','Kes&auml;',
+        'Hein&auml;','Elo','Syys','Loka','Marras','Joulu'],
+                dayNamesShort: ['Su','Ma','Ti','Ke','To','Pe','Su'],
+                dayNames: ['Sunnuntai','Maanantai','Tiistai','Keskiviikko','Torstai','Perjantai','Lauantai'],
+                dayNamesMin: ['Su','Ma','Ti','Ke','To','Pe','La'],
+        dateFormat: 'dd.mm.yy', firstDay: 1,
+                isRTL: false};
+    $.datepicker.setDefaults($.datepicker.regional['fi']);
+});
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-fr.js b/static/development-bundle/ui/i18n/ui.datepicker-fr.js
new file mode 100644
index 0000000..02edda2
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-fr.js
@@ -0,0 +1,19 @@
+/* French initialisation for the jQuery UI date picker plugin. */
+/* Written by Keith Wood (kbwood@virginbroadband.com.au) and Stéphane Nahmani (sholby@sholby.net). */
+jQuery(function($){
+        $.datepicker.regional['fr'] = {
+                closeText: 'Fermer',
+                prevText: '&#x3c;Préc',
+                nextText: 'Suiv&#x3e;',
+                currentText: 'Courant',
+                monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin',
+                'Juillet','Août','Septembre','Octobre','Novembre','Décembre'],
+                monthNamesShort: ['Jan','Fév','Mar','Avr','Mai','Jun',
+                'Jul','Aoû','Sep','Oct','Nov','Déc'],
+                dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
+                dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
+                dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'],
+                dateFormat: 'dd/mm/yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['fr']);
+});
\ No newline at end of file
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-he.js b/static/development-bundle/ui/i18n/ui.datepicker-he.js
new file mode 100644
index 0000000..38e0a03
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-he.js
@@ -0,0 +1,19 @@
+/* Hebrew initialisation for the UI Datepicker extension. */
+/* Written by Amir Hardon (ahardon at gmail dot com). */
+jQuery(function($){
+        $.datepicker.regional['he'] = {
+                closeText: 'סגור',
+                prevText: '&#x3c;הקודם',
+                nextText: 'הבא&#x3e;',
+                currentText: 'היום',
+                monthNames: ['ינואר','פברואר','מרץ','אפריל','מאי','יוני',
+                'יולי','אוגוסט','ספטמבר','אוקטובר','נובמבר','דצמבר'],
+                monthNamesShort: ['1','2','3','4','5','6',
+                '7','8','9','10','11','12'],
+                dayNames: ['ראשון','שני','שלישי','רביעי','חמישי','שישי','שבת'],
+                dayNamesShort: ['א\'','ב\'','ג\'','ד\'','ה\'','ו\'','שבת'],
+                dayNamesMin: ['א\'','ב\'','ג\'','ד\'','ה\'','ו\'','שבת'],
+                dateFormat: 'dd/mm/yy', firstDay: 0,
+                isRTL: true};
+        $.datepicker.setDefaults($.datepicker.regional['he']);
+});
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-hr.js b/static/development-bundle/ui/i18n/ui.datepicker-hr.js
new file mode 100644
index 0000000..78e4006
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-hr.js
@@ -0,0 +1,19 @@
+/* Croatian i18n for the jQuery UI date picker plugin. */
+/* Written by Vjekoslav Nesek. */
+jQuery(function($){
+        $.datepicker.regional['hr'] = {
+                closeText: 'Zatvori',
+                prevText: '&#x3c;',
+                nextText: '&#x3e;',
+                currentText: 'Danas',
+                monthNames: ['Siječanj','Veljača','Ožujak','Travanj','Svibanj','Lipani',
+                'Srpanj','Kolovoz','Rujan','Listopad','Studeni','Prosinac'],
+                monthNamesShort: ['Sij','Velj','Ožu','Tra','Svi','Lip',
+                'Srp','Kol','Ruj','Lis','Stu','Pro'],
+                dayNames: ['Nedjalja','Ponedjeljak','Utorak','Srijeda','Četvrtak','Petak','Subota'],
+                dayNamesShort: ['Ned','Pon','Uto','Sri','Čet','Pet','Sub'],
+                dayNamesMin: ['Ne','Po','Ut','Sr','Če','Pe','Su'],
+                dateFormat: 'dd.mm.yy.', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['hr']);
+});
\ No newline at end of file
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-hu.js b/static/development-bundle/ui/i18n/ui.datepicker-hu.js
new file mode 100644
index 0000000..ee102ac
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-hu.js
@@ -0,0 +1,19 @@
+/* Hungarian initialisation for the jQuery UI date picker plugin. */
+/* Written by Istvan Karaszi (jquerycalendar@spam.raszi.hu). */
+jQuery(function($){
+        $.datepicker.regional['hu'] = {
+                closeText: 'bezárás',
+                prevText: '&laquo;&nbsp;vissza',
+                nextText: 'előre&nbsp;&raquo;',
+                currentText: 'ma',
+                monthNames: ['Január', 'Február', 'Március', 'Április', 'Május', 'Június',
+                'Július', 'Augusztus', 'Szeptember', 'Október', 'November', 'December'],
+                monthNamesShort: ['Jan', 'Feb', 'Már', 'Ápr', 'Máj', 'Jún',
+                'Júl', 'Aug', 'Szep', 'Okt', 'Nov', 'Dec'],
+                dayNames: ['Vasámap', 'Hétfö', 'Kedd', 'Szerda', 'Csütörtök', 'Péntek', 'Szombat'],
+                dayNamesShort: ['Vas', 'Hét', 'Ked', 'Sze', 'Csü', 'Pén', 'Szo'],
+                dayNamesMin: ['V', 'H', 'K', 'Sze', 'Cs', 'P', 'Szo'],
+                dateFormat: 'yy-mm-dd', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['hu']);
+});
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-hy.js b/static/development-bundle/ui/i18n/ui.datepicker-hy.js
new file mode 100644
index 0000000..1ffbeaa
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-hy.js
@@ -0,0 +1,19 @@
+/* Armenian(UTF-8) initialisation for the jQuery UI date picker plugin. */
+/* Written by Levon Zakaryan (levon.zakaryan@gmail.com)*/
+jQuery(function($){
+        $.datepicker.regional['hy'] = {
+                closeText: 'Փակել',
+                prevText: '&#x3c;Նախ.',
+                nextText: 'Հաջ.&#x3e;',
+                currentText: 'Այսօր',
+                monthNames: ['Հունվար','Փետրվար','Մարտ','Ապրիլ','Մայիս','Հունիս',
+                'Հուլիս','Օգոստոս','Սեպտեմբեր','Հոկտեմբեր','Նոյեմբեր','Դեկտեմբեր'],
+                monthNamesShort: ['Հունվ','Փետր','Մարտ','Ապր','Մայիս','Հունիս',
+                'Հուլ','Օգս','Սեպ','Հոկ','Նոյ','Դեկ'],
+                dayNames: ['կիրակի','եկուշաբթի','երեքշաբթի','չորեքշաբթի','հինգշաբթի','ուրբաթ','շաբաթ'],
+                dayNamesShort: ['կիր','երկ','երք','չրք','հնգ','ուրբ','շբթ'],
+                dayNamesMin: ['կիր','երկ','երք','չրք','հնգ','ուրբ','շբթ'],
+                dateFormat: 'dd.mm.yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['hy']);
+});
\ No newline at end of file
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-id.js b/static/development-bundle/ui/i18n/ui.datepicker-id.js
new file mode 100644
index 0000000..e5246c8
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-id.js
@@ -0,0 +1,19 @@
+/* Indonesian initialisation for the jQuery UI date picker plugin. */
+/* Written by Deden Fathurahman (dedenf@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['id'] = {
+                closeText: 'Tutup',
+                prevText: '&#x3c;mundur',
+                nextText: 'maju&#x3e;',
+                currentText: 'hari ini',
+                monthNames: ['Januari','Februari','Maret','April','Mei','Juni',
+                'Juli','Agustus','September','Oktober','Nopember','Desember'],
+                monthNamesShort: ['Jan','Feb','Mar','Apr','Mei','Jun',
+                'Jul','Agus','Sep','Okt','Nop','Des'],
+                dayNames: ['Minggu','Senin','Selasa','Rabu','Kamis','Jumat','Sabtu'],
+                dayNamesShort: ['Min','Sen','Sel','Rab','kam','Jum','Sab'],
+                dayNamesMin: ['Mg','Sn','Sl','Rb','Km','jm','Sb'],
+                dateFormat: 'dd/mm/yy', firstDay: 0,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['id']);
+});
\ No newline at end of file
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-is.js b/static/development-bundle/ui/i18n/ui.datepicker-is.js
new file mode 100644
index 0000000..68c1a07
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-is.js
@@ -0,0 +1,19 @@
+/* Icelandic initialisation for the jQuery UI date picker plugin. */
+/* Written by Haukur H. Thorsson (haukur@eskill.is). */
+jQuery(function($){
+        $.datepicker.regional['is'] = {
+                closeText: 'Loka',
+                prevText: '&#x3c; Fyrri',
+                nextText: 'N&aelig;sti &#x3e;',
+                currentText: '&Iacute; dag',
+                monthNames: ['Jan&uacute;ar','Febr&uacute;ar','Mars','Apr&iacute;l','Ma&iacute','J&uacute;n&iacute;',
+                'J&uacute;l&iacute;','&Aacute;g&uacute;st','September','Okt&oacute;ber','N&oacute;vember','Desember'],
+                monthNamesShort: ['Jan','Feb','Mar','Apr','Ma&iacute;','J&uacute;n',
+                'J&uacute;l','&Aacute;g&uacute;','Sep','Okt','N&oacute;v','Des'],
+                dayNames: ['Sunnudagur','M&aacute;nudagur','&THORN;ri&eth;judagur','Mi&eth;vikudagur','Fimmtudagur','F&ouml;studagur','Laugardagur'],
+                dayNamesShort: ['Sun','M&aacute;n','&THORN;ri','Mi&eth;','Fim','F&ouml;s','Lau'],
+                dayNamesMin: ['Su','M&aacute;','&THORN;r','Mi','Fi','F&ouml;','La'],
+                dateFormat: 'dd/mm/yy', firstDay: 0,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['is']);
+});
\ No newline at end of file
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-it.js b/static/development-bundle/ui/i18n/ui.datepicker-it.js
new file mode 100644
index 0000000..f3e691e
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-it.js
@@ -0,0 +1,19 @@
+/* Italian initialisation for the jQuery UI date picker plugin. */
+/* Written by Apaella (apaella@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['it'] = {
+                closeText: 'Chiudi',
+                prevText: '&#x3c;Prec',
+                nextText: 'Succ&#x3e;',
+                currentText: 'Oggi',
+                monthNames: ['Gennaio','Febbraio','Marzo','Aprile','Maggio','Giugno',
+                'Luglio','Agosto','Settembre','Ottobre','Novembre','Dicembre'],
+                monthNamesShort: ['Gen','Feb','Mar','Apr','Mag','Giu',
+                'Lug','Ago','Set','Ott','Nov','Dic'],
+                dayNames: ['Domenica','Luned&#236','Marted&#236','Mercoled&#236','Gioved&#236','Venerd&#236','Sabato'],
+                dayNamesShort: ['Dom','Lun','Mar','Mer','Gio','Ven','Sab'],
+                dayNamesMin: ['Do','Lu','Ma','Me','Gio','Ve','Sa'],
+                dateFormat: 'dd/mm/yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['it']);
+});
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-ja.js b/static/development-bundle/ui/i18n/ui.datepicker-ja.js
new file mode 100644
index 0000000..a6a5f45
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-ja.js
@@ -0,0 +1,20 @@
+/* Japanese initialisation for the jQuery UI date picker plugin. */
+/* Written by Kentaro SATO (kentaro@ranvis.com). */
+jQuery(function($){
+        $.datepicker.regional['ja'] = {
+                closeText: '閉じる',
+                prevText: '&#x3c;前',
+                nextText: '次&#x3e;',
+                currentText: '今日',
+                monthNames: ['1月','2月','3月','4月','5月','6月',
+                '7月','8月','9月','10月','11月','12月'],
+                monthNamesShort: ['1月','2月','3月','4月','5月','6月',
+                '7月','8月','9月','10月','11月','12月'],
+                dayNames: ['日曜日','月曜日','火曜日','水曜日','木曜日','金曜日','土曜日'],
+                dayNamesShort: ['日','月','火','水','木','金','土'],
+                dayNamesMin: ['日','月','火','水','木','金','土'],
+                dateFormat: 'yy/mm/dd', firstDay: 0,
+                isRTL: false,
+                showMonthAfterYear: true};
+        $.datepicker.setDefaults($.datepicker.regional['ja']);
+});
\ No newline at end of file
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-ko.js b/static/development-bundle/ui/i18n/ui.datepicker-ko.js
new file mode 100644
index 0000000..53ede91
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-ko.js
@@ -0,0 +1,19 @@
+/* Korean initialisation for the jQuery calendar extension. */
+/* Written by DaeKwon Kang (ncrash.dk@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['ko'] = {
+                closeText: '닫기',
+                prevText: '이전달',
+                nextText: '다음달',
+                currentText: '오늘',
+                monthNames: ['1월(JAN)','2월(FEB)','3월(MAR)','4월(APR)','5월(MAY)','6월(JUN)',
+                '7월(JUL)','8월(AUG)','9월(SEP)','10월(OCT)','11월(NOV)','12월(DEC)'],
+                monthNamesShort: ['1월(JAN)','2월(FEB)','3월(MAR)','4월(APR)','5월(MAY)','6월(JUN)',
+                '7월(JUL)','8월(AUG)','9월(SEP)','10월(OCT)','11월(NOV)','12월(DEC)'],
+                dayNames: ['일','월','화','수','목','금','토'],
+                dayNamesShort: ['일','월','화','수','목','금','토'],
+                dayNamesMin: ['일','월','화','수','목','금','토'],
+                dateFormat: 'yy-mm-dd', firstDay: 0,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['ko']);
+});
\ No newline at end of file
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-lt.js b/static/development-bundle/ui/i18n/ui.datepicker-lt.js
new file mode 100644
index 0000000..a8a6aa1
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-lt.js
@@ -0,0 +1,19 @@
+/* Lithuanian (UTF-8) initialisation for the jQuery UI date picker plugin. */
+/* @author Arturas Paleicikas <arturas@avalon.lt> */
+jQuery(function($){
+        $.datepicker.regional['lt'] = {
+                closeText: 'Uždaryti',
+                prevText: '&#x3c;Atgal',
+                nextText: 'Pirmyn&#x3e;',
+                currentText: 'Šiandien',
+                monthNames: ['Sausis','Vasaris','Kovas','Balandis','Gegužė','Birželis',
+                'Liepa','Rugpjūtis','Rugsėjis','Spalis','Lapkritis','Gruodis'],
+                monthNamesShort: ['Sau','Vas','Kov','Bal','Geg','Bir',
+                'Lie','Rugp','Rugs','Spa','Lap','Gru'],
+                dayNames: ['sekmadienis','pirmadienis','antradienis','trečiadienis','ketvirtadienis','penktadienis','šeštadienis'],
+                dayNamesShort: ['sek','pir','ant','tre','ket','pen','šeš'],
+                dayNamesMin: ['Se','Pr','An','Tr','Ke','Pe','Še'],
+                dateFormat: 'yy-mm-dd', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['lt']);
+});
\ No newline at end of file
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-lv.js b/static/development-bundle/ui/i18n/ui.datepicker-lv.js
new file mode 100644
index 0000000..12c32f8
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-lv.js
@@ -0,0 +1,19 @@
+/* Latvian (UTF-8) initialisation for the jQuery UI date picker plugin. */
+/* @author Arturas Paleicikas <arturas.paleicikas@metasite.net> */
+jQuery(function($){
+        $.datepicker.regional['lv'] = {
+                closeText: 'Aizvērt',
+                prevText: 'Iepr',
+                nextText: 'Nāka',
+                currentText: 'Šodien',
+                monthNames: ['Janvāris','Februāris','Marts','Aprīlis','Maijs','Jūnijs',
+                'Jūlijs','Augusts','Septembris','Oktobris','Novembris','Decembris'],
+                monthNamesShort: ['Jan','Feb','Mar','Apr','Mai','Jūn',
+                'Jūl','Aug','Sep','Okt','Nov','Dec'],
+                dayNames: ['svētdiena','pirmdiena','otrdiena','trešdiena','ceturtdiena','piektdiena','sestdiena'],
+                dayNamesShort: ['svt','prm','otr','tre','ctr','pkt','sst'],
+                dayNamesMin: ['Sv','Pr','Ot','Tr','Ct','Pk','Ss'],
+                dateFormat: 'dd-mm-yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['lv']);
+});
\ No newline at end of file
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-ms.js b/static/development-bundle/ui/i18n/ui.datepicker-ms.js
new file mode 100644
index 0000000..fa25305
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-ms.js
@@ -0,0 +1,19 @@
+/* Malaysian initialisation for the jQuery UI date picker plugin. */
+/* Written by Mohd Nawawi Mohamad Jamili (nawawi@ronggeng.net). */
+jQuery(function($){
+        $.datepicker.regional['ms'] = {
+                closeText: 'Tutup',
+                prevText: '&#x3c;Sebelum',
+                nextText: 'Selepas&#x3e;',
+                currentText: 'hari ini',
+                monthNames: ['Januari','Februari','Mac','April','Mei','Jun',
+                'Julai','Ogos','September','Oktober','November','Disember'],
+                monthNamesShort: ['Jan','Feb','Mac','Apr','Mei','Jun',
+                'Jul','Ogo','Sep','Okt','Nov','Dis'],
+                dayNames: ['Ahad','Isnin','Selasa','Rabu','Khamis','Jumaat','Sabtu'],
+                dayNamesShort: ['Aha','Isn','Sel','Rab','kha','Jum','Sab'],
+                dayNamesMin: ['Ah','Is','Se','Ra','Kh','Ju','Sa'],
+                dateFormat: 'dd/mm/yy', firstDay: 0,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['ms']);
+});
\ No newline at end of file
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-nl.js b/static/development-bundle/ui/i18n/ui.datepicker-nl.js
new file mode 100644
index 0000000..938dc5e
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-nl.js
@@ -0,0 +1,19 @@
+/* Dutch (UTF-8) initialisation for the jQuery UI date picker plugin. */
+/* Written by Mathias Bynens <http://mathiasbynens.be/> */
+jQuery(function($){
+        $.datepicker.regional.nl = {
+                closeText: 'Sluiten',
+                prevText: '←',
+                nextText: '→',
+                currentText: 'Vandaag',
+                monthNames: ['januari', 'februari', 'maart', 'april', 'mei', 'juni',
+                'juli', 'augustus', 'september', 'oktober', 'november', 'december'],
+                monthNamesShort: ['jan', 'feb', 'maa', 'apr', 'mei', 'jun',
+                'jul', 'aug', 'sep', 'okt', 'nov', 'dec'],
+                dayNames: ['zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag', 'vrijdag', 'zaterdag'],
+                dayNamesShort: ['zon', 'maa', 'din', 'woe', 'don', 'vri', 'zat'],
+                dayNamesMin: ['zo', 'ma', 'di', 'wo', 'do', 'vr', 'za'],
+                dateFormat: 'dd/mm/yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional.nl);
+});
\ No newline at end of file
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-no.js b/static/development-bundle/ui/i18n/ui.datepicker-no.js
new file mode 100644
index 0000000..d81f6bb
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-no.js
@@ -0,0 +1,19 @@
+/* Norwegian initialisation for the jQuery UI date picker plugin. */
+/* Written by Naimdjon Takhirov (naimdjon@gmail.com). */
+jQuery(function($){
+    $.datepicker.regional['no'] = {
+                closeText: 'Lukk',
+        prevText: '&laquo;Forrige',
+                nextText: 'Neste&raquo;',
+                currentText: 'I dag',
+        monthNames: ['Januar','Februar','Mars','April','Mai','Juni',
+        'Juli','August','September','Oktober','November','Desember'],
+        monthNamesShort: ['Jan','Feb','Mar','Apr','Mai','Jun',
+        'Jul','Aug','Sep','Okt','Nov','Des'],
+                dayNamesShort: ['Søn','Man','Tir','Ons','Tor','Fre','Lør'],
+                dayNames: ['Søndag','Mandag','Tirsdag','Onsdag','Torsdag','Fredag','Lørdag'],
+                dayNamesMin: ['Sø','Ma','Ti','On','To','Fr','Lø'],
+        dateFormat: 'yy-mm-dd', firstDay: 0,
+                isRTL: false};
+    $.datepicker.setDefaults($.datepicker.regional['no']);
+});
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-pl.js b/static/development-bundle/ui/i18n/ui.datepicker-pl.js
new file mode 100644
index 0000000..0ce38be
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-pl.js
@@ -0,0 +1,19 @@
+/* Polish initialisation for the jQuery UI date picker plugin. */
+/* Written by Jacek Wysocki (jacek.wysocki@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['pl'] = {
+                closeText: 'Zamknij',
+                prevText: '&#x3c;Poprzedni',
+                nextText: 'Następny&#x3e;',
+                currentText: 'Dziś',
+                monthNames: ['Styczeń','Luty','Marzec','Kwiecień','Maj','Czerwiec',
+                'Lipiec','Sierpień','Wrzesień','Październik','Listopad','Grudzień'],
+                monthNamesShort: ['Sty','Lu','Mar','Kw','Maj','Cze',
+                'Lip','Sie','Wrz','Pa','Lis','Gru'],
+                dayNames: ['Niedziela','Poniedzialek','Wtorek','Środa','Czwartek','Piątek','Sobota'],
+                dayNamesShort: ['Nie','Pn','Wt','Śr','Czw','Pt','So'],
+                dayNamesMin: ['N','Pn','Wt','Śr','Cz','Pt','So'],
+                dateFormat: 'yy-mm-dd', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['pl']);
+});
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-pt-BR.js b/static/development-bundle/ui/i18n/ui.datepicker-pt-BR.js
new file mode 100644
index 0000000..e3ac652
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-pt-BR.js
@@ -0,0 +1,19 @@
+/* Brazilian initialisation for the jQuery UI date picker plugin. */
+/* Written by Leonildo Costa Silva (leocsilva@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['pt-BR'] = {
+                closeText: 'Fechar',
+                prevText: '&#x3c;Anterior',
+                nextText: 'Pr&oacute;ximo&#x3e;',
+                currentText: 'Hoje',
+                monthNames: ['Janeiro','Fevereiro','Mar&ccedil;o','Abril','Maio','Junho',
+                'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
+                monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
+                'Jul','Ago','Set','Out','Nov','Dez'],
+                dayNames: ['Domingo','Segunda-feira','Ter&ccedil;a-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
+                dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
+                dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
+                dateFormat: 'dd/mm/yy', firstDay: 0,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['pt-BR']);
+});
\ No newline at end of file
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-ro.js b/static/development-bundle/ui/i18n/ui.datepicker-ro.js
new file mode 100644
index 0000000..ec4033c
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-ro.js
@@ -0,0 +1,22 @@
+/* Romanian initialisation for the jQuery UI date picker plugin.
+ *
+ * Written by Edmond L. (ll_edmond@walla.com)
+ * and Ionut G. Stan (ionut.g.stan@gmail.com)
+ */
+jQuery(function($){
+        $.datepicker.regional['ro'] = {
+                closeText: 'Închide',
+                prevText: '&laquo; Luna precedentă',
+                nextText: 'Luna următoare &raquo;',
+                currentText: 'Azi',
+                monthNames: ['Ianuarie','Februarie','Martie','Aprilie','Mai','Iunie',
+                'Iulie','August','Septembrie','Octombrie','Noiembrie','Decembrie'],
+                monthNamesShort: ['Ian', 'Feb', 'Mar', 'Apr', 'Mai', 'Iun',
+                'Iul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+                dayNames: ['Duminică', 'Luni', 'Marţi', 'Miercuri', 'Joi', 'Vineri', 'Sâmbătă'],
+                dayNamesShort: ['Dum', 'Lun', 'Mar', 'Mie', 'Joi', 'Vin', 'Sâm'],
+                dayNamesMin: ['Du','Lu','Ma','Mi','Jo','Vi','Sâ'],
+                dateFormat: 'dd MM yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['ro']);
+});
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-ru.js b/static/development-bundle/ui/i18n/ui.datepicker-ru.js
new file mode 100644
index 0000000..62752c7
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-ru.js
@@ -0,0 +1,19 @@
+/* Russian (UTF-8) initialisation for the jQuery UI date picker plugin. */
+/* Written by Andrew Stromnov (stromnov@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['ru'] = {
+                closeText: 'Закрыть',
+                prevText: '&#x3c;Пред',
+                nextText: 'След&#x3e;',
+                currentText: 'Сегодня',
+                monthNames: ['Январь','Февраль','Март','Апрель','Май','Июнь',
+                'Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
+                monthNamesShort: ['Янв','Фев','Мар','Апр','Май','Июн',
+                'Июл','Авг','Сен','Окт','Ноя','Дек'],
+                dayNames: ['воскресенье','понедельник','вторник','среда','четверг','пятница','суббота'],
+                dayNamesShort: ['вск','пнд','втр','срд','чтв','птн','сбт'],
+                dayNamesMin: ['Вс','Пн','Вт','Ср','Чт','Пт','Сб'],
+                dateFormat: 'dd.mm.yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['ru']);
+});
\ No newline at end of file
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-sk.js b/static/development-bundle/ui/i18n/ui.datepicker-sk.js
new file mode 100644
index 0000000..a023ffa
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-sk.js
@@ -0,0 +1,19 @@
+/* Slovak initialisation for the jQuery UI date picker plugin. */
+/* Written by Vojtech Rinik (vojto@hmm.sk). */
+jQuery(function($){
+        $.datepicker.regional['sk'] = {
+                closeText: 'Zavrieť',
+                prevText: '&#x3c;Predchádzajúci',
+                nextText: 'Nasledujúci&#x3e;',
+                currentText: 'Dnes',
+                monthNames: ['Január','Február','Marec','Apríl','Máj','Jún',
+                'Júl','August','September','Október','November','December'],
+                monthNamesShort: ['Jan','Feb','Mar','Apr','Máj','Jún',
+                'Júl','Aug','Sep','Okt','Nov','Dec'],
+                dayNames: ['Nedel\'a','Pondelok','Utorok','Streda','Štvrtok','Piatok','Sobota'],
+                dayNamesShort: ['Ned','Pon','Uto','Str','Štv','Pia','Sob'],
+                dayNamesMin: ['Ne','Po','Ut','St','Št','Pia','So'],
+                dateFormat: 'dd.mm.yy', firstDay: 0,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['sk']);
+});
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-sl.js b/static/development-bundle/ui/i18n/ui.datepicker-sl.js
new file mode 100644
index 0000000..480a4d8
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-sl.js
@@ -0,0 +1,20 @@
+/* Slovenian initialisation for the jQuery UI date picker plugin. */
+/* Written by Jaka Jancar (jaka@kubje.org). */
+/* c = &#x10D;, s = &#x161; z = &#x17E; C = &#x10C; S = &#x160; Z = &#x17D; */
+jQuery(function($){
+        $.datepicker.regional['sl'] = {
+                closeText: 'Zapri',
+                prevText: '&lt;Prej&#x161;nji',
+                nextText: 'Naslednji&gt;',
+                currentText: 'Trenutni',
+                monthNames: ['Januar','Februar','Marec','April','Maj','Junij',
+                'Julij','Avgust','September','Oktober','November','December'],
+                monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun',
+                'Jul','Avg','Sep','Okt','Nov','Dec'],
+                dayNames: ['Nedelja','Ponedeljek','Torek','Sreda','&#x10C;etrtek','Petek','Sobota'],
+                dayNamesShort: ['Ned','Pon','Tor','Sre','&#x10C;et','Pet','Sob'],
+                dayNamesMin: ['Ne','Po','To','Sr','&#x10C;e','Pe','So'],
+                dateFormat: 'dd.mm.yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['sl']);
+});
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-sq.js b/static/development-bundle/ui/i18n/ui.datepicker-sq.js
new file mode 100644
index 0000000..ac67e68
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-sq.js
@@ -0,0 +1,19 @@
+/* Albanian initialisation for the jQuery UI date picker plugin. */
+/* Written by Flakron Bytyqi (flakron@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['sq'] = {
+                closeText: 'mbylle',
+                prevText: '&#x3c;mbrapa',
+                nextText: 'Përpara&#x3e;',
+                currentText: 'sot',
+                monthNames: ['Janar','Shkurt','Mars','Prill','Maj','Qershor',
+                'Korrik','Gusht','Shtator','Tetor','Nëntor','Dhjetor'],
+                monthNamesShort: ['Jan','Shk','Mar','Pri','Maj','Qer',
+                'Kor','Gus','Sht','Tet','Nën','Dhj'],
+                dayNames: ['E Diel','E Hënë','E Martë','E Mërkurë','E Enjte','E Premte','E Shtune'],
+                dayNamesShort: ['Di','Hë','Ma','Më','En','Pr','Sh'],
+                dayNamesMin: ['Di','Hë','Ma','Më','En','Pr','Sh'],
+                dateFormat: 'dd.mm.yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['sq']);
+});
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-sr-SR.js b/static/development-bundle/ui/i18n/ui.datepicker-sr-SR.js
new file mode 100644
index 0000000..2f78f02
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-sr-SR.js
@@ -0,0 +1,19 @@
+/* Serbian i18n for the jQuery UI date picker plugin. */
+/* Written by Dejan Dimić. */
+jQuery(function($){
+        $.datepicker.regional['sr-SR'] = {
+                closeText: 'Zatvori',
+                prevText: '&#x3c;',
+                nextText: '&#x3e;',
+                currentText: 'Danas',
+                monthNames: ['Januar','Februar','Mart','April','Maj','Jun',
+                'Jul','Avgust','Septembar','Oktobar','Novembar','Decembar'],
+                monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun',
+                'Jul','Avg','Sep','Okt','Nov','Dec'],
+                dayNames: ['Nedelja','Ponedeljak','Utorak','Sreda','Četvrtak','Petak','Subota'],
+                dayNamesShort: ['Ned','Pon','Uto','Sre','Čet','Pet','Sub'],
+                dayNamesMin: ['Ne','Po','Ut','Sr','Če','Pe','Su'],
+                dateFormat: 'dd/mm/yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['sr-SR']);
+});
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-sr.js b/static/development-bundle/ui/i18n/ui.datepicker-sr.js
new file mode 100644
index 0000000..083e2c1
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-sr.js
@@ -0,0 +1,19 @@
+/* Serbian i18n for the jQuery UI date picker plugin. */
+/* Written by Dejan Dimić. */
+jQuery(function($){
+        $.datepicker.regional['sr'] = {
+                closeText: 'Затвори',
+                prevText: '&#x3c;',
+                nextText: '&#x3e;',
+                currentText: 'Данас',
+                monthNames: ['Јануар','Фебруар','Март','Април','Мај','Јун',
+                'Јул','Август','Септембар','Октобар','Новембар','Децембар'],
+                monthNamesShort: ['Јан','Феб','Мар','Апр','Мај','Јун',
+                'Јул','Авг','Сеп','Окт','Нов','Дец'],
+                dayNames: ['Недеља','Понедељак','Уторак','Среда','Четвртак','Петак','Субота'],
+                dayNamesShort: ['Нед','Пон','Уто','Сре','Чет','Пет','Суб'],
+                dayNamesMin: ['Не','По','Ут','Ср','Че','Пе','Су'],
+                dateFormat: 'dd/mm/yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['sr']);
+});
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-sv.js b/static/development-bundle/ui/i18n/ui.datepicker-sv.js
new file mode 100644
index 0000000..47c4b24
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-sv.js
@@ -0,0 +1,19 @@
+/* Swedish initialisation for the jQuery UI date picker plugin. */
+/* Written by Anders Ekdahl ( anders@nomadiz.se). */
+jQuery(function($){
+    $.datepicker.regional['sv'] = {
+                closeText: 'Stäng',
+        prevText: '&laquo;Förra',
+                nextText: 'Nästa&raquo;',
+                currentText: 'Idag',
+        monthNames: ['Januari','Februari','Mars','April','Maj','Juni',
+        'Juli','Augusti','September','Oktober','November','December'],
+        monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun',
+        'Jul','Aug','Sep','Okt','Nov','Dec'],
+                dayNamesShort: ['Sön','Mån','Tis','Ons','Tor','Fre','Lör'],
+                dayNames: ['Söndag','Måndag','Tisdag','Onsdag','Torsdag','Fredag','Lördag'],
+                dayNamesMin: ['Sö','Må','Ti','On','To','Fr','Lö'],
+        dateFormat: 'yy-mm-dd', firstDay: 1,
+                isRTL: false};
+    $.datepicker.setDefaults($.datepicker.regional['sv']);
+});
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-th.js b/static/development-bundle/ui/i18n/ui.datepicker-th.js
new file mode 100644
index 0000000..3c2a02b
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-th.js
@@ -0,0 +1,19 @@
+/* Thai initialisation for the jQuery UI date picker plugin. */
+/* Written by pipo (pipo@sixhead.com). */
+jQuery(function($){
+        $.datepicker.regional['th'] = {
+                closeText: 'ปิด',
+                prevText: '&laquo;&nbsp;ย้อน',
+                nextText: 'ถัดไป&nbsp;&raquo;',
+                currentText: 'วันนี้',
+                monthNames: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน',
+                'กรกฏาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
+                monthNamesShort: ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.',
+                'ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'],
+                dayNames: ['อาทิตย์','จันทร์','อังคาร','พุธ','พฤหัสบดี','ศุกร์','เสาร์'],
+                dayNamesShort: ['อา.','จ.','อ.','พ.','พฤ.','ศ.','ส.'],
+                dayNamesMin: ['อา.','จ.','อ.','พ.','พฤ.','ศ.','ส.'],
+                dateFormat: 'dd/mm/yy', firstDay: 0,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['th']);
+});
\ No newline at end of file
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-tr.js b/static/development-bundle/ui/i18n/ui.datepicker-tr.js
new file mode 100644
index 0000000..5817b2a
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-tr.js
@@ -0,0 +1,19 @@
+/* Turkish initialisation for the jQuery UI date picker plugin. */
+/* Written by Izzet Emre Erkan (kara@karalamalar.net). */
+jQuery(function($){
+        $.datepicker.regional['tr'] = {
+                closeText: 'kapat',
+                prevText: '&#x3c;geri',
+                nextText: 'ileri&#x3e',
+                currentText: 'bugün',
+                monthNames: ['Ocak','Şubat','Mart','Nisan','Mayıs','Haziran',
+                'Temmuz','Ağustos','Eylül','Ekim','Kasım','Aralık'],
+                monthNamesShort: ['Oca','Şub','Mar','Nis','May','Haz',
+                'Tem','Ağu','Eyl','Eki','Kas','Ara'],
+                dayNames: ['Pazar','Pazartesi','Salı','Çarşamba','Perşembe','Cuma','Cumartesi'],
+                dayNamesShort: ['Pz','Pt','Sa','Ça','Pe','Cu','Ct'],
+                dayNamesMin: ['Pz','Pt','Sa','Ça','Pe','Cu','Ct'],
+                dateFormat: 'dd.mm.yy', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['tr']);
+});
\ No newline at end of file
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-uk.js b/static/development-bundle/ui/i18n/ui.datepicker-uk.js
new file mode 100644
index 0000000..1043d7c
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-uk.js
@@ -0,0 +1,25 @@
+/* Ukrainian (UTF-8) initialisation for the jQuery UI date picker plugin. */
+/* Written by Maxim Drogobitskiy (maxdao@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['uk'] = {
+                clearText: 'Очистити', clearStatus: '',
+                closeText: 'Закрити', closeStatus: '',
+                prevText: '&#x3c;',  prevStatus: '',
+                prevBigText: '&#x3c;&#x3c;', prevBigStatus: '',
+                nextText: '&#x3e;', nextStatus: '',
+                nextBigText: '&#x3e;&#x3e;', nextBigStatus: '',
+                currentText: 'Сьогодні', currentStatus: '',
+                monthNames: ['Січень','Лютий','Березень','Квітень','Травень','Червень',
+                'Липень','Серпень','Вересень','Жовтень','Листопад','Грудень'],
+                monthNamesShort: ['Січ','Лют','Бер','Кві','Тра','Чер',
+                'Лип','Сер','Вер','Жов','Лис','Гру'],
+                monthStatus: '', yearStatus: '',
+                weekHeader: 'Не', weekStatus: '',
+                dayNames: ['неділя','понеділок','вівторок','середа','четвер','п’ятниця','субота'],
+                dayNamesShort: ['нед','пнд','вів','срд','чтв','птн','сбт'],
+                dayNamesMin: ['Нд','Пн','Вт','Ср','Чт','Пт','Сб'],
+                dayStatus: 'DD', dateStatus: 'D, M d',
+                dateFormat: 'dd/mm/yy', firstDay: 1,
+                initStatus: '', isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['uk']);
+});
\ No newline at end of file
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-zh-CN.js b/static/development-bundle/ui/i18n/ui.datepicker-zh-CN.js
new file mode 100644
index 0000000..e3a69dc
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-zh-CN.js
@@ -0,0 +1,19 @@
+/* Chinese initialisation for the jQuery UI date picker plugin. */
+/* Written by Cloudream (cloudream@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['zh-CN'] = {
+                closeText: '关闭',
+                prevText: '&#x3c;上月',
+                nextText: '下月&#x3e;',
+                currentText: '今天',
+                monthNames: ['一月','二月','三月','四月','五月','六月',
+                '七月','八月','九月','十月','十一月','十二月'],
+                monthNamesShort: ['一','二','三','四','五','六',
+                '七','八','九','十','十一','十二'],
+                dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
+                dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
+                dayNamesMin: ['日','一','二','三','四','五','六'],
+                dateFormat: 'yy-mm-dd', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
+});
diff --git a/static/development-bundle/ui/i18n/ui.datepicker-zh-TW.js b/static/development-bundle/ui/i18n/ui.datepicker-zh-TW.js
new file mode 100644
index 0000000..9cb49b7
--- /dev/null
+++ b/static/development-bundle/ui/i18n/ui.datepicker-zh-TW.js
@@ -0,0 +1,19 @@
+/* Chinese initialisation for the jQuery UI date picker plugin. */
+/* Written by Ressol (ressol@gmail.com). */
+jQuery(function($){
+        $.datepicker.regional['zh-TW'] = {
+                closeText: '關閉',
+                prevText: '&#x3c;上月',
+                nextText: '下月&#x3e;',
+                currentText: '今天',
+                monthNames: ['一月','二月','三月','四月','五月','六月',
+                '七月','八月','九月','十月','十一月','十二月'],
+                monthNamesShort: ['一','二','三','四','五','六',
+                '七','八','九','十','十一','十二'],
+                dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
+                dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
+                dayNamesMin: ['日','一','二','三','四','五','六'],
+                dateFormat: 'yy/mm/dd', firstDay: 1,
+                isRTL: false};
+        $.datepicker.setDefaults($.datepicker.regional['zh-TW']);
+});
diff --git a/static/development-bundle/ui/jquery-ui-1.7.2.custom.js b/static/development-bundle/ui/jquery-ui-1.7.2.custom.js
new file mode 100644
index 0000000..01da18f
--- /dev/null
+++ b/static/development-bundle/ui/jquery-ui-1.7.2.custom.js
@@ -0,0 +1,9133 @@
+/*
+ * jQuery UI 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI
+ */
+;jQuery.ui || (function($) {
+
+var _remove = $.fn.remove,
+        isFF2 = $.browser.mozilla && (parseFloat($.browser.version) < 1.9);
+
+//Helper functions and ui object
+$.ui = {
+        version: "1.7.2",
+
+        // $.ui.plugin is deprecated.  Use the proxy pattern instead.
+        plugin: {
+                add: function(module, option, set) {
+                        var proto = $.ui[module].prototype;
+                        for(var i in set) {
+                                proto.plugins[i] = proto.plugins[i] || [];
+                                proto.plugins[i].push([option, set[i]]);
+                        }
+                },
+                call: function(instance, name, args) {
+                        var set = instance.plugins[name];
+                        if(!set || !instance.element[0].parentNode) { return; }
+
+                        for (var i = 0; i < set.length; i++) {
+                                if (instance.options[set[i][0]]) {
+                                        set[i][1].apply(instance.element, args);
+                                }
+                        }
+                }
+        },
+
+        contains: function(a, b) {
+                return document.compareDocumentPosition
+                        ? a.compareDocumentPosition(b) & 16
+                        : a !== b && a.contains(b);
+        },
+
+        hasScroll: function(el, a) {
+
+                //If overflow is hidden, the element might have extra content, but the user wants to hide it
+                if ($(el).css('overflow') == 'hidden') { return false; }
+
+                var scroll = (a && a == 'left') ? 'scrollLeft' : 'scrollTop',
+                        has = false;
+
+                if (el[scroll] > 0) { return true; }
+
+                // TODO: determine which cases actually cause this to happen
+                // if the element doesn't have the scroll set, see if it's possible to
+                // set the scroll
+                el[scroll] = 1;
+                has = (el[scroll] > 0);
+                el[scroll] = 0;
+                return has;
+        },
+
+        isOverAxis: function(x, reference, size) {
+                //Determines when x coordinate is over "b" element axis
+                return (x > reference) && (x < (reference + size));
+        },
+
+        isOver: function(y, x, top, left, height, width) {
+                //Determines when x, y coordinates is over "b" element
+                return $.ui.isOverAxis(y, top, height) && $.ui.isOverAxis(x, left, width);
+        },
+
+        keyCode: {
+                BACKSPACE: 8,
+                CAPS_LOCK: 20,
+                COMMA: 188,
+                CONTROL: 17,
+                DELETE: 46,
+                DOWN: 40,
+                END: 35,
+                ENTER: 13,
+                ESCAPE: 27,
+                HOME: 36,
+                INSERT: 45,
+                LEFT: 37,
+                NUMPAD_ADD: 107,
+                NUMPAD_DECIMAL: 110,
+                NUMPAD_DIVIDE: 111,
+                NUMPAD_ENTER: 108,
+                NUMPAD_MULTIPLY: 106,
+                NUMPAD_SUBTRACT: 109,
+                PAGE_DOWN: 34,
+                PAGE_UP: 33,
+                PERIOD: 190,
+                RIGHT: 39,
+                SHIFT: 16,
+                SPACE: 32,
+                TAB: 9,
+                UP: 38
+        }
+};
+
+// WAI-ARIA normalization
+if (isFF2) {
+        var attr = $.attr,
+                removeAttr = $.fn.removeAttr,
+                ariaNS = "http://www.w3.org/2005/07/aaa",
+                ariaState = /^aria-/,
+                ariaRole = /^wairole:/;
+
+        $.attr = function(elem, name, value) {
+                var set = value !== undefined;
+
+                return (name == 'role'
+                        ? (set
+                                ? attr.call(this, elem, name, "wairole:" + value)
+                                : (attr.apply(this, arguments) || "").replace(ariaRole, ""))
+                        : (ariaState.test(name)
+                                ? (set
+                                        ? elem.setAttributeNS(ariaNS,
+                                                name.replace(ariaState, "aaa:"), value)
+                                        : attr.call(this, elem, name.replace(ariaState, "aaa:")))
+                                : attr.apply(this, arguments)));
+        };
+
+        $.fn.removeAttr = function(name) {
+                return (ariaState.test(name)
+                        ? this.each(function() {
+                                this.removeAttributeNS(ariaNS, name.replace(ariaState, ""));
+                        }) : removeAttr.call(this, name));
+        };
+}
+
+//jQuery plugins
+$.fn.extend({
+        remove: function() {
+                // Safari has a native remove event which actually removes DOM elements,
+                // so we have to use triggerHandler instead of trigger (#3037).
+                $("*", this).add(this).each(function() {
+                        $(this).triggerHandler("remove");
+                });
+                return _remove.apply(this, arguments );
+        },
+
+        enableSelection: function() {
+                return this
+                        .attr('unselectable', 'off')
+                        .css('MozUserSelect', '')
+                        .unbind('selectstart.ui');
+        },
+
+        disableSelection: function() {
+                return this
+                        .attr('unselectable', 'on')
+                        .css('MozUserSelect', 'none')
+                        .bind('selectstart.ui', function() { return false; });
+        },
+
+        scrollParent: function() {
+                var scrollParent;
+                if(($.browser.msie && (/(static|relative)/).test(this.css('position'))) || (/absolute/).test(this.css('position'))) {
+                        scrollParent = this.parents().filter(function() {
+                                return (/(relative|absolute|fixed)/).test($.curCSS(this,'position',1)) && (/(auto|scroll)/).test($.curCSS(this,'overflow',1)+$.curCSS(this,'overflow-y',1)+$.curCSS(this,'overflow-x',1));
+                        }).eq(0);
+                } else {
+                        scrollParent = this.parents().filter(function() {
+                                return (/(auto|scroll)/).test($.curCSS(this,'overflow',1)+$.curCSS(this,'overflow-y',1)+$.curCSS(this,'overflow-x',1));
+                        }).eq(0);
+                }
+
+                return (/fixed/).test(this.css('position')) || !scrollParent.length ? $(document) : scrollParent;
+        }
+});
+
+
+//Additional selectors
+$.extend($.expr[':'], {
+        data: function(elem, i, match) {
+                return !!$.data(elem, match[3]);
+        },
+
+        focusable: function(element) {
+                var nodeName = element.nodeName.toLowerCase(),
+                        tabIndex = $.attr(element, 'tabindex');
+                return (/input|select|textarea|button|object/.test(nodeName)
+                        ? !element.disabled
+                        : 'a' == nodeName || 'area' == nodeName
+                                ? element.href || !isNaN(tabIndex)
+                                : !isNaN(tabIndex))
+                        // the element and all of its ancestors must be visible
+                        // the browser may report that the area is hidden
+                        && !$(element)['area' == nodeName ? 'parents' : 'closest'](':hidden').length;
+        },
+
+        tabbable: function(element) {
+                var tabIndex = $.attr(element, 'tabindex');
+                return (isNaN(tabIndex) || tabIndex >= 0) && $(element).is(':focusable');
+        }
+});
+
+
+// $.widget is a factory to create jQuery plugins
+// taking some boilerplate code out of the plugin code
+function getter(namespace, plugin, method, args) {
+        function getMethods(type) {
+                var methods = $[namespace][plugin][type] || [];
+                return (typeof methods == 'string' ? methods.split(/,?\s+/) : methods);
+        }
+
+        var methods = getMethods('getter');
+        if (args.length == 1 && typeof args[0] == 'string') {
+                methods = methods.concat(getMethods('getterSetter'));
+        }
+        return ($.inArray(method, methods) != -1);
+}
+
+$.widget = function(name, prototype) {
+        var namespace = name.split(".")[0];
+        name = name.split(".")[1];
+
+        // create plugin method
+        $.fn[name] = function(options) {
+                var isMethodCall = (typeof options == 'string'),
+                        args = Array.prototype.slice.call(arguments, 1);
+
+                // prevent calls to internal methods
+                if (isMethodCall && options.substring(0, 1) == '_') {
+                        return this;
+                }
+
+                // handle getter methods
+                if (isMethodCall && getter(namespace, name, options, args)) {
+                        var instance = $.data(this[0], name);
+                        return (instance ? instance[options].apply(instance, args)
+                                : undefined);
+                }
+
+                // handle initialization and non-getter methods
+                return this.each(function() {
+                        var instance = $.data(this, name);
+
+                        // constructor
+                        (!instance && !isMethodCall &&
+                                $.data(this, name, new $[namespace][name](this, options))._init());
+
+                        // method call
+                        (instance && isMethodCall && $.isFunction(instance[options]) &&
+                                instance[options].apply(instance, args));
+                });
+        };
+
+        // create widget constructor
+        $[namespace] = $[namespace] || {};
+        $[namespace][name] = function(element, options) {
+                var self = this;
+
+                this.namespace = namespace;
+                this.widgetName = name;
+                this.widgetEventPrefix = $[namespace][name].eventPrefix || name;
+                this.widgetBaseClass = namespace + '-' + name;
+
+                this.options = $.extend({},
+                        $.widget.defaults,
+                        $[namespace][name].defaults,
+                        $.metadata && $.metadata.get(element)[name],
+                        options);
+
+                this.element = $(element)
+                        .bind('setData.' + name, function(event, key, value) {
+                                if (event.target == element) {
+                                        return self._setData(key, value);
+                                }
+                        })
+                        .bind('getData.' + name, function(event, key) {
+                                if (event.target == element) {
+                                        return self._getData(key);
+                                }
+                        })
+                        .bind('remove', function() {
+                                return self.destroy();
+                        });
+        };
+
+        // add widget prototype
+        $[namespace][name].prototype = $.extend({}, $.widget.prototype, prototype);
+
+        // TODO: merge getter and getterSetter properties from widget prototype
+        // and plugin prototype
+        $[namespace][name].getterSetter = 'option';
+};
+
+$.widget.prototype = {
+        _init: function() {},
+        destroy: function() {
+                this.element.removeData(this.widgetName)
+                        .removeClass(this.widgetBaseClass + '-disabled' + ' ' + this.namespace + '-state-disabled')
+                        .removeAttr('aria-disabled');
+        },
+
+        option: function(key, value) {
+                var options = key,
+                        self = this;
+
+                if (typeof key == "string") {
+                        if (value === undefined) {
+                                return this._getData(key);
+                        }
+                        options = {};
+                        options[key] = value;
+                }
+
+                $.each(options, function(key, value) {
+                        self._setData(key, value);
+                });
+        },
+        _getData: function(key) {
+                return this.options[key];
+        },
+        _setData: function(key, value) {
+                this.options[key] = value;
+
+                if (key == 'disabled') {
+                        this.element
+                                [value ? 'addClass' : 'removeClass'](
+                                        this.widgetBaseClass + '-disabled' + ' ' +
+                                        this.namespace + '-state-disabled')
+                                .attr("aria-disabled", value);
+                }
+        },
+
+        enable: function() {
+                this._setData('disabled', false);
+        },
+        disable: function() {
+                this._setData('disabled', true);
+        },
+
+        _trigger: function(type, event, data) {
+                var callback = this.options[type],
+                        eventName = (type == this.widgetEventPrefix
+                                ? type : this.widgetEventPrefix + type);
+
+                event = $.Event(event);
+                event.type = eventName;
+
+                // copy original event properties over to the new event
+                // this would happen if we could call $.event.fix instead of $.Event
+                // but we don't have a way to force an event to be fixed multiple times
+                if (event.originalEvent) {
+                        for (var i = $.event.props.length, prop; i;) {
+                                prop = $.event.props[--i];
+                                event[prop] = event.originalEvent[prop];
+                        }
+                }
+
+                this.element.trigger(event, data);
+
+                return !($.isFunction(callback) && callback.call(this.element[0], event, data) === false
+                        || event.isDefaultPrevented());
+        }
+};
+
+$.widget.defaults = {
+        disabled: false
+};
+
+
+/** Mouse Interaction Plugin **/
+
+$.ui.mouse = {
+        _mouseInit: function() {
+                var self = this;
+
+                this.element
+                        .bind('mousedown.'+this.widgetName, function(event) {
+                                return self._mouseDown(event);
+                        })
+                        .bind('click.'+this.widgetName, function(event) {
+                                if(self._preventClickEvent) {
+                                        self._preventClickEvent = false;
+                                        event.stopImmediatePropagation();
+                                        return false;
+                                }
+                        });
+
+                // Prevent text selection in IE
+                if ($.browser.msie) {
+                        this._mouseUnselectable = this.element.attr('unselectable');
+                        this.element.attr('unselectable', 'on');
+                }
+
+                this.started = false;
+        },
+
+        // TODO: make sure destroying one instance of mouse doesn't mess with
+        // other instances of mouse
+        _mouseDestroy: function() {
+                this.element.unbind('.'+this.widgetName);
+
+                // Restore text selection in IE
+                ($.browser.msie
+                        && this.element.attr('unselectable', this._mouseUnselectable));
+        },
+
+        _mouseDown: function(event) {
+                // don't let more than one widget handle mouseStart
+                // TODO: figure out why we have to use originalEvent
+                event.originalEvent = event.originalEvent || {};
+                if (event.originalEvent.mouseHandled) { return; }
+
+                // we may have missed mouseup (out of window)
+                (this._mouseStarted && this._mouseUp(event));
+
+                this._mouseDownEvent = event;
+
+                var self = this,
+                        btnIsLeft = (event.which == 1),
+                        elIsCancel = (typeof this.options.cancel == "string" ? $(event.target).parents().add(event.target).filter(this.options.cancel).length : false);
+                if (!btnIsLeft || elIsCancel || !this._mouseCapture(event)) {
+                        return true;
+                }
+
+                this.mouseDelayMet = !this.options.delay;
+                if (!this.mouseDelayMet) {
+                        this._mouseDelayTimer = setTimeout(function() {
+                                self.mouseDelayMet = true;
+                        }, this.options.delay);
+                }
+
+                if (this._mouseDistanceMet(event) && this._mouseDelayMet(event)) {
+                        this._mouseStarted = (this._mouseStart(event) !== false);
+                        if (!this._mouseStarted) {
+                                event.preventDefault();
+                                return true;
+                        }
+                }
+
+                // these delegates are required to keep context
+                this._mouseMoveDelegate = function(event) {
+                        return self._mouseMove(event);
+                };
+                this._mouseUpDelegate = function(event) {
+                        return self._mouseUp(event);
+                };
+                $(document)
+                        .bind('mousemove.'+this.widgetName, this._mouseMoveDelegate)
+                        .bind('mouseup.'+this.widgetName, this._mouseUpDelegate);
+
+                // preventDefault() is used to prevent the selection of text here -
+                // however, in Safari, this causes select boxes not to be selectable
+                // anymore, so this fix is needed
+                ($.browser.safari || event.preventDefault());
+
+                event.originalEvent.mouseHandled = true;
+                return true;
+        },
+
+        _mouseMove: function(event) {
+                // IE mouseup check - mouseup happened when mouse was out of window
+                if ($.browser.msie && !event.button) {
+                        return this._mouseUp(event);
+                }
+
+                if (this._mouseStarted) {
+                        this._mouseDrag(event);
+                        return event.preventDefault();
+                }
+
+                if (this._mouseDistanceMet(event) && this._mouseDelayMet(event)) {
+                        this._mouseStarted =
+                                (this._mouseStart(this._mouseDownEvent, event) !== false);
+                        (this._mouseStarted ? this._mouseDrag(event) : this._mouseUp(event));
+                }
+
+                return !this._mouseStarted;
+        },
+
+        _mouseUp: function(event) {
+                $(document)
+                        .unbind('mousemove.'+this.widgetName, this._mouseMoveDelegate)
+                        .unbind('mouseup.'+this.widgetName, this._mouseUpDelegate);
+
+                if (this._mouseStarted) {
+                        this._mouseStarted = false;
+                        this._preventClickEvent = (event.target == this._mouseDownEvent.target);
+                        this._mouseStop(event);
+                }
+
+                return false;
+        },
+
+        _mouseDistanceMet: function(event) {
+                return (Math.max(
+                                Math.abs(this._mouseDownEvent.pageX - event.pageX),
+                                Math.abs(this._mouseDownEvent.pageY - event.pageY)
+                        ) >= this.options.distance
+                );
+        },
+
+        _mouseDelayMet: function(event) {
+                return this.mouseDelayMet;
+        },
+
+        // These are placeholder methods, to be overriden by extending plugin
+        _mouseStart: function(event) {},
+        _mouseDrag: function(event) {},
+        _mouseStop: function(event) {},
+        _mouseCapture: function(event) { return true; }
+};
+
+$.ui.mouse.defaults = {
+        cancel: null,
+        distance: 1,
+        delay: 0
+};
+
+})(jQuery);
+/*
+ * jQuery UI Draggable 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Draggables
+ *
+ * Depends:
+ *      ui.core.js
+ */
+(function($) {
+
+$.widget("ui.draggable", $.extend({}, $.ui.mouse, {
+
+        _init: function() {
+
+                if (this.options.helper == 'original' && !(/^(?:r|a|f)/).test(this.element.css("position")))
+                        this.element[0].style.position = 'relative';
+
+                (this.options.addClasses && this.element.addClass("ui-draggable"));
+                (this.options.disabled && this.element.addClass("ui-draggable-disabled"));
+
+                this._mouseInit();
+
+        },
+
+        destroy: function() {
+                if(!this.element.data('draggable')) return;
+                this.element
+                        .removeData("draggable")
+                        .unbind(".draggable")
+                        .removeClass("ui-draggable"
+                                + " ui-draggable-dragging"
+                                + " ui-draggable-disabled");
+                this._mouseDestroy();
+        },
+
+        _mouseCapture: function(event) {
+
+                var o = this.options;
+
+                if (this.helper || o.disabled || $(event.target).is('.ui-resizable-handle'))
+                        return false;
+
+                //Quit if we're not on a valid handle
+                this.handle = this._getHandle(event);
+                if (!this.handle)
+                        return false;
+
+                return true;
+
+        },
+
+        _mouseStart: function(event) {
+
+                var o = this.options;
+
+                //Create and append the visible helper
+                this.helper = this._createHelper(event);
+
+                //Cache the helper size
+                this._cacheHelperProportions();
+
+                //If ddmanager is used for droppables, set the global draggable
+                if($.ui.ddmanager)
+                        $.ui.ddmanager.current = this;
+
+                /*
+                 * - Position generation -
+                 * This block generates everything position related - it's the core of draggables.
+                 */
+
+                //Cache the margins of the original element
+                this._cacheMargins();
+
+                //Store the helper's css position
+                this.cssPosition = this.helper.css("position");
+                this.scrollParent = this.helper.scrollParent();
+
+                //The element's absolute position on the page minus margins
+                this.offset = this.element.offset();
+                this.offset = {
+                        top: this.offset.top - this.margins.top,
+                        left: this.offset.left - this.margins.left
+                };
+
+                $.extend(this.offset, {
+                        click: { //Where the click happened, relative to the element
+                                left: event.pageX - this.offset.left,
+                                top: event.pageY - this.offset.top
+                        },
+                        parent: this._getParentOffset(),
+                        relative: this._getRelativeOffset() //This is a relative to absolute position minus the actual position calculation - only used for relative positioned helper
+                });
+
+                //Generate the original position
+                this.originalPosition = this._generatePosition(event);
+                this.originalPageX = event.pageX;
+                this.originalPageY = event.pageY;
+
+                //Adjust the mouse offset relative to the helper if 'cursorAt' is supplied
+                if(o.cursorAt)
+                        this._adjustOffsetFromHelper(o.cursorAt);
+
+                //Set a containment if given in the options
+                if(o.containment)
+                        this._setContainment();
+
+                //Call plugins and callbacks
+                this._trigger("start", event);
+
+                //Recache the helper size
+                this._cacheHelperProportions();
+
+                //Prepare the droppable offsets
+                if ($.ui.ddmanager && !o.dropBehaviour)
+                        $.ui.ddmanager.prepareOffsets(this, event);
+
+                this.helper.addClass("ui-draggable-dragging");
+                this._mouseDrag(event, true); //Execute the drag once - this causes the helper not to be visible before getting its correct position
+                return true;
+        },
+
+        _mouseDrag: function(event, noPropagation) {
+
+                //Compute the helpers position
+                this.position = this._generatePosition(event);
+                this.positionAbs = this._convertPositionTo("absolute");
+
+                //Call plugins and callbacks and use the resulting position if something is returned
+                if (!noPropagation) {
+                        var ui = this._uiHash();
+                        this._trigger('drag', event, ui);
+                        this.position = ui.position;
+                }
+
+                if(!this.options.axis || this.options.axis != "y") this.helper[0].style.left = this.position.left+'px';
+                if(!this.options.axis || this.options.axis != "x") this.helper[0].style.top = this.position.top+'px';
+                if($.ui.ddmanager) $.ui.ddmanager.drag(this, event);
+
+                return false;
+        },
+
+        _mouseStop: function(event) {
+
+                //If we are using droppables, inform the manager about the drop
+                var dropped = false;
+                if ($.ui.ddmanager && !this.options.dropBehaviour)
+                        dropped = $.ui.ddmanager.drop(this, event);
+
+                //if a drop comes from outside (a sortable)
+                if(this.dropped) {
+                        dropped = this.dropped;
+                        this.dropped = false;
+                }
+
+                if((this.options.revert == "invalid" && !dropped) || (this.options.revert == "valid" && dropped) || this.options.revert === true || ($.isFunction(this.options.revert) && this.options.revert.call(this.element, dropped))) {
+                        var self = this;
+                        $(this.helper).animate(this.originalPosition, parseInt(this.options.revertDuration, 10), function() {
+                                self._trigger("stop", event);
+                                self._clear();
+                        });
+                } else {
+                        this._trigger("stop", event);
+                        this._clear();
+                }
+
+                return false;
+        },
+
+        _getHandle: function(event) {
+
+                var handle = !this.options.handle || !$(this.options.handle, this.element).length ? true : false;
+                $(this.options.handle, this.element)
+                        .find("*")
+                        .andSelf()
+                        .each(function() {
+                                if(this == event.target) handle = true;
+                        });
+
+                return handle;
+
+        },
+
+        _createHelper: function(event) {
+
+                var o = this.options;
+                var helper = $.isFunction(o.helper) ? $(o.helper.apply(this.element[0], [event])) : (o.helper == 'clone' ? this.element.clone() : this.element);
+
+                if(!helper.parents('body').length)
+                        helper.appendTo((o.appendTo == 'parent' ? this.element[0].parentNode : o.appendTo));
+
+                if(helper[0] != this.element[0] && !(/(fixed|absolute)/).test(helper.css("position")))
+                        helper.css("position", "absolute");
+
+                return helper;
+
+        },
+
+        _adjustOffsetFromHelper: function(obj) {
+                if(obj.left != undefined) this.offset.click.left = obj.left + this.margins.left;
+                if(obj.right != undefined) this.offset.click.left = this.helperProportions.width - obj.right + this.margins.left;
+                if(obj.top != undefined) this.offset.click.top = obj.top + this.margins.top;
+                if(obj.bottom != undefined) this.offset.click.top = this.helperProportions.height - obj.bottom + this.margins.top;
+        },
+
+        _getParentOffset: function() {
+
+                //Get the offsetParent and cache its position
+                this.offsetParent = this.helper.offsetParent();
+                var po = this.offsetParent.offset();
+
+                // This is a special case where we need to modify a offset calculated on start, since the following happened:
+                // 1. The position of the helper is absolute, so it's position is calculated based on the next positioned parent
+                // 2. The actual offset parent is a child of the scroll parent, and the scroll parent isn't the document, which means that
+                //    the scroll is included in the initial calculation of the offset of the parent, and never recalculated upon drag
+                if(this.cssPosition == 'absolute' && this.scrollParent[0] != document && $.ui.contains(this.scrollParent[0], this.offsetParent[0])) {
+                        po.left += this.scrollParent.scrollLeft();
+                        po.top += this.scrollParent.scrollTop();
+                }
+
+                if((this.offsetParent[0] == document.body) //This needs to be actually done for all browsers, since pageX/pageY includes this information
+                || (this.offsetParent[0].tagName && this.offsetParent[0].tagName.toLowerCase() == 'html' && $.browser.msie)) //Ugly IE fix
+                        po = { top: 0, left: 0 };
+
+                return {
+                        top: po.top + (parseInt(this.offsetParent.css("borderTopWidth"),10) || 0),
+                        left: po.left + (parseInt(this.offsetParent.css("borderLeftWidth"),10) || 0)
+                };
+
+        },
+
+        _getRelativeOffset: function() {
+
+                if(this.cssPosition == "relative") {
+                        var p = this.element.position();
+                        return {
+                                top: p.top - (parseInt(this.helper.css("top"),10) || 0) + this.scrollParent.scrollTop(),
+                                left: p.left - (parseInt(this.helper.css("left"),10) || 0) + this.scrollParent.scrollLeft()
+                        };
+                } else {
+                        return { top: 0, left: 0 };
+                }
+
+        },
+
+        _cacheMargins: function() {
+                this.margins = {
+                        left: (parseInt(this.element.css("marginLeft"),10) || 0),
+                        top: (parseInt(this.element.css("marginTop"),10) || 0)
+                };
+        },
+
+        _cacheHelperProportions: function() {
+                this.helperProportions = {
+                        width: this.helper.outerWidth(),
+                        height: this.helper.outerHeight()
+                };
+        },
+
+        _setContainment: function() {
+
+                var o = this.options;
+                if(o.containment == 'parent') o.containment = this.helper[0].parentNode;
+                if(o.containment == 'document' || o.containment == 'window') this.containment = [
+                        0 - this.offset.relative.left - this.offset.parent.left,
+                        0 - this.offset.relative.top - this.offset.parent.top,
+                        $(o.containment == 'document' ? document : window).width() - this.helperProportions.width - this.margins.left,
+                        ($(o.containment == 'document' ? document : window).height() || document.body.parentNode.scrollHeight) - this.helperProportions.height - this.margins.top
+                ];
+
+                if(!(/^(document|window|parent)$/).test(o.containment) && o.containment.constructor != Array) {
+                        var ce = $(o.containment)[0]; if(!ce) return;
+                        var co = $(o.containment).offset();
+                        var over = ($(ce).css("overflow") != 'hidden');
+
+                        this.containment = [
+                                co.left + (parseInt($(ce).css("borderLeftWidth"),10) || 0) + (parseInt($(ce).css("paddingLeft"),10) || 0) - this.margins.left,
+                                co.top + (parseInt($(ce).css("borderTopWidth"),10) || 0) + (parseInt($(ce).css("paddingTop"),10) || 0) - this.margins.top,
+                                co.left+(over ? Math.max(ce.scrollWidth,ce.offsetWidth) : ce.offsetWidth) - (parseInt($(ce).css("borderLeftWidth"),10) || 0) - (parseInt($(ce).css("paddingRight"),10) || 0) - this.helperProportions.width - this.margins.left,
+                                co.top+(over ? Math.max(ce.scrollHeight,ce.offsetHeight) : ce.offsetHeight) - (parseInt($(ce).css("borderTopWidth"),10) || 0) - (parseInt($(ce).css("paddingBottom"),10) || 0) - this.helperProportions.height - this.margins.top
+                        ];
+                } else if(o.containment.constructor == Array) {
+                        this.containment = o.containment;
+                }
+
+        },
+
+        _convertPositionTo: function(d, pos) {
+
+                if(!pos) pos = this.position;
+                var mod = d == "absolute" ? 1 : -1;
+                var o = this.options, scroll = this.cssPosition == 'absolute' && !(this.scrollParent[0] != document && $.ui.contains(this.scrollParent[0], this.offsetParent[0])) ? this.offsetParent : this.scrollParent, scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
+
+                return {
+                        top: (
+                                pos.top                                                                                                                                 // The absolute mouse position
+                                + this.offset.relative.top * mod                                                                                // Only for relative positioned nodes: Relative offset from element to offset parent
+                                + this.offset.parent.top * mod                                                                                  // The offsetParent's offset without borders (offset + border)
+                                - ($.browser.safari && this.cssPosition == 'fixed' ? 0 : ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollTop() : ( scrollIsRootNode ? 0 : scroll.scrollTop() ) ) * mod)
+                        ),
+                        left: (
+                                pos.left                                                                                                                                // The absolute mouse position
+                                + this.offset.relative.left * mod                                                                               // Only for relative positioned nodes: Relative offset from element to offset parent
+                                + this.offset.parent.left * mod                                                                                 // The offsetParent's offset without borders (offset + border)
+                                - ($.browser.safari && this.cssPosition == 'fixed' ? 0 : ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollLeft() : scrollIsRootNode ? 0 : scroll.scrollLeft() ) * mod)
+                        )
+                };
+
+        },
+
+        _generatePosition: function(event) {
+
+                var o = this.options, scroll = this.cssPosition == 'absolute' && !(this.scrollParent[0] != document && $.ui.contains(this.scrollParent[0], this.offsetParent[0])) ? this.offsetParent : this.scrollParent, scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
+
+                // This is another very weird special case that only happens for relative elements:
+                // 1. If the css position is relative
+                // 2. and the scroll parent is the document or similar to the offset parent
+                // we have to refresh the relative offset during the scroll so there are no jumps
+                if(this.cssPosition == 'relative' && !(this.scrollParent[0] != document && this.scrollParent[0] != this.offsetParent[0])) {
+                        this.offset.relative = this._getRelativeOffset();
+                }
+
+                var pageX = event.pageX;
+                var pageY = event.pageY;
+
+                /*
+                 * - Position constraining -
+                 * Constrain the position to a mix of grid, containment.
+                 */
+
+                if(this.originalPosition) { //If we are not dragging yet, we won't check for options
+
+                        if(this.containment) {
+                                if(event.pageX - this.offset.click.left < this.containment[0]) pageX = this.containment[0] + this.offset.click.left;
+                                if(event.pageY - this.offset.click.top < this.containment[1]) pageY = this.containment[1] + this.offset.click.top;
+                                if(event.pageX - this.offset.click.left > this.containment[2]) pageX = this.containment[2] + this.offset.click.left;
+                                if(event.pageY - this.offset.click.top > this.containment[3]) pageY = this.containment[3] + this.offset.click.top;
+                        }
+
+                        if(o.grid) {
+                                var top = this.originalPageY + Math.round((pageY - this.originalPageY) / o.grid[1]) * o.grid[1];
+                                pageY = this.containment ? (!(top - this.offset.click.top < this.containment[1] || top - this.offset.click.top > this.containment[3]) ? top : (!(top - this.offset.click.top < this.containment[1]) ? top - o.grid[1] : top + o.grid[1])) : top;
+
+                                var left = this.originalPageX + Math.round((pageX - this.originalPageX) / o.grid[0]) * o.grid[0];
+                                pageX = this.containment ? (!(left - this.offset.click.left < this.containment[0] || left - this.offset.click.left > this.containment[2]) ? left : (!(left - this.offset.click.left < this.containment[0]) ? left - o.grid[0] : left + o.grid[0])) : left;
+                        }
+
+                }
+
+                return {
+                        top: (
+                                pageY                                                                                                                           // The absolute mouse position
+                                - this.offset.click.top                                                                                                 // Click offset (relative to the element)
+                                - this.offset.relative.top                                                                                              // Only for relative positioned nodes: Relative offset from element to offset parent
+                                - this.offset.parent.top                                                                                                // The offsetParent's offset without borders (offset + border)
+                                + ($.browser.safari && this.cssPosition == 'fixed' ? 0 : ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollTop() : ( scrollIsRootNode ? 0 : scroll.scrollTop() ) ))
+                        ),
+                        left: (
+                                pageX                                                                                                                           // The absolute mouse position
+                                - this.offset.click.left                                                                                                // Click offset (relative to the element)
+                                - this.offset.relative.left                                                                                             // Only for relative positioned nodes: Relative offset from element to offset parent
+                                - this.offset.parent.left                                                                                               // The offsetParent's offset without borders (offset + border)
+                                + ($.browser.safari && this.cssPosition == 'fixed' ? 0 : ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollLeft() : scrollIsRootNode ? 0 : scroll.scrollLeft() ))
+                        )
+                };
+
+        },
+
+        _clear: function() {
+                this.helper.removeClass("ui-draggable-dragging");
+                if(this.helper[0] != this.element[0] && !this.cancelHelperRemoval) this.helper.remove();
+                //if($.ui.ddmanager) $.ui.ddmanager.current = null;
+                this.helper = null;
+                this.cancelHelperRemoval = false;
+        },
+
+        // From now on bulk stuff - mainly helpers
+
+        _trigger: function(type, event, ui) {
+                ui = ui || this._uiHash();
+                $.ui.plugin.call(this, type, [event, ui]);
+                if(type == "drag") this.positionAbs = this._convertPositionTo("absolute"); //The absolute position has to be recalculated after plugins
+                return $.widget.prototype._trigger.call(this, type, event, ui);
+        },
+
+        plugins: {},
+
+        _uiHash: function(event) {
+                return {
+                        helper: this.helper,
+                        position: this.position,
+                        absolutePosition: this.positionAbs, //deprecated
+                        offset: this.positionAbs
+                };
+        }
+
+}));
+
+$.extend($.ui.draggable, {
+        version: "1.7.2",
+        eventPrefix: "drag",
+        defaults: {
+                addClasses: true,
+                appendTo: "parent",
+                axis: false,
+                cancel: ":input,option",
+                connectToSortable: false,
+                containment: false,
+                cursor: "auto",
+                cursorAt: false,
+                delay: 0,
+                distance: 1,
+                grid: false,
+                handle: false,
+                helper: "original",
+                iframeFix: false,
+                opacity: false,
+                refreshPositions: false,
+                revert: false,
+                revertDuration: 500,
+                scope: "default",
+                scroll: true,
+                scrollSensitivity: 20,
+                scrollSpeed: 20,
+                snap: false,
+                snapMode: "both",
+                snapTolerance: 20,
+                stack: false,
+                zIndex: false
+        }
+});
+
+$.ui.plugin.add("draggable", "connectToSortable", {
+        start: function(event, ui) {
+
+                var inst = $(this).data("draggable"), o = inst.options,
+                        uiSortable = $.extend({}, ui, { item: inst.element });
+                inst.sortables = [];
+                $(o.connectToSortable).each(function() {
+                        var sortable = $.data(this, 'sortable');
+                        if (sortable && !sortable.options.disabled) {
+                                inst.sortables.push({
+                                        instance: sortable,
+                                        shouldRevert: sortable.options.revert
+                                });
+                                sortable._refreshItems();       //Do a one-time refresh at start to refresh the containerCache
+                                sortable._trigger("activate", event, uiSortable);
+                        }
+                });
+
+        },
+        stop: function(event, ui) {
+
+                //If we are still over the sortable, we fake the stop event of the sortable, but also remove helper
+                var inst = $(this).data("draggable"),
+                        uiSortable = $.extend({}, ui, { item: inst.element });
+
+                $.each(inst.sortables, function() {
+                        if(this.instance.isOver) {
+
+                                this.instance.isOver = 0;
+
+                                inst.cancelHelperRemoval = true; //Don't remove the helper in the draggable instance
+                                this.instance.cancelHelperRemoval = false; //Remove it in the sortable instance (so sortable plugins like revert still work)
+
+                                //The sortable revert is supported, and we have to set a temporary dropped variable on the draggable to support revert: 'valid/invalid'
+                                if(this.shouldRevert) this.instance.options.revert = true;
+
+                                //Trigger the stop of the sortable
+                                this.instance._mouseStop(event);
+
+                                this.instance.options.helper = this.instance.options._helper;
+
+                                //If the helper has been the original item, restore properties in the sortable
+                                if(inst.options.helper == 'original')
+                                        this.instance.currentItem.css({ top: 'auto', left: 'auto' });
+
+                        } else {
+                                this.instance.cancelHelperRemoval = false; //Remove the helper in the sortable instance
+                                this.instance._trigger("deactivate", event, uiSortable);
+                        }
+
+                });
+
+        },
+        drag: function(event, ui) {
+
+                var inst = $(this).data("draggable"), self = this;
+
+                var checkPos = function(o) {
+                        var dyClick = this.offset.click.top, dxClick = this.offset.click.left;
+                        var helperTop = this.positionAbs.top, helperLeft = this.positionAbs.left;
+                        var itemHeight = o.height, itemWidth = o.width;
+                        var itemTop = o.top, itemLeft = o.left;
+
+                        return $.ui.isOver(helperTop + dyClick, helperLeft + dxClick, itemTop, itemLeft, itemHeight, itemWidth);
+                };
+
+                $.each(inst.sortables, function(i) {
+                        
+                        //Copy over some variables to allow calling the sortable's native _intersectsWith
+                        this.instance.positionAbs = inst.positionAbs;
+                        this.instance.helperProportions = inst.helperProportions;
+                        this.instance.offset.click = inst.offset.click;
+                        
+                        if(this.instance._intersectsWith(this.instance.containerCache)) {
+
+                                //If it intersects, we use a little isOver variable and set it once, so our move-in stuff gets fired only once
+                                if(!this.instance.isOver) {
+
+                                        this.instance.isOver = 1;
+                                        //Now we fake the start of dragging for the sortable instance,
+                                        //by cloning the list group item, appending it to the sortable and using it as inst.currentItem
+                                        //We can then fire the start event of the sortable with our passed browser event, and our own helper (so it doesn't create a new one)
+                                        this.instance.currentItem = $(self).clone().appendTo(this.instance.element).data("sortable-item", true);
+                                        this.instance.options._helper = this.instance.options.helper; //Store helper option to later restore it
+                                        this.instance.options.helper = function() { return ui.helper[0]; };
+
+                                        event.target = this.instance.currentItem[0];
+                                        this.instance._mouseCapture(event, true);
+                                        this.instance._mouseStart(event, true, true);
+
+                                        //Because the browser event is way off the new appended portlet, we modify a couple of variables to reflect the changes
+                                        this.instance.offset.click.top = inst.offset.click.top;
+                                        this.instance.offset.click.left = inst.offset.click.left;
+                                        this.instance.offset.parent.left -= inst.offset.parent.left - this.instance.offset.parent.left;
+                                        this.instance.offset.parent.top -= inst.offset.parent.top - this.instance.offset.parent.top;
+
+                                        inst._trigger("toSortable", event);
+                                        inst.dropped = this.instance.element; //draggable revert needs that
+                                        //hack so receive/update callbacks work (mostly)
+                                        inst.currentItem = inst.element;
+                                        this.instance.fromOutside = inst;
+
+                                }
+
+                                //Provided we did all the previous steps, we can fire the drag event of the sortable on every draggable drag, when it intersects with the sortable
+                                if(this.instance.currentItem) this.instance._mouseDrag(event);
+
+                        } else {
+
+                                //If it doesn't intersect with the sortable, and it intersected before,
+                                //we fake the drag stop of the sortable, but make sure it doesn't remove the helper by using cancelHelperRemoval
+                                if(this.instance.isOver) {
+
+                                        this.instance.isOver = 0;
+                                        this.instance.cancelHelperRemoval = true;
+                                        
+                                        //Prevent reverting on this forced stop
+                                        this.instance.options.revert = false;
+                                        
+                                        // The out event needs to be triggered independently
+                                        this.instance._trigger('out', event, this.instance._uiHash(this.instance));
+                                        
+                                        this.instance._mouseStop(event, true);
+                                        this.instance.options.helper = this.instance.options._helper;
+
+                                        //Now we remove our currentItem, the list group clone again, and the placeholder, and animate the helper back to it's original size
+                                        this.instance.currentItem.remove();
+                                        if(this.instance.placeholder) this.instance.placeholder.remove();
+
+                                        inst._trigger("fromSortable", event);
+                                        inst.dropped = false; //draggable revert needs that
+                                }
+
+                        };
+
+                });
+
+        }
+});
+
+$.ui.plugin.add("draggable", "cursor", {
+        start: function(event, ui) {
+                var t = $('body'), o = $(this).data('draggable').options;
+                if (t.css("cursor")) o._cursor = t.css("cursor");
+                t.css("cursor", o.cursor);
+        },
+        stop: function(event, ui) {
+                var o = $(this).data('draggable').options;
+                if (o._cursor) $('body').css("cursor", o._cursor);
+        }
+});
+
+$.ui.plugin.add("draggable", "iframeFix", {
+        start: function(event, ui) {
+                var o = $(this).data('draggable').options;
+                $(o.iframeFix === true ? "iframe" : o.iframeFix).each(function() {
+                        $('<div class="ui-draggable-iframeFix" style="background: #fff;"></div>')
+                        .css({
+                                width: this.offsetWidth+"px", height: this.offsetHeight+"px",
+                                position: "absolute", opacity: "0.001", zIndex: 1000
+                        })
+                        .css($(this).offset())
+                        .appendTo("body");
+                });
+        },
+        stop: function(event, ui) {
+                $("div.ui-draggable-iframeFix").each(function() { this.parentNode.removeChild(this); }); //Remove frame helpers
+        }
+});
+
+$.ui.plugin.add("draggable", "opacity", {
+        start: function(event, ui) {
+                var t = $(ui.helper), o = $(this).data('draggable').options;
+                if(t.css("opacity")) o._opacity = t.css("opacity");
+                t.css('opacity', o.opacity);
+        },
+        stop: function(event, ui) {
+                var o = $(this).data('draggable').options;
+                if(o._opacity) $(ui.helper).css('opacity', o._opacity);
+        }
+});
+
+$.ui.plugin.add("draggable", "scroll", {
+        start: function(event, ui) {
+                var i = $(this).data("draggable");
+                if(i.scrollParent[0] != document && i.scrollParent[0].tagName != 'HTML') i.overflowOffset = i.scrollParent.offset();
+        },
+        drag: function(event, ui) {
+
+                var i = $(this).data("draggable"), o = i.options, scrolled = false;
+
+                if(i.scrollParent[0] != document && i.scrollParent[0].tagName != 'HTML') {
+
+                        if(!o.axis || o.axis != 'x') {
+                                if((i.overflowOffset.top + i.scrollParent[0].offsetHeight) - event.pageY < o.scrollSensitivity)
+                                        i.scrollParent[0].scrollTop = scrolled = i.scrollParent[0].scrollTop + o.scrollSpeed;
+                                else if(event.pageY - i.overflowOffset.top < o.scrollSensitivity)
+                                        i.scrollParent[0].scrollTop = scrolled = i.scrollParent[0].scrollTop - o.scrollSpeed;
+                        }
+
+                        if(!o.axis || o.axis != 'y') {
+                                if((i.overflowOffset.left + i.scrollParent[0].offsetWidth) - event.pageX < o.scrollSensitivity)
+                                        i.scrollParent[0].scrollLeft = scrolled = i.scrollParent[0].scrollLeft + o.scrollSpeed;
+                                else if(event.pageX - i.overflowOffset.left < o.scrollSensitivity)
+                                        i.scrollParent[0].scrollLeft = scrolled = i.scrollParent[0].scrollLeft - o.scrollSpeed;
+                        }
+
+                } else {
+
+                        if(!o.axis || o.axis != 'x') {
+                                if(event.pageY - $(document).scrollTop() < o.scrollSensitivity)
+                                        scrolled = $(document).scrollTop($(document).scrollTop() - o.scrollSpeed);
+                                else if($(window).height() - (event.pageY - $(document).scrollTop()) < o.scrollSensitivity)
+                                        scrolled = $(document).scrollTop($(document).scrollTop() + o.scrollSpeed);
+                        }
+
+                        if(!o.axis || o.axis != 'y') {
+                                if(event.pageX - $(document).scrollLeft() < o.scrollSensitivity)
+                                        scrolled = $(document).scrollLeft($(document).scrollLeft() - o.scrollSpeed);
+                                else if($(window).width() - (event.pageX - $(document).scrollLeft()) < o.scrollSensitivity)
+                                        scrolled = $(document).scrollLeft($(document).scrollLeft() + o.scrollSpeed);
+                        }
+
+                }
+
+                if(scrolled !== false && $.ui.ddmanager && !o.dropBehaviour)
+                        $.ui.ddmanager.prepareOffsets(i, event);
+
+        }
+});
+
+$.ui.plugin.add("draggable", "snap", {
+        start: function(event, ui) {
+
+                var i = $(this).data("draggable"), o = i.options;
+                i.snapElements = [];
+
+                $(o.snap.constructor != String ? ( o.snap.items || ':data(draggable)' ) : o.snap).each(function() {
+                        var $t = $(this); var $o = $t.offset();
+                        if(this != i.element[0]) i.snapElements.push({
+                                item: this,
+                                width: $t.outerWidth(), height: $t.outerHeight(),
+                                top: $o.top, left: $o.left
+                        });
+                });
+
+        },
+        drag: function(event, ui) {
+
+                var inst = $(this).data("draggable"), o = inst.options;
+                var d = o.snapTolerance;
+
+                var x1 = ui.offset.left, x2 = x1 + inst.helperProportions.width,
+                        y1 = ui.offset.top, y2 = y1 + inst.helperProportions.height;
+
+                for (var i = inst.snapElements.length - 1; i >= 0; i--){
+
+                        var l = inst.snapElements[i].left, r = l + inst.snapElements[i].width,
+                                t = inst.snapElements[i].top, b = t + inst.snapElements[i].height;
+
+                        //Yes, I know, this is insane ;)
+                        if(!((l-d < x1 && x1 < r+d && t-d < y1 && y1 < b+d) || (l-d < x1 && x1 < r+d && t-d < y2 && y2 < b+d) || (l-d < x2 && x2 < r+d && t-d < y1 && y1 < b+d) || (l-d < x2 && x2 < r+d && t-d < y2 && y2 < b+d))) {
+                                if(inst.snapElements[i].snapping) (inst.options.snap.release && inst.options.snap.release.call(inst.element, event, $.extend(inst._uiHash(), { snapItem: inst.snapElements[i].item })));
+                                inst.snapElements[i].snapping = false;
+                                continue;
+                        }
+
+                        if(o.snapMode != 'inner') {
+                                var ts = Math.abs(t - y2) <= d;
+                                var bs = Math.abs(b - y1) <= d;
+                                var ls = Math.abs(l - x2) <= d;
+                                var rs = Math.abs(r - x1) <= d;
+                                if(ts) ui.position.top = inst._convertPositionTo("relative", { top: t - inst.helperProportions.height, left: 0 }).top - inst.margins.top;
+                                if(bs) ui.position.top = inst._convertPositionTo("relative", { top: b, left: 0 }).top - inst.margins.top;
+                                if(ls) ui.position.left = inst._convertPositionTo("relative", { top: 0, left: l - inst.helperProportions.width }).left - inst.margins.left;
+                                if(rs) ui.position.left = inst._convertPositionTo("relative", { top: 0, left: r }).left - inst.margins.left;
+                        }
+
+                        var first = (ts || bs || ls || rs);
+
+                        if(o.snapMode != 'outer') {
+                                var ts = Math.abs(t - y1) <= d;
+                                var bs = Math.abs(b - y2) <= d;
+                                var ls = Math.abs(l - x1) <= d;
+                                var rs = Math.abs(r - x2) <= d;
+                                if(ts) ui.position.top = inst._convertPositionTo("relative", { top: t, left: 0 }).top - inst.margins.top;
+                                if(bs) ui.position.top = inst._convertPositionTo("relative", { top: b - inst.helperProportions.height, left: 0 }).top - inst.margins.top;
+                                if(ls) ui.position.left = inst._convertPositionTo("relative", { top: 0, left: l }).left - inst.margins.left;
+                                if(rs) ui.position.left = inst._convertPositionTo("relative", { top: 0, left: r - inst.helperProportions.width }).left - inst.margins.left;
+                        }
+
+                        if(!inst.snapElements[i].snapping && (ts || bs || ls || rs || first))
+                                (inst.options.snap.snap && inst.options.snap.snap.call(inst.element, event, $.extend(inst._uiHash(), { snapItem: inst.snapElements[i].item })));
+                        inst.snapElements[i].snapping = (ts || bs || ls || rs || first);
+
+                };
+
+        }
+});
+
+$.ui.plugin.add("draggable", "stack", {
+        start: function(event, ui) {
+
+                var o = $(this).data("draggable").options;
+
+                var group = $.makeArray($(o.stack.group)).sort(function(a,b) {
+                        return (parseInt($(a).css("zIndex"),10) || o.stack.min) - (parseInt($(b).css("zIndex"),10) || o.stack.min);
+                });
+
+                $(group).each(function(i) {
+                        this.style.zIndex = o.stack.min + i;
+                });
+
+                this[0].style.zIndex = o.stack.min + group.length;
+
+        }
+});
+
+$.ui.plugin.add("draggable", "zIndex", {
+        start: function(event, ui) {
+                var t = $(ui.helper), o = $(this).data("draggable").options;
+                if(t.css("zIndex")) o._zIndex = t.css("zIndex");
+                t.css('zIndex', o.zIndex);
+        },
+        stop: function(event, ui) {
+                var o = $(this).data("draggable").options;
+                if(o._zIndex) $(ui.helper).css('zIndex', o._zIndex);
+        }
+});
+
+})(jQuery);
+/*
+ * jQuery UI Droppable 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Droppables
+ *
+ * Depends:
+ *      ui.core.js
+ *      ui.draggable.js
+ */
+(function($) {
+
+$.widget("ui.droppable", {
+
+        _init: function() {
+
+                var o = this.options, accept = o.accept;
+                this.isover = 0; this.isout = 1;
+
+                this.options.accept = this.options.accept && $.isFunction(this.options.accept) ? this.options.accept : function(d) {
+                        return d.is(accept);
+                };
+
+                //Store the droppable's proportions
+                this.proportions = { width: this.element[0].offsetWidth, height: this.element[0].offsetHeight };
+
+                // Add the reference and positions to the manager
+                $.ui.ddmanager.droppables[this.options.scope] = $.ui.ddmanager.droppables[this.options.scope] || [];
+                $.ui.ddmanager.droppables[this.options.scope].push(this);
+
+                (this.options.addClasses && this.element.addClass("ui-droppable"));
+
+        },
+
+        destroy: function() {
+                var drop = $.ui.ddmanager.droppables[this.options.scope];
+                for ( var i = 0; i < drop.length; i++ )
+                        if ( drop[i] == this )
+                                drop.splice(i, 1);
+
+                this.element
+                        .removeClass("ui-droppable ui-droppable-disabled")
+                        .removeData("droppable")
+                        .unbind(".droppable");
+        },
+
+        _setData: function(key, value) {
+
+                if(key == 'accept') {
+                        this.options.accept = value && $.isFunction(value) ? value : function(d) {
+                                return d.is(value);
+                        };
+                } else {
+                        $.widget.prototype._setData.apply(this, arguments);
+                }
+
+        },
+
+        _activate: function(event) {
+                var draggable = $.ui.ddmanager.current;
+                if(this.options.activeClass) this.element.addClass(this.options.activeClass);
+                (draggable && this._trigger('activate', event, this.ui(draggable)));
+        },
+
+        _deactivate: function(event) {
+                var draggable = $.ui.ddmanager.current;
+                if(this.options.activeClass) this.element.removeClass(this.options.activeClass);
+                (draggable && this._trigger('deactivate', event, this.ui(draggable)));
+        },
+
+        _over: function(event) {
+
+                var draggable = $.ui.ddmanager.current;
+                if (!draggable || (draggable.currentItem || draggable.element)[0] == this.element[0]) return; // Bail if draggable and droppable are same element
+
+                if (this.options.accept.call(this.element[0],(draggable.currentItem || draggable.element))) {
+                        if(this.options.hoverClass) this.element.addClass(this.options.hoverClass);
+                        this._trigger('over', event, this.ui(draggable));
+                }
+
+        },
+
+        _out: function(event) {
+
+                var draggable = $.ui.ddmanager.current;
+                if (!draggable || (draggable.currentItem || draggable.element)[0] == this.element[0]) return; // Bail if draggable and droppable are same element
+
+                if (this.options.accept.call(this.element[0],(draggable.currentItem || draggable.element))) {
+                        if(this.options.hoverClass) this.element.removeClass(this.options.hoverClass);
+                        this._trigger('out', event, this.ui(draggable));
+                }
+
+        },
+
+        _drop: function(event,custom) {
+
+                var draggable = custom || $.ui.ddmanager.current;
+                if (!draggable || (draggable.currentItem || draggable.element)[0] == this.element[0]) return false; // Bail if draggable and droppable are same element
+
+                var childrenIntersection = false;
+                this.element.find(":data(droppable)").not(".ui-draggable-dragging").each(function() {
+                        var inst = $.data(this, 'droppable');
+                        if(inst.options.greedy && $.ui.intersect(draggable, $.extend(inst, { offset: inst.element.offset() }), inst.options.tolerance)) {
+                                childrenIntersection = true; return false;
+                        }
+                });
+                if(childrenIntersection) return false;
+
+                if(this.options.accept.call(this.element[0],(draggable.currentItem || draggable.element))) {
+                        if(this.options.activeClass) this.element.removeClass(this.options.activeClass);
+                        if(this.options.hoverClass) this.element.removeClass(this.options.hoverClass);
+                        this._trigger('drop', event, this.ui(draggable));
+                        return this.element;
+                }
+
+                return false;
+
+        },
+
+        ui: function(c) {
+                return {
+                        draggable: (c.currentItem || c.element),
+                        helper: c.helper,
+                        position: c.position,
+                        absolutePosition: c.positionAbs, //deprecated
+                        offset: c.positionAbs
+                };
+        }
+
+});
+
+$.extend($.ui.droppable, {
+        version: "1.7.2",
+        eventPrefix: 'drop',
+        defaults: {
+                accept: '*',
+                activeClass: false,
+                addClasses: true,
+                greedy: false,
+                hoverClass: false,
+                scope: 'default',
+                tolerance: 'intersect'
+        }
+});
+
+$.ui.intersect = function(draggable, droppable, toleranceMode) {
+
+        if (!droppable.offset) return false;
+
+        var x1 = (draggable.positionAbs || draggable.position.absolute).left, x2 = x1 + draggable.helperProportions.width,
+                y1 = (draggable.positionAbs || draggable.position.absolute).top, y2 = y1 + draggable.helperProportions.height;
+        var l = droppable.offset.left, r = l + droppable.proportions.width,
+                t = droppable.offset.top, b = t + droppable.proportions.height;
+
+        switch (toleranceMode) {
+                case 'fit':
+                        return (l < x1 && x2 < r
+                                && t < y1 && y2 < b);
+                        break;
+                case 'intersect':
+                        return (l < x1 + (draggable.helperProportions.width / 2) // Right Half
+                                && x2 - (draggable.helperProportions.width / 2) < r // Left Half
+                                && t < y1 + (draggable.helperProportions.height / 2) // Bottom Half
+                                && y2 - (draggable.helperProportions.height / 2) < b ); // Top Half
+                        break;
+                case 'pointer':
+                        var draggableLeft = ((draggable.positionAbs || draggable.position.absolute).left + (draggable.clickOffset || draggable.offset.click).left),
+                                draggableTop = ((draggable.positionAbs || draggable.position.absolute).top + (draggable.clickOffset || draggable.offset.click).top),
+                                isOver = $.ui.isOver(draggableTop, draggableLeft, t, l, droppable.proportions.height, droppable.proportions.width);
+                        return isOver;
+                        break;
+                case 'touch':
+                        return (
+                                        (y1 >= t && y1 <= b) || // Top edge touching
+                                        (y2 >= t && y2 <= b) || // Bottom edge touching
+                                        (y1 < t && y2 > b)              // Surrounded vertically
+                                ) && (
+                                        (x1 >= l && x1 <= r) || // Left edge touching
+                                        (x2 >= l && x2 <= r) || // Right edge touching
+                                        (x1 < l && x2 > r)              // Surrounded horizontally
+                                );
+                        break;
+                default:
+                        return false;
+                        break;
+                }
+
+};
+
+/*
+        This manager tracks offsets of draggables and droppables
+*/
+$.ui.ddmanager = {
+        current: null,
+        droppables: { 'default': [] },
+        prepareOffsets: function(t, event) {
+
+                var m = $.ui.ddmanager.droppables[t.options.scope];
+                var type = event ? event.type : null; // workaround for #2317
+                var list = (t.currentItem || t.element).find(":data(droppable)").andSelf();
+
+                droppablesLoop: for (var i = 0; i < m.length; i++) {
+
+                        if(m[i].options.disabled || (t && !m[i].options.accept.call(m[i].element[0],(t.currentItem || t.element)))) continue;   //No disabled and non-accepted
+                        for (var j=0; j < list.length; j++) { if(list[j] == m[i].element[0]) { m[i].proportions.height = 0; continue droppablesLoop; } }; //Filter out elements in the current dragged item
+                        m[i].visible = m[i].element.css("display") != "none"; if(!m[i].visible) continue;                                                                       //If the element is not visible, continue
+
+                        m[i].offset = m[i].element.offset();
+                        m[i].proportions = { width: m[i].element[0].offsetWidth, height: m[i].element[0].offsetHeight };
+
+                        if(type == "mousedown") m[i]._activate.call(m[i], event); //Activate the droppable if used directly from draggables
+
+                }
+
+        },
+        drop: function(draggable, event) {
+
+                var dropped = false;
+                $.each($.ui.ddmanager.droppables[draggable.options.scope], function() {
+
+                        if(!this.options) return;
+                        if (!this.options.disabled && this.visible && $.ui.intersect(draggable, this, this.options.tolerance))
+                                dropped = this._drop.call(this, event);
+
+                        if (!this.options.disabled && this.visible && this.options.accept.call(this.element[0],(draggable.currentItem || draggable.element))) {
+                                this.isout = 1; this.isover = 0;
+                                this._deactivate.call(this, event);
+                        }
+
+                });
+                return dropped;
+
+        },
+        drag: function(draggable, event) {
+
+                //If you have a highly dynamic page, you might try this option. It renders positions every time you move the mouse.
+                if(draggable.options.refreshPositions) $.ui.ddmanager.prepareOffsets(draggable, event);
+
+                //Run through all droppables and check their positions based on specific tolerance options
+
+                $.each($.ui.ddmanager.droppables[draggable.options.scope], function() {
+
+                        if(this.options.disabled || this.greedyChild || !this.visible) return;
+                        var intersects = $.ui.intersect(draggable, this, this.options.tolerance);
+
+                        var c = !intersects && this.isover == 1 ? 'isout' : (intersects && this.isover == 0 ? 'isover' : null);
+                        if(!c) return;
+
+                        var parentInstance;
+                        if (this.options.greedy) {
+                                var parent = this.element.parents(':data(droppable):eq(0)');
+                                if (parent.length) {
+                                        parentInstance = $.data(parent[0], 'droppable');
+                                        parentInstance.greedyChild = (c == 'isover' ? 1 : 0);
+                                }
+                        }
+
+                        // we just moved into a greedy child
+                        if (parentInstance && c == 'isover') {
+                                parentInstance['isover'] = 0;
+                                parentInstance['isout'] = 1;
+                                parentInstance._out.call(parentInstance, event);
+                        }
+
+                        this[c] = 1; this[c == 'isout' ? 'isover' : 'isout'] = 0;
+                        this[c == "isover" ? "_over" : "_out"].call(this, event);
+
+                        // we just moved out of a greedy child
+                        if (parentInstance && c == 'isout') {
+                                parentInstance['isout'] = 0;
+                                parentInstance['isover'] = 1;
+                                parentInstance._over.call(parentInstance, event);
+                        }
+                });
+
+        }
+};
+
+})(jQuery);
+/*
+ * jQuery UI Resizable 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Resizables
+ *
+ * Depends:
+ *      ui.core.js
+ */
+(function($) {
+
+$.widget("ui.resizable", $.extend({}, $.ui.mouse, {
+
+        _init: function() {
+
+                var self = this, o = this.options;
+                this.element.addClass("ui-resizable");
+
+                $.extend(this, {
+                        _aspectRatio: !!(o.aspectRatio),
+                        aspectRatio: o.aspectRatio,
+                        originalElement: this.element,
+                        _proportionallyResizeElements: [],
+                        _helper: o.helper || o.ghost || o.animate ? o.helper || 'ui-resizable-helper' : null
+                });
+
+                //Wrap the element if it cannot hold child nodes
+                if(this.element[0].nodeName.match(/canvas|textarea|input|select|button|img/i)) {
+
+                        //Opera fix for relative positioning
+                        if (/relative/.test(this.element.css('position')) && $.browser.opera)
+                                this.element.css({ position: 'relative', top: 'auto', left: 'auto' });
+
+                        //Create a wrapper element and set the wrapper to the new current internal element
+                        this.element.wrap(
+                                $('<div class="ui-wrapper" style="overflow: hidden;"></div>').css({
+                                        position: this.element.css('position'),
+                                        width: this.element.outerWidth(),
+                                        height: this.element.outerHeight(),
+                                        top: this.element.css('top'),
+                                        left: this.element.css('left')
+                                })
+                        );
+
+                        //Overwrite the original this.element
+                        this.element = this.element.parent().data(
+                                "resizable", this.element.data('resizable')
+                        );
+
+                        this.elementIsWrapper = true;
+
+                        //Move margins to the wrapper
+                        this.element.css({ marginLeft: this.originalElement.css("marginLeft"), marginTop: this.originalElement.css("marginTop"), marginRight: this.originalElement.css("marginRight"), marginBottom: this.originalElement.css("marginBottom") });
+                        this.originalElement.css({ marginLeft: 0, marginTop: 0, marginRight: 0, marginBottom: 0});
+
+                        //Prevent Safari textarea resize
+                        this.originalResizeStyle = this.originalElement.css('resize');
+                        this.originalElement.css('resize', 'none');
+
+                        //Push the actual element to our proportionallyResize internal array
+                        this._proportionallyResizeElements.push(this.originalElement.css({ position: 'static', zoom: 1, display: 'block' }));
+
+                        // avoid IE jump (hard set the margin)
+                        this.originalElement.css({ margin: this.originalElement.css('margin') });
+
+                        // fix handlers offset
+                        this._proportionallyResize();
+
+                }
+
+                this.handles = o.handles || (!$('.ui-resizable-handle', this.element).length ? "e,s,se" : { n: '.ui-resizable-n', e: '.ui-resizable-e', s: '.ui-resizable-s', w: '.ui-resizable-w', se: '.ui-resizable-se', sw: '.ui-resizable-sw', ne: '.ui-resizable-ne', nw: '.ui-resizable-nw' });
+                if(this.handles.constructor == String) {
+
+                        if(this.handles == 'all') this.handles = 'n,e,s,w,se,sw,ne,nw';
+                        var n = this.handles.split(","); this.handles = {};
+
+                        for(var i = 0; i < n.length; i++) {
+
+                                var handle = $.trim(n[i]), hname = 'ui-resizable-'+handle;
+                                var axis = $('<div class="ui-resizable-handle ' + hname + '"></div>');
+
+                                // increase zIndex of sw, se, ne, nw axis
+                                //TODO : this modifies original option
+                                if(/sw|se|ne|nw/.test(handle)) axis.css({ zIndex: ++o.zIndex });
+
+                                //TODO : What's going on here?
+                                if ('se' == handle) {
+                                        axis.addClass('ui-icon ui-icon-gripsmall-diagonal-se');
+                                };
+
+                                //Insert into internal handles object and append to element
+                                this.handles[handle] = '.ui-resizable-'+handle;
+                                this.element.append(axis);
+                        }
+
+                }
+
+                this._renderAxis = function(target) {
+
+                        target = target || this.element;
+
+                        for(var i in this.handles) {
+
+                                if(this.handles[i].constructor == String)
+                                        this.handles[i] = $(this.handles[i], this.element).show();
+
+                                //Apply pad to wrapper element, needed to fix axis position (textarea, inputs, scrolls)
+                                if (this.elementIsWrapper && this.originalElement[0].nodeName.match(/textarea|input|select|button/i)) {
+
+                                        var axis = $(this.handles[i], this.element), padWrapper = 0;
+
+                                        //Checking the correct pad and border
+                                        padWrapper = /sw|ne|nw|se|n|s/.test(i) ? axis.outerHeight() : axis.outerWidth();
+
+                                        //The padding type i have to apply...
+                                        var padPos = [ 'padding',
+                                                /ne|nw|n/.test(i) ? 'Top' :
+                                                /se|sw|s/.test(i) ? 'Bottom' :
+                                                /^e$/.test(i) ? 'Right' : 'Left' ].join("");
+
+                                        target.css(padPos, padWrapper);
+
+                                        this._proportionallyResize();
+
+                                }
+
+                                //TODO: What's that good for? There's not anything to be executed left
+                                if(!$(this.handles[i]).length)
+                                        continue;
+
+                        }
+                };
+
+                //TODO: make renderAxis a prototype function
+                this._renderAxis(this.element);
+
+                this._handles = $('.ui-resizable-handle', this.element)
+                        .disableSelection();
+
+                //Matching axis name
+                this._handles.mouseover(function() {
+                        if (!self.resizing) {
+                                if (this.className)
+                                        var axis = this.className.match(/ui-resizable-(se|sw|ne|nw|n|e|s|w)/i);
+                                //Axis, default = se
+                                self.axis = axis && axis[1] ? axis[1] : 'se';
+                        }
+                });
+
+                //If we want to auto hide the elements
+                if (o.autoHide) {
+                        this._handles.hide();
+                        $(this.element)
+                                .addClass("ui-resizable-autohide")
+                                .hover(function() {
+                                        $(this).removeClass("ui-resizable-autohide");
+                                        self._handles.show();
+                                },
+                                function(){
+                                        if (!self.resizing) {
+                                                $(this).addClass("ui-resizable-autohide");
+                                                self._handles.hide();
+                                        }
+                                });
+                }
+
+                //Initialize the mouse interaction
+                this._mouseInit();
+
+        },
+
+        destroy: function() {
+
+                this._mouseDestroy();
+
+                var _destroy = function(exp) {
+                        $(exp).removeClass("ui-resizable ui-resizable-disabled ui-resizable-resizing")
+                                .removeData("resizable").unbind(".resizable").find('.ui-resizable-handle').remove();
+                };
+
+                //TODO: Unwrap at same DOM position
+                if (this.elementIsWrapper) {
+                        _destroy(this.element);
+                        var wrapper = this.element;
+                        wrapper.parent().append(
+                                this.originalElement.css({
+                                        position: wrapper.css('position'),
+                                        width: wrapper.outerWidth(),
+                                        height: wrapper.outerHeight(),
+                                        top: wrapper.css('top'),
+                                        left: wrapper.css('left')
+                                })
+                        ).end().remove();
+                }
+
+                this.originalElement.css('resize', this.originalResizeStyle);
+                _destroy(this.originalElement);
+
+        },
+
+        _mouseCapture: function(event) {
+
+                var handle = false;
+                for(var i in this.handles) {
+                        if($(this.handles[i])[0] == event.target) handle = true;
+                }
+
+                return this.options.disabled || !!handle;
+
+        },
+
+        _mouseStart: function(event) {
+
+                var o = this.options, iniPos = this.element.position(), el = this.element;
+
+                this.resizing = true;
+                this.documentScroll = { top: $(document).scrollTop(), left: $(document).scrollLeft() };
+
+                // bugfix for http://dev.jquery.com/ticket/1749
+                if (el.is('.ui-draggable') || (/absolute/).test(el.css('position'))) {
+                        el.css({ position: 'absolute', top: iniPos.top, left: iniPos.left });
+                }
+
+                //Opera fixing relative position
+                if ($.browser.opera && (/relative/).test(el.css('position')))
+                        el.css({ position: 'relative', top: 'auto', left: 'auto' });
+
+                this._renderProxy();
+
+                var curleft = num(this.helper.css('left')), curtop = num(this.helper.css('top'));
+
+                if (o.containment) {
+                        curleft += $(o.containment).scrollLeft() || 0;
+                        curtop += $(o.containment).scrollTop() || 0;
+                }
+
+                //Store needed variables
+                this.offset = this.helper.offset();
+                this.position = { left: curleft, top: curtop };
+                this.size = this._helper ? { width: el.outerWidth(), height: el.outerHeight() } : { width: el.width(), height: el.height() };
+                this.originalSize = this._helper ? { width: el.outerWidth(), height: el.outerHeight() } : { width: el.width(), height: el.height() };
+                this.originalPosition = { left: curleft, top: curtop };
+                this.sizeDiff = { width: el.outerWidth() - el.width(), height: el.outerHeight() - el.height() };
+                this.originalMousePosition = { left: event.pageX, top: event.pageY };
+
+                //Aspect Ratio
+                this.aspectRatio = (typeof o.aspectRatio == 'number') ? o.aspectRatio : ((this.originalSize.width / this.originalSize.height) || 1);
+
+            var cursor = $('.ui-resizable-' + this.axis).css('cursor');
+            $('body').css('cursor', cursor == 'auto' ? this.axis + '-resize' : cursor);
+
+                el.addClass("ui-resizable-resizing");
+                this._propagate("start", event);
+                return true;
+        },
+
+        _mouseDrag: function(event) {
+
+                //Increase performance, avoid regex
+                var el = this.helper, o = this.options, props = {},
+                        self = this, smp = this.originalMousePosition, a = this.axis;
+
+                var dx = (event.pageX-smp.left)||0, dy = (event.pageY-smp.top)||0;
+                var trigger = this._change[a];
+                if (!trigger) return false;
+
+                // Calculate the attrs that will be change
+                var data = trigger.apply(this, [event, dx, dy]), ie6 = $.browser.msie && $.browser.version < 7, csdif = this.sizeDiff;
+
+                if (this._aspectRatio || event.shiftKey)
+                        data = this._updateRatio(data, event);
+
+                data = this._respectSize(data, event);
+
+                // plugins callbacks need to be called first
+                this._propagate("resize", event);
+
+                el.css({
+                        top: this.position.top + "px", left: this.position.left + "px",
+                        width: this.size.width + "px", height: this.size.height + "px"
+                });
+
+                if (!this._helper && this._proportionallyResizeElements.length)
+                        this._proportionallyResize();
+
+                this._updateCache(data);
+
+                // calling the user callback at the end
+                this._trigger('resize', event, this.ui());
+
+                return false;
+        },
+
+        _mouseStop: function(event) {
+
+                this.resizing = false;
+                var o = this.options, self = this;
+
+                if(this._helper) {
+                        var pr = this._proportionallyResizeElements, ista = pr.length && (/textarea/i).test(pr[0].nodeName),
+                                                soffseth = ista && $.ui.hasScroll(pr[0], 'left') /* TODO - jump height */ ? 0 : self.sizeDiff.height,
+                                                        soffsetw = ista ? 0 : self.sizeDiff.width;
+
+                        var s = { width: (self.size.width - soffsetw), height: (self.size.height - soffseth) },
+                                left = (parseInt(self.element.css('left'), 10) + (self.position.left - self.originalPosition.left)) || null,
+                                top = (parseInt(self.element.css('top'), 10) + (self.position.top - self.originalPosition.top)) || null;
+
+                        if (!o.animate)
+                                this.element.css($.extend(s, { top: top, left: left }));
+
+                        self.helper.height(self.size.height);
+                        self.helper.width(self.size.width);
+
+                        if (this._helper && !o.animate) this._proportionallyResize();
+                }
+
+                $('body').css('cursor', 'auto');
+
+                this.element.removeClass("ui-resizable-resizing");
+
+                this._propagate("stop", event);
+
+                if (this._helper) this.helper.remove();
+                return false;
+
+        },
+
+        _updateCache: function(data) {
+                var o = this.options;
+                this.offset = this.helper.offset();
+                if (isNumber(data.left)) this.position.left = data.left;
+                if (isNumber(data.top)) this.position.top = data.top;
+                if (isNumber(data.height)) this.size.height = data.height;
+                if (isNumber(data.width)) this.size.width = data.width;
+        },
+
+        _updateRatio: function(data, event) {
+
+                var o = this.options, cpos = this.position, csize = this.size, a = this.axis;
+
+                if (data.height) data.width = (csize.height * this.aspectRatio);
+                else if (data.width) data.height = (csize.width / this.aspectRatio);
+
+                if (a == 'sw') {
+                        data.left = cpos.left + (csize.width - data.width);
+                        data.top = null;
+                }
+                if (a == 'nw') {
+                        data.top = cpos.top + (csize.height - data.height);
+                        data.left = cpos.left + (csize.width - data.width);
+                }
+
+                return data;
+        },
+
+        _respectSize: function(data, event) {
+
+                var el = this.helper, o = this.options, pRatio = this._aspectRatio || event.shiftKey, a = this.axis,
+                                ismaxw = isNumber(data.width) && o.maxWidth && (o.maxWidth < data.width), ismaxh = isNumber(data.height) && o.maxHeight && (o.maxHeight < data.height),
+                                        isminw = isNumber(data.width) && o.minWidth && (o.minWidth > data.width), isminh = isNumber(data.height) && o.minHeight && (o.minHeight > data.height);
+
+                if (isminw) data.width = o.minWidth;
+                if (isminh) data.height = o.minHeight;
+                if (ismaxw) data.width = o.maxWidth;
+                if (ismaxh) data.height = o.maxHeight;
+
+                var dw = this.originalPosition.left + this.originalSize.width, dh = this.position.top + this.size.height;
+                var cw = /sw|nw|w/.test(a), ch = /nw|ne|n/.test(a);
+
+                if (isminw && cw) data.left = dw - o.minWidth;
+                if (ismaxw && cw) data.left = dw - o.maxWidth;
+                if (isminh && ch)       data.top = dh - o.minHeight;
+                if (ismaxh && ch)       data.top = dh - o.maxHeight;
+
+                // fixing jump error on top/left - bug #2330
+                var isNotwh = !data.width && !data.height;
+                if (isNotwh && !data.left && data.top) data.top = null;
+                else if (isNotwh && !data.top && data.left) data.left = null;
+
+                return data;
+        },
+
+        _proportionallyResize: function() {
+
+                var o = this.options;
+                if (!this._proportionallyResizeElements.length) return;
+                var element = this.helper || this.element;
+
+                for (var i=0; i < this._proportionallyResizeElements.length; i++) {
+
+                        var prel = this._proportionallyResizeElements[i];
+
+                        if (!this.borderDif) {
+                                var b = [prel.css('borderTopWidth'), prel.css('borderRightWidth'), prel.css('borderBottomWidth'), prel.css('borderLeftWidth')],
+                                        p = [prel.css('paddingTop'), prel.css('paddingRight'), prel.css('paddingBottom'), prel.css('paddingLeft')];
+
+                                this.borderDif = $.map(b, function(v, i) {
+                                        var border = parseInt(v,10)||0, padding = parseInt(p[i],10)||0;
+                                        return border + padding;
+                                });
+                        }
+
+                        if ($.browser.msie && !(!($(element).is(':hidden') || $(element).parents(':hidden').length)))
+                                continue;
+
+                        prel.css({
+                                height: (element.height() - this.borderDif[0] - this.borderDif[2]) || 0,
+                                width: (element.width() - this.borderDif[1] - this.borderDif[3]) || 0
+                        });
+
+                };
+
+        },
+
+        _renderProxy: function() {
+
+                var el = this.element, o = this.options;
+                this.elementOffset = el.offset();
+
+                if(this._helper) {
+
+                        this.helper = this.helper || $('<div style="overflow:hidden;"></div>');
+
+                        // fix ie6 offset TODO: This seems broken
+                        var ie6 = $.browser.msie && $.browser.version < 7, ie6offset = (ie6 ? 1 : 0),
+                        pxyoffset = ( ie6 ? 2 : -1 );
+
+                        this.helper.addClass(this._helper).css({
+                                width: this.element.outerWidth() + pxyoffset,
+                                height: this.element.outerHeight() + pxyoffset,
+                                position: 'absolute',
+                                left: this.elementOffset.left - ie6offset +'px',
+                                top: this.elementOffset.top - ie6offset +'px',
+                                zIndex: ++o.zIndex //TODO: Don't modify option
+                        });
+
+                        this.helper
+                                .appendTo("body")
+                                .disableSelection();
+
+                } else {
+                        this.helper = this.element;
+                }
+
+        },
+
+        _change: {
+                e: function(event, dx, dy) {
+                        return { width: this.originalSize.width + dx };
+                },
+                w: function(event, dx, dy) {
+                        var o = this.options, cs = this.originalSize, sp = this.originalPosition;
+                        return { left: sp.left + dx, width: cs.width - dx };
+                },
+                n: function(event, dx, dy) {
+                        var o = this.options, cs = this.originalSize, sp = this.originalPosition;
+                        return { top: sp.top + dy, height: cs.height - dy };
+                },
+                s: function(event, dx, dy) {
+                        return { height: this.originalSize.height + dy };
+                },
+                se: function(event, dx, dy) {
+                        return $.extend(this._change.s.apply(this, arguments), this._change.e.apply(this, [event, dx, dy]));
+                },
+                sw: function(event, dx, dy) {
+                        return $.extend(this._change.s.apply(this, arguments), this._change.w.apply(this, [event, dx, dy]));
+                },
+                ne: function(event, dx, dy) {
+                        return $.extend(this._change.n.apply(this, arguments), this._change.e.apply(this, [event, dx, dy]));
+                },
+                nw: function(event, dx, dy) {
+                        return $.extend(this._change.n.apply(this, arguments), this._change.w.apply(this, [event, dx, dy]));
+                }
+        },
+
+        _propagate: function(n, event) {
+                $.ui.plugin.call(this, n, [event, this.ui()]);
+                (n != "resize" && this._trigger(n, event, this.ui()));
+        },
+
+        plugins: {},
+
+        ui: function() {
+                return {
+                        originalElement: this.originalElement,
+                        element: this.element,
+                        helper: this.helper,
+                        position: this.position,
+                        size: this.size,
+                        originalSize: this.originalSize,
+                        originalPosition: this.originalPosition
+                };
+        }
+
+}));
+
+$.extend($.ui.resizable, {
+        version: "1.7.2",
+        eventPrefix: "resize",
+        defaults: {
+                alsoResize: false,
+                animate: false,
+                animateDuration: "slow",
+                animateEasing: "swing",
+                aspectRatio: false,
+                autoHide: false,
+                cancel: ":input,option",
+                containment: false,
+                delay: 0,
+                distance: 1,
+                ghost: false,
+                grid: false,
+                handles: "e,s,se",
+                helper: false,
+                maxHeight: null,
+                maxWidth: null,
+                minHeight: 10,
+                minWidth: 10,
+                zIndex: 1000
+        }
+});
+
+/*
+ * Resizable Extensions
+ */
+
+$.ui.plugin.add("resizable", "alsoResize", {
+
+        start: function(event, ui) {
+
+                var self = $(this).data("resizable"), o = self.options;
+
+                _store = function(exp) {
+                        $(exp).each(function() {
+                                $(this).data("resizable-alsoresize", {
+                                        width: parseInt($(this).width(), 10), height: parseInt($(this).height(), 10),
+                                        left: parseInt($(this).css('left'), 10), top: parseInt($(this).css('top'), 10)
+                                });
+                        });
+                };
+
+                if (typeof(o.alsoResize) == 'object' && !o.alsoResize.parentNode) {
+                        if (o.alsoResize.length) { o.alsoResize = o.alsoResize[0];      _store(o.alsoResize); }
+                        else { $.each(o.alsoResize, function(exp, c) { _store(exp); }); }
+                }else{
+                        _store(o.alsoResize);
+                }
+        },
+
+        resize: function(event, ui){
+                var self = $(this).data("resizable"), o = self.options, os = self.originalSize, op = self.originalPosition;
+
+                var delta = {
+                        height: (self.size.height - os.height) || 0, width: (self.size.width - os.width) || 0,
+                        top: (self.position.top - op.top) || 0, left: (self.position.left - op.left) || 0
+                },
+
+                _alsoResize = function(exp, c) {
+                        $(exp).each(function() {
+                                var el = $(this), start = $(this).data("resizable-alsoresize"), style = {}, css = c && c.length ? c : ['width', 'height', 'top', 'left'];
+
+                                $.each(css || ['width', 'height', 'top', 'left'], function(i, prop) {
+                                        var sum = (start[prop]||0) + (delta[prop]||0);
+                                        if (sum && sum >= 0)
+                                                style[prop] = sum || null;
+                                });
+
+                                //Opera fixing relative position
+                                if (/relative/.test(el.css('position')) && $.browser.opera) {
+                                        self._revertToRelativePosition = true;
+                                        el.css({ position: 'absolute', top: 'auto', left: 'auto' });
+                                }
+
+                                el.css(style);
+                        });
+                };
+
+                if (typeof(o.alsoResize) == 'object' && !o.alsoResize.nodeType) {
+                        $.each(o.alsoResize, function(exp, c) { _alsoResize(exp, c); });
+                }else{
+                        _alsoResize(o.alsoResize);
+                }
+        },
+
+        stop: function(event, ui){
+                var self = $(this).data("resizable");
+
+                //Opera fixing relative position
+                if (self._revertToRelativePosition && $.browser.opera) {
+                        self._revertToRelativePosition = false;
+                        el.css({ position: 'relative' });
+                }
+
+                $(this).removeData("resizable-alsoresize-start");
+        }
+});
+
+$.ui.plugin.add("resizable", "animate", {
+
+        stop: function(event, ui) {
+                var self = $(this).data("resizable"), o = self.options;
+
+                var pr = self._proportionallyResizeElements, ista = pr.length && (/textarea/i).test(pr[0].nodeName),
+                                        soffseth = ista && $.ui.hasScroll(pr[0], 'left') /* TODO - jump height */ ? 0 : self.sizeDiff.height,
+                                                soffsetw = ista ? 0 : self.sizeDiff.width;
+
+                var style = { width: (self.size.width - soffsetw), height: (self.size.height - soffseth) },
+                                        left = (parseInt(self.element.css('left'), 10) + (self.position.left - self.originalPosition.left)) || null,
+                                                top = (parseInt(self.element.css('top'), 10) + (self.position.top - self.originalPosition.top)) || null;
+
+                self.element.animate(
+                        $.extend(style, top && left ? { top: top, left: left } : {}), {
+                                duration: o.animateDuration,
+                                easing: o.animateEasing,
+                                step: function() {
+
+                                        var data = {
+                                                width: parseInt(self.element.css('width'), 10),
+                                                height: parseInt(self.element.css('height'), 10),
+                                                top: parseInt(self.element.css('top'), 10),
+                                                left: parseInt(self.element.css('left'), 10)
+                                        };
+
+                                        if (pr && pr.length) $(pr[0]).css({ width: data.width, height: data.height });
+
+                                        // propagating resize, and updating values for each animation step
+                                        self._updateCache(data);
+                                        self._propagate("resize", event);
+
+                                }
+                        }
+                );
+        }
+
+});
+
+$.ui.plugin.add("resizable", "containment", {
+
+        start: function(event, ui) {
+                var self = $(this).data("resizable"), o = self.options, el = self.element;
+                var oc = o.containment, ce = (oc instanceof $) ? oc.get(0) : (/parent/.test(oc)) ? el.parent().get(0) : oc;
+                if (!ce) return;
+
+                self.containerElement = $(ce);
+
+                if (/document/.test(oc) || oc == document) {
+                        self.containerOffset = { left: 0, top: 0 };
+                        self.containerPosition = { left: 0, top: 0 };
+
+                        self.parentData = {
+                                element: $(document), left: 0, top: 0,
+                                width: $(document).width(), height: $(document).height() || document.body.parentNode.scrollHeight
+                        };
+                }
+
+                // i'm a node, so compute top, left, right, bottom
+                else {
+                        var element = $(ce), p = [];
+                        $([ "Top", "Right", "Left", "Bottom" ]).each(function(i, name) { p[i] = num(element.css("padding" + name)); });
+
+                        self.containerOffset = element.offset();
+                        self.containerPosition = element.position();
+                        self.containerSize = { height: (element.innerHeight() - p[3]), width: (element.innerWidth() - p[1]) };
+
+                        var co = self.containerOffset, ch = self.containerSize.height,  cw = self.containerSize.width,
+                                                width = ($.ui.hasScroll(ce, "left") ? ce.scrollWidth : cw ), height = ($.ui.hasScroll(ce) ? ce.scrollHeight : ch);
+
+                        self.parentData = {
+                                element: ce, left: co.left, top: co.top, width: width, height: height
+                        };
+                }
+        },
+
+        resize: function(event, ui) {
+                var self = $(this).data("resizable"), o = self.options,
+                                ps = self.containerSize, co = self.containerOffset, cs = self.size, cp = self.position,
+                                pRatio = self._aspectRatio || event.shiftKey, cop = { top:0, left:0 }, ce = self.containerElement;
+
+                if (ce[0] != document && (/static/).test(ce.css('position'))) cop = co;
+
+                if (cp.left < (self._helper ? co.left : 0)) {
+                        self.size.width = self.size.width + (self._helper ? (self.position.left - co.left) : (self.position.left - cop.left));
+                        if (pRatio) self.size.height = self.size.width / o.aspectRatio;
+                        self.position.left = o.helper ? co.left : 0;
+                }
+
+                if (cp.top < (self._helper ? co.top : 0)) {
+                        self.size.height = self.size.height + (self._helper ? (self.position.top - co.top) : self.position.top);
+                        if (pRatio) self.size.width = self.size.height * o.aspectRatio;
+                        self.position.top = self._helper ? co.top : 0;
+                }
+
+                self.offset.left = self.parentData.left+self.position.left;
+                self.offset.top = self.parentData.top+self.position.top;
+
+                var woset = Math.abs( (self._helper ? self.offset.left - cop.left : (self.offset.left - cop.left)) + self.sizeDiff.width ),
+                                        hoset = Math.abs( (self._helper ? self.offset.top - cop.top : (self.offset.top - co.top)) + self.sizeDiff.height );
+
+                var isParent = self.containerElement.get(0) == self.element.parent().get(0),
+                    isOffsetRelative = /relative|absolute/.test(self.containerElement.css('position'));
+
+                if(isParent && isOffsetRelative) woset -= self.parentData.left;
+
+                if (woset + self.size.width >= self.parentData.width) {
+                        self.size.width = self.parentData.width - woset;
+                        if (pRatio) self.size.height = self.size.width / self.aspectRatio;
+                }
+
+                if (hoset + self.size.height >= self.parentData.height) {
+                        self.size.height = self.parentData.height - hoset;
+                        if (pRatio) self.size.width = self.size.height * self.aspectRatio;
+                }
+        },
+
+        stop: function(event, ui){
+                var self = $(this).data("resizable"), o = self.options, cp = self.position,
+                                co = self.containerOffset, cop = self.containerPosition, ce = self.containerElement;
+
+                var helper = $(self.helper), ho = helper.offset(), w = helper.outerWidth() - self.sizeDiff.width, h = helper.outerHeight() - self.sizeDiff.height;
+
+                if (self._helper && !o.animate && (/relative/).test(ce.css('position')))
+                        $(this).css({ left: ho.left - cop.left - co.left, width: w, height: h });
+
+                if (self._helper && !o.animate && (/static/).test(ce.css('position')))
+                        $(this).css({ left: ho.left - cop.left - co.left, width: w, height: h });
+
+        }
+});
+
+$.ui.plugin.add("resizable", "ghost", {
+
+        start: function(event, ui) {
+
+                var self = $(this).data("resizable"), o = self.options, cs = self.size;
+
+                self.ghost = self.originalElement.clone();
+                self.ghost
+                        .css({ opacity: .25, display: 'block', position: 'relative', height: cs.height, width: cs.width, margin: 0, left: 0, top: 0 })
+                        .addClass('ui-resizable-ghost')
+                        .addClass(typeof o.ghost == 'string' ? o.ghost : '');
+
+                self.ghost.appendTo(self.helper);
+
+        },
+
+        resize: function(event, ui){
+                var self = $(this).data("resizable"), o = self.options;
+                if (self.ghost) self.ghost.css({ position: 'relative', height: self.size.height, width: self.size.width });
+        },
+
+        stop: function(event, ui){
+                var self = $(this).data("resizable"), o = self.options;
+                if (self.ghost && self.helper) self.helper.get(0).removeChild(self.ghost.get(0));
+        }
+
+});
+
+$.ui.plugin.add("resizable", "grid", {
+
+        resize: function(event, ui) {
+                var self = $(this).data("resizable"), o = self.options, cs = self.size, os = self.originalSize, op = self.originalPosition, a = self.axis, ratio = o._aspectRatio || event.shiftKey;
+                o.grid = typeof o.grid == "number" ? [o.grid, o.grid] : o.grid;
+                var ox = Math.round((cs.width - os.width) / (o.grid[0]||1)) * (o.grid[0]||1), oy = Math.round((cs.height - os.height) / (o.grid[1]||1)) * (o.grid[1]||1);
+
+                if (/^(se|s|e)$/.test(a)) {
+                        self.size.width = os.width + ox;
+                        self.size.height = os.height + oy;
+                }
+                else if (/^(ne)$/.test(a)) {
+                        self.size.width = os.width + ox;
+                        self.size.height = os.height + oy;
+                        self.position.top = op.top - oy;
+                }
+                else if (/^(sw)$/.test(a)) {
+                        self.size.width = os.width + ox;
+                        self.size.height = os.height + oy;
+                        self.position.left = op.left - ox;
+                }
+                else {
+                        self.size.width = os.width + ox;
+                        self.size.height = os.height + oy;
+                        self.position.top = op.top - oy;
+                        self.position.left = op.left - ox;
+                }
+        }
+
+});
+
+var num = function(v) {
+        return parseInt(v, 10) || 0;
+};
+
+var isNumber = function(value) {
+        return !isNaN(parseInt(value, 10));
+};
+
+})(jQuery);
+/*
+ * jQuery UI Selectable 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Selectables
+ *
+ * Depends:
+ *      ui.core.js
+ */
+(function($) {
+
+$.widget("ui.selectable", $.extend({}, $.ui.mouse, {
+
+        _init: function() {
+                var self = this;
+
+                this.element.addClass("ui-selectable");
+
+                this.dragged = false;
+
+                // cache selectee children based on filter
+                var selectees;
+                this.refresh = function() {
+                        selectees = $(self.options.filter, self.element[0]);
+                        selectees.each(function() {
+                                var $this = $(this);
+                                var pos = $this.offset();
+                                $.data(this, "selectable-item", {
+                                        element: this,
+                                        $element: $this,
+                                        left: pos.left,
+                                        top: pos.top,
+                                        right: pos.left + $this.outerWidth(),
+                                        bottom: pos.top + $this.outerHeight(),
+                                        startselected: false,
+                                        selected: $this.hasClass('ui-selected'),
+                                        selecting: $this.hasClass('ui-selecting'),
+                                        unselecting: $this.hasClass('ui-unselecting')
+                                });
+                        });
+                };
+                this.refresh();
+
+                this.selectees = selectees.addClass("ui-selectee");
+
+                this._mouseInit();
+
+                this.helper = $(document.createElement('div'))
+                        .css({border:'1px dotted black'})
+                        .addClass("ui-selectable-helper");
+        },
+
+        destroy: function() {
+                this.element
+                        .removeClass("ui-selectable ui-selectable-disabled")
+                        .removeData("selectable")
+                        .unbind(".selectable");
+                this._mouseDestroy();
+        },
+
+        _mouseStart: function(event) {
+                var self = this;
+
+                this.opos = [event.pageX, event.pageY];
+
+                if (this.options.disabled)
+                        return;
+
+                var options = this.options;
+
+                this.selectees = $(options.filter, this.element[0]);
+
+                this._trigger("start", event);
+
+                $(options.appendTo).append(this.helper);
+                // position helper (lasso)
+                this.helper.css({
+                        "z-index": 100,
+                        "position": "absolute",
+                        "left": event.clientX,
+                        "top": event.clientY,
+                        "width": 0,
+                        "height": 0
+                });
+
+                if (options.autoRefresh) {
+                        this.refresh();
+                }
+
+                this.selectees.filter('.ui-selected').each(function() {
+                        var selectee = $.data(this, "selectable-item");
+                        selectee.startselected = true;
+                        if (!event.metaKey) {
+                                selectee.$element.removeClass('ui-selected');
+                                selectee.selected = false;
+                                selectee.$element.addClass('ui-unselecting');
+                                selectee.unselecting = true;
+                                // selectable UNSELECTING callback
+                                self._trigger("unselecting", event, {
+                                        unselecting: selectee.element
+                                });
+                        }
+                });
+
+                $(event.target).parents().andSelf().each(function() {
+                        var selectee = $.data(this, "selectable-item");
+                        if (selectee) {
+                                selectee.$element.removeClass("ui-unselecting").addClass('ui-selecting');
+                                selectee.unselecting = false;
+                                selectee.selecting = true;
+                                selectee.selected = true;
+                                // selectable SELECTING callback
+                                self._trigger("selecting", event, {
+                                        selecting: selectee.element
+                                });
+                                return false;
+                        }
+                });
+
+        },
+
+        _mouseDrag: function(event) {
+                var self = this;
+                this.dragged = true;
+
+                if (this.options.disabled)
+                        return;
+
+                var options = this.options;
+
+                var x1 = this.opos[0], y1 = this.opos[1], x2 = event.pageX, y2 = event.pageY;
+                if (x1 > x2) { var tmp = x2; x2 = x1; x1 = tmp; }
+                if (y1 > y2) { var tmp = y2; y2 = y1; y1 = tmp; }
+                this.helper.css({left: x1, top: y1, width: x2-x1, height: y2-y1});
+
+                this.selectees.each(function() {
+                        var selectee = $.data(this, "selectable-item");
+                        //prevent helper from being selected if appendTo: selectable
+                        if (!selectee || selectee.element == self.element[0])
+                                return;
+                        var hit = false;
+                        if (options.tolerance == 'touch') {
+                                hit = ( !(selectee.left > x2 || selectee.right < x1 || selectee.top > y2 || selectee.bottom < y1) );
+                        } else if (options.tolerance == 'fit') {
+                                hit = (selectee.left > x1 && selectee.right < x2 && selectee.top > y1 && selectee.bottom < y2);
+                        }
+
+                        if (hit) {
+                                // SELECT
+                                if (selectee.selected) {
+                                        selectee.$element.removeClass('ui-selected');
+                                        selectee.selected = false;
+                                }
+                                if (selectee.unselecting) {
+                                        selectee.$element.removeClass('ui-unselecting');
+                                        selectee.unselecting = false;
+                                }
+                                if (!selectee.selecting) {
+                                        selectee.$element.addClass('ui-selecting');
+                                        selectee.selecting = true;
+                                        // selectable SELECTING callback
+                                        self._trigger("selecting", event, {
+                                                selecting: selectee.element
+                                        });
+                                }
+                        } else {
+                                // UNSELECT
+                                if (selectee.selecting) {
+                                        if (event.metaKey && selectee.startselected) {
+                                                selectee.$element.removeClass('ui-selecting');
+                                                selectee.selecting = false;
+                                                selectee.$element.addClass('ui-selected');
+                                                selectee.selected = true;
+                                        } else {
+                                                selectee.$element.removeClass('ui-selecting');
+                                                selectee.selecting = false;
+                                                if (selectee.startselected) {
+                                                        selectee.$element.addClass('ui-unselecting');
+                                                        selectee.unselecting = true;
+                                                }
+                                                // selectable UNSELECTING callback
+                                                self._trigger("unselecting", event, {
+                                                        unselecting: selectee.element
+                                                });
+                                        }
+                                }
+                                if (selectee.selected) {
+                                        if (!event.metaKey && !selectee.startselected) {
+                                                selectee.$element.removeClass('ui-selected');
+                                                selectee.selected = false;
+
+                                                selectee.$element.addClass('ui-unselecting');
+                                                selectee.unselecting = true;
+                                                // selectable UNSELECTING callback
+                                                self._trigger("unselecting", event, {
+                                                        unselecting: selectee.element
+                                                });
+                                        }
+                                }
+                        }
+                });
+
+                return false;
+        },
+
+        _mouseStop: function(event) {
+                var self = this;
+
+                this.dragged = false;
+
+                var options = this.options;
+
+                $('.ui-unselecting', this.element[0]).each(function() {
+                        var selectee = $.data(this, "selectable-item");
+                        selectee.$element.removeClass('ui-unselecting');
+                        selectee.unselecting = false;
+                        selectee.startselected = false;
+                        self._trigger("unselected", event, {
+                                unselected: selectee.element
+                        });
+                });
+                $('.ui-selecting', this.element[0]).each(function() {
+                        var selectee = $.data(this, "selectable-item");
+                        selectee.$element.removeClass('ui-selecting').addClass('ui-selected');
+                        selectee.selecting = false;
+                        selectee.selected = true;
+                        selectee.startselected = true;
+                        self._trigger("selected", event, {
+                                selected: selectee.element
+                        });
+                });
+                this._trigger("stop", event);
+
+                this.helper.remove();
+
+                return false;
+        }
+
+}));
+
+$.extend($.ui.selectable, {
+        version: "1.7.2",
+        defaults: {
+                appendTo: 'body',
+                autoRefresh: true,
+                cancel: ":input,option",
+                delay: 0,
+                distance: 0,
+                filter: '*',
+                tolerance: 'touch'
+        }
+});
+
+})(jQuery);
+/*
+ * jQuery UI Sortable 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Sortables
+ *
+ * Depends:
+ *      ui.core.js
+ */
+(function($) {
+
+$.widget("ui.sortable", $.extend({}, $.ui.mouse, {
+        _init: function() {
+
+                var o = this.options;
+                this.containerCache = {};
+                this.element.addClass("ui-sortable");
+
+                //Get the items
+                this.refresh();
+
+                //Let's determine if the items are floating
+                this.floating = this.items.length ? (/left|right/).test(this.items[0].item.css('float')) : false;
+
+                //Let's determine the parent's offset
+                this.offset = this.element.offset();
+
+                //Initialize mouse events for interaction
+                this._mouseInit();
+
+        },
+
+        destroy: function() {
+                this.element
+                        .removeClass("ui-sortable ui-sortable-disabled")
+                        .removeData("sortable")
+                        .unbind(".sortable");
+                this._mouseDestroy();
+
+                for ( var i = this.items.length - 1; i >= 0; i-- )
+                        this.items[i].item.removeData("sortable-item");
+        },
+
+        _mouseCapture: function(event, overrideHandle) {
+
+                if (this.reverting) {
+                        return false;
+                }
+
+                if(this.options.disabled || this.options.type == 'static') return false;
+
+                //We have to refresh the items data once first
+                this._refreshItems(event);
+
+                //Find out if the clicked node (or one of its parents) is a actual item in this.items
+                var currentItem = null, self = this, nodes = $(event.target).parents().each(function() {
+                        if($.data(this, 'sortable-item') == self) {
+                                currentItem = $(this);
+                                return false;
+                        }
+                });
+                if($.data(event.target, 'sortable-item') == self) currentItem = $(event.target);
+
+                if(!currentItem) return false;
+                if(this.options.handle && !overrideHandle) {
+                        var validHandle = false;
+
+                        $(this.options.handle, currentItem).find("*").andSelf().each(function() { if(this == event.target) validHandle = true; });
+                        if(!validHandle) return false;
+                }
+
+                this.currentItem = currentItem;
+                this._removeCurrentsFromItems();
+                return true;
+
+        },
+
+        _mouseStart: function(event, overrideHandle, noActivation) {
+
+                var o = this.options, self = this;
+                this.currentContainer = this;
+
+                //We only need to call refreshPositions, because the refreshItems call has been moved to mouseCapture
+                this.refreshPositions();
+
+                //Create and append the visible helper
+                this.helper = this._createHelper(event);
+
+                //Cache the helper size
+                this._cacheHelperProportions();
+
+                /*
+                 * - Position generation -
+                 * This block generates everything position related - it's the core of draggables.
+                 */
+
+                //Cache the margins of the original element
+                this._cacheMargins();
+
+                //Get the next scrolling parent
+                this.scrollParent = this.helper.scrollParent();
+
+                //The element's absolute position on the page minus margins
+                this.offset = this.currentItem.offset();
+                this.offset = {
+                        top: this.offset.top - this.margins.top,
+                        left: this.offset.left - this.margins.left
+                };
+
+                // Only after we got the offset, we can change the helper's position to absolute
+                // TODO: Still need to figure out a way to make relative sorting possible
+                this.helper.css("position", "absolute");
+                this.cssPosition = this.helper.css("position");
+
+                $.extend(this.offset, {
+                        click: { //Where the click happened, relative to the element
+                                left: event.pageX - this.offset.left,
+                                top: event.pageY - this.offset.top
+                        },
+                        parent: this._getParentOffset(),
+                        relative: this._getRelativeOffset() //This is a relative to absolute position minus the actual position calculation - only used for relative positioned helper
+                });
+
+                //Generate the original position
+                this.originalPosition = this._generatePosition(event);
+                this.originalPageX = event.pageX;
+                this.originalPageY = event.pageY;
+
+                //Adjust the mouse offset relative to the helper if 'cursorAt' is supplied
+                if(o.cursorAt)
+                        this._adjustOffsetFromHelper(o.cursorAt);
+
+                //Cache the former DOM position
+                this.domPosition = { prev: this.currentItem.prev()[0], parent: this.currentItem.parent()[0] };
+
+                //If the helper is not the original, hide the original so it's not playing any role during the drag, won't cause anything bad this way
+                if(this.helper[0] != this.currentItem[0]) {
+                        this.currentItem.hide();
+                }
+
+                //Create the placeholder
+                this._createPlaceholder();
+
+                //Set a containment if given in the options
+                if(o.containment)
+                        this._setContainment();
+
+                if(o.cursor) { // cursor option
+                        if ($('body').css("cursor")) this._storedCursor = $('body').css("cursor");
+                        $('body').css("cursor", o.cursor);
+                }
+
+                if(o.opacity) { // opacity option
+                        if (this.helper.css("opacity")) this._storedOpacity = this.helper.css("opacity");
+                        this.helper.css("opacity", o.opacity);
+                }
+
+                if(o.zIndex) { // zIndex option
+                        if (this.helper.css("zIndex")) this._storedZIndex = this.helper.css("zIndex");
+                        this.helper.css("zIndex", o.zIndex);
+                }
+
+                //Prepare scrolling
+                if(this.scrollParent[0] != document && this.scrollParent[0].tagName != 'HTML')
+                        this.overflowOffset = this.scrollParent.offset();
+
+                //Call callbacks
+                this._trigger("start", event, this._uiHash());
+
+                //Recache the helper size
+                if(!this._preserveHelperProportions)
+                        this._cacheHelperProportions();
+
+
+                //Post 'activate' events to possible containers
+                if(!noActivation) {
+                         for (var i = this.containers.length - 1; i >= 0; i--) { this.containers[i]._trigger("activate", event, self._uiHash(this)); }
+                }
+
+                //Prepare possible droppables
+                if($.ui.ddmanager)
+                        $.ui.ddmanager.current = this;
+
+                if ($.ui.ddmanager && !o.dropBehaviour)
+                        $.ui.ddmanager.prepareOffsets(this, event);
+
+                this.dragging = true;
+
+                this.helper.addClass("ui-sortable-helper");
+                this._mouseDrag(event); //Execute the drag once - this causes the helper not to be visible before getting its correct position
+                return true;
+
+        },
+
+        _mouseDrag: function(event) {
+
+                //Compute the helpers position
+                this.position = this._generatePosition(event);
+                this.positionAbs = this._convertPositionTo("absolute");
+
+                if (!this.lastPositionAbs) {
+                        this.lastPositionAbs = this.positionAbs;
+                }
+
+                //Do scrolling
+                if(this.options.scroll) {
+                        var o = this.options, scrolled = false;
+                        if(this.scrollParent[0] != document && this.scrollParent[0].tagName != 'HTML') {
+
+                                if((this.overflowOffset.top + this.scrollParent[0].offsetHeight) - event.pageY < o.scrollSensitivity)
+                                        this.scrollParent[0].scrollTop = scrolled = this.scrollParent[0].scrollTop + o.scrollSpeed;
+                                else if(event.pageY - this.overflowOffset.top < o.scrollSensitivity)
+                                        this.scrollParent[0].scrollTop = scrolled = this.scrollParent[0].scrollTop - o.scrollSpeed;
+
+                                if((this.overflowOffset.left + this.scrollParent[0].offsetWidth) - event.pageX < o.scrollSensitivity)
+                                        this.scrollParent[0].scrollLeft = scrolled = this.scrollParent[0].scrollLeft + o.scrollSpeed;
+                                else if(event.pageX - this.overflowOffset.left < o.scrollSensitivity)
+                                        this.scrollParent[0].scrollLeft = scrolled = this.scrollParent[0].scrollLeft - o.scrollSpeed;
+
+                        } else {
+
+                                if(event.pageY - $(document).scrollTop() < o.scrollSensitivity)
+                                        scrolled = $(document).scrollTop($(document).scrollTop() - o.scrollSpeed);
+                                else if($(window).height() - (event.pageY - $(document).scrollTop()) < o.scrollSensitivity)
+                                        scrolled = $(document).scrollTop($(document).scrollTop() + o.scrollSpeed);
+
+                                if(event.pageX - $(document).scrollLeft() < o.scrollSensitivity)
+                                        scrolled = $(document).scrollLeft($(document).scrollLeft() - o.scrollSpeed);
+                                else if($(window).width() - (event.pageX - $(document).scrollLeft()) < o.scrollSensitivity)
+                                        scrolled = $(document).scrollLeft($(document).scrollLeft() + o.scrollSpeed);
+
+                        }
+
+                        if(scrolled !== false && $.ui.ddmanager && !o.dropBehaviour)
+                                $.ui.ddmanager.prepareOffsets(this, event);
+                }
+
+                //Regenerate the absolute position used for position checks
+                this.positionAbs = this._convertPositionTo("absolute");
+
+                //Set the helper position
+                if(!this.options.axis || this.options.axis != "y") this.helper[0].style.left = this.position.left+'px';
+                if(!this.options.axis || this.options.axis != "x") this.helper[0].style.top = this.position.top+'px';
+
+                //Rearrange
+                for (var i = this.items.length - 1; i >= 0; i--) {
+
+                        //Cache variables and intersection, continue if no intersection
+                        var item = this.items[i], itemElement = item.item[0], intersection = this._intersectsWithPointer(item);
+                        if (!intersection) continue;
+
+                        if(itemElement != this.currentItem[0] //cannot intersect with itself
+                                &&      this.placeholder[intersection == 1 ? "next" : "prev"]()[0] != itemElement //no useless actions that have been done before
+                                &&      !$.ui.contains(this.placeholder[0], itemElement) //no action if the item moved is the parent of the item checked
+                                && (this.options.type == 'semi-dynamic' ? !$.ui.contains(this.element[0], itemElement) : true)
+                        ) {
+
+                                this.direction = intersection == 1 ? "down" : "up";
+
+                                if (this.options.tolerance == "pointer" || this._intersectsWithSides(item)) {
+                                        this._rearrange(event, item);
+                                } else {
+                                        break;
+                                }
+
+                                this._trigger("change", event, this._uiHash());
+                                break;
+                        }
+                }
+
+                //Post events to containers
+                this._contactContainers(event);
+
+                //Interconnect with droppables
+                if($.ui.ddmanager) $.ui.ddmanager.drag(this, event);
+
+                //Call callbacks
+                this._trigger('sort', event, this._uiHash());
+
+                this.lastPositionAbs = this.positionAbs;
+                return false;
+
+        },
+
+        _mouseStop: function(event, noPropagation) {
+
+                if(!event) return;
+
+                //If we are using droppables, inform the manager about the drop
+                if ($.ui.ddmanager && !this.options.dropBehaviour)
+                        $.ui.ddmanager.drop(this, event);
+
+                if(this.options.revert) {
+                        var self = this;
+                        var cur = self.placeholder.offset();
+
+                        self.reverting = true;
+
+                        $(this.helper).animate({
+                                left: cur.left - this.offset.parent.left - self.margins.left + (this.offsetParent[0] == document.body ? 0 : this.offsetParent[0].scrollLeft),
+                                top: cur.top - this.offset.parent.top - self.margins.top + (this.offsetParent[0] == document.body ? 0 : this.offsetParent[0].scrollTop)
+                        }, parseInt(this.options.revert, 10) || 500, function() {
+                                self._clear(event);
+                        });
+                } else {
+                        this._clear(event, noPropagation);
+                }
+
+                return false;
+
+        },
+
+        cancel: function() {
+
+                var self = this;
+
+                if(this.dragging) {
+
+                        this._mouseUp();
+
+                        if(this.options.helper == "original")
+                                this.currentItem.css(this._storedCSS).removeClass("ui-sortable-helper");
+                        else
+                                this.currentItem.show();
+
+                        //Post deactivating events to containers
+                        for (var i = this.containers.length - 1; i >= 0; i--){
+                                this.containers[i]._trigger("deactivate", null, self._uiHash(this));
+                                if(this.containers[i].containerCache.over) {
+                                        this.containers[i]._trigger("out", null, self._uiHash(this));
+                                        this.containers[i].containerCache.over = 0;
+                                }
+                        }
+
+                }
+
+                //$(this.placeholder[0]).remove(); would have been the jQuery way - unfortunately, it unbinds ALL events from the original node!
+                if(this.placeholder[0].parentNode) this.placeholder[0].parentNode.removeChild(this.placeholder[0]);
+                if(this.options.helper != "original" && this.helper && this.helper[0].parentNode) this.helper.remove();
+
+                $.extend(this, {
+                        helper: null,
+                        dragging: false,
+                        reverting: false,
+                        _noFinalSort: null
+                });
+
+                if(this.domPosition.prev) {
+                        $(this.domPosition.prev).after(this.currentItem);
+                } else {
+                        $(this.domPosition.parent).prepend(this.currentItem);
+                }
+
+                return true;
+
+        },
+
+        serialize: function(o) {
+
+                var items = this._getItemsAsjQuery(o && o.connected);
+                var str = []; o = o || {};
+
+                $(items).each(function() {
+                        var res = ($(o.item || this).attr(o.attribute || 'id') || '').match(o.expression || (/(.+)[-=_](.+)/));
+                        if(res) str.push((o.key || res[1]+'[]')+'='+(o.key && o.expression ? res[1] : res[2]));
+                });
+
+                return str.join('&');
+
+        },
+
+        toArray: function(o) {
+
+                var items = this._getItemsAsjQuery(o && o.connected);
+                var ret = []; o = o || {};
+
+                items.each(function() { ret.push($(o.item || this).attr(o.attribute || 'id') || ''); });
+                return ret;
+
+        },
+
+        /* Be careful with the following core functions */
+        _intersectsWith: function(item) {
+
+                var x1 = this.positionAbs.left,
+                        x2 = x1 + this.helperProportions.width,
+                        y1 = this.positionAbs.top,
+                        y2 = y1 + this.helperProportions.height;
+
+                var l = item.left,
+                        r = l + item.width,
+                        t = item.top,
+                        b = t + item.height;
+
+                var dyClick = this.offset.click.top,
+                        dxClick = this.offset.click.left;
+
+                var isOverElement = (y1 + dyClick) > t && (y1 + dyClick) < b && (x1 + dxClick) > l && (x1 + dxClick) < r;
+
+                if(        this.options.tolerance == "pointer"
+                        || this.options.forcePointerForContainers
+                        || (this.options.tolerance != "pointer" && this.helperProportions[this.floating ? 'width' : 'height'] > item[this.floating ? 'width' : 'height'])
+                ) {
+                        return isOverElement;
+                } else {
+
+                        return (l < x1 + (this.helperProportions.width / 2) // Right Half
+                                && x2 - (this.helperProportions.width / 2) < r // Left Half
+                                && t < y1 + (this.helperProportions.height / 2) // Bottom Half
+                                && y2 - (this.helperProportions.height / 2) < b ); // Top Half
+
+                }
+        },
+
+        _intersectsWithPointer: function(item) {
+
+                var isOverElementHeight = $.ui.isOverAxis(this.positionAbs.top + this.offset.click.top, item.top, item.height),
+                        isOverElementWidth = $.ui.isOverAxis(this.positionAbs.left + this.offset.click.left, item.left, item.width),
+                        isOverElement = isOverElementHeight && isOverElementWidth,
+                        verticalDirection = this._getDragVerticalDirection(),
+                        horizontalDirection = this._getDragHorizontalDirection();
+
+                if (!isOverElement)
+                        return false;
+
+                return this.floating ?
+                        ( ((horizontalDirection && horizontalDirection == "right") || verticalDirection == "down") ? 2 : 1 )
+                        : ( verticalDirection && (verticalDirection == "down" ? 2 : 1) );
+
+        },
+
+        _intersectsWithSides: function(item) {
+
+                var isOverBottomHalf = $.ui.isOverAxis(this.positionAbs.top + this.offset.click.top, item.top + (item.height/2), item.height),
+                        isOverRightHalf = $.ui.isOverAxis(this.positionAbs.left + this.offset.click.left, item.left + (item.width/2), item.width),
+                        verticalDirection = this._getDragVerticalDirection(),
+                        horizontalDirection = this._getDragHorizontalDirection();
+
+                if (this.floating && horizontalDirection) {
+                        return ((horizontalDirection == "right" && isOverRightHalf) || (horizontalDirection == "left" && !isOverRightHalf));
+                } else {
+                        return verticalDirection && ((verticalDirection == "down" && isOverBottomHalf) || (verticalDirection == "up" && !isOverBottomHalf));
+                }
+
+        },
+
+        _getDragVerticalDirection: function() {
+                var delta = this.positionAbs.top - this.lastPositionAbs.top;
+                return delta != 0 && (delta > 0 ? "down" : "up");
+        },
+
+        _getDragHorizontalDirection: function() {
+                var delta = this.positionAbs.left - this.lastPositionAbs.left;
+                return delta != 0 && (delta > 0 ? "right" : "left");
+        },
+
+        refresh: function(event) {
+                this._refreshItems(event);
+                this.refreshPositions();
+        },
+
+        _connectWith: function() {
+                var options = this.options;
+                return options.connectWith.constructor == String
+                        ? [options.connectWith]
+                        : options.connectWith;
+        },
+        
+        _getItemsAsjQuery: function(connected) {
+
+                var self = this;
+                var items = [];
+                var queries = [];
+                var connectWith = this._connectWith();
+
+                if(connectWith && connected) {
+                        for (var i = connectWith.length - 1; i >= 0; i--){
+                                var cur = $(connectWith[i]);
+                                for (var j = cur.length - 1; j >= 0; j--){
+                                        var inst = $.data(cur[j], 'sortable');
+                                        if(inst && inst != this && !inst.options.disabled) {
+                                                queries.push([$.isFunction(inst.options.items) ? inst.options.items.call(inst.element) : $(inst.options.items, inst.element).not(".ui-sortable-helper"), inst]);
+                                        }
+                                };
+                        };
+                }
+
+                queries.push([$.isFunction(this.options.items) ? this.options.items.call(this.element, null, { options: this.options, item: this.currentItem }) : $(this.options.items, this.element).not(".ui-sortable-helper"), this]);
+
+                for (var i = queries.length - 1; i >= 0; i--){
+                        queries[i][0].each(function() {
+                                items.push(this);
+                        });
+                };
+
+                return $(items);
+
+        },
+
+        _removeCurrentsFromItems: function() {
+
+                var list = this.currentItem.find(":data(sortable-item)");
+
+                for (var i=0; i < this.items.length; i++) {
+
+                        for (var j=0; j < list.length; j++) {
+                                if(list[j] == this.items[i].item[0])
+                                        this.items.splice(i,1);
+                        };
+
+                };
+
+        },
+
+        _refreshItems: function(event) {
+
+                this.items = [];
+                this.containers = [this];
+                var items = this.items;
+                var self = this;
+                var queries = [[$.isFunction(this.options.items) ? this.options.items.call(this.element[0], event, { item: this.currentItem }) : $(this.options.items, this.element), this]];
+                var connectWith = this._connectWith();
+
+                if(connectWith) {
+                        for (var i = connectWith.length - 1; i >= 0; i--){
+                                var cur = $(connectWith[i]);
+                                for (var j = cur.length - 1; j >= 0; j--){
+                                        var inst = $.data(cur[j], 'sortable');
+                                        if(inst && inst != this && !inst.options.disabled) {
+                                                queries.push([$.isFunction(inst.options.items) ? inst.options.items.call(inst.element[0], event, { item: this.currentItem }) : $(inst.options.items, inst.element), inst]);
+                                                this.containers.push(inst);
+                                        }
+                                };
+                        };
+                }
+
+                for (var i = queries.length - 1; i >= 0; i--) {
+                        var targetData = queries[i][1];
+                        var _queries = queries[i][0];
+
+                        for (var j=0, queriesLength = _queries.length; j < queriesLength; j++) {
+                                var item = $(_queries[j]);
+
+                                item.data('sortable-item', targetData); // Data for target checking (mouse manager)
+
+                                items.push({
+                                        item: item,
+                                        instance: targetData,
+                                        width: 0, height: 0,
+                                        left: 0, top: 0
+                                });
+                        };
+                };
+
+        },
+
+        refreshPositions: function(fast) {
+
+                //This has to be redone because due to the item being moved out/into the offsetParent, the offsetParent's position will change
+                if(this.offsetParent && this.helper) {
+                        this.offset.parent = this._getParentOffset();
+                }
+
+                for (var i = this.items.length - 1; i >= 0; i--){
+                        var item = this.items[i];
+
+                        //We ignore calculating positions of all connected containers when we're not over them
+                        if(item.instance != this.currentContainer && this.currentContainer && item.item[0] != this.currentItem[0])
+                                continue;
+
+                        var t = this.options.toleranceElement ? $(this.options.toleranceElement, item.item) : item.item;
+
+                        if (!fast) {
+                                item.width = t.outerWidth();
+                                item.height = t.outerHeight();
+                        }
+
+                        var p = t.offset();
+                        item.left = p.left;
+                        item.top = p.top;
+                };
+
+                if(this.options.custom && this.options.custom.refreshContainers) {
+                        this.options.custom.refreshContainers.call(this);
+                } else {
+                        for (var i = this.containers.length - 1; i >= 0; i--){
+                                var p = this.containers[i].element.offset();
+                                this.containers[i].containerCache.left = p.left;
+                                this.containers[i].containerCache.top = p.top;
+                                this.containers[i].containerCache.width = this.containers[i].element.outerWidth();
+                                this.containers[i].containerCache.height = this.containers[i].element.outerHeight();
+                        };
+                }
+
+        },
+
+        _createPlaceholder: function(that) {
+
+                var self = that || this, o = self.options;
+
+                if(!o.placeholder || o.placeholder.constructor == String) {
+                        var className = o.placeholder;
+                        o.placeholder = {
+                                element: function() {
+
+                                        var el = $(document.createElement(self.currentItem[0].nodeName))
+                                                .addClass(className || self.currentItem[0].className+" ui-sortable-placeholder")
+                                                .removeClass("ui-sortable-helper")[0];
+
+                                        if(!className)
+                                                el.style.visibility = "hidden";
+
+                                        return el;
+                                },
+                                update: function(container, p) {
+
+                                        // 1. If a className is set as 'placeholder option, we don't force sizes - the class is responsible for that
+                                        // 2. The option 'forcePlaceholderSize can be enabled to force it even if a class name is specified
+                                        if(className && !o.forcePlaceholderSize) return;
+
+                                        //If the element doesn't have a actual height by itself (without styles coming from a stylesheet), it receives the inline height from the dragged item
+                                        if(!p.height()) { p.height(self.currentItem.innerHeight() - parseInt(self.currentItem.css('paddingTop')||0, 10) - parseInt(self.currentItem.css('paddingBottom')||0, 10)); };
+                                        if(!p.width()) { p.width(self.currentItem.innerWidth() - parseInt(self.currentItem.css('paddingLeft')||0, 10) - parseInt(self.currentItem.css('paddingRight')||0, 10)); };
+                                }
+                        };
+                }
+
+                //Create the placeholder
+                self.placeholder = $(o.placeholder.element.call(self.element, self.currentItem));
+
+                //Append it after the actual current item
+                self.currentItem.after(self.placeholder);
+
+                //Update the size of the placeholder (TODO: Logic to fuzzy, see line 316/317)
+                o.placeholder.update(self, self.placeholder);
+
+        },
+
+        _contactContainers: function(event) {
+                for (var i = this.containers.length - 1; i >= 0; i--){
+
+                        if(this._intersectsWith(this.containers[i].containerCache)) {
+                                if(!this.containers[i].containerCache.over) {
+
+                                        if(this.currentContainer != this.containers[i]) {
+
+                                                //When entering a new container, we will find the item with the least distance and append our item near it
+                                                var dist = 10000; var itemWithLeastDistance = null; var base = this.positionAbs[this.containers[i].floating ? 'left' : 'top'];
+                                                for (var j = this.items.length - 1; j >= 0; j--) {
+                                                        if(!$.ui.contains(this.containers[i].element[0], this.items[j].item[0])) continue;
+                                                        var cur = this.items[j][this.containers[i].floating ? 'left' : 'top'];
+                                                        if(Math.abs(cur - base) < dist) {
+                                                                dist = Math.abs(cur - base); itemWithLeastDistance = this.items[j];
+                                                        }
+                                                }
+
+                                                if(!itemWithLeastDistance && !this.options.dropOnEmpty) //Check if dropOnEmpty is enabled
+                                                        continue;
+
+                                                this.currentContainer = this.containers[i];
+                                                itemWithLeastDistance ? this._rearrange(event, itemWithLeastDistance, null, true) : this._rearrange(event, null, this.containers[i].element, true);
+                                                this._trigger("change", event, this._uiHash());
+                                                this.containers[i]._trigger("change", event, this._uiHash(this));
+
+                                                //Update the placeholder
+                                                this.options.placeholder.update(this.currentContainer, this.placeholder);
+
+                                        }
+
+                                        this.containers[i]._trigger("over", event, this._uiHash(this));
+                                        this.containers[i].containerCache.over = 1;
+                                }
+                        } else {
+                                if(this.containers[i].containerCache.over) {
+                                        this.containers[i]._trigger("out", event, this._uiHash(this));
+                                        this.containers[i].containerCache.over = 0;
+                                }
+                        }
+
+                };
+        },
+
+        _createHelper: function(event) {
+
+                var o = this.options;
+                var helper = $.isFunction(o.helper) ? $(o.helper.apply(this.element[0], [event, this.currentItem])) : (o.helper == 'clone' ? this.currentItem.clone() : this.currentItem);
+
+                if(!helper.parents('body').length) //Add the helper to the DOM if that didn't happen already
+                        $(o.appendTo != 'parent' ? o.appendTo : this.currentItem[0].parentNode)[0].appendChild(helper[0]);
+
+                if(helper[0] == this.currentItem[0])
+                        this._storedCSS = { width: this.currentItem[0].style.width, height: this.currentItem[0].style.height, position: this.currentItem.css("position"), top: this.currentItem.css("top"), left: this.currentItem.css("left") };
+
+                if(helper[0].style.width == '' || o.forceHelperSize) helper.width(this.currentItem.width());
+                if(helper[0].style.height == '' || o.forceHelperSize) helper.height(this.currentItem.height());
+
+                return helper;
+
+        },
+
+        _adjustOffsetFromHelper: function(obj) {
+                if(obj.left != undefined) this.offset.click.left = obj.left + this.margins.left;
+                if(obj.right != undefined) this.offset.click.left = this.helperProportions.width - obj.right + this.margins.left;
+                if(obj.top != undefined) this.offset.click.top = obj.top + this.margins.top;
+                if(obj.bottom != undefined) this.offset.click.top = this.helperProportions.height - obj.bottom + this.margins.top;
+        },
+
+        _getParentOffset: function() {
+
+
+                //Get the offsetParent and cache its position
+                this.offsetParent = this.helper.offsetParent();
+                var po = this.offsetParent.offset();
+
+                // This is a special case where we need to modify a offset calculated on start, since the following happened:
+                // 1. The position of the helper is absolute, so it's position is calculated based on the next positioned parent
+                // 2. The actual offset parent is a child of the scroll parent, and the scroll parent isn't the document, which means that
+                //    the scroll is included in the initial calculation of the offset of the parent, and never recalculated upon drag
+                if(this.cssPosition == 'absolute' && this.scrollParent[0] != document && $.ui.contains(this.scrollParent[0], this.offsetParent[0])) {
+                        po.left += this.scrollParent.scrollLeft();
+                        po.top += this.scrollParent.scrollTop();
+                }
+
+                if((this.offsetParent[0] == document.body) //This needs to be actually done for all browsers, since pageX/pageY includes this information
+                || (this.offsetParent[0].tagName && this.offsetParent[0].tagName.toLowerCase() == 'html' && $.browser.msie)) //Ugly IE fix
+                        po = { top: 0, left: 0 };
+
+                return {
+                        top: po.top + (parseInt(this.offsetParent.css("borderTopWidth"),10) || 0),
+                        left: po.left + (parseInt(this.offsetParent.css("borderLeftWidth"),10) || 0)
+                };
+
+        },
+
+        _getRelativeOffset: function() {
+
+                if(this.cssPosition == "relative") {
+                        var p = this.currentItem.position();
+                        return {
+                                top: p.top - (parseInt(this.helper.css("top"),10) || 0) + this.scrollParent.scrollTop(),
+                                left: p.left - (parseInt(this.helper.css("left"),10) || 0) + this.scrollParent.scrollLeft()
+                        };
+                } else {
+                        return { top: 0, left: 0 };
+                }
+
+        },
+
+        _cacheMargins: function() {
+                this.margins = {
+                        left: (parseInt(this.currentItem.css("marginLeft"),10) || 0),
+                        top: (parseInt(this.currentItem.css("marginTop"),10) || 0)
+                };
+        },
+
+        _cacheHelperProportions: function() {
+                this.helperProportions = {
+                        width: this.helper.outerWidth(),
+                        height: this.helper.outerHeight()
+                };
+        },
+
+        _setContainment: function() {
+
+                var o = this.options;
+                if(o.containment == 'parent') o.containment = this.helper[0].parentNode;
+                if(o.containment == 'document' || o.containment == 'window') this.containment = [
+                        0 - this.offset.relative.left - this.offset.parent.left,
+                        0 - this.offset.relative.top - this.offset.parent.top,
+                        $(o.containment == 'document' ? document : window).width() - this.helperProportions.width - this.margins.left,
+                        ($(o.containment == 'document' ? document : window).height() || document.body.parentNode.scrollHeight) - this.helperProportions.height - this.margins.top
+                ];
+
+                if(!(/^(document|window|parent)$/).test(o.containment)) {
+                        var ce = $(o.containment)[0];
+                        var co = $(o.containment).offset();
+                        var over = ($(ce).css("overflow") != 'hidden');
+
+                        this.containment = [
+                                co.left + (parseInt($(ce).css("borderLeftWidth"),10) || 0) + (parseInt($(ce).css("paddingLeft"),10) || 0) - this.margins.left,
+                                co.top + (parseInt($(ce).css("borderTopWidth"),10) || 0) + (parseInt($(ce).css("paddingTop"),10) || 0) - this.margins.top,
+                                co.left+(over ? Math.max(ce.scrollWidth,ce.offsetWidth) : ce.offsetWidth) - (parseInt($(ce).css("borderLeftWidth"),10) || 0) - (parseInt($(ce).css("paddingRight"),10) || 0) - this.helperProportions.width - this.margins.left,
+                                co.top+(over ? Math.max(ce.scrollHeight,ce.offsetHeight) : ce.offsetHeight) - (parseInt($(ce).css("borderTopWidth"),10) || 0) - (parseInt($(ce).css("paddingBottom"),10) || 0) - this.helperProportions.height - this.margins.top
+                        ];
+                }
+
+        },
+
+        _convertPositionTo: function(d, pos) {
+
+                if(!pos) pos = this.position;
+                var mod = d == "absolute" ? 1 : -1;
+                var o = this.options, scroll = this.cssPosition == 'absolute' && !(this.scrollParent[0] != document && $.ui.contains(this.scrollParent[0], this.offsetParent[0])) ? this.offsetParent : this.scrollParent, scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
+
+                return {
+                        top: (
+                                pos.top                                                                                                                                 // The absolute mouse position
+                                + this.offset.relative.top * mod                                                                                // Only for relative positioned nodes: Relative offset from element to offset parent
+                                + this.offset.parent.top * mod                                                                                  // The offsetParent's offset without borders (offset + border)
+                                - ($.browser.safari && this.cssPosition == 'fixed' ? 0 : ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollTop() : ( scrollIsRootNode ? 0 : scroll.scrollTop() ) ) * mod)
+                        ),
+                        left: (
+                                pos.left                                                                                                                                // The absolute mouse position
+                                + this.offset.relative.left * mod                                                                               // Only for relative positioned nodes: Relative offset from element to offset parent
+                                + this.offset.parent.left * mod                                                                                 // The offsetParent's offset without borders (offset + border)
+                                - ($.browser.safari && this.cssPosition == 'fixed' ? 0 : ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollLeft() : scrollIsRootNode ? 0 : scroll.scrollLeft() ) * mod)
+                        )
+                };
+
+        },
+
+        _generatePosition: function(event) {
+
+                var o = this.options, scroll = this.cssPosition == 'absolute' && !(this.scrollParent[0] != document && $.ui.contains(this.scrollParent[0], this.offsetParent[0])) ? this.offsetParent : this.scrollParent, scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
+
+                // This is another very weird special case that only happens for relative elements:
+                // 1. If the css position is relative
+                // 2. and the scroll parent is the document or similar to the offset parent
+                // we have to refresh the relative offset during the scroll so there are no jumps
+                if(this.cssPosition == 'relative' && !(this.scrollParent[0] != document && this.scrollParent[0] != this.offsetParent[0])) {
+                        this.offset.relative = this._getRelativeOffset();
+                }
+
+                var pageX = event.pageX;
+                var pageY = event.pageY;
+
+                /*
+                 * - Position constraining -
+                 * Constrain the position to a mix of grid, containment.
+                 */
+
+                if(this.originalPosition) { //If we are not dragging yet, we won't check for options
+
+                        if(this.containment) {
+                                if(event.pageX - this.offset.click.left < this.containment[0]) pageX = this.containment[0] + this.offset.click.left;
+                                if(event.pageY - this.offset.click.top < this.containment[1]) pageY = this.containment[1] + this.offset.click.top;
+                                if(event.pageX - this.offset.click.left > this.containment[2]) pageX = this.containment[2] + this.offset.click.left;
+                                if(event.pageY - this.offset.click.top > this.containment[3]) pageY = this.containment[3] + this.offset.click.top;
+                        }
+
+                        if(o.grid) {
+                                var top = this.originalPageY + Math.round((pageY - this.originalPageY) / o.grid[1]) * o.grid[1];
+                                pageY = this.containment ? (!(top - this.offset.click.top < this.containment[1] || top - this.offset.click.top > this.containment[3]) ? top : (!(top - this.offset.click.top < this.containment[1]) ? top - o.grid[1] : top + o.grid[1])) : top;
+
+                                var left = this.originalPageX + Math.round((pageX - this.originalPageX) / o.grid[0]) * o.grid[0];
+                                pageX = this.containment ? (!(left - this.offset.click.left < this.containment[0] || left - this.offset.click.left > this.containment[2]) ? left : (!(left - this.offset.click.left < this.containment[0]) ? left - o.grid[0] : left + o.grid[0])) : left;
+                        }
+
+                }
+
+                return {
+                        top: (
+                                pageY                                                                                                                           // The absolute mouse position
+                                - this.offset.click.top                                                                                                 // Click offset (relative to the element)
+                                - this.offset.relative.top                                                                                              // Only for relative positioned nodes: Relative offset from element to offset parent
+                                - this.offset.parent.top                                                                                                // The offsetParent's offset without borders (offset + border)
+                                + ($.browser.safari && this.cssPosition == 'fixed' ? 0 : ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollTop() : ( scrollIsRootNode ? 0 : scroll.scrollTop() ) ))
+                        ),
+                        left: (
+                                pageX                                                                                                                           // The absolute mouse position
+                                - this.offset.click.left                                                                                                // Click offset (relative to the element)
+                                - this.offset.relative.left                                                                                             // Only for relative positioned nodes: Relative offset from element to offset parent
+                                - this.offset.parent.left                                                                                               // The offsetParent's offset without borders (offset + border)
+                                + ($.browser.safari && this.cssPosition == 'fixed' ? 0 : ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollLeft() : scrollIsRootNode ? 0 : scroll.scrollLeft() ))
+                        )
+                };
+
+        },
+
+        _rearrange: function(event, i, a, hardRefresh) {
+
+                a ? a[0].appendChild(this.placeholder[0]) : i.item[0].parentNode.insertBefore(this.placeholder[0], (this.direction == 'down' ? i.item[0] : i.item[0].nextSibling));
+
+                //Various things done here to improve the performance:
+                // 1. we create a setTimeout, that calls refreshPositions
+                // 2. on the instance, we have a counter variable, that get's higher after every append
+                // 3. on the local scope, we copy the counter variable, and check in the timeout, if it's still the same
+                // 4. this lets only the last addition to the timeout stack through
+                this.counter = this.counter ? ++this.counter : 1;
+                var self = this, counter = this.counter;
+
+                window.setTimeout(function() {
+                        if(counter == self.counter) self.refreshPositions(!hardRefresh); //Precompute after each DOM insertion, NOT on mousemove
+                },0);
+
+        },
+
+        _clear: function(event, noPropagation) {
+
+                this.reverting = false;
+                // We delay all events that have to be triggered to after the point where the placeholder has been removed and
+                // everything else normalized again
+                var delayedTriggers = [], self = this;
+
+                // We first have to update the dom position of the actual currentItem
+                // Note: don't do it if the current item is already removed (by a user), or it gets reappended (see #4088)
+                if(!this._noFinalSort && this.currentItem[0].parentNode) this.placeholder.before(this.currentItem);
+                this._noFinalSort = null;
+
+                if(this.helper[0] == this.currentItem[0]) {
+                        for(var i in this._storedCSS) {
+                                if(this._storedCSS[i] == 'auto' || this._storedCSS[i] == 'static') this._storedCSS[i] = '';
+                        }
+                        this.currentItem.css(this._storedCSS).removeClass("ui-sortable-helper");
+                } else {
+                        this.currentItem.show();
+                }
+
+                if(this.fromOutside && !noPropagation) delayedTriggers.push(function(event) { this._trigger("receive", event, this._uiHash(this.fromOutside)); });
+                if((this.fromOutside || this.domPosition.prev != this.currentItem.prev().not(".ui-sortable-helper")[0] || this.domPosition.parent != this.currentItem.parent()[0]) && !noPropagation) delayedTriggers.push(function(event) { this._trigger("update", event, this._uiHash()); }); //Trigger update callback if the DOM position has changed
+                if(!$.ui.contains(this.element[0], this.currentItem[0])) { //Node was moved out of the current element
+                        if(!noPropagation) delayedTriggers.push(function(event) { this._trigger("remove", event, this._uiHash()); });
+                        for (var i = this.containers.length - 1; i >= 0; i--){
+                                if($.ui.contains(this.containers[i].element[0], this.currentItem[0]) && !noPropagation) {
+                                        delayedTriggers.push((function(c) { return function(event) { c._trigger("receive", event, this._uiHash(this)); };  }).call(this, this.containers[i]));
+                                        delayedTriggers.push((function(c) { return function(event) { c._trigger("update", event, this._uiHash(this));  }; }).call(this, this.containers[i]));
+                                }
+                        };
+                };
+
+                //Post events to containers
+                for (var i = this.containers.length - 1; i >= 0; i--){
+                        if(!noPropagation) delayedTriggers.push((function(c) { return function(event) { c._trigger("deactivate", event, this._uiHash(this)); };  }).call(this, this.containers[i]));
+                        if(this.containers[i].containerCache.over) {
+                                delayedTriggers.push((function(c) { return function(event) { c._trigger("out", event, this._uiHash(this)); };  }).call(this, this.containers[i]));
+                                this.containers[i].containerCache.over = 0;
+                        }
+                }
+
+                //Do what was originally in plugins
+                if(this._storedCursor) $('body').css("cursor", this._storedCursor); //Reset cursor
+                if(this._storedOpacity) this.helper.css("opacity", this._storedOpacity); //Reset cursor
+                if(this._storedZIndex) this.helper.css("zIndex", this._storedZIndex == 'auto' ? '' : this._storedZIndex); //Reset z-index
+
+                this.dragging = false;
+                if(this.cancelHelperRemoval) {
+                        if(!noPropagation) {
+                                this._trigger("beforeStop", event, this._uiHash());
+                                for (var i=0; i < delayedTriggers.length; i++) { delayedTriggers[i].call(this, event); }; //Trigger all delayed events
+                                this._trigger("stop", event, this._uiHash());
+                        }
+                        return false;
+                }
+
+                if(!noPropagation) this._trigger("beforeStop", event, this._uiHash());
+
+                //$(this.placeholder[0]).remove(); would have been the jQuery way - unfortunately, it unbinds ALL events from the original node!
+                this.placeholder[0].parentNode.removeChild(this.placeholder[0]);
+
+                if(this.helper[0] != this.currentItem[0]) this.helper.remove(); this.helper = null;
+
+                if(!noPropagation) {
+                        for (var i=0; i < delayedTriggers.length; i++) { delayedTriggers[i].call(this, event); }; //Trigger all delayed events
+                        this._trigger("stop", event, this._uiHash());
+                }
+
+                this.fromOutside = false;
+                return true;
+
+        },
+
+        _trigger: function() {
+                if ($.widget.prototype._trigger.apply(this, arguments) === false) {
+                        this.cancel();
+                }
+        },
+
+        _uiHash: function(inst) {
+                var self = inst || this;
+                return {
+                        helper: self.helper,
+                        placeholder: self.placeholder || $([]),
+                        position: self.position,
+                        absolutePosition: self.positionAbs, //deprecated
+                        offset: self.positionAbs,
+                        item: self.currentItem,
+                        sender: inst ? inst.element : null
+                };
+        }
+
+}));
+
+$.extend($.ui.sortable, {
+        getter: "serialize toArray",
+        version: "1.7.2",
+        eventPrefix: "sort",
+        defaults: {
+                appendTo: "parent",
+                axis: false,
+                cancel: ":input,option",
+                connectWith: false,
+                containment: false,
+                cursor: 'auto',
+                cursorAt: false,
+                delay: 0,
+                distance: 1,
+                dropOnEmpty: true,
+                forcePlaceholderSize: false,
+                forceHelperSize: false,
+                grid: false,
+                handle: false,
+                helper: "original",
+                items: '> *',
+                opacity: false,
+                placeholder: false,
+                revert: false,
+                scroll: true,
+                scrollSensitivity: 20,
+                scrollSpeed: 20,
+                scope: "default",
+                tolerance: "intersect",
+                zIndex: 1000
+        }
+});
+
+})(jQuery);
+/*
+ * jQuery UI Accordion 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Accordion
+ *
+ * Depends:
+ *      ui.core.js
+ */
+(function($) {
+
+$.widget("ui.accordion", {
+
+        _init: function() {
+
+                var o = this.options, self = this;
+                this.running = 0;
+
+                // if the user set the alwaysOpen option on init
+                // then we need to set the collapsible option
+                // if they set both on init, collapsible will take priority
+                if (o.collapsible == $.ui.accordion.defaults.collapsible &&
+                        o.alwaysOpen != $.ui.accordion.defaults.alwaysOpen) {
+                        o.collapsible = !o.alwaysOpen;
+                }
+
+                if ( o.navigation ) {
+                        var current = this.element.find("a").filter(o.navigationFilter);
+                        if ( current.length ) {
+                                if ( current.filter(o.header).length ) {
+                                        this.active = current;
+                                } else {
+                                        this.active = current.parent().parent().prev();
+                                        current.addClass("ui-accordion-content-active");
+                                }
+                        }
+                }
+
+                this.element.addClass("ui-accordion ui-widget ui-helper-reset");
+                
+                // in lack of child-selectors in CSS we need to mark top-LIs in a UL-accordion for some IE-fix
+                if (this.element[0].nodeName == "UL") {
+                        this.element.children("li").addClass("ui-accordion-li-fix");
+                }
+
+                this.headers = this.element.find(o.header).addClass("ui-accordion-header ui-helper-reset ui-state-default ui-corner-all")
+                        .bind("mouseenter.accordion", function(){ $(this).addClass('ui-state-hover'); })
+                        .bind("mouseleave.accordion", function(){ $(this).removeClass('ui-state-hover'); })
+                        .bind("focus.accordion", function(){ $(this).addClass('ui-state-focus'); })
+                        .bind("blur.accordion", function(){ $(this).removeClass('ui-state-focus'); });
+
+                this.headers
+                        .next()
+                                .addClass("ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom");
+
+                this.active = this._findActive(this.active || o.active).toggleClass("ui-state-default").toggleClass("ui-state-active").toggleClass("ui-corner-all").toggleClass("ui-corner-top");
+                this.active.next().addClass('ui-accordion-content-active');
+
+                //Append icon elements
+                $("<span/>").addClass("ui-icon " + o.icons.header).prependTo(this.headers);
+                this.active.find(".ui-icon").toggleClass(o.icons.header).toggleClass(o.icons.headerSelected);
+
+                // IE7-/Win - Extra vertical space in lists fixed
+                if ($.browser.msie) {
+                        this.element.find('a').css('zoom', '1');
+                }
+
+                this.resize();
+
+                //ARIA
+                this.element.attr('role','tablist');
+
+                this.headers
+                        .attr('role','tab')
+                        .bind('keydown', function(event) { return self._keydown(event); })
+                        .next()
+                        .attr('role','tabpanel');
+
+                this.headers
+                        .not(this.active || "")
+                        .attr('aria-expanded','false')
+                        .attr("tabIndex", "-1")
+                        .next()
+                        .hide();
+
+                // make sure at least one header is in the tab order
+                if (!this.active.length) {
+                        this.headers.eq(0).attr('tabIndex','0');
+                } else {
+                        this.active
+                                .attr('aria-expanded','true')
+                                .attr('tabIndex', '0');
+                }
+
+                // only need links in taborder for Safari
+                if (!$.browser.safari)
+                        this.headers.find('a').attr('tabIndex','-1');
+
+                if (o.event) {
+                        this.headers.bind((o.event) + ".accordion", function(event) { return self._clickHandler.call(self, event, this); });
+                }
+
+        },
+
+        destroy: function() {
+                var o = this.options;
+
+                this.element
+                        .removeClass("ui-accordion ui-widget ui-helper-reset")
+                        .removeAttr("role")
+                        .unbind('.accordion')
+                        .removeData('accordion');
+
+                this.headers
+                        .unbind(".accordion")
+                        .removeClass("ui-accordion-header ui-helper-reset ui-state-default ui-corner-all ui-state-active ui-corner-top")
+                        .removeAttr("role").removeAttr("aria-expanded").removeAttr("tabindex");
+
+                this.headers.find("a").removeAttr("tabindex");
+                this.headers.children(".ui-icon").remove();
+                var contents = this.headers.next().css("display", "").removeAttr("role").removeClass("ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content ui-accordion-content-active");
+                if (o.autoHeight || o.fillHeight) {
+                        contents.css("height", "");
+                }
+        },
+        
+        _setData: function(key, value) {
+                if(key == 'alwaysOpen') { key = 'collapsible'; value = !value; }
+                $.widget.prototype._setData.apply(this, arguments);     
+        },
+
+        _keydown: function(event) {
+
+                var o = this.options, keyCode = $.ui.keyCode;
+
+                if (o.disabled || event.altKey || event.ctrlKey)
+                        return;
+
+                var length = this.headers.length;
+                var currentIndex = this.headers.index(event.target);
+                var toFocus = false;
+
+                switch(event.keyCode) {
+                        case keyCode.RIGHT:
+                        case keyCode.DOWN:
+                                toFocus = this.headers[(currentIndex + 1) % length];
+                                break;
+                        case keyCode.LEFT:
+                        case keyCode.UP:
+                                toFocus = this.headers[(currentIndex - 1 + length) % length];
+                                break;
+                        case keyCode.SPACE:
+                        case keyCode.ENTER:
+                                return this._clickHandler({ target: event.target }, event.target);
+                }
+
+                if (toFocus) {
+                        $(event.target).attr('tabIndex','-1');
+                        $(toFocus).attr('tabIndex','0');
+                        toFocus.focus();
+                        return false;
+                }
+
+                return true;
+
+        },
+
+        resize: function() {
+
+                var o = this.options, maxHeight;
+
+                if (o.fillSpace) {
+                        
+                        if($.browser.msie) { var defOverflow = this.element.parent().css('overflow'); this.element.parent().css('overflow', 'hidden'); }
+                        maxHeight = this.element.parent().height();
+                        if($.browser.msie) { this.element.parent().css('overflow', defOverflow); }
+        
+                        this.headers.each(function() {
+                                maxHeight -= $(this).outerHeight();
+                        });
+
+                        var maxPadding = 0;
+                        this.headers.next().each(function() {
+                                maxPadding = Math.max(maxPadding, $(this).innerHeight() - $(this).height());
+                        }).height(Math.max(0, maxHeight - maxPadding))
+                        .css('overflow', 'auto');
+
+                } else if ( o.autoHeight ) {
+                        maxHeight = 0;
+                        this.headers.next().each(function() {
+                                maxHeight = Math.max(maxHeight, $(this).outerHeight());
+                        }).height(maxHeight);
+                }
+
+        },
+
+        activate: function(index) {
+                // call clickHandler with custom event
+                var active = this._findActive(index)[0];
+                this._clickHandler({ target: active }, active);
+        },
+
+        _findActive: function(selector) {
+                return selector
+                        ? typeof selector == "number"
+                                ? this.headers.filter(":eq(" + selector + ")")
+                                : this.headers.not(this.headers.not(selector))
+                        : selector === false
+                                ? $([])
+                                : this.headers.filter(":eq(0)");
+        },
+
+        _clickHandler: function(event, target) {
+
+                var o = this.options;
+                if (o.disabled) return false;
+
+                // called only when using activate(false) to close all parts programmatically
+                if (!event.target && o.collapsible) {
+                        this.active.removeClass("ui-state-active ui-corner-top").addClass("ui-state-default ui-corner-all")
+                                .find(".ui-icon").removeClass(o.icons.headerSelected).addClass(o.icons.header);
+                        this.active.next().addClass('ui-accordion-content-active');
+                        var toHide = this.active.next(),
+                                data = {
+                                        options: o,
+                                        newHeader: $([]),
+                                        oldHeader: o.active,
+                                        newContent: $([]),
+                                        oldContent: toHide
+                                },
+                                toShow = (this.active = $([]));
+                        this._toggle(toShow, toHide, data);
+                        return false;
+                }
+
+                // get the click target
+                var clicked = $(event.currentTarget || target);
+                var clickedIsActive = clicked[0] == this.active[0];
+
+                // if animations are still active, or the active header is the target, ignore click
+                if (this.running || (!o.collapsible && clickedIsActive)) {
+                        return false;
+                }
+
+                // switch classes
+                this.active.removeClass("ui-state-active ui-corner-top").addClass("ui-state-default ui-corner-all")
+                        .find(".ui-icon").removeClass(o.icons.headerSelected).addClass(o.icons.header);
+                this.active.next().addClass('ui-accordion-content-active');
+                if (!clickedIsActive) {
+                        clicked.removeClass("ui-state-default ui-corner-all").addClass("ui-state-active ui-corner-top")
+                                .find(".ui-icon").removeClass(o.icons.header).addClass(o.icons.headerSelected);
+                        clicked.next().addClass('ui-accordion-content-active');
+                }
+
+                // find elements to show and hide
+                var toShow = clicked.next(),
+                        toHide = this.active.next(),
+                        data = {
+                                options: o,
+                                newHeader: clickedIsActive && o.collapsible ? $([]) : clicked,
+                                oldHeader: this.active,
+                                newContent: clickedIsActive && o.collapsible ? $([]) : toShow.find('> *'),
+                                oldContent: toHide.find('> *')
+                        },
+                        down = this.headers.index( this.active[0] ) > this.headers.index( clicked[0] );
+
+                this.active = clickedIsActive ? $([]) : clicked;
+                this._toggle(toShow, toHide, data, clickedIsActive, down);
+
+                return false;
+
+        },
+
+        _toggle: function(toShow, toHide, data, clickedIsActive, down) {
+
+                var o = this.options, self = this;
+
+                this.toShow = toShow;
+                this.toHide = toHide;
+                this.data = data;
+
+                var complete = function() { if(!self) return; return self._completed.apply(self, arguments); };
+
+                // trigger changestart event
+                this._trigger("changestart", null, this.data);
+
+                // count elements to animate
+                this.running = toHide.size() === 0 ? toShow.size() : toHide.size();
+
+                if (o.animated) {
+
+                        var animOptions = {};
+
+                        if ( o.collapsible && clickedIsActive ) {
+                                animOptions = {
+                                        toShow: $([]),
+                                        toHide: toHide,
+                                        complete: complete,
+                                        down: down,
+                                        autoHeight: o.autoHeight || o.fillSpace
+                                };
+                        } else {
+                                animOptions = {
+                                        toShow: toShow,
+                                        toHide: toHide,
+                                        complete: complete,
+                                        down: down,
+                                        autoHeight: o.autoHeight || o.fillSpace
+                                };
+                        }
+
+                        if (!o.proxied) {
+                                o.proxied = o.animated;
+                        }
+
+                        if (!o.proxiedDuration) {
+                                o.proxiedDuration = o.duration;
+                        }
+
+                        o.animated = $.isFunction(o.proxied) ?
+                                o.proxied(animOptions) : o.proxied;
+
+                        o.duration = $.isFunction(o.proxiedDuration) ?
+                                o.proxiedDuration(animOptions) : o.proxiedDuration;
+
+                        var animations = $.ui.accordion.animations,
+                                duration = o.duration,
+                                easing = o.animated;
+
+                        if (!animations[easing]) {
+                                animations[easing] = function(options) {
+                                        this.slide(options, {
+                                                easing: easing,
+                                                duration: duration || 700
+                                        });
+                                };
+                        }
+
+                        animations[easing](animOptions);
+
+                } else {
+
+                        if (o.collapsible && clickedIsActive) {
+                                toShow.toggle();
+                        } else {
+                                toHide.hide();
+                                toShow.show();
+                        }
+
+                        complete(true);
+
+                }
+
+                toHide.prev().attr('aria-expanded','false').attr("tabIndex", "-1").blur();
+                toShow.prev().attr('aria-expanded','true').attr("tabIndex", "0").focus();
+
+        },
+
+        _completed: function(cancel) {
+
+                var o = this.options;
+
+                this.running = cancel ? 0 : --this.running;
+                if (this.running) return;
+
+                if (o.clearStyle) {
+                        this.toShow.add(this.toHide).css({
+                                height: "",
+                                overflow: ""
+                        });
+                }
+
+                this._trigger('change', null, this.data);
+        }
+
+});
+
+
+$.extend($.ui.accordion, {
+        version: "1.7.2",
+        defaults: {
+                active: null,
+                alwaysOpen: true, //deprecated, use collapsible
+                animated: 'slide',
+                autoHeight: true,
+                clearStyle: false,
+                collapsible: false,
+                event: "click",
+                fillSpace: false,
+                header: "> li > :first-child,> :not(li):even",
+                icons: {
+                        header: "ui-icon-triangle-1-e",
+                        headerSelected: "ui-icon-triangle-1-s"
+                },
+                navigation: false,
+                navigationFilter: function() {
+                        return this.href.toLowerCase() == location.href.toLowerCase();
+                }
+        },
+        animations: {
+                slide: function(options, additions) {
+                        options = $.extend({
+                                easing: "swing",
+                                duration: 300
+                        }, options, additions);
+                        if ( !options.toHide.size() ) {
+                                options.toShow.animate({height: "show"}, options);
+                                return;
+                        }
+                        if ( !options.toShow.size() ) {
+                                options.toHide.animate({height: "hide"}, options);
+                                return;
+                        }
+                        var overflow = options.toShow.css('overflow'),
+                                percentDone,
+                                showProps = {},
+                                hideProps = {},
+                                fxAttrs = [ "height", "paddingTop", "paddingBottom" ],
+                                originalWidth;
+                        // fix width before calculating height of hidden element
+                        var s = options.toShow;
+                        originalWidth = s[0].style.width;
+                        s.width( parseInt(s.parent().width(),10) - parseInt(s.css("paddingLeft"),10) - parseInt(s.css("paddingRight"),10) - (parseInt(s.css("borderLeftWidth"),10) || 0) - (parseInt(s.css("borderRightWidth"),10) || 0) );
+                        
+                        $.each(fxAttrs, function(i, prop) {
+                                hideProps[prop] = 'hide';
+                                
+                                var parts = ('' + $.css(options.toShow[0], prop)).match(/^([\d+-.]+)(.*)$/);
+                                showProps[prop] = {
+                                        value: parts[1],
+                                        unit: parts[2] || 'px'
+                                };
+                        });
+                        options.toShow.css({ height: 0, overflow: 'hidden' }).show();
+                        options.toHide.filter(":hidden").each(options.complete).end().filter(":visible").animate(hideProps,{
+                                step: function(now, settings) {
+                                        // only calculate the percent when animating height
+                                        // IE gets very inconsistent results when animating elements
+                                        // with small values, which is common for padding
+                                        if (settings.prop == 'height') {
+                                                percentDone = (settings.now - settings.start) / (settings.end - settings.start);
+                                        }
+                                        
+                                        options.toShow[0].style[settings.prop] =
+                                                (percentDone * showProps[settings.prop].value) + showProps[settings.prop].unit;
+                                },
+                                duration: options.duration,
+                                easing: options.easing,
+                                complete: function() {
+                                        if ( !options.autoHeight ) {
+                                                options.toShow.css("height", "");
+                                        }
+                                        options.toShow.css("width", originalWidth);
+                                        options.toShow.css({overflow: overflow});
+                                        options.complete();
+                                }
+                        });
+                },
+                bounceslide: function(options) {
+                        this.slide(options, {
+                                easing: options.down ? "easeOutBounce" : "swing",
+                                duration: options.down ? 1000 : 200
+                        });
+                },
+                easeslide: function(options) {
+                        this.slide(options, {
+                                easing: "easeinout",
+                                duration: 700
+                        });
+                }
+        }
+});
+
+})(jQuery);
+/*
+ * jQuery UI Dialog 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Dialog
+ *
+ * Depends:
+ *      ui.core.js
+ *      ui.draggable.js
+ *      ui.resizable.js
+ */
+(function($) {
+
+var setDataSwitch = {
+                dragStart: "start.draggable",
+                drag: "drag.draggable",
+                dragStop: "stop.draggable",
+                maxHeight: "maxHeight.resizable",
+                minHeight: "minHeight.resizable",
+                maxWidth: "maxWidth.resizable",
+                minWidth: "minWidth.resizable",
+                resizeStart: "start.resizable",
+                resize: "drag.resizable",
+                resizeStop: "stop.resizable"
+        },
+        
+        uiDialogClasses =
+                'ui-dialog ' +
+                'ui-widget ' +
+                'ui-widget-content ' +
+                'ui-corner-all ';
+
+$.widget("ui.dialog", {
+
+        _init: function() {
+                this.originalTitle = this.element.attr('title');
+
+                var self = this,
+                        options = this.options,
+
+                        title = options.title || this.originalTitle || '&nbsp;',
+                        titleId = $.ui.dialog.getTitleId(this.element),
+
+                        uiDialog = (this.uiDialog = $('<div/>'))
+                                .appendTo(document.body)
+                                .hide()
+                                .addClass(uiDialogClasses + options.dialogClass)
+                                .css({
+                                        position: 'absolute',
+                                        overflow: 'hidden',
+                                        zIndex: options.zIndex
+                                })
+                                // setting tabIndex makes the div focusable
+                                // setting outline to 0 prevents a border on focus in Mozilla
+                                .attr('tabIndex', -1).css('outline', 0).keydown(function(event) {
+                                        (options.closeOnEscape && event.keyCode
+                                                && event.keyCode == $.ui.keyCode.ESCAPE && self.close(event));
+                                })
+                                .attr({
+                                        role: 'dialog',
+                                        'aria-labelledby': titleId
+                                })
+                                .mousedown(function(event) {
+                                        self.moveToTop(false, event);
+                                }),
+
+                        uiDialogContent = this.element
+                                .show()
+                                .removeAttr('title')
+                                .addClass(
+                                        'ui-dialog-content ' +
+                                        'ui-widget-content')
+                                .appendTo(uiDialog),
+
+                        uiDialogTitlebar = (this.uiDialogTitlebar = $('<div></div>'))
+                                .addClass(
+                                        'ui-dialog-titlebar ' +
+                                        'ui-widget-header ' +
+                                        'ui-corner-all ' +
+                                        'ui-helper-clearfix'
+                                )
+                                .prependTo(uiDialog),
+
+                        uiDialogTitlebarClose = $('<a href="#"/>')
+                                .addClass(
+                                        'ui-dialog-titlebar-close ' +
+                                        'ui-corner-all'
+                                )
+                                .attr('role', 'button')
+                                .hover(
+                                        function() {
+                                                uiDialogTitlebarClose.addClass('ui-state-hover');
+                                        },
+                                        function() {
+                                                uiDialogTitlebarClose.removeClass('ui-state-hover');
+                                        }
+                                )
+                                .focus(function() {
+                                        uiDialogTitlebarClose.addClass('ui-state-focus');
+                                })
+                                .blur(function() {
+                                        uiDialogTitlebarClose.removeClass('ui-state-focus');
+                                })
+                                .mousedown(function(ev) {
+                                        ev.stopPropagation();
+                                })
+                                .click(function(event) {
+                                        self.close(event);
+                                        return false;
+                                })
+                                .appendTo(uiDialogTitlebar),
+
+                        uiDialogTitlebarCloseText = (this.uiDialogTitlebarCloseText = $('<span/>'))
+                                .addClass(
+                                        'ui-icon ' +
+                                        'ui-icon-closethick'
+                                )
+                                .text(options.closeText)
+                                .appendTo(uiDialogTitlebarClose),
+
+                        uiDialogTitle = $('<span/>')
+                                .addClass('ui-dialog-title')
+                                .attr('id', titleId)
+                                .html(title)
+                                .prependTo(uiDialogTitlebar);
+
+                uiDialogTitlebar.find("*").add(uiDialogTitlebar).disableSelection();
+
+                (options.draggable && $.fn.draggable && this._makeDraggable());
+                (options.resizable && $.fn.resizable && this._makeResizable());
+
+                this._createButtons(options.buttons);
+                this._isOpen = false;
+
+                (options.bgiframe && $.fn.bgiframe && uiDialog.bgiframe());
+                (options.autoOpen && this.open());
+                
+        },
+
+        destroy: function() {
+                (this.overlay && this.overlay.destroy());
+                this.uiDialog.hide();
+                this.element
+                        .unbind('.dialog')
+                        .removeData('dialog')
+                        .removeClass('ui-dialog-content ui-widget-content')
+                        .hide().appendTo('body');
+                this.uiDialog.remove();
+
+                (this.originalTitle && this.element.attr('title', this.originalTitle));
+        },
+
+        close: function(event) {
+                var self = this;
+                
+                if (false === self._trigger('beforeclose', event)) {
+                        return;
+                }
+
+                (self.overlay && self.overlay.destroy());
+                self.uiDialog.unbind('keypress.ui-dialog');
+
+                (self.options.hide
+                        ? self.uiDialog.hide(self.options.hide, function() {
+                                self._trigger('close', event);
+                        })
+                        : self.uiDialog.hide() && self._trigger('close', event));
+
+                $.ui.dialog.overlay.resize();
+
+                self._isOpen = false;
+                
+                // adjust the maxZ to allow other modal dialogs to continue to work (see #4309)
+                if (self.options.modal) {
+                        var maxZ = 0;
+                        $('.ui-dialog').each(function() {
+                                if (this != self.uiDialog[0]) {
+                                        maxZ = Math.max(maxZ, $(this).css('z-index'));
+                                }
+                        });
+                        $.ui.dialog.maxZ = maxZ;
+                }
+        },
+
+        isOpen: function() {
+                return this._isOpen;
+        },
+
+        // the force parameter allows us to move modal dialogs to their correct
+        // position on open
+        moveToTop: function(force, event) {
+
+                if ((this.options.modal && !force)
+                        || (!this.options.stack && !this.options.modal)) {
+                        return this._trigger('focus', event);
+                }
+                
+                if (this.options.zIndex > $.ui.dialog.maxZ) {
+                        $.ui.dialog.maxZ = this.options.zIndex;
+                }
+                (this.overlay && this.overlay.$el.css('z-index', $.ui.dialog.overlay.maxZ = ++$.ui.dialog.maxZ));
+
+                //Save and then restore scroll since Opera 9.5+ resets when parent z-Index is changed.
+                //  http://ui.jquery.com/bugs/ticket/3193
+                var saveScroll = { scrollTop: this.element.attr('scrollTop'), scrollLeft: this.element.attr('scrollLeft') };
+                this.uiDialog.css('z-index', ++$.ui.dialog.maxZ);
+                this.element.attr(saveScroll);
+                this._trigger('focus', event);
+        },
+
+        open: function() {
+                if (this._isOpen) { return; }
+
+                var options = this.options,
+                        uiDialog = this.uiDialog;
+
+                this.overlay = options.modal ? new $.ui.dialog.overlay(this) : null;
+                (uiDialog.next().length && uiDialog.appendTo('body'));
+                this._size();
+                this._position(options.position);
+                uiDialog.show(options.show);
+                this.moveToTop(true);
+
+                // prevent tabbing out of modal dialogs
+                (options.modal && uiDialog.bind('keypress.ui-dialog', function(event) {
+                        if (event.keyCode != $.ui.keyCode.TAB) {
+                                return;
+                        }
+
+                        var tabbables = $(':tabbable', this),
+                                first = tabbables.filter(':first')[0],
+                                last  = tabbables.filter(':last')[0];
+
+                        if (event.target == last && !event.shiftKey) {
+                                setTimeout(function() {
+                                        first.focus();
+                                }, 1);
+                        } else if (event.target == first && event.shiftKey) {
+                                setTimeout(function() {
+                                        last.focus();
+                                }, 1);
+                        }
+                }));
+
+                // set focus to the first tabbable element in the content area or the first button
+                // if there are no tabbable elements, set focus on the dialog itself
+                $([])
+                        .add(uiDialog.find('.ui-dialog-content :tabbable:first'))
+                        .add(uiDialog.find('.ui-dialog-buttonpane :tabbable:first'))
+                        .add(uiDialog)
+                        .filter(':first')
+                        .focus();
+
+                this._trigger('open');
+                this._isOpen = true;
+        },
+
+        _createButtons: function(buttons) {
+                var self = this,
+                        hasButtons = false,
+                        uiDialogButtonPane = $('<div></div>')
+                                .addClass(
+                                        'ui-dialog-buttonpane ' +
+                                        'ui-widget-content ' +
+                                        'ui-helper-clearfix'
+                                );
+
+                // if we already have a button pane, remove it
+                this.uiDialog.find('.ui-dialog-buttonpane').remove();
+
+                (typeof buttons == 'object' && buttons !== null &&
+                        $.each(buttons, function() { return !(hasButtons = true); }));
+                if (hasButtons) {
+                        $.each(buttons, function(name, fn) {
+                                $('<button type="button"></button>')
+                                        .addClass(
+                                                'ui-state-default ' +
+                                                'ui-corner-all'
+                                        )
+                                        .text(name)
+                                        .click(function() { fn.apply(self.element[0], arguments); })
+                                        .hover(
+                                                function() {
+                                                        $(this).addClass('ui-state-hover');
+                                                },
+                                                function() {
+                                                        $(this).removeClass('ui-state-hover');
+                                                }
+                                        )
+                                        .focus(function() {
+                                                $(this).addClass('ui-state-focus');
+                                        })
+                                        .blur(function() {
+                                                $(this).removeClass('ui-state-focus');
+                                        })
+                                        .appendTo(uiDialogButtonPane);
+                        });
+                        uiDialogButtonPane.appendTo(this.uiDialog);
+                }
+        },
+
+        _makeDraggable: function() {
+                var self = this,
+                        options = this.options,
+                        heightBeforeDrag;
+
+                this.uiDialog.draggable({
+                        cancel: '.ui-dialog-content',
+                        handle: '.ui-dialog-titlebar',
+                        containment: 'document',
+                        start: function() {
+                                heightBeforeDrag = options.height;
+                                $(this).height($(this).height()).addClass("ui-dialog-dragging");
+                                (options.dragStart && options.dragStart.apply(self.element[0], arguments));
+                        },
+                        drag: function() {
+                                (options.drag && options.drag.apply(self.element[0], arguments));
+                        },
+                        stop: function() {
+                                $(this).removeClass("ui-dialog-dragging").height(heightBeforeDrag);
+                                (options.dragStop && options.dragStop.apply(self.element[0], arguments));
+                                $.ui.dialog.overlay.resize();
+                        }
+                });
+        },
+
+        _makeResizable: function(handles) {
+                handles = (handles === undefined ? this.options.resizable : handles);
+                var self = this,
+                        options = this.options,
+                        resizeHandles = typeof handles == 'string'
+                                ? handles
+                                : 'n,e,s,w,se,sw,ne,nw';
+
+                this.uiDialog.resizable({
+                        cancel: '.ui-dialog-content',
+                        alsoResize: this.element,
+                        maxWidth: options.maxWidth,
+                        maxHeight: options.maxHeight,
+                        minWidth: options.minWidth,
+                        minHeight: options.minHeight,
+                        start: function() {
+                                $(this).addClass("ui-dialog-resizing");
+                                (options.resizeStart && options.resizeStart.apply(self.element[0], arguments));
+                        },
+                        resize: function() {
+                                (options.resize && options.resize.apply(self.element[0], arguments));
+                        },
+                        handles: resizeHandles,
+                        stop: function() {
+                                $(this).removeClass("ui-dialog-resizing");
+                                options.height = $(this).height();
+                                options.width = $(this).width();
+                                (options.resizeStop && options.resizeStop.apply(self.element[0], arguments));
+                                $.ui.dialog.overlay.resize();
+                        }
+                })
+                .find('.ui-resizable-se').addClass('ui-icon ui-icon-grip-diagonal-se');
+        },
+
+        _position: function(pos) {
+                var wnd = $(window), doc = $(document),
+                        pTop = doc.scrollTop(), pLeft = doc.scrollLeft(),
+                        minTop = pTop;
+
+                if ($.inArray(pos, ['center','top','right','bottom','left']) >= 0) {
+                        pos = [
+                                pos == 'right' || pos == 'left' ? pos : 'center',
+                                pos == 'top' || pos == 'bottom' ? pos : 'middle'
+                        ];
+                }
+                if (pos.constructor != Array) {
+                        pos = ['center', 'middle'];
+                }
+                if (pos[0].constructor == Number) {
+                        pLeft += pos[0];
+                } else {
+                        switch (pos[0]) {
+                                case 'left':
+                                        pLeft += 0;
+                                        break;
+                                case 'right':
+                                        pLeft += wnd.width() - this.uiDialog.outerWidth();
+                                        break;
+                                default:
+                                case 'center':
+                                        pLeft += (wnd.width() - this.uiDialog.outerWidth()) / 2;
+                        }
+                }
+                if (pos[1].constructor == Number) {
+                        pTop += pos[1];
+                } else {
+                        switch (pos[1]) {
+                                case 'top':
+                                        pTop += 0;
+                                        break;
+                                case 'bottom':
+                                        pTop += wnd.height() - this.uiDialog.outerHeight();
+                                        break;
+                                default:
+                                case 'middle':
+                                        pTop += (wnd.height() - this.uiDialog.outerHeight()) / 2;
+                        }
+                }
+
+                // prevent the dialog from being too high (make sure the titlebar
+                // is accessible)
+                pTop = Math.max(pTop, minTop);
+                this.uiDialog.css({top: pTop, left: pLeft});
+        },
+
+        _setData: function(key, value){
+                (setDataSwitch[key] && this.uiDialog.data(setDataSwitch[key], value));
+                switch (key) {
+                        case "buttons":
+                                this._createButtons(value);
+                                break;
+                        case "closeText":
+                                this.uiDialogTitlebarCloseText.text(value);
+                                break;
+                        case "dialogClass":
+                                this.uiDialog
+                                        .removeClass(this.options.dialogClass)
+                                        .addClass(uiDialogClasses + value);
+                                break;
+                        case "draggable":
+                                (value
+                                        ? this._makeDraggable()
+                                        : this.uiDialog.draggable('destroy'));
+                                break;
+                        case "height":
+                                this.uiDialog.height(value);
+                                break;
+                        case "position":
+                                this._position(value);
+                                break;
+                        case "resizable":
+                                var uiDialog = this.uiDialog,
+                                        isResizable = this.uiDialog.is(':data(resizable)');
+
+                                // currently resizable, becoming non-resizable
+                                (isResizable && !value && uiDialog.resizable('destroy'));
+
+                                // currently resizable, changing handles
+                                (isResizable && typeof value == 'string' &&
+                                        uiDialog.resizable('option', 'handles', value));
+
+                                // currently non-resizable, becoming resizable
+                                (isResizable || this._makeResizable(value));
+                                break;
+                        case "title":
+                                $(".ui-dialog-title", this.uiDialogTitlebar).html(value || '&nbsp;');
+                                break;
+                        case "width":
+                                this.uiDialog.width(value);
+                                break;
+                }
+
+                $.widget.prototype._setData.apply(this, arguments);
+        },
+
+        _size: function() {
+                /* If the user has resized the dialog, the .ui-dialog and .ui-dialog-content
+                 * divs will both have width and height set, so we need to reset them
+                 */
+                var options = this.options;
+
+                // reset content sizing
+                this.element.css({
+                        height: 0,
+                        minHeight: 0,
+                        width: 'auto'
+                });
+
+                // reset wrapper sizing
+                // determine the height of all the non-content elements
+                var nonContentHeight = this.uiDialog.css({
+                                height: 'auto',
+                                width: options.width
+                        })
+                        .height();
+
+                this.element
+                        .css({
+                                minHeight: Math.max(options.minHeight - nonContentHeight, 0),
+                                height: options.height == 'auto'
+                                        ? 'auto'
+                                        : Math.max(options.height - nonContentHeight, 0)
+                        });
+        }
+});
+
+$.extend($.ui.dialog, {
+        version: "1.7.2",
+        defaults: {
+                autoOpen: true,
+                bgiframe: false,
+                buttons: {},
+                closeOnEscape: true,
+                closeText: 'close',
+                dialogClass: '',
+                draggable: true,
+                hide: null,
+                height: 'auto',
+                maxHeight: false,
+                maxWidth: false,
+                minHeight: 150,
+                minWidth: 150,
+                modal: false,
+                position: 'center',
+                resizable: true,
+                show: null,
+                stack: true,
+                title: '',
+                width: 300,
+                zIndex: 1000
+        },
+
+        getter: 'isOpen',
+
+        uuid: 0,
+        maxZ: 0,
+
+        getTitleId: function($el) {
+                return 'ui-dialog-title-' + ($el.attr('id') || ++this.uuid);
+        },
+
+        overlay: function(dialog) {
+                this.$el = $.ui.dialog.overlay.create(dialog);
+        }
+});
+
+$.extend($.ui.dialog.overlay, {
+        instances: [],
+        maxZ: 0,
+        events: $.map('focus,mousedown,mouseup,keydown,keypress,click'.split(','),
+                function(event) { return event + '.dialog-overlay'; }).join(' '),
+        create: function(dialog) {
+                if (this.instances.length === 0) {
+                        // prevent use of anchors and inputs
+                        // we use a setTimeout in case the overlay is created from an
+                        // event that we're going to be cancelling (see #2804)
+                        setTimeout(function() {
+                                // handle $(el).dialog().dialog('close') (see #4065)
+                                if ($.ui.dialog.overlay.instances.length) {
+                                        $(document).bind($.ui.dialog.overlay.events, function(event) {
+                                                var dialogZ = $(event.target).parents('.ui-dialog').css('zIndex') || 0;
+                                                return (dialogZ > $.ui.dialog.overlay.maxZ);
+                                        });
+                                }
+                        }, 1);
+
+                        // allow closing by pressing the escape key
+                        $(document).bind('keydown.dialog-overlay', function(event) {
+                                (dialog.options.closeOnEscape && event.keyCode
+                                                && event.keyCode == $.ui.keyCode.ESCAPE && dialog.close(event));
+                        });
+
+                        // handle window resize
+                        $(window).bind('resize.dialog-overlay', $.ui.dialog.overlay.resize);
+                }
+
+                var $el = $('<div></div>').appendTo(document.body)
+                        .addClass('ui-widget-overlay').css({
+                                width: this.width(),
+                                height: this.height()
+                        });
+
+                (dialog.options.bgiframe && $.fn.bgiframe && $el.bgiframe());
+
+                this.instances.push($el);
+                return $el;
+        },
+
+        destroy: function($el) {
+                this.instances.splice($.inArray(this.instances, $el), 1);
+
+                if (this.instances.length === 0) {
+                        $([document, window]).unbind('.dialog-overlay');
+                }
+
+                $el.remove();
+                
+                // adjust the maxZ to allow other modal dialogs to continue to work (see #4309)
+                var maxZ = 0;
+                $.each(this.instances, function() {
+                        maxZ = Math.max(maxZ, this.css('z-index'));
+                });
+                this.maxZ = maxZ;
+        },
+
+        height: function() {
+                // handle IE 6
+                if ($.browser.msie && $.browser.version < 7) {
+                        var scrollHeight = Math.max(
+                                document.documentElement.scrollHeight,
+                                document.body.scrollHeight
+                        );
+                        var offsetHeight = Math.max(
+                                document.documentElement.offsetHeight,
+                                document.body.offsetHeight
+                        );
+
+                        if (scrollHeight < offsetHeight) {
+                                return $(window).height() + 'px';
+                        } else {
+                                return scrollHeight + 'px';
+                        }
+                // handle "good" browsers
+                } else {
+                        return $(document).height() + 'px';
+                }
+        },
+
+        width: function() {
+                // handle IE 6
+                if ($.browser.msie && $.browser.version < 7) {
+                        var scrollWidth = Math.max(
+                                document.documentElement.scrollWidth,
+                                document.body.scrollWidth
+                        );
+                        var offsetWidth = Math.max(
+                                document.documentElement.offsetWidth,
+                                document.body.offsetWidth
+                        );
+
+                        if (scrollWidth < offsetWidth) {
+                                return $(window).width() + 'px';
+                        } else {
+                                return scrollWidth + 'px';
+                        }
+                // handle "good" browsers
+                } else {
+                        return $(document).width() + 'px';
+                }
+        },
+
+        resize: function() {
+                /* If the dialog is draggable and the user drags it past the
+                 * right edge of the window, the document becomes wider so we
+                 * need to stretch the overlay. If the user then drags the
+                 * dialog back to the left, the document will become narrower,
+                 * so we need to shrink the overlay to the appropriate size.
+                 * This is handled by shrinking the overlay before setting it
+                 * to the full document size.
+                 */
+                var $overlays = $([]);
+                $.each($.ui.dialog.overlay.instances, function() {
+                        $overlays = $overlays.add(this);
+                });
+
+                $overlays.css({
+                        width: 0,
+                        height: 0
+                }).css({
+                        width: $.ui.dialog.overlay.width(),
+                        height: $.ui.dialog.overlay.height()
+                });
+        }
+});
+
+$.extend($.ui.dialog.overlay.prototype, {
+        destroy: function() {
+                $.ui.dialog.overlay.destroy(this.$el);
+        }
+});
+
+})(jQuery);
+/*
+ * jQuery UI Slider 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Slider
+ *
+ * Depends:
+ *      ui.core.js
+ */
+
+(function($) {
+
+$.widget("ui.slider", $.extend({}, $.ui.mouse, {
+
+        _init: function() {
+
+                var self = this, o = this.options;
+                this._keySliding = false;
+                this._handleIndex = null;
+                this._detectOrientation();
+                this._mouseInit();
+
+                this.element
+                        .addClass("ui-slider"
+                                + " ui-slider-" + this.orientation
+                                + " ui-widget"
+                                + " ui-widget-content"
+                                + " ui-corner-all");
+
+                this.range = $([]);
+
+                if (o.range) {
+
+                        if (o.range === true) {
+                                this.range = $('<div></div>');
+                                if (!o.values) o.values = [this._valueMin(), this._valueMin()];
+                                if (o.values.length && o.values.length != 2) {
+                                        o.values = [o.values[0], o.values[0]];
+                                }
+                        } else {
+                                this.range = $('<div></div>');
+                        }
+
+                        this.range
+                                .appendTo(this.element)
+                                .addClass("ui-slider-range");
+
+                        if (o.range == "min" || o.range == "max") {
+                                this.range.addClass("ui-slider-range-" + o.range);
+                        }
+
+                        // note: this isn't the most fittingly semantic framework class for this element,
+                        // but worked best visually with a variety of themes
+                        this.range.addClass("ui-widget-header");
+
+                }
+
+                if ($(".ui-slider-handle", this.element).length == 0)
+                        $('<a href="#"></a>')
+                                .appendTo(this.element)
+                                .addClass("ui-slider-handle");
+
+                if (o.values && o.values.length) {
+                        while ($(".ui-slider-handle", this.element).length < o.values.length)
+                                $('<a href="#"></a>')
+                                        .appendTo(this.element)
+                                        .addClass("ui-slider-handle");
+                }
+
+                this.handles = $(".ui-slider-handle", this.element)
+                        .addClass("ui-state-default"
+                                + " ui-corner-all");
+
+                this.handle = this.handles.eq(0);
+
+                this.handles.add(this.range).filter("a")
+                        .click(function(event) {
+                                event.preventDefault();
+                        })
+                        .hover(function() {
+                                if (!o.disabled) {
+                                        $(this).addClass('ui-state-hover');
+                                }
+                        }, function() {
+                                $(this).removeClass('ui-state-hover');
+                        })
+                        .focus(function() {
+                                if (!o.disabled) {
+                                        $(".ui-slider .ui-state-focus").removeClass('ui-state-focus'); $(this).addClass('ui-state-focus');
+                                } else {
+                                        $(this).blur();
+                                }
+                        })
+                        .blur(function() {
+                                $(this).removeClass('ui-state-focus');
+                        });
+
+                this.handles.each(function(i) {
+                        $(this).data("index.ui-slider-handle", i);
+                });
+
+                this.handles.keydown(function(event) {
+
+                        var ret = true;
+
+                        var index = $(this).data("index.ui-slider-handle");
+
+                        if (self.options.disabled)
+                                return;
+
+                        switch (event.keyCode) {
+                                case $.ui.keyCode.HOME:
+                                case $.ui.keyCode.END:
+                                case $.ui.keyCode.UP:
+                                case $.ui.keyCode.RIGHT:
+                                case $.ui.keyCode.DOWN:
+                                case $.ui.keyCode.LEFT:
+                                        ret = false;
+                                        if (!self._keySliding) {
+                                                self._keySliding = true;
+                                                $(this).addClass("ui-state-active");
+                                                self._start(event, index);
+                                        }
+                                        break;
+                        }
+
+                        var curVal, newVal, step = self._step();
+                        if (self.options.values && self.options.values.length) {
+                                curVal = newVal = self.values(index);
+                        } else {
+                                curVal = newVal = self.value();
+                        }
+
+                        switch (event.keyCode) {
+                                case $.ui.keyCode.HOME:
+                                        newVal = self._valueMin();
+                                        break;
+                                case $.ui.keyCode.END:
+                                        newVal = self._valueMax();
+                                        break;
+                                case $.ui.keyCode.UP:
+                                case $.ui.keyCode.RIGHT:
+                                        if(curVal == self._valueMax()) return;
+                                        newVal = curVal + step;
+                                        break;
+                                case $.ui.keyCode.DOWN:
+                                case $.ui.keyCode.LEFT:
+                                        if(curVal == self._valueMin()) return;
+                                        newVal = curVal - step;
+                                        break;
+                        }
+
+                        self._slide(event, index, newVal);
+
+                        return ret;
+
+                }).keyup(function(event) {
+
+                        var index = $(this).data("index.ui-slider-handle");
+
+                        if (self._keySliding) {
+                                self._stop(event, index);
+                                self._change(event, index);
+                                self._keySliding = false;
+                                $(this).removeClass("ui-state-active");
+                        }
+
+                });
+
+                this._refreshValue();
+
+        },
+
+        destroy: function() {
+
+                this.handles.remove();
+                this.range.remove();
+
+                this.element
+                        .removeClass("ui-slider"
+                                + " ui-slider-horizontal"
+                                + " ui-slider-vertical"
+                                + " ui-slider-disabled"
+                                + " ui-widget"
+                                + " ui-widget-content"
+                                + " ui-corner-all")
+                        .removeData("slider")
+                        .unbind(".slider");
+
+                this._mouseDestroy();
+
+        },
+
+        _mouseCapture: function(event) {
+
+                var o = this.options;
+
+                if (o.disabled)
+                        return false;
+
+                this.elementSize = {
+                        width: this.element.outerWidth(),
+                        height: this.element.outerHeight()
+                };
+                this.elementOffset = this.element.offset();
+
+                var position = { x: event.pageX, y: event.pageY };
+                var normValue = this._normValueFromMouse(position);
+
+                var distance = this._valueMax() - this._valueMin() + 1, closestHandle;
+                var self = this, index;
+                this.handles.each(function(i) {
+                        var thisDistance = Math.abs(normValue - self.values(i));
+                        if (distance > thisDistance) {
+                                distance = thisDistance;
+                                closestHandle = $(this);
+                                index = i;
+                        }
+                });
+
+                // workaround for bug #3736 (if both handles of a range are at 0,
+                // the first is always used as the one with least distance,
+                // and moving it is obviously prevented by preventing negative ranges)
+                if(o.range == true && this.values(1) == o.min) {
+                        closestHandle = $(this.handles[++index]);
+                }
+
+                this._start(event, index);
+
+                self._handleIndex = index;
+
+                closestHandle
+                        .addClass("ui-state-active")
+                        .focus();
+                
+                var offset = closestHandle.offset();
+                var mouseOverHandle = !$(event.target).parents().andSelf().is('.ui-slider-handle');
+                this._clickOffset = mouseOverHandle ? { left: 0, top: 0 } : {
+                        left: event.pageX - offset.left - (closestHandle.width() / 2),
+                        top: event.pageY - offset.top
+                                - (closestHandle.height() / 2)
+                                - (parseInt(closestHandle.css('borderTopWidth'),10) || 0)
+                                - (parseInt(closestHandle.css('borderBottomWidth'),10) || 0)
+                                + (parseInt(closestHandle.css('marginTop'),10) || 0)
+                };
+
+                normValue = this._normValueFromMouse(position);
+                this._slide(event, index, normValue);
+                return true;
+
+        },
+
+        _mouseStart: function(event) {
+                return true;
+        },
+
+        _mouseDrag: function(event) {
+
+                var position = { x: event.pageX, y: event.pageY };
+                var normValue = this._normValueFromMouse(position);
+                
+                this._slide(event, this._handleIndex, normValue);
+
+                return false;
+
+        },
+
+        _mouseStop: function(event) {
+
+                this.handles.removeClass("ui-state-active");
+                this._stop(event, this._handleIndex);
+                this._change(event, this._handleIndex);
+                this._handleIndex = null;
+                this._clickOffset = null;
+
+                return false;
+
+        },
+        
+        _detectOrientation: function() {
+                this.orientation = this.options.orientation == 'vertical' ? 'vertical' : 'horizontal';
+        },
+
+        _normValueFromMouse: function(position) {
+
+                var pixelTotal, pixelMouse;
+                if ('horizontal' == this.orientation) {
+                        pixelTotal = this.elementSize.width;
+                        pixelMouse = position.x - this.elementOffset.left - (this._clickOffset ? this._clickOffset.left : 0);
+                } else {
+                        pixelTotal = this.elementSize.height;
+                        pixelMouse = position.y - this.elementOffset.top - (this._clickOffset ? this._clickOffset.top : 0);
+                }
+
+                var percentMouse = (pixelMouse / pixelTotal);
+                if (percentMouse > 1) percentMouse = 1;
+                if (percentMouse < 0) percentMouse = 0;
+                if ('vertical' == this.orientation)
+                        percentMouse = 1 - percentMouse;
+
+                var valueTotal = this._valueMax() - this._valueMin(),
+                        valueMouse = percentMouse * valueTotal,
+                        valueMouseModStep = valueMouse % this.options.step,
+                        normValue = this._valueMin() + valueMouse - valueMouseModStep;
+
+                if (valueMouseModStep > (this.options.step / 2))
+                        normValue += this.options.step;
+
+                // Since JavaScript has problems with large floats, round
+                // the final value to 5 digits after the decimal point (see #4124)
+                return parseFloat(normValue.toFixed(5));
+
+        },
+
+        _start: function(event, index) {
+                var uiHash = {
+                        handle: this.handles[index],
+                        value: this.value()
+                };
+                if (this.options.values && this.options.values.length) {
+                        uiHash.value = this.values(index);
+                        uiHash.values = this.values();
+                }
+                this._trigger("start", event, uiHash);
+        },
+
+        _slide: function(event, index, newVal) {
+
+                var handle = this.handles[index];
+
+                if (this.options.values && this.options.values.length) {
+
+                        var otherVal = this.values(index ? 0 : 1);
+
+                        if ((this.options.values.length == 2 && this.options.range === true) && 
+                                ((index == 0 && newVal > otherVal) || (index == 1 && newVal < otherVal))){
+                                newVal = otherVal;
+                        }
+
+                        if (newVal != this.values(index)) {
+                                var newValues = this.values();
+                                newValues[index] = newVal;
+                                // A slide can be canceled by returning false from the slide callback
+                                var allowed = this._trigger("slide", event, {
+                                        handle: this.handles[index],
+                                        value: newVal,
+                                        values: newValues
+                                });
+                                var otherVal = this.values(index ? 0 : 1);
+                                if (allowed !== false) {
+                                        this.values(index, newVal, ( event.type == 'mousedown' && this.options.animate ), true);
+                                }
+                        }
+
+                } else {
+
+                        if (newVal != this.value()) {
+                                // A slide can be canceled by returning false from the slide callback
+                                var allowed = this._trigger("slide", event, {
+                                        handle: this.handles[index],
+                                        value: newVal
+                                });
+                                if (allowed !== false) {
+                                        this._setData('value', newVal, ( event.type == 'mousedown' && this.options.animate ));
+                                }
+                                        
+                        }
+
+                }
+
+        },
+
+        _stop: function(event, index) {
+                var uiHash = {
+                        handle: this.handles[index],
+                        value: this.value()
+                };
+                if (this.options.values && this.options.values.length) {
+                        uiHash.value = this.values(index);
+                        uiHash.values = this.values();
+                }
+                this._trigger("stop", event, uiHash);
+        },
+
+        _change: function(event, index) {
+                var uiHash = {
+                        handle: this.handles[index],
+                        value: this.value()
+                };
+                if (this.options.values && this.options.values.length) {
+                        uiHash.value = this.values(index);
+                        uiHash.values = this.values();
+                }
+                this._trigger("change", event, uiHash);
+        },
+
+        value: function(newValue) {
+
+                if (arguments.length) {
+                        this._setData("value", newValue);
+                        this._change(null, 0);
+                }
+
+                return this._value();
+
+        },
+
+        values: function(index, newValue, animated, noPropagation) {
+
+                if (arguments.length > 1) {
+                        this.options.values[index] = newValue;
+                        this._refreshValue(animated);
+                        if(!noPropagation) this._change(null, index);
+                }
+
+                if (arguments.length) {
+                        if (this.options.values && this.options.values.length) {
+                                return this._values(index);
+                        } else {
+                                return this.value();
+                        }
+                } else {
+                        return this._values();
+                }
+
+        },
+
+        _setData: function(key, value, animated) {
+
+                $.widget.prototype._setData.apply(this, arguments);
+
+                switch (key) {
+                        case 'disabled':
+                                if (value) {
+                                        this.handles.filter(".ui-state-focus").blur();
+                                        this.handles.removeClass("ui-state-hover");
+                                        this.handles.attr("disabled", "disabled");
+                                } else {
+                                        this.handles.removeAttr("disabled");
+                                }
+                        case 'orientation':
+
+                                this._detectOrientation();
+                                
+                                this.element
+                                        .removeClass("ui-slider-horizontal ui-slider-vertical")
+                                        .addClass("ui-slider-" + this.orientation);
+                                this._refreshValue(animated);
+                                break;
+                        case 'value':
+                                this._refreshValue(animated);
+                                break;
+                }
+
+        },
+
+        _step: function() {
+                var step = this.options.step;
+                return step;
+        },
+
+        _value: function() {
+
+                var val = this.options.value;
+                if (val < this._valueMin()) val = this._valueMin();
+                if (val > this._valueMax()) val = this._valueMax();
+
+                return val;
+
+        },
+
+        _values: function(index) {
+
+                if (arguments.length) {
+                        var val = this.options.values[index];
+                        if (val < this._valueMin()) val = this._valueMin();
+                        if (val > this._valueMax()) val = this._valueMax();
+
+                        return val;
+                } else {
+                        return this.options.values;
+                }
+
+        },
+
+        _valueMin: function() {
+                var valueMin = this.options.min;
+                return valueMin;
+        },
+
+        _valueMax: function() {
+                var valueMax = this.options.max;
+                return valueMax;
+        },
+
+        _refreshValue: function(animate) {
+
+                var oRange = this.options.range, o = this.options, self = this;
+
+                if (this.options.values && this.options.values.length) {
+                        var vp0, vp1;
+                        this.handles.each(function(i, j) {
+                                var valPercent = (self.values(i) - self._valueMin()) / (self._valueMax() - self._valueMin()) * 100;
+                                var _set = {}; _set[self.orientation == 'horizontal' ? 'left' : 'bottom'] = valPercent + '%';
+                                $(this).stop(1,1)[animate ? 'animate' : 'css'](_set, o.animate);
+                                if (self.options.range === true) {
+                                        if (self.orientation == 'horizontal') {
+                                                (i == 0) && self.range.stop(1,1)[animate ? 'animate' : 'css']({ left: valPercent + '%' }, o.animate);
+                                                (i == 1) && self.range[animate ? 'animate' : 'css']({ width: (valPercent - lastValPercent) + '%' }, { queue: false, duration: o.animate });
+                                        } else {
+                                                (i == 0) && self.range.stop(1,1)[animate ? 'animate' : 'css']({ bottom: (valPercent) + '%' }, o.animate);
+                                                (i == 1) && self.range[animate ? 'animate' : 'css']({ height: (valPercent - lastValPercent) + '%' }, { queue: false, duration: o.animate });
+                                        }
+                                }
+                                lastValPercent = valPercent;
+                        });
+                } else {
+                        var value = this.value(),
+                                valueMin = this._valueMin(),
+                                valueMax = this._valueMax(),
+                                valPercent = valueMax != valueMin
+                                        ? (value - valueMin) / (valueMax - valueMin) * 100
+                                        : 0;
+                        var _set = {}; _set[self.orientation == 'horizontal' ? 'left' : 'bottom'] = valPercent + '%';
+                        this.handle.stop(1,1)[animate ? 'animate' : 'css'](_set, o.animate);
+
+                        (oRange == "min") && (this.orientation == "horizontal") && this.range.stop(1,1)[animate ? 'animate' : 'css']({ width: valPercent + '%' }, o.animate);
+                        (oRange == "max") && (this.orientation == "horizontal") && this.range[animate ? 'animate' : 'css']({ width: (100 - valPercent) + '%' }, { queue: false, duration: o.animate });
+                        (oRange == "min") && (this.orientation == "vertical") && this.range.stop(1,1)[animate ? 'animate' : 'css']({ height: valPercent + '%' }, o.animate);
+                        (oRange == "max") && (this.orientation == "vertical") && this.range[animate ? 'animate' : 'css']({ height: (100 - valPercent) + '%' }, { queue: false, duration: o.animate });
+                }
+
+        }
+        
+}));
+
+$.extend($.ui.slider, {
+        getter: "value values",
+        version: "1.7.2",
+        eventPrefix: "slide",
+        defaults: {
+                animate: false,
+                delay: 0,
+                distance: 0,
+                max: 100,
+                min: 0,
+                orientation: 'horizontal',
+                range: false,
+                step: 1,
+                value: 0,
+                values: null
+        }
+});
+
+})(jQuery);
+/*
+ * jQuery UI Tabs 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Tabs
+ *
+ * Depends:
+ *      ui.core.js
+ */
+(function($) {
+
+$.widget("ui.tabs", {
+
+        _init: function() {
+                if (this.options.deselectable !== undefined) {
+                        this.options.collapsible = this.options.deselectable;
+                }
+                this._tabify(true);
+        },
+
+        _setData: function(key, value) {
+                if (key == 'selected') {
+                        if (this.options.collapsible && value == this.options.selected) {
+                                return;
+                        }
+                        this.select(value);
+                }
+                else {
+                        this.options[key] = value;
+                        if (key == 'deselectable') {
+                                this.options.collapsible = value;
+                        }
+                        this._tabify();
+                }
+        },
+
+        _tabId: function(a) {
+                return a.title && a.title.replace(/\s/g, '_').replace(/[^A-Za-z0-9\-_:\.]/g, '') ||
+                        this.options.idPrefix + $.data(a);
+        },
+
+        _sanitizeSelector: function(hash) {
+                return hash.replace(/:/g, '\\:'); // we need this because an id may contain a ":"
+        },
+
+        _cookie: function() {
+                var cookie = this.cookie || (this.cookie = this.options.cookie.name || 'ui-tabs-' + $.data(this.list[0]));
+                return $.cookie.apply(null, [cookie].concat($.makeArray(arguments)));
+        },
+
+        _ui: function(tab, panel) {
+                return {
+                        tab: tab,
+                        panel: panel,
+                        index: this.anchors.index(tab)
+                };
+        },
+
+        _cleanup: function() {
+                // restore all former loading tabs labels
+                this.lis.filter('.ui-state-processing').removeClass('ui-state-processing')
+                                .find('span:data(label.tabs)')
+                                .each(function() {
+                                        var el = $(this);
+                                        el.html(el.data('label.tabs')).removeData('label.tabs');
+                                });
+        },
+
+        _tabify: function(init) {
+
+                this.list = this.element.children('ul:first');
+                this.lis = $('li:has(a[href])', this.list);
+                this.anchors = this.lis.map(function() { return $('a', this)[0]; });
+                this.panels = $([]);
+
+                var self = this, o = this.options;
+
+                var fragmentId = /^#.+/; // Safari 2 reports '#' for an empty hash
+                this.anchors.each(function(i, a) {
+                        var href = $(a).attr('href');
+
+                        // For dynamically created HTML that contains a hash as href IE < 8 expands
+                        // such href to the full page url with hash and then misinterprets tab as ajax.
+                        // Same consideration applies for an added tab with a fragment identifier
+                        // since a[href=#fragment-identifier] does unexpectedly not match.
+                        // Thus normalize href attribute...
+                        var hrefBase = href.split('#')[0], baseEl;
+                        if (hrefBase && (hrefBase === location.toString().split('#')[0] ||
+                                        (baseEl = $('base')[0]) && hrefBase === baseEl.href)) {
+                                href = a.hash;
+                                a.href = href;
+                        }
+
+                        // inline tab
+                        if (fragmentId.test(href)) {
+                                self.panels = self.panels.add(self._sanitizeSelector(href));
+                        }
+
+                        // remote tab
+                        else if (href != '#') { // prevent loading the page itself if href is just "#"
+                                $.data(a, 'href.tabs', href); // required for restore on destroy
+
+                                // TODO until #3808 is fixed strip fragment identifier from url
+                                // (IE fails to load from such url)
+                                $.data(a, 'load.tabs', href.replace(/#.*$/, '')); // mutable data
+
+                                var id = self._tabId(a);
+                                a.href = '#' + id;
+                                var $panel = $('#' + id);
+                                if (!$panel.length) {
+                                        $panel = $(o.panelTemplate).attr('id', id).addClass('ui-tabs-panel ui-widget-content ui-corner-bottom')
+                                                .insertAfter(self.panels[i - 1] || self.list);
+                                        $panel.data('destroy.tabs', true);
+                                }
+                                self.panels = self.panels.add($panel);
+                        }
+
+                        // invalid tab href
+                        else {
+                                o.disabled.push(i);
+                        }
+                });
+
+                // initialization from scratch
+                if (init) {
+
+                        // attach necessary classes for styling
+                        this.element.addClass('ui-tabs ui-widget ui-widget-content ui-corner-all');
+                        this.list.addClass('ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all');
+                        this.lis.addClass('ui-state-default ui-corner-top');
+                        this.panels.addClass('ui-tabs-panel ui-widget-content ui-corner-bottom');
+
+                        // Selected tab
+                        // use "selected" option or try to retrieve:
+                        // 1. from fragment identifier in url
+                        // 2. from cookie
+                        // 3. from selected class attribute on <li>
+                        if (o.selected === undefined) {
+                                if (location.hash) {
+                                        this.anchors.each(function(i, a) {
+                                                if (a.hash == location.hash) {
+                                                        o.selected = i;
+                                                        return false; // break
+                                                }
+                                        });
+                                }
+                                if (typeof o.selected != 'number' && o.cookie) {
+                                        o.selected = parseInt(self._cookie(), 10);
+                                }
+                                if (typeof o.selected != 'number' && this.lis.filter('.ui-tabs-selected').length) {
+                                        o.selected = this.lis.index(this.lis.filter('.ui-tabs-selected'));
+                                }
+                                o.selected = o.selected || 0;
+                        }
+                        else if (o.selected === null) { // usage of null is deprecated, TODO remove in next release
+                                o.selected = -1;
+                        }
+
+                        // sanity check - default to first tab...
+                        o.selected = ((o.selected >= 0 && this.anchors[o.selected]) || o.selected < 0) ? o.selected : 0;
+
+                        // Take disabling tabs via class attribute from HTML
+                        // into account and update option properly.
+                        // A selected tab cannot become disabled.
+                        o.disabled = $.unique(o.disabled.concat(
+                                $.map(this.lis.filter('.ui-state-disabled'),
+                                        function(n, i) { return self.lis.index(n); } )
+                        )).sort();
+
+                        if ($.inArray(o.selected, o.disabled) != -1) {
+                                o.disabled.splice($.inArray(o.selected, o.disabled), 1);
+                        }
+
+                        // highlight selected tab
+                        this.panels.addClass('ui-tabs-hide');
+                        this.lis.removeClass('ui-tabs-selected ui-state-active');
+                        if (o.selected >= 0 && this.anchors.length) { // check for length avoids error when initializing empty list
+                                this.panels.eq(o.selected).removeClass('ui-tabs-hide');
+                                this.lis.eq(o.selected).addClass('ui-tabs-selected ui-state-active');
+
+                                // seems to be expected behavior that the show callback is fired
+                                self.element.queue("tabs", function() {
+                                        self._trigger('show', null, self._ui(self.anchors[o.selected], self.panels[o.selected]));
+                                });
+                                
+                                this.load(o.selected);
+                        }
+
+                        // clean up to avoid memory leaks in certain versions of IE 6
+                        $(window).bind('unload', function() {
+                                self.lis.add(self.anchors).unbind('.tabs');
+                                self.lis = self.anchors = self.panels = null;
+                        });
+
+                }
+                // update selected after add/remove
+                else {
+                        o.selected = this.lis.index(this.lis.filter('.ui-tabs-selected'));
+                }
+
+                // update collapsible
+                this.element[o.collapsible ? 'addClass' : 'removeClass']('ui-tabs-collapsible');
+
+                // set or update cookie after init and add/remove respectively
+                if (o.cookie) {
+                        this._cookie(o.selected, o.cookie);
+                }
+
+                // disable tabs
+                for (var i = 0, li; (li = this.lis[i]); i++) {
+                        $(li)[$.inArray(i, o.disabled) != -1 &&
+                                !$(li).hasClass('ui-tabs-selected') ? 'addClass' : 'removeClass']('ui-state-disabled');
+                }
+
+                // reset cache if switching from cached to not cached
+                if (o.cache === false) {
+                        this.anchors.removeData('cache.tabs');
+                }
+
+                // remove all handlers before, tabify may run on existing tabs after add or option change
+                this.lis.add(this.anchors).unbind('.tabs');
+
+                if (o.event != 'mouseover') {
+                        var addState = function(state, el) {
+                                if (el.is(':not(.ui-state-disabled)')) {
+                                        el.addClass('ui-state-' + state);
+                                }
+                        };
+                        var removeState = function(state, el) {
+                                el.removeClass('ui-state-' + state);
+                        };
+                        this.lis.bind('mouseover.tabs', function() {
+                                addState('hover', $(this));
+                        });
+                        this.lis.bind('mouseout.tabs', function() {
+                                removeState('hover', $(this));
+                        });
+                        this.anchors.bind('focus.tabs', function() {
+                                addState('focus', $(this).closest('li'));
+                        });
+                        this.anchors.bind('blur.tabs', function() {
+                                removeState('focus', $(this).closest('li'));
+                        });
+                }
+
+                // set up animations
+                var hideFx, showFx;
+                if (o.fx) {
+                        if ($.isArray(o.fx)) {
+                                hideFx = o.fx[0];
+                                showFx = o.fx[1];
+                        }
+                        else {
+                                hideFx = showFx = o.fx;
+                        }
+                }
+
+                // Reset certain styles left over from animation
+                // and prevent IE's ClearType bug...
+                function resetStyle($el, fx) {
+                        $el.css({ display: '' });
+                        if ($.browser.msie && fx.opacity) {
+                                $el[0].style.removeAttribute('filter');
+                        }
+                }
+
+                // Show a tab...
+                var showTab = showFx ?
+                        function(clicked, $show) {
+                                $(clicked).closest('li').removeClass('ui-state-default').addClass('ui-tabs-selected ui-state-active');
+                                $show.hide().removeClass('ui-tabs-hide') // avoid flicker that way
+                                        .animate(showFx, showFx.duration || 'normal', function() {
+                                                resetStyle($show, showFx);
+                                                self._trigger('show', null, self._ui(clicked, $show[0]));
+                                        });
+                        } :
+                        function(clicked, $show) {
+                                $(clicked).closest('li').removeClass('ui-state-default').addClass('ui-tabs-selected ui-state-active');
+                                $show.removeClass('ui-tabs-hide');
+                                self._trigger('show', null, self._ui(clicked, $show[0]));
+                        };
+
+                // Hide a tab, $show is optional...
+                var hideTab = hideFx ?
+                        function(clicked, $hide) {
+                                $hide.animate(hideFx, hideFx.duration || 'normal', function() {
+                                        self.lis.removeClass('ui-tabs-selected ui-state-active').addClass('ui-state-default');
+                                        $hide.addClass('ui-tabs-hide');
+                                        resetStyle($hide, hideFx);
+                                        self.element.dequeue("tabs");
+                                });
+                        } :
+                        function(clicked, $hide, $show) {
+                                self.lis.removeClass('ui-tabs-selected ui-state-active').addClass('ui-state-default');
+                                $hide.addClass('ui-tabs-hide');
+                                self.element.dequeue("tabs");
+                        };
+
+                // attach tab event handler, unbind to avoid duplicates from former tabifying...
+                this.anchors.bind(o.event + '.tabs', function() {
+                        var el = this, $li = $(this).closest('li'), $hide = self.panels.filter(':not(.ui-tabs-hide)'),
+                                        $show = $(self._sanitizeSelector(this.hash));
+
+                        // If tab is already selected and not collapsible or tab disabled or
+                        // or is already loading or click callback returns false stop here.
+                        // Check if click handler returns false last so that it is not executed
+                        // for a disabled or loading tab!
+                        if (($li.hasClass('ui-tabs-selected') && !o.collapsible) ||
+                                $li.hasClass('ui-state-disabled') ||
+                                $li.hasClass('ui-state-processing') ||
+                                self._trigger('select', null, self._ui(this, $show[0])) === false) {
+                                this.blur();
+                                return false;
+                        }
+
+                        o.selected = self.anchors.index(this);
+
+                        self.abort();
+
+                        // if tab may be closed
+                        if (o.collapsible) {
+                                if ($li.hasClass('ui-tabs-selected')) {
+                                        o.selected = -1;
+
+                                        if (o.cookie) {
+                                                self._cookie(o.selected, o.cookie);
+                                        }
+
+                                        self.element.queue("tabs", function() {
+                                                hideTab(el, $hide);
+                                        }).dequeue("tabs");
+                                        
+                                        this.blur();
+                                        return false;
+                                }
+                                else if (!$hide.length) {
+                                        if (o.cookie) {
+                                                self._cookie(o.selected, o.cookie);
+                                        }
+                                        
+                                        self.element.queue("tabs", function() {
+                                                showTab(el, $show);
+                                        });
+
+                                        self.load(self.anchors.index(this)); // TODO make passing in node possible, see also http://dev.jqueryui.com/ticket/3171
+                                        
+                                        this.blur();
+                                        return false;
+                                }
+                        }
+
+                        if (o.cookie) {
+                                self._cookie(o.selected, o.cookie);
+                        }
+
+                        // show new tab
+                        if ($show.length) {
+                                if ($hide.length) {
+                                        self.element.queue("tabs", function() {
+                                                hideTab(el, $hide);
+                                        });
+                                }
+                                self.element.queue("tabs", function() {
+                                        showTab(el, $show);
+                                });
+                                
+                                self.load(self.anchors.index(this));
+                        }
+                        else {
+                                throw 'jQuery UI Tabs: Mismatching fragment identifier.';
+                        }
+
+                        // Prevent IE from keeping other link focussed when using the back button
+                        // and remove dotted border from clicked link. This is controlled via CSS
+                        // in modern browsers; blur() removes focus from address bar in Firefox
+                        // which can become a usability and annoying problem with tabs('rotate').
+                        if ($.browser.msie) {
+                                this.blur();
+                        }
+
+                });
+
+                // disable click in any case
+                this.anchors.bind('click.tabs', function(){return false;});
+
+        },
+
+        destroy: function() {
+                var o = this.options;
+
+                this.abort();
+                
+                this.element.unbind('.tabs')
+                        .removeClass('ui-tabs ui-widget ui-widget-content ui-corner-all ui-tabs-collapsible')
+                        .removeData('tabs');
+
+                this.list.removeClass('ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all');
+
+                this.anchors.each(function() {
+                        var href = $.data(this, 'href.tabs');
+                        if (href) {
+                                this.href = href;
+                        }
+                        var $this = $(this).unbind('.tabs');
+                        $.each(['href', 'load', 'cache'], function(i, prefix) {
+                                $this.removeData(prefix + '.tabs');
+                        });
+                });
+
+                this.lis.unbind('.tabs').add(this.panels).each(function() {
+                        if ($.data(this, 'destroy.tabs')) {
+                                $(this).remove();
+                        }
+                        else {
+                                $(this).removeClass([
+                                        'ui-state-default',
+                                        'ui-corner-top',
+                                        'ui-tabs-selected',
+                                        'ui-state-active',
+                                        'ui-state-hover',
+                                        'ui-state-focus',
+                                        'ui-state-disabled',
+                                        'ui-tabs-panel',
+                                        'ui-widget-content',
+                                        'ui-corner-bottom',
+                                        'ui-tabs-hide'
+                                ].join(' '));
+                        }
+                });
+
+                if (o.cookie) {
+                        this._cookie(null, o.cookie);
+                }
+        },
+
+        add: function(url, label, index) {
+                if (index === undefined) {
+                        index = this.anchors.length; // append by default
+                }
+
+                var self = this, o = this.options,
+                        $li = $(o.tabTemplate.replace(/#\{href\}/g, url).replace(/#\{label\}/g, label)),
+                        id = !url.indexOf('#') ? url.replace('#', '') : this._tabId($('a', $li)[0]);
+
+                $li.addClass('ui-state-default ui-corner-top').data('destroy.tabs', true);
+
+                // try to find an existing element before creating a new one
+                var $panel = $('#' + id);
+                if (!$panel.length) {
+                        $panel = $(o.panelTemplate).attr('id', id).data('destroy.tabs', true);
+                }
+                $panel.addClass('ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide');
+
+                if (index >= this.lis.length) {
+                        $li.appendTo(this.list);
+                        $panel.appendTo(this.list[0].parentNode);
+                }
+                else {
+                        $li.insertBefore(this.lis[index]);
+                        $panel.insertBefore(this.panels[index]);
+                }
+
+                o.disabled = $.map(o.disabled,
+                        function(n, i) { return n >= index ? ++n : n; });
+
+                this._tabify();
+
+                if (this.anchors.length == 1) { // after tabify
+                        $li.addClass('ui-tabs-selected ui-state-active');
+                        $panel.removeClass('ui-tabs-hide');
+                        this.element.queue("tabs", function() {
+                                self._trigger('show', null, self._ui(self.anchors[0], self.panels[0]));
+                        });
+                                
+                        this.load(0);
+                }
+
+                // callback
+                this._trigger('add', null, this._ui(this.anchors[index], this.panels[index]));
+        },
+
+        remove: function(index) {
+                var o = this.options, $li = this.lis.eq(index).remove(),
+                        $panel = this.panels.eq(index).remove();
+
+                // If selected tab was removed focus tab to the right or
+                // in case the last tab was removed the tab to the left.
+                if ($li.hasClass('ui-tabs-selected') && this.anchors.length > 1) {
+                        this.select(index + (index + 1 < this.anchors.length ? 1 : -1));
+                }
+
+                o.disabled = $.map($.grep(o.disabled, function(n, i) { return n != index; }),
+                        function(n, i) { return n >= index ? --n : n; });
+
+                this._tabify();
+
+                // callback
+                this._trigger('remove', null, this._ui($li.find('a')[0], $panel[0]));
+        },
+
+        enable: function(index) {
+                var o = this.options;
+                if ($.inArray(index, o.disabled) == -1) {
+                        return;
+                }
+
+                this.lis.eq(index).removeClass('ui-state-disabled');
+                o.disabled = $.grep(o.disabled, function(n, i) { return n != index; });
+
+                // callback
+                this._trigger('enable', null, this._ui(this.anchors[index], this.panels[index]));
+        },
+
+        disable: function(index) {
+                var self = this, o = this.options;
+                if (index != o.selected) { // cannot disable already selected tab
+                        this.lis.eq(index).addClass('ui-state-disabled');
+
+                        o.disabled.push(index);
+                        o.disabled.sort();
+
+                        // callback
+                        this._trigger('disable', null, this._ui(this.anchors[index], this.panels[index]));
+                }
+        },
+
+        select: function(index) {
+                if (typeof index == 'string') {
+                        index = this.anchors.index(this.anchors.filter('[href$=' + index + ']'));
+                }
+                else if (index === null) { // usage of null is deprecated, TODO remove in next release
+                        index = -1;
+                }
+                if (index == -1 && this.options.collapsible) {
+                        index = this.options.selected;
+                }
+
+                this.anchors.eq(index).trigger(this.options.event + '.tabs');
+        },
+
+        load: function(index) {
+                var self = this, o = this.options, a = this.anchors.eq(index)[0], url = $.data(a, 'load.tabs');
+
+                this.abort();
+
+                // not remote or from cache
+                if (!url || this.element.queue("tabs").length !== 0 && $.data(a, 'cache.tabs')) {
+                        this.element.dequeue("tabs");
+                        return;
+                }
+
+                // load remote from here on
+                this.lis.eq(index).addClass('ui-state-processing');
+
+                if (o.spinner) {
+                        var span = $('span', a);
+                        span.data('label.tabs', span.html()).html(o.spinner);
+                }
+
+                this.xhr = $.ajax($.extend({}, o.ajaxOptions, {
+                        url: url,
+                        success: function(r, s) {
+                                $(self._sanitizeSelector(a.hash)).html(r);
+
+                                // take care of tab labels
+                                self._cleanup();
+
+                                if (o.cache) {
+                                        $.data(a, 'cache.tabs', true); // if loaded once do not load them again
+                                }
+
+                                // callbacks
+                                self._trigger('load', null, self._ui(self.anchors[index], self.panels[index]));
+                                try {
+                                        o.ajaxOptions.success(r, s);
+                                }
+                                catch (e) {}
+
+                                // last, so that load event is fired before show...
+                                self.element.dequeue("tabs");
+                        }
+                }));
+        },
+
+        abort: function() {
+                // stop possibly running animations
+                this.element.queue([]);
+                this.panels.stop(false, true);
+
+                // terminate pending requests from other tabs
+                if (this.xhr) {
+                        this.xhr.abort();
+                        delete this.xhr;
+                }
+
+                // take care of tab labels
+                this._cleanup();
+
+        },
+
+        url: function(index, url) {
+                this.anchors.eq(index).removeData('cache.tabs').data('load.tabs', url);
+        },
+
+        length: function() {
+                return this.anchors.length;
+        }
+
+});
+
+$.extend($.ui.tabs, {
+        version: '1.7.2',
+        getter: 'length',
+        defaults: {
+                ajaxOptions: null,
+                cache: false,
+                cookie: null, // e.g. { expires: 7, path: '/', domain: 'jquery.com', secure: true }
+                collapsible: false,
+                disabled: [],
+                event: 'click',
+                fx: null, // e.g. { height: 'toggle', opacity: 'toggle', duration: 200 }
+                idPrefix: 'ui-tabs-',
+                panelTemplate: '<div></div>',
+                spinner: '<em>Loading&#8230;</em>',
+                tabTemplate: '<li><a href="#{href}"><span>#{label}</span></a></li>'
+        }
+});
+
+/*
+ * Tabs Extensions
+ */
+
+/*
+ * Rotate
+ */
+$.extend($.ui.tabs.prototype, {
+        rotation: null,
+        rotate: function(ms, continuing) {
+
+                var self = this, o = this.options;
+                
+                var rotate = self._rotate || (self._rotate = function(e) {
+                        clearTimeout(self.rotation);
+                        self.rotation = setTimeout(function() {
+                                var t = o.selected;
+                                self.select( ++t < self.anchors.length ? t : 0 );
+                        }, ms);
+                        
+                        if (e) {
+                                e.stopPropagation();
+                        }
+                });
+                
+                var stop = self._unrotate || (self._unrotate = !continuing ?
+                        function(e) {
+                                if (e.clientX) { // in case of a true click
+                                        self.rotate(null);
+                                }
+                        } :
+                        function(e) {
+                                t = o.selected;
+                                rotate();
+                        });
+
+                // start rotation
+                if (ms) {
+                        this.element.bind('tabsshow', rotate);
+                        this.anchors.bind(o.event + '.tabs', stop);
+                        rotate();
+                }
+                // stop rotation
+                else {
+                        clearTimeout(self.rotation);
+                        this.element.unbind('tabsshow', rotate);
+                        this.anchors.unbind(o.event + '.tabs', stop);
+                        delete this._rotate;
+                        delete this._unrotate;
+                }
+        }
+});
+
+})(jQuery);
+/*
+ * jQuery UI Datepicker 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Datepicker
+ *
+ * Depends:
+ *      ui.core.js
+ */
+
+(function($) { // hide the namespace
+
+$.extend($.ui, { datepicker: { version: "1.7.2" } });
+
+var PROP_NAME = 'datepicker';
+
+/* Date picker manager.
+   Use the singleton instance of this class, $.datepicker, to interact with the date picker.
+   Settings for (groups of) date pickers are maintained in an instance object,
+   allowing multiple different settings on the same page. */
+
+function Datepicker() {
+        this.debug = false; // Change this to true to start debugging
+        this._curInst = null; // The current instance in use
+        this._keyEvent = false; // If the last event was a key event
+        this._disabledInputs = []; // List of date picker inputs that have been disabled
+        this._datepickerShowing = false; // True if the popup picker is showing , false if not
+        this._inDialog = false; // True if showing within a "dialog", false if not
+        this._mainDivId = 'ui-datepicker-div'; // The ID of the main datepicker division
+        this._inlineClass = 'ui-datepicker-inline'; // The name of the inline marker class
+        this._appendClass = 'ui-datepicker-append'; // The name of the append marker class
+        this._triggerClass = 'ui-datepicker-trigger'; // The name of the trigger marker class
+        this._dialogClass = 'ui-datepicker-dialog'; // The name of the dialog marker class
+        this._disableClass = 'ui-datepicker-disabled'; // The name of the disabled covering marker class
+        this._unselectableClass = 'ui-datepicker-unselectable'; // The name of the unselectable cell marker class
+        this._currentClass = 'ui-datepicker-current-day'; // The name of the current day marker class
+        this._dayOverClass = 'ui-datepicker-days-cell-over'; // The name of the day hover marker class
+        this.regional = []; // Available regional settings, indexed by language code
+        this.regional[''] = { // Default regional settings
+                closeText: 'Done', // Display text for close link
+                prevText: 'Prev', // Display text for previous month link
+                nextText: 'Next', // Display text for next month link
+                currentText: 'Today', // Display text for current month link
+                monthNames: ['January','February','March','April','May','June',
+                        'July','August','September','October','November','December'], // Names of months for drop-down and formatting
+                monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], // For formatting
+                dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], // For formatting
+                dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], // For formatting
+                dayNamesMin: ['Su','Mo','Tu','We','Th','Fr','Sa'], // Column headings for days starting at Sunday
+                dateFormat: 'mm/dd/yy', // See format options on parseDate
+                firstDay: 0, // The first day of the week, Sun = 0, Mon = 1, ...
+                isRTL: false // True if right-to-left language, false if left-to-right
+        };
+        this._defaults = { // Global defaults for all the date picker instances
+                showOn: 'focus', // 'focus' for popup on focus,
+                        // 'button' for trigger button, or 'both' for either
+                showAnim: 'show', // Name of jQuery animation for popup
+                showOptions: {}, // Options for enhanced animations
+                defaultDate: null, // Used when field is blank: actual date,
+                        // +/-number for offset from today, null for today
+                appendText: '', // Display text following the input box, e.g. showing the format
+                buttonText: '...', // Text for trigger button
+                buttonImage: '', // URL for trigger button image
+                buttonImageOnly: false, // True if the image appears alone, false if it appears on a button
+                hideIfNoPrevNext: false, // True to hide next/previous month links
+                        // if not applicable, false to just disable them
+                navigationAsDateFormat: false, // True if date formatting applied to prev/today/next links
+                gotoCurrent: false, // True if today link goes back to current selection instead
+                changeMonth: false, // True if month can be selected directly, false if only prev/next
+                changeYear: false, // True if year can be selected directly, false if only prev/next
+                showMonthAfterYear: false, // True if the year select precedes month, false for month then year
+                yearRange: '-10:+10', // Range of years to display in drop-down,
+                        // either relative to current year (-nn:+nn) or absolute (nnnn:nnnn)
+                showOtherMonths: false, // True to show dates in other months, false to leave blank
+                calculateWeek: this.iso8601Week, // How to calculate the week of the year,
+                        // takes a Date and returns the number of the week for it
+                shortYearCutoff: '+10', // Short year values < this are in the current century,
+                        // > this are in the previous century,
+                        // string value starting with '+' for current year + value
+                minDate: null, // The earliest selectable date, or null for no limit
+                maxDate: null, // The latest selectable date, or null for no limit
+                duration: 'normal', // Duration of display/closure
+                beforeShowDay: null, // Function that takes a date and returns an array with
+                        // [0] = true if selectable, false if not, [1] = custom CSS class name(s) or '',
+                        // [2] = cell title (optional), e.g. $.datepicker.noWeekends
+                beforeShow: null, // Function that takes an input field and
+                        // returns a set of custom settings for the date picker
+                onSelect: null, // Define a callback function when a date is selected
+                onChangeMonthYear: null, // Define a callback function when the month or year is changed
+                onClose: null, // Define a callback function when the datepicker is closed
+                numberOfMonths: 1, // Number of months to show at a time
+                showCurrentAtPos: 0, // The position in multipe months at which to show the current month (starting at 0)
+                stepMonths: 1, // Number of months to step back/forward
+                stepBigMonths: 12, // Number of months to step back/forward for the big links
+                altField: '', // Selector for an alternate field to store selected dates into
+                altFormat: '', // The date format to use for the alternate field
+                constrainInput: true, // The input is constrained by the current date format
+                showButtonPanel: false // True to show button panel, false to not show it
+        };
+        $.extend(this._defaults, this.regional['']);
+        this.dpDiv = $('<div id="' + this._mainDivId + '" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible"></div>');
+}
+
+$.extend(Datepicker.prototype, {
+        /* Class name added to elements to indicate already configured with a date picker. */
+        markerClassName: 'hasDatepicker',
+
+        /* Debug logging (if enabled). */
+        log: function () {
+                if (this.debug)
+                        console.log.apply('', arguments);
+        },
+
+        /* Override the default settings for all instances of the date picker.
+           @param  settings  object - the new settings to use as defaults (anonymous object)
+           @return the manager object */
+        setDefaults: function(settings) {
+                extendRemove(this._defaults, settings || {});
+                return this;
+        },
+
+        /* Attach the date picker to a jQuery selection.
+           @param  target    element - the target input field or division or span
+           @param  settings  object - the new settings to use for this date picker instance (anonymous) */
+        _attachDatepicker: function(target, settings) {
+                // check for settings on the control itself - in namespace 'date:'
+                var inlineSettings = null;
+                for (var attrName in this._defaults) {
+                        var attrValue = target.getAttribute('date:' + attrName);
+                        if (attrValue) {
+                                inlineSettings = inlineSettings || {};
+                                try {
+                                        inlineSettings[attrName] = eval(attrValue);
+                                } catch (err) {
+                                        inlineSettings[attrName] = attrValue;
+                                }
+                        }
+                }
+                var nodeName = target.nodeName.toLowerCase();
+                var inline = (nodeName == 'div' || nodeName == 'span');
+                if (!target.id)
+                        target.id = 'dp' + (++this.uuid);
+                var inst = this._newInst($(target), inline);
+                inst.settings = $.extend({}, settings || {}, inlineSettings || {});
+                if (nodeName == 'input') {
+                        this._connectDatepicker(target, inst);
+                } else if (inline) {
+                        this._inlineDatepicker(target, inst);
+                }
+        },
+
+        /* Create a new instance object. */
+        _newInst: function(target, inline) {
+                var id = target[0].id.replace(/([:\[\]\.])/g, '\\\\$1'); // escape jQuery meta chars
+                return {id: id, input: target, // associated target
+                        selectedDay: 0, selectedMonth: 0, selectedYear: 0, // current selection
+                        drawMonth: 0, drawYear: 0, // month being drawn
+                        inline: inline, // is datepicker inline or not
+                        dpDiv: (!inline ? this.dpDiv : // presentation div
+                        $('<div class="' + this._inlineClass + ' ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"></div>'))};
+        },
+
+        /* Attach the date picker to an input field. */
+        _connectDatepicker: function(target, inst) {
+                var input = $(target);
+                inst.append = $([]);
+                inst.trigger = $([]);
+                if (input.hasClass(this.markerClassName))
+                        return;
+                var appendText = this._get(inst, 'appendText');
+                var isRTL = this._get(inst, 'isRTL');
+                if (appendText) {
+                        inst.append = $('<span class="' + this._appendClass + '">' + appendText + '</span>');
+                        input[isRTL ? 'before' : 'after'](inst.append);
+                }
+                var showOn = this._get(inst, 'showOn');
+                if (showOn == 'focus' || showOn == 'both') // pop-up date picker when in the marked field
+                        input.focus(this._showDatepicker);
+                if (showOn == 'button' || showOn == 'both') { // pop-up date picker when button clicked
+                        var buttonText = this._get(inst, 'buttonText');
+                        var buttonImage = this._get(inst, 'buttonImage');
+                        inst.trigger = $(this._get(inst, 'buttonImageOnly') ?
+                                $('<img/>').addClass(this._triggerClass).
+                                        attr({ src: buttonImage, alt: buttonText, title: buttonText }) :
+                                $('<button type="button"></button>').addClass(this._triggerClass).
+                                        html(buttonImage == '' ? buttonText : $('<img/>').attr(
+                                        { src:buttonImage, alt:buttonText, title:buttonText })));
+                        input[isRTL ? 'before' : 'after'](inst.trigger);
+                        inst.trigger.click(function() {
+                                if ($.datepicker._datepickerShowing && $.datepicker._lastInput == target)
+                                        $.datepicker._hideDatepicker();
+                                else
+                                        $.datepicker._showDatepicker(target);
+                                return false;
+                        });
+                }
+                input.addClass(this.markerClassName).keydown(this._doKeyDown).keypress(this._doKeyPress).
+                        bind("setData.datepicker", function(event, key, value) {
+                                inst.settings[key] = value;
+                        }).bind("getData.datepicker", function(event, key) {
+                                return this._get(inst, key);
+                        });
+                $.data(target, PROP_NAME, inst);
+        },
+
+        /* Attach an inline date picker to a div. */
+        _inlineDatepicker: function(target, inst) {
+                var divSpan = $(target);
+                if (divSpan.hasClass(this.markerClassName))
+                        return;
+                divSpan.addClass(this.markerClassName).append(inst.dpDiv).
+                        bind("setData.datepicker", function(event, key, value){
+                                inst.settings[key] = value;
+                        }).bind("getData.datepicker", function(event, key){
+                                return this._get(inst, key);
+                        });
+                $.data(target, PROP_NAME, inst);
+                this._setDate(inst, this._getDefaultDate(inst));
+                this._updateDatepicker(inst);
+                this._updateAlternate(inst);
+        },
+
+        /* Pop-up the date picker in a "dialog" box.
+           @param  input     element - ignored
+           @param  dateText  string - the initial date to display (in the current format)
+           @param  onSelect  function - the function(dateText) to call when a date is selected
+           @param  settings  object - update the dialog date picker instance's settings (anonymous object)
+           @param  pos       int[2] - coordinates for the dialog's position within the screen or
+                             event - with x/y coordinates or
+                             leave empty for default (screen centre)
+           @return the manager object */
+        _dialogDatepicker: function(input, dateText, onSelect, settings, pos) {
+                var inst = this._dialogInst; // internal instance
+                if (!inst) {
+                        var id = 'dp' + (++this.uuid);
+                        this._dialogInput = $('<input type="text" id="' + id +
+                                '" size="1" style="position: absolute; top: -100px;"/>');
+                        this._dialogInput.keydown(this._doKeyDown);
+                        $('body').append(this._dialogInput);
+                        inst = this._dialogInst = this._newInst(this._dialogInput, false);
+                        inst.settings = {};
+                        $.data(this._dialogInput[0], PROP_NAME, inst);
+                }
+                extendRemove(inst.settings, settings || {});
+                this._dialogInput.val(dateText);
+
+                this._pos = (pos ? (pos.length ? pos : [pos.pageX, pos.pageY]) : null);
+                if (!this._pos) {
+                        var browserWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+                        var browserHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
+                        var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;
+                        var scrollY = document.documentElement.scrollTop || document.body.scrollTop;
+                        this._pos = // should use actual width/height below
+                                [(browserWidth / 2) - 100 + scrollX, (browserHeight / 2) - 150 + scrollY];
+                }
+
+                // move input on screen for focus, but hidden behind dialog
+                this._dialogInput.css('left', this._pos[0] + 'px').css('top', this._pos[1] + 'px');
+                inst.settings.onSelect = onSelect;
+                this._inDialog = true;
+                this.dpDiv.addClass(this._dialogClass);
+                this._showDatepicker(this._dialogInput[0]);
+                if ($.blockUI)
+                        $.blockUI(this.dpDiv);
+                $.data(this._dialogInput[0], PROP_NAME, inst);
+                return this;
+        },
+
+        /* Detach a datepicker from its control.
+           @param  target    element - the target input field or division or span */
+        _destroyDatepicker: function(target) {
+                var $target = $(target);
+                var inst = $.data(target, PROP_NAME);
+                if (!$target.hasClass(this.markerClassName)) {
+                        return;
+                }
+                var nodeName = target.nodeName.toLowerCase();
+                $.removeData(target, PROP_NAME);
+                if (nodeName == 'input') {
+                        inst.append.remove();
+                        inst.trigger.remove();
+                        $target.removeClass(this.markerClassName).
+                                unbind('focus', this._showDatepicker).
+                                unbind('keydown', this._doKeyDown).
+                                unbind('keypress', this._doKeyPress);
+                } else if (nodeName == 'div' || nodeName == 'span')
+                        $target.removeClass(this.markerClassName).empty();
+        },
+
+        /* Enable the date picker to a jQuery selection.
+           @param  target    element - the target input field or division or span */
+        _enableDatepicker: function(target) {
+                var $target = $(target);
+                var inst = $.data(target, PROP_NAME);
+                if (!$target.hasClass(this.markerClassName)) {
+                        return;
+                }
+                var nodeName = target.nodeName.toLowerCase();
+                if (nodeName == 'input') {
+                        target.disabled = false;
+                        inst.trigger.filter('button').
+                                each(function() { this.disabled = false; }).end().
+                                filter('img').css({opacity: '1.0', cursor: ''});
+                }
+                else if (nodeName == 'div' || nodeName == 'span') {
+                        var inline = $target.children('.' + this._inlineClass);
+                        inline.children().removeClass('ui-state-disabled');
+                }
+                this._disabledInputs = $.map(this._disabledInputs,
+                        function(value) { return (value == target ? null : value); }); // delete entry
+        },
+
+        /* Disable the date picker to a jQuery selection.
+           @param  target    element - the target input field or division or span */
+        _disableDatepicker: function(target) {
+                var $target = $(target);
+                var inst = $.data(target, PROP_NAME);
+                if (!$target.hasClass(this.markerClassName)) {
+                        return;
+                }
+                var nodeName = target.nodeName.toLowerCase();
+                if (nodeName == 'input') {
+                        target.disabled = true;
+                        inst.trigger.filter('button').
+                                each(function() { this.disabled = true; }).end().
+                                filter('img').css({opacity: '0.5', cursor: 'default'});
+                }
+                else if (nodeName == 'div' || nodeName == 'span') {
+                        var inline = $target.children('.' + this._inlineClass);
+                        inline.children().addClass('ui-state-disabled');
+                }
+                this._disabledInputs = $.map(this._disabledInputs,
+                        function(value) { return (value == target ? null : value); }); // delete entry
+                this._disabledInputs[this._disabledInputs.length] = target;
+        },
+
+        /* Is the first field in a jQuery collection disabled as a datepicker?
+           @param  target    element - the target input field or division or span
+           @return boolean - true if disabled, false if enabled */
+        _isDisabledDatepicker: function(target) {
+                if (!target) {
+                        return false;
+                }
+                for (var i = 0; i < this._disabledInputs.length; i++) {
+                        if (this._disabledInputs[i] == target)
+                                return true;
+                }
+                return false;
+        },
+
+        /* Retrieve the instance data for the target control.
+           @param  target  element - the target input field or division or span
+           @return  object - the associated instance data
+           @throws  error if a jQuery problem getting data */
+        _getInst: function(target) {
+                try {
+                        return $.data(target, PROP_NAME);
+                }
+                catch (err) {
+                        throw 'Missing instance data for this datepicker';
+                }
+        },
+
+        /* Update or retrieve the settings for a date picker attached to an input field or division.
+           @param  target  element - the target input field or division or span
+           @param  name    object - the new settings to update or
+                           string - the name of the setting to change or retrieve,
+                           when retrieving also 'all' for all instance settings or
+                           'defaults' for all global defaults
+           @param  value   any - the new value for the setting
+                           (omit if above is an object or to retrieve a value) */
+        _optionDatepicker: function(target, name, value) {
+                var inst = this._getInst(target);
+                if (arguments.length == 2 && typeof name == 'string') {
+                        return (name == 'defaults' ? $.extend({}, $.datepicker._defaults) :
+                                (inst ? (name == 'all' ? $.extend({}, inst.settings) :
+                                this._get(inst, name)) : null));
+                }
+                var settings = name || {};
+                if (typeof name == 'string') {
+                        settings = {};
+                        settings[name] = value;
+                }
+                if (inst) {
+                        if (this._curInst == inst) {
+                                this._hideDatepicker(null);
+                        }
+                        var date = this._getDateDatepicker(target);
+                        extendRemove(inst.settings, settings);
+                        this._setDateDatepicker(target, date);
+                        this._updateDatepicker(inst);
+                }
+        },
+
+        // change method deprecated
+        _changeDatepicker: function(target, name, value) {
+                this._optionDatepicker(target, name, value);
+        },
+
+        /* Redraw the date picker attached to an input field or division.
+           @param  target  element - the target input field or division or span */
+        _refreshDatepicker: function(target) {
+                var inst = this._getInst(target);
+                if (inst) {
+                        this._updateDatepicker(inst);
+                }
+        },
+
+        /* Set the dates for a jQuery selection.
+           @param  target   element - the target input field or division or span
+           @param  date     Date - the new date
+           @param  endDate  Date - the new end date for a range (optional) */
+        _setDateDatepicker: function(target, date, endDate) {
+                var inst = this._getInst(target);
+                if (inst) {
+                        this._setDate(inst, date, endDate);
+                        this._updateDatepicker(inst);
+                        this._updateAlternate(inst);
+                }
+        },
+
+        /* Get the date(s) for the first entry in a jQuery selection.
+           @param  target  element - the target input field or division or span
+           @return Date - the current date or
+                   Date[2] - the current dates for a range */
+        _getDateDatepicker: function(target) {
+                var inst = this._getInst(target);
+                if (inst && !inst.inline)
+                        this._setDateFromField(inst);
+                return (inst ? this._getDate(inst) : null);
+        },
+
+        /* Handle keystrokes. */
+        _doKeyDown: function(event) {
+                var inst = $.datepicker._getInst(event.target);
+                var handled = true;
+                var isRTL = inst.dpDiv.is('.ui-datepicker-rtl');
+                inst._keyEvent = true;
+                if ($.datepicker._datepickerShowing)
+                        switch (event.keyCode) {
+                                case 9:  $.datepicker._hideDatepicker(null, '');
+                                                break; // hide on tab out
+                                case 13: var sel = $('td.' + $.datepicker._dayOverClass +
+                                                        ', td.' + $.datepicker._currentClass, inst.dpDiv);
+                                                if (sel[0])
+                                                        $.datepicker._selectDay(event.target, inst.selectedMonth, inst.selectedYear, sel[0]);
+                                                else
+                                                        $.datepicker._hideDatepicker(null, $.datepicker._get(inst, 'duration'));
+                                                return false; // don't submit the form
+                                                break; // select the value on enter
+                                case 27: $.datepicker._hideDatepicker(null, $.datepicker._get(inst, 'duration'));
+                                                break; // hide on escape
+                                case 33: $.datepicker._adjustDate(event.target, (event.ctrlKey ?
+                                                        -$.datepicker._get(inst, 'stepBigMonths') :
+                                                        -$.datepicker._get(inst, 'stepMonths')), 'M');
+                                                break; // previous month/year on page up/+ ctrl
+                                case 34: $.datepicker._adjustDate(event.target, (event.ctrlKey ?
+                                                        +$.datepicker._get(inst, 'stepBigMonths') :
+                                                        +$.datepicker._get(inst, 'stepMonths')), 'M');
+                                                break; // next month/year on page down/+ ctrl
+                                case 35: if (event.ctrlKey || event.metaKey) $.datepicker._clearDate(event.target);
+                                                handled = event.ctrlKey || event.metaKey;
+                                                break; // clear on ctrl or command +end
+                                case 36: if (event.ctrlKey || event.metaKey) $.datepicker._gotoToday(event.target);
+                                                handled = event.ctrlKey || event.metaKey;
+                                                break; // current on ctrl or command +home
+                                case 37: if (event.ctrlKey || event.metaKey) $.datepicker._adjustDate(event.target, (isRTL ? +1 : -1), 'D');
+                                                handled = event.ctrlKey || event.metaKey;
+                                                // -1 day on ctrl or command +left
+                                                if (event.originalEvent.altKey) $.datepicker._adjustDate(event.target, (event.ctrlKey ?
+                                                                        -$.datepicker._get(inst, 'stepBigMonths') :
+                                                                        -$.datepicker._get(inst, 'stepMonths')), 'M');
+                                                // next month/year on alt +left on Mac
+                                                break;
+                                case 38: if (event.ctrlKey || event.metaKey) $.datepicker._adjustDate(event.target, -7, 'D');
+                                                handled = event.ctrlKey || event.metaKey;
+                                                break; // -1 week on ctrl or command +up
+                                case 39: if (event.ctrlKey || event.metaKey) $.datepicker._adjustDate(event.target, (isRTL ? -1 : +1), 'D');
+                                                handled = event.ctrlKey || event.metaKey;
+                                                // +1 day on ctrl or command +right
+                                                if (event.originalEvent.altKey) $.datepicker._adjustDate(event.target, (event.ctrlKey ?
+                                                                        +$.datepicker._get(inst, 'stepBigMonths') :
+                                                                        +$.datepicker._get(inst, 'stepMonths')), 'M');
+                                                // next month/year on alt +right
+                                                break;
+                                case 40: if (event.ctrlKey || event.metaKey) $.datepicker._adjustDate(event.target, +7, 'D');
+                                                handled = event.ctrlKey || event.metaKey;
+                                                break; // +1 week on ctrl or command +down
+                                default: handled = false;
+                        }
+                else if (event.keyCode == 36 && event.ctrlKey) // display the date picker on ctrl+home
+                        $.datepicker._showDatepicker(this);
+                else {
+                        handled = false;
+                }
+                if (handled) {
+                        event.preventDefault();
+                        event.stopPropagation();
+                }
+        },
+
+        /* Filter entered characters - based on date format. */
+        _doKeyPress: function(event) {
+                var inst = $.datepicker._getInst(event.target);
+                if ($.datepicker._get(inst, 'constrainInput')) {
+                        var chars = $.datepicker._possibleChars($.datepicker._get(inst, 'dateFormat'));
+                        var chr = String.fromCharCode(event.charCode == undefined ? event.keyCode : event.charCode);
+                        return event.ctrlKey || (chr < ' ' || !chars || chars.indexOf(chr) > -1);
+                }
+        },
+
+        /* Pop-up the date picker for a given input field.
+           @param  input  element - the input field attached to the date picker or
+                          event - if triggered by focus */
+        _showDatepicker: function(input) {
+                input = input.target || input;
+                if (input.nodeName.toLowerCase() != 'input') // find from button/image trigger
+                        input = $('input', input.parentNode)[0];
+                if ($.datepicker._isDisabledDatepicker(input) || $.datepicker._lastInput == input) // already here
+                        return;
+                var inst = $.datepicker._getInst(input);
+                var beforeShow = $.datepicker._get(inst, 'beforeShow');
+                extendRemove(inst.settings, (beforeShow ? beforeShow.apply(input, [input, inst]) : {}));
+                $.datepicker._hideDatepicker(null, '');
+                $.datepicker._lastInput = input;
+                $.datepicker._setDateFromField(inst);
+                if ($.datepicker._inDialog) // hide cursor
+                        input.value = '';
+                if (!$.datepicker._pos) { // position below input
+                        $.datepicker._pos = $.datepicker._findPos(input);
+                        $.datepicker._pos[1] += input.offsetHeight; // add the height
+                }
+                var isFixed = false;
+                $(input).parents().each(function() {
+                        isFixed |= $(this).css('position') == 'fixed';
+                        return !isFixed;
+                });
+                if (isFixed && $.browser.opera) { // correction for Opera when fixed and scrolled
+                        $.datepicker._pos[0] -= document.documentElement.scrollLeft;
+                        $.datepicker._pos[1] -= document.documentElement.scrollTop;
+                }
+                var offset = {left: $.datepicker._pos[0], top: $.datepicker._pos[1]};
+                $.datepicker._pos = null;
+                inst.rangeStart = null;
+                // determine sizing offscreen
+                inst.dpDiv.css({position: 'absolute', display: 'block', top: '-1000px'});
+                $.datepicker._updateDatepicker(inst);
+                // fix width for dynamic number of date pickers
+                // and adjust position before showing
+                offset = $.datepicker._checkOffset(inst, offset, isFixed);
+                inst.dpDiv.css({position: ($.datepicker._inDialog && $.blockUI ?
+                        'static' : (isFixed ? 'fixed' : 'absolute')), display: 'none',
+                        left: offset.left + 'px', top: offset.top + 'px'});
+                if (!inst.inline) {
+                        var showAnim = $.datepicker._get(inst, 'showAnim') || 'show';
+                        var duration = $.datepicker._get(inst, 'duration');
+                        var postProcess = function() {
+                                $.datepicker._datepickerShowing = true;
+                                if ($.browser.msie && parseInt($.browser.version,10) < 7) // fix IE < 7 select problems
+                                        $('iframe.ui-datepicker-cover').css({width: inst.dpDiv.width() + 4,
+                                                height: inst.dpDiv.height() + 4});
+                        };
+                        if ($.effects && $.effects[showAnim])
+                                inst.dpDiv.show(showAnim, $.datepicker._get(inst, 'showOptions'), duration, postProcess);
+                        else
+                                inst.dpDiv[showAnim](duration, postProcess);
+                        if (duration == '')
+                                postProcess();
+                        if (inst.input[0].type != 'hidden')
+                                inst.input[0].focus();
+                        $.datepicker._curInst = inst;
+                }
+        },
+
+        /* Generate the date picker content. */
+        _updateDatepicker: function(inst) {
+                var dims = {width: inst.dpDiv.width() + 4,
+                        height: inst.dpDiv.height() + 4};
+                var self = this;
+                inst.dpDiv.empty().append(this._generateHTML(inst))
+                        .find('iframe.ui-datepicker-cover').
+                                css({width: dims.width, height: dims.height})
+                        .end()
+                        .find('button, .ui-datepicker-prev, .ui-datepicker-next, .ui-datepicker-calendar td a')
+                                .bind('mouseout', function(){
+                                        $(this).removeClass('ui-state-hover');
+                                        if(this.className.indexOf('ui-datepicker-prev') != -1) $(this).removeClass('ui-datepicker-prev-hover');
+                                        if(this.className.indexOf('ui-datepicker-next') != -1) $(this).removeClass('ui-datepicker-next-hover');
+                                })
+                                .bind('mouseover', function(){
+                                        if (!self._isDisabledDatepicker( inst.inline ? inst.dpDiv.parent()[0] : inst.input[0])) {
+                                                $(this).parents('.ui-datepicker-calendar').find('a').removeClass('ui-state-hover');
+                                                $(this).addClass('ui-state-hover');
+                                                if(this.className.indexOf('ui-datepicker-prev') != -1) $(this).addClass('ui-datepicker-prev-hover');
+                                                if(this.className.indexOf('ui-datepicker-next') != -1) $(this).addClass('ui-datepicker-next-hover');
+                                        }
+                                })
+                        .end()
+                        .find('.' + this._dayOverClass + ' a')
+                                .trigger('mouseover')
+                        .end();
+                var numMonths = this._getNumberOfMonths(inst);
+                var cols = numMonths[1];
+                var width = 17;
+                if (cols > 1) {
+                        inst.dpDiv.addClass('ui-datepicker-multi-' + cols).css('width', (width * cols) + 'em');
+                } else {
+                        inst.dpDiv.removeClass('ui-datepicker-multi-2 ui-datepicker-multi-3 ui-datepicker-multi-4').width('');
+                }
+                inst.dpDiv[(numMonths[0] != 1 || numMonths[1] != 1 ? 'add' : 'remove') +
+                        'Class']('ui-datepicker-multi');
+                inst.dpDiv[(this._get(inst, 'isRTL') ? 'add' : 'remove') +
+                        'Class']('ui-datepicker-rtl');
+                if (inst.input && inst.input[0].type != 'hidden' && inst == $.datepicker._curInst)
+                        $(inst.input[0]).focus();
+        },
+
+        /* Check positioning to remain on screen. */
+        _checkOffset: function(inst, offset, isFixed) {
+                var dpWidth = inst.dpDiv.outerWidth();
+                var dpHeight = inst.dpDiv.outerHeight();
+                var inputWidth = inst.input ? inst.input.outerWidth() : 0;
+                var inputHeight = inst.input ? inst.input.outerHeight() : 0;
+                var viewWidth = (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) + $(document).scrollLeft();
+                var viewHeight = (window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight) + $(document).scrollTop();
+
+                offset.left -= (this._get(inst, 'isRTL') ? (dpWidth - inputWidth) : 0);
+                offset.left -= (isFixed && offset.left == inst.input.offset().left) ? $(document).scrollLeft() : 0;
+                offset.top -= (isFixed && offset.top == (inst.input.offset().top + inputHeight)) ? $(document).scrollTop() : 0;
+
+                // now check if datepicker is showing outside window viewport - move to a better place if so.
+                offset.left -= (offset.left + dpWidth > viewWidth && viewWidth > dpWidth) ? Math.abs(offset.left + dpWidth - viewWidth) : 0;
+                offset.top -= (offset.top + dpHeight > viewHeight && viewHeight > dpHeight) ? Math.abs(offset.top + dpHeight + inputHeight*2 - viewHeight) : 0;
+
+                return offset;
+        },
+
+        /* Find an object's position on the screen. */
+        _findPos: function(obj) {
+        while (obj && (obj.type == 'hidden' || obj.nodeType != 1)) {
+            obj = obj.nextSibling;
+        }
+        var position = $(obj).offset();
+            return [position.left, position.top];
+        },
+
+        /* Hide the date picker from view.
+           @param  input  element - the input field attached to the date picker
+           @param  duration  string - the duration over which to close the date picker */
+        _hideDatepicker: function(input, duration) {
+                var inst = this._curInst;
+                if (!inst || (input && inst != $.data(input, PROP_NAME)))
+                        return;
+                if (inst.stayOpen)
+                        this._selectDate('#' + inst.id, this._formatDate(inst,
+                                inst.currentDay, inst.currentMonth, inst.currentYear));
+                inst.stayOpen = false;
+                if (this._datepickerShowing) {
+                        duration = (duration != null ? duration : this._get(inst, 'duration'));
+                        var showAnim = this._get(inst, 'showAnim');
+                        var postProcess = function() {
+                                $.datepicker._tidyDialog(inst);
+                        };
+                        if (duration != '' && $.effects && $.effects[showAnim])
+                                inst.dpDiv.hide(showAnim, $.datepicker._get(inst, 'showOptions'),
+                                        duration, postProcess);
+                        else
+                                inst.dpDiv[(duration == '' ? 'hide' : (showAnim == 'slideDown' ? 'slideUp' :
+                                        (showAnim == 'fadeIn' ? 'fadeOut' : 'hide')))](duration, postProcess);
+                        if (duration == '')
+                                this._tidyDialog(inst);
+                        var onClose = this._get(inst, 'onClose');
+                        if (onClose)
+                                onClose.apply((inst.input ? inst.input[0] : null),
+                                        [(inst.input ? inst.input.val() : ''), inst]);  // trigger custom callback
+                        this._datepickerShowing = false;
+                        this._lastInput = null;
+                        if (this._inDialog) {
+                                this._dialogInput.css({ position: 'absolute', left: '0', top: '-100px' });
+                                if ($.blockUI) {
+                                        $.unblockUI();
+                                        $('body').append(this.dpDiv);
+                                }
+                        }
+                        this._inDialog = false;
+                }
+                this._curInst = null;
+        },
+
+        /* Tidy up after a dialog display. */
+        _tidyDialog: function(inst) {
+                inst.dpDiv.removeClass(this._dialogClass).unbind('.ui-datepicker-calendar');
+        },
+
+        /* Close date picker if clicked elsewhere. */
+        _checkExternalClick: function(event) {
+                if (!$.datepicker._curInst)
+                        return;
+                var $target = $(event.target);
+                if (($target.parents('#' + $.datepicker._mainDivId).length == 0) &&
+                                !$target.hasClass($.datepicker.markerClassName) &&
+                                !$target.hasClass($.datepicker._triggerClass) &&
+                                $.datepicker._datepickerShowing && !($.datepicker._inDialog && $.blockUI))
+                        $.datepicker._hideDatepicker(null, '');
+        },
+
+        /* Adjust one of the date sub-fields. */
+        _adjustDate: function(id, offset, period) {
+                var target = $(id);
+                var inst = this._getInst(target[0]);
+                if (this._isDisabledDatepicker(target[0])) {
+                        return;
+                }
+                this._adjustInstDate(inst, offset +
+                        (period == 'M' ? this._get(inst, 'showCurrentAtPos') : 0), // undo positioning
+                        period);
+                this._updateDatepicker(inst);
+        },
+
+        /* Action for current link. */
+        _gotoToday: function(id) {
+                var target = $(id);
+                var inst = this._getInst(target[0]);
+                if (this._get(inst, 'gotoCurrent') && inst.currentDay) {
+                        inst.selectedDay = inst.currentDay;
+                        inst.drawMonth = inst.selectedMonth = inst.currentMonth;
+                        inst.drawYear = inst.selectedYear = inst.currentYear;
+                }
+                else {
+                var date = new Date();
+                inst.selectedDay = date.getDate();
+                inst.drawMonth = inst.selectedMonth = date.getMonth();
+                inst.drawYear = inst.selectedYear = date.getFullYear();
+                }
+                this._notifyChange(inst);
+                this._adjustDate(target);
+        },
+
+        /* Action for selecting a new month/year. */
+        _selectMonthYear: function(id, select, period) {
+                var target = $(id);
+                var inst = this._getInst(target[0]);
+                inst._selectingMonthYear = false;
+                inst['selected' + (period == 'M' ? 'Month' : 'Year')] =
+                inst['draw' + (period == 'M' ? 'Month' : 'Year')] =
+                        parseInt(select.options[select.selectedIndex].value,10);
+                this._notifyChange(inst);
+                this._adjustDate(target);
+        },
+
+        /* Restore input focus after not changing month/year. */
+        _clickMonthYear: function(id) {
+                var target = $(id);
+                var inst = this._getInst(target[0]);
+                if (inst.input && inst._selectingMonthYear && !$.browser.msie)
+                        inst.input[0].focus();
+                inst._selectingMonthYear = !inst._selectingMonthYear;
+        },
+
+        /* Action for selecting a day. */
+        _selectDay: function(id, month, year, td) {
+                var target = $(id);
+                if ($(td).hasClass(this._unselectableClass) || this._isDisabledDatepicker(target[0])) {
+                        return;
+                }
+                var inst = this._getInst(target[0]);
+                inst.selectedDay = inst.currentDay = $('a', td).html();
+                inst.selectedMonth = inst.currentMonth = month;
+                inst.selectedYear = inst.currentYear = year;
+                if (inst.stayOpen) {
+                        inst.endDay = inst.endMonth = inst.endYear = null;
+                }
+                this._selectDate(id, this._formatDate(inst,
+                        inst.currentDay, inst.currentMonth, inst.currentYear));
+                if (inst.stayOpen) {
+                        inst.rangeStart = this._daylightSavingAdjust(
+                                new Date(inst.currentYear, inst.currentMonth, inst.currentDay));
+                        this._updateDatepicker(inst);
+                }
+        },
+
+        /* Erase the input field and hide the date picker. */
+        _clearDate: function(id) {
+                var target = $(id);
+                var inst = this._getInst(target[0]);
+                inst.stayOpen = false;
+                inst.endDay = inst.endMonth = inst.endYear = inst.rangeStart = null;
+                this._selectDate(target, '');
+        },
+
+        /* Update the input field with the selected date. */
+        _selectDate: function(id, dateStr) {
+                var target = $(id);
+                var inst = this._getInst(target[0]);
+                dateStr = (dateStr != null ? dateStr : this._formatDate(inst));
+                if (inst.input)
+                        inst.input.val(dateStr);
+                this._updateAlternate(inst);
+                var onSelect = this._get(inst, 'onSelect');
+                if (onSelect)
+                        onSelect.apply((inst.input ? inst.input[0] : null), [dateStr, inst]);  // trigger custom callback
+                else if (inst.input)
+                        inst.input.trigger('change'); // fire the change event
+                if (inst.inline)
+                        this._updateDatepicker(inst);
+                else if (!inst.stayOpen) {
+                        this._hideDatepicker(null, this._get(inst, 'duration'));
+                        this._lastInput = inst.input[0];
+                        if (typeof(inst.input[0]) != 'object')
+                                inst.input[0].focus(); // restore focus
+                        this._lastInput = null;
+                }
+        },
+
+        /* Update any alternate field to synchronise with the main field. */
+        _updateAlternate: function(inst) {
+                var altField = this._get(inst, 'altField');
+                if (altField) { // update alternate field too
+                        var altFormat = this._get(inst, 'altFormat') || this._get(inst, 'dateFormat');
+                        var date = this._getDate(inst);
+                        dateStr = this.formatDate(altFormat, date, this._getFormatConfig(inst));
+                        $(altField).each(function() { $(this).val(dateStr); });
+                }
+        },
+
+        /* Set as beforeShowDay function to prevent selection of weekends.
+           @param  date  Date - the date to customise
+           @return [boolean, string] - is this date selectable?, what is its CSS class? */
+        noWeekends: function(date) {
+                var day = date.getDay();
+                return [(day > 0 && day < 6), ''];
+        },
+
+        /* Set as calculateWeek to determine the week of the year based on the ISO 8601 definition.
+           @param  date  Date - the date to get the week for
+           @return  number - the number of the week within the year that contains this date */
+        iso8601Week: function(date) {
+                var checkDate = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+                var firstMon = new Date(checkDate.getFullYear(), 1 - 1, 4); // First week always contains 4 Jan
+                var firstDay = firstMon.getDay() || 7; // Day of week: Mon = 1, ..., Sun = 7
+                firstMon.setDate(firstMon.getDate() + 1 - firstDay); // Preceding Monday
+                if (firstDay < 4 && checkDate < firstMon) { // Adjust first three days in year if necessary
+                        checkDate.setDate(checkDate.getDate() - 3); // Generate for previous year
+                        return $.datepicker.iso8601Week(checkDate);
+                } else if (checkDate > new Date(checkDate.getFullYear(), 12 - 1, 28)) { // Check last three days in year
+                        firstDay = new Date(checkDate.getFullYear() + 1, 1 - 1, 4).getDay() || 7;
+                        if (firstDay > 4 && (checkDate.getDay() || 7) < firstDay - 3) { // Adjust if necessary
+                                return 1;
+                        }
+                }
+                return Math.floor(((checkDate - firstMon) / 86400000) / 7) + 1; // Weeks to given date
+        },
+
+        /* Parse a string value into a date object.
+           See formatDate below for the possible formats.
+
+           @param  format    string - the expected format of the date
+           @param  value     string - the date in the above format
+           @param  settings  Object - attributes include:
+                             shortYearCutoff  number - the cutoff year for determining the century (optional)
+                             dayNamesShort    string[7] - abbreviated names of the days from Sunday (optional)
+                             dayNames         string[7] - names of the days from Sunday (optional)
+                             monthNamesShort  string[12] - abbreviated names of the months (optional)
+                             monthNames       string[12] - names of the months (optional)
+           @return  Date - the extracted date value or null if value is blank */
+        parseDate: function (format, value, settings) {
+                if (format == null || value == null)
+                        throw 'Invalid arguments';
+                value = (typeof value == 'object' ? value.toString() : value + '');
+                if (value == '')
+                        return null;
+                var shortYearCutoff = (settings ? settings.shortYearCutoff : null) || this._defaults.shortYearCutoff;
+                var dayNamesShort = (settings ? settings.dayNamesShort : null) || this._defaults.dayNamesShort;
+                var dayNames = (settings ? settings.dayNames : null) || this._defaults.dayNames;
+                var monthNamesShort = (settings ? settings.monthNamesShort : null) || this._defaults.monthNamesShort;
+                var monthNames = (settings ? settings.monthNames : null) || this._defaults.monthNames;
+                var year = -1;
+                var month = -1;
+                var day = -1;
+                var doy = -1;
+                var literal = false;
+                // Check whether a format character is doubled
+                var lookAhead = function(match) {
+                        var matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) == match);
+                        if (matches)
+                                iFormat++;
+                        return matches;
+                };
+                // Extract a number from the string value
+                var getNumber = function(match) {
+                        lookAhead(match);
+                        var origSize = (match == '@' ? 14 : (match == 'y' ? 4 : (match == 'o' ? 3 : 2)));
+                        var size = origSize;
+                        var num = 0;
+                        while (size > 0 && iValue < value.length &&
+                                        value.charAt(iValue) >= '0' && value.charAt(iValue) <= '9') {
+                                num = num * 10 + parseInt(value.charAt(iValue++),10);
+                                size--;
+                        }
+                        if (size == origSize)
+                                throw 'Missing number at position ' + iValue;
+                        return num;
+                };
+                // Extract a name from the string value and convert to an index
+                var getName = function(match, shortNames, longNames) {
+                        var names = (lookAhead(match) ? longNames : shortNames);
+                        var size = 0;
+                        for (var j = 0; j < names.length; j++)
+                                size = Math.max(size, names[j].length);
+                        var name = '';
+                        var iInit = iValue;
+                        while (size > 0 && iValue < value.length) {
+                                name += value.charAt(iValue++);
+                                for (var i = 0; i < names.length; i++)
+                                        if (name == names[i])
+                                                return i + 1;
+                                size--;
+                        }
+                        throw 'Unknown name at position ' + iInit;
+                };
+                // Confirm that a literal character matches the string value
+                var checkLiteral = function() {
+                        if (value.charAt(iValue) != format.charAt(iFormat))
+                                throw 'Unexpected literal at position ' + iValue;
+                        iValue++;
+                };
+                var iValue = 0;
+                for (var iFormat = 0; iFormat < format.length; iFormat++) {
+                        if (literal)
+                                if (format.charAt(iFormat) == "'" && !lookAhead("'"))
+                                        literal = false;
+                                else
+                                        checkLiteral();
+                        else
+                                switch (format.charAt(iFormat)) {
+                                        case 'd':
+                                                day = getNumber('d');
+                                                break;
+                                        case 'D':
+                                                getName('D', dayNamesShort, dayNames);
+                                                break;
+                                        case 'o':
+                                                doy = getNumber('o');
+                                                break;
+                                        case 'm':
+                                                month = getNumber('m');
+                                                break;
+                                        case 'M':
+                                                month = getName('M', monthNamesShort, monthNames);
+                                                break;
+                                        case 'y':
+                                                year = getNumber('y');
+                                                break;
+                                        case '@':
+                                                var date = new Date(getNumber('@'));
+                                                year = date.getFullYear();
+                                                month = date.getMonth() + 1;
+                                                day = date.getDate();
+                                                break;
+                                        case "'":
+                                                if (lookAhead("'"))
+                                                        checkLiteral();
+                                                else
+                                                        literal = true;
+                                                break;
+                                        default:
+                                                checkLiteral();
+                                }
+                }
+                if (year == -1)
+                        year = new Date().getFullYear();
+                else if (year < 100)
+                        year += new Date().getFullYear() - new Date().getFullYear() % 100 +
+                                (year <= shortYearCutoff ? 0 : -100);
+                if (doy > -1) {
+                        month = 1;
+                        day = doy;
+                        do {
+                                var dim = this._getDaysInMonth(year, month - 1);
+                                if (day <= dim)
+                                        break;
+                                month++;
+                                day -= dim;
+                        } while (true);
+                }
+                var date = this._daylightSavingAdjust(new Date(year, month - 1, day));
+                if (date.getFullYear() != year || date.getMonth() + 1 != month || date.getDate() != day)
+                        throw 'Invalid date'; // E.g. 31/02/*
+                return date;
+        },
+
+        /* Standard date formats. */
+        ATOM: 'yy-mm-dd', // RFC 3339 (ISO 8601)
+        COOKIE: 'D, dd M yy',
+        ISO_8601: 'yy-mm-dd',
+        RFC_822: 'D, d M y',
+        RFC_850: 'DD, dd-M-y',
+        RFC_1036: 'D, d M y',
+        RFC_1123: 'D, d M yy',
+        RFC_2822: 'D, d M yy',
+        RSS: 'D, d M y', // RFC 822
+        TIMESTAMP: '@',
+        W3C: 'yy-mm-dd', // ISO 8601
+
+        /* Format a date object into a string value.
+           The format can be combinations of the following:
+           d  - day of month (no leading zero)
+           dd - day of month (two digit)
+           o  - day of year (no leading zeros)
+           oo - day of year (three digit)
+           D  - day name short
+           DD - day name long
+           m  - month of year (no leading zero)
+           mm - month of year (two digit)
+           M  - month name short
+           MM - month name long
+           y  - year (two digit)
+           yy - year (four digit)
+           @ - Unix timestamp (ms since 01/01/1970)
+           '...' - literal text
+           '' - single quote
+
+           @param  format    string - the desired format of the date
+           @param  date      Date - the date value to format
+           @param  settings  Object - attributes include:
+                             dayNamesShort    string[7] - abbreviated names of the days from Sunday (optional)
+                             dayNames         string[7] - names of the days from Sunday (optional)
+                             monthNamesShort  string[12] - abbreviated names of the months (optional)
+                             monthNames       string[12] - names of the months (optional)
+           @return  string - the date in the above format */
+        formatDate: function (format, date, settings) {
+                if (!date)
+                        return '';
+                var dayNamesShort = (settings ? settings.dayNamesShort : null) || this._defaults.dayNamesShort;
+                var dayNames = (settings ? settings.dayNames : null) || this._defaults.dayNames;
+                var monthNamesShort = (settings ? settings.monthNamesShort : null) || this._defaults.monthNamesShort;
+                var monthNames = (settings ? settings.monthNames : null) || this._defaults.monthNames;
+                // Check whether a format character is doubled
+                var lookAhead = function(match) {
+                        var matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) == match);
+                        if (matches)
+                                iFormat++;
+                        return matches;
+                };
+                // Format a number, with leading zero if necessary
+                var formatNumber = function(match, value, len) {
+                        var num = '' + value;
+                        if (lookAhead(match))
+                                while (num.length < len)
+                                        num = '0' + num;
+                        return num;
+                };
+                // Format a name, short or long as requested
+                var formatName = function(match, value, shortNames, longNames) {
+                        return (lookAhead(match) ? longNames[value] : shortNames[value]);
+                };
+                var output = '';
+                var literal = false;
+                if (date)
+                        for (var iFormat = 0; iFormat < format.length; iFormat++) {
+                                if (literal)
+                                        if (format.charAt(iFormat) == "'" && !lookAhead("'"))
+                                                literal = false;
+                                        else
+                                                output += format.charAt(iFormat);
+                                else
+                                        switch (format.charAt(iFormat)) {
+                                                case 'd':
+                                                        output += formatNumber('d', date.getDate(), 2);
+                                                        break;
+                                                case 'D':
+                                                        output += formatName('D', date.getDay(), dayNamesShort, dayNames);
+                                                        break;
+                                                case 'o':
+                                                        var doy = date.getDate();
+                                                        for (var m = date.getMonth() - 1; m >= 0; m--)
+                                                                doy += this._getDaysInMonth(date.getFullYear(), m);
+                                                        output += formatNumber('o', doy, 3);
+                                                        break;
+                                                case 'm':
+                                                        output += formatNumber('m', date.getMonth() + 1, 2);
+                                                        break;
+                                                case 'M':
+                                                        output += formatName('M', date.getMonth(), monthNamesShort, monthNames);
+                                                        break;
+                                                case 'y':
+                                                        output += (lookAhead('y') ? date.getFullYear() :
+                                                                (date.getYear() % 100 < 10 ? '0' : '') + date.getYear() % 100);
+                                                        break;
+                                                case '@':
+                                                        output += date.getTime();
+                                                        break;
+                                                case "'":
+                                                        if (lookAhead("'"))
+                                                                output += "'";
+                                                        else
+                                                                literal = true;
+                                                        break;
+                                                default:
+                                                        output += format.charAt(iFormat);
+                                        }
+                        }
+                return output;
+        },
+
+        /* Extract all possible characters from the date format. */
+        _possibleChars: function (format) {
+                var chars = '';
+                var literal = false;
+                for (var iFormat = 0; iFormat < format.length; iFormat++)
+                        if (literal)
+                                if (format.charAt(iFormat) == "'" && !lookAhead("'"))
+                                        literal = false;
+                                else
+                                        chars += format.charAt(iFormat);
+                        else
+                                switch (format.charAt(iFormat)) {
+                                        case 'd': case 'm': case 'y': case '@':
+                                                chars += '0123456789';
+                                                break;
+                                        case 'D': case 'M':
+                                                return null; // Accept anything
+                                        case "'":
+                                                if (lookAhead("'"))
+                                                        chars += "'";
+                                                else
+                                                        literal = true;
+                                                break;
+                                        default:
+                                                chars += format.charAt(iFormat);
+                                }
+                return chars;
+        },
+
+        /* Get a setting value, defaulting if necessary. */
+        _get: function(inst, name) {
+                return inst.settings[name] !== undefined ?
+                        inst.settings[name] : this._defaults[name];
+        },
+
+        /* Parse existing date and initialise date picker. */
+        _setDateFromField: function(inst) {
+                var dateFormat = this._get(inst, 'dateFormat');
+                var dates = inst.input ? inst.input.val() : null;
+                inst.endDay = inst.endMonth = inst.endYear = null;
+                var date = defaultDate = this._getDefaultDate(inst);
+                var settings = this._getFormatConfig(inst);
+                try {
+                        date = this.parseDate(dateFormat, dates, settings) || defaultDate;
+                } catch (event) {
+                        this.log(event);
+                        date = defaultDate;
+                }
+                inst.selectedDay = date.getDate();
+                inst.drawMonth = inst.selectedMonth = date.getMonth();
+                inst.drawYear = inst.selectedYear = date.getFullYear();
+                inst.currentDay = (dates ? date.getDate() : 0);
+                inst.currentMonth = (dates ? date.getMonth() : 0);
+                inst.currentYear = (dates ? date.getFullYear() : 0);
+                this._adjustInstDate(inst);
+        },
+
+        /* Retrieve the default date shown on opening. */
+        _getDefaultDate: function(inst) {
+                var date = this._determineDate(this._get(inst, 'defaultDate'), new Date());
+                var minDate = this._getMinMaxDate(inst, 'min', true);
+                var maxDate = this._getMinMaxDate(inst, 'max');
+                date = (minDate && date < minDate ? minDate : date);
+                date = (maxDate && date > maxDate ? maxDate : date);
+                return date;
+        },
+
+        /* A date may be specified as an exact value or a relative one. */
+        _determineDate: function(date, defaultDate) {
+                var offsetNumeric = function(offset) {
+                        var date = new Date();
+                        date.setDate(date.getDate() + offset);
+                        return date;
+                };
+                var offsetString = function(offset, getDaysInMonth) {
+                        var date = new Date();
+                        var year = date.getFullYear();
+                        var month = date.getMonth();
+                        var day = date.getDate();
+                        var pattern = /([+-]?[0-9]+)\s*(d|D|w|W|m|M|y|Y)?/g;
+                        var matches = pattern.exec(offset);
+                        while (matches) {
+                                switch (matches[2] || 'd') {
+                                        case 'd' : case 'D' :
+                                                day += parseInt(matches[1],10); break;
+                                        case 'w' : case 'W' :
+                                                day += parseInt(matches[1],10) * 7; break;
+                                        case 'm' : case 'M' :
+                                                month += parseInt(matches[1],10);
+                                                day = Math.min(day, getDaysInMonth(year, month));
+                                                break;
+                                        case 'y': case 'Y' :
+                                                year += parseInt(matches[1],10);
+                                                day = Math.min(day, getDaysInMonth(year, month));
+                                                break;
+                                }
+                                matches = pattern.exec(offset);
+                        }
+                        return new Date(year, month, day);
+                };
+                date = (date == null ? defaultDate :
+                        (typeof date == 'string' ? offsetString(date, this._getDaysInMonth) :
+                        (typeof date == 'number' ? (isNaN(date) ? defaultDate : offsetNumeric(date)) : date)));
+                date = (date && date.toString() == 'Invalid Date' ? defaultDate : date);
+                if (date) {
+                        date.setHours(0);
+                        date.setMinutes(0);
+                        date.setSeconds(0);
+                        date.setMilliseconds(0);
+                }
+                return this._daylightSavingAdjust(date);
+        },
+
+        /* Handle switch to/from daylight saving.
+           Hours may be non-zero on daylight saving cut-over:
+           > 12 when midnight changeover, but then cannot generate
+           midnight datetime, so jump to 1AM, otherwise reset.
+           @param  date  (Date) the date to check
+           @return  (Date) the corrected date */
+        _daylightSavingAdjust: function(date) {
+                if (!date) return null;
+                date.setHours(date.getHours() > 12 ? date.getHours() + 2 : 0);
+                return date;
+        },
+
+        /* Set the date(s) directly. */
+        _setDate: function(inst, date, endDate) {
+                var clear = !(date);
+                var origMonth = inst.selectedMonth;
+                var origYear = inst.selectedYear;
+                date = this._determineDate(date, new Date());
+                inst.selectedDay = inst.currentDay = date.getDate();
+                inst.drawMonth = inst.selectedMonth = inst.currentMonth = date.getMonth();
+                inst.drawYear = inst.selectedYear = inst.currentYear = date.getFullYear();
+                if (origMonth != inst.selectedMonth || origYear != inst.selectedYear)
+                        this._notifyChange(inst);
+                this._adjustInstDate(inst);
+                if (inst.input) {
+                        inst.input.val(clear ? '' : this._formatDate(inst));
+                }
+        },
+
+        /* Retrieve the date(s) directly. */
+        _getDate: function(inst) {
+                var startDate = (!inst.currentYear || (inst.input && inst.input.val() == '') ? null :
+                        this._daylightSavingAdjust(new Date(
+                        inst.currentYear, inst.currentMonth, inst.currentDay)));
+                        return startDate;
+        },
+
+        /* Generate the HTML for the current state of the date picker. */
+        _generateHTML: function(inst) {
+                var today = new Date();
+                today = this._daylightSavingAdjust(
+                        new Date(today.getFullYear(), today.getMonth(), today.getDate())); // clear time
+                var isRTL = this._get(inst, 'isRTL');
+                var showButtonPanel = this._get(inst, 'showButtonPanel');
+                var hideIfNoPrevNext = this._get(inst, 'hideIfNoPrevNext');
+                var navigationAsDateFormat = this._get(inst, 'navigationAsDateFormat');
+                var numMonths = this._getNumberOfMonths(inst);
+                var showCurrentAtPos = this._get(inst, 'showCurrentAtPos');
+                var stepMonths = this._get(inst, 'stepMonths');
+                var stepBigMonths = this._get(inst, 'stepBigMonths');
+                var isMultiMonth = (numMonths[0] != 1 || numMonths[1] != 1);
+                var currentDate = this._daylightSavingAdjust((!inst.currentDay ? new Date(9999, 9, 9) :
+                        new Date(inst.currentYear, inst.currentMonth, inst.currentDay)));
+                var minDate = this._getMinMaxDate(inst, 'min', true);
+                var maxDate = this._getMinMaxDate(inst, 'max');
+                var drawMonth = inst.drawMonth - showCurrentAtPos;
+                var drawYear = inst.drawYear;
+                if (drawMonth < 0) {
+                        drawMonth += 12;
+                        drawYear--;
+                }
+                if (maxDate) {
+                        var maxDraw = this._daylightSavingAdjust(new Date(maxDate.getFullYear(),
+                                maxDate.getMonth() - numMonths[1] + 1, maxDate.getDate()));
+                        maxDraw = (minDate && maxDraw < minDate ? minDate : maxDraw);
+                        while (this._daylightSavingAdjust(new Date(drawYear, drawMonth, 1)) > maxDraw) {
+                                drawMonth--;
+                                if (drawMonth < 0) {
+                                        drawMonth = 11;
+                                        drawYear--;
+                                }
+                        }
+                }
+                inst.drawMonth = drawMonth;
+                inst.drawYear = drawYear;
+                var prevText = this._get(inst, 'prevText');
+                prevText = (!navigationAsDateFormat ? prevText : this.formatDate(prevText,
+                        this._daylightSavingAdjust(new Date(drawYear, drawMonth - stepMonths, 1)),
+                        this._getFormatConfig(inst)));
+                var prev = (this._canAdjustMonth(inst, -1, drawYear, drawMonth) ?
+                        '<a class="ui-datepicker-prev ui-corner-all" onclick="DP_jQuery.datepicker._adjustDate(\'#' + inst.id + '\', -' + stepMonths + ', \'M\');"' +
+                        ' title="' + prevText + '"><span class="ui-icon ui-icon-circle-triangle-' + ( isRTL ? 'e' : 'w') + '">' + prevText + '</span></a>' :
+                        (hideIfNoPrevNext ? '' : '<a class="ui-datepicker-prev ui-corner-all ui-state-disabled" title="'+ prevText +'"><span class="ui-icon ui-icon-circle-triangle-' + ( isRTL ? 'e' : 'w') + '">' + prevText + '</span></a>'));
+                var nextText = this._get(inst, 'nextText');
+                nextText = (!navigationAsDateFormat ? nextText : this.formatDate(nextText,
+                        this._daylightSavingAdjust(new Date(drawYear, drawMonth + stepMonths, 1)),
+                        this._getFormatConfig(inst)));
+                var next = (this._canAdjustMonth(inst, +1, drawYear, drawMonth) ?
+                        '<a class="ui-datepicker-next ui-corner-all" onclick="DP_jQuery.datepicker._adjustDate(\'#' + inst.id + '\', +' + stepMonths + ', \'M\');"' +
+                        ' title="' + nextText + '"><span class="ui-icon ui-icon-circle-triangle-' + ( isRTL ? 'w' : 'e') + '">' + nextText + '</span></a>' :
+                        (hideIfNoPrevNext ? '' : '<a class="ui-datepicker-next ui-corner-all ui-state-disabled" title="'+ nextText + '"><span class="ui-icon ui-icon-circle-triangle-' + ( isRTL ? 'w' : 'e') + '">' + nextText + '</span></a>'));
+                var currentText = this._get(inst, 'currentText');
+                var gotoDate = (this._get(inst, 'gotoCurrent') && inst.currentDay ? currentDate : today);
+                currentText = (!navigationAsDateFormat ? currentText :
+                        this.formatDate(currentText, gotoDate, this._getFormatConfig(inst)));
+                var controls = (!inst.inline ? '<button type="button" class="ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all" onclick="DP_jQuery.datepicker._hideDatepicker();">' + this._get(inst, 'closeText') + '</button>' : '');
+                var buttonPanel = (showButtonPanel) ? '<div class="ui-datepicker-buttonpane ui-widget-content">' + (isRTL ? controls : '') +
+                        (this._isInRange(inst, gotoDate) ? '<button type="button" class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all" onclick="DP_jQuery.datepicker._gotoToday(\'#' + inst.id + '\');"' +
+                        '>' + currentText + '</button>' : '') + (isRTL ? '' : controls) + '</div>' : '';
+                var firstDay = parseInt(this._get(inst, 'firstDay'),10);
+                firstDay = (isNaN(firstDay) ? 0 : firstDay);
+                var dayNames = this._get(inst, 'dayNames');
+                var dayNamesShort = this._get(inst, 'dayNamesShort');
+                var dayNamesMin = this._get(inst, 'dayNamesMin');
+                var monthNames = this._get(inst, 'monthNames');
+                var monthNamesShort = this._get(inst, 'monthNamesShort');
+                var beforeShowDay = this._get(inst, 'beforeShowDay');
+                var showOtherMonths = this._get(inst, 'showOtherMonths');
+                var calculateWeek = this._get(inst, 'calculateWeek') || this.iso8601Week;
+                var endDate = inst.endDay ? this._daylightSavingAdjust(
+                        new Date(inst.endYear, inst.endMonth, inst.endDay)) : currentDate;
+                var defaultDate = this._getDefaultDate(inst);
+                var html = '';
+                for (var row = 0; row < numMonths[0]; row++) {
+                        var group = '';
+                        for (var col = 0; col < numMonths[1]; col++) {
+                                var selectedDate = this._daylightSavingAdjust(new Date(drawYear, drawMonth, inst.selectedDay));
+                                var cornerClass = ' ui-corner-all';
+                                var calender = '';
+                                if (isMultiMonth) {
+                                        calender += '<div class="ui-datepicker-group ui-datepicker-group-';
+                                        switch (col) {
+                                                case 0: calender += 'first'; cornerClass = ' ui-corner-' + (isRTL ? 'right' : 'left'); break;
+                                                case numMonths[1]-1: calender += 'last'; cornerClass = ' ui-corner-' + (isRTL ? 'left' : 'right'); break;
+                                                default: calender += 'middle'; cornerClass = ''; break;
+                                        }
+                                        calender += '">';
+                                }
+                                calender += '<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix' + cornerClass + '">' +
+                                        (/all|left/.test(cornerClass) && row == 0 ? (isRTL ? next : prev) : '') +
+                                        (/all|right/.test(cornerClass) && row == 0 ? (isRTL ? prev : next) : '') +
+                                        this._generateMonthYearHeader(inst, drawMonth, drawYear, minDate, maxDate,
+                                        selectedDate, row > 0 || col > 0, monthNames, monthNamesShort) + // draw month headers
+                                        '</div><table class="ui-datepicker-calendar"><thead>' +
+                                        '<tr>';
+                                var thead = '';
+                                for (var dow = 0; dow < 7; dow++) { // days of the week
+                                        var day = (dow + firstDay) % 7;
+                                        thead += '<th' + ((dow + firstDay + 6) % 7 >= 5 ? ' class="ui-datepicker-week-end"' : '') + '>' +
+                                                '<span title="' + dayNames[day] + '">' + dayNamesMin[day] + '</span></th>';
+                                }
+                                calender += thead + '</tr></thead><tbody>';
+                                var daysInMonth = this._getDaysInMonth(drawYear, drawMonth);
+                                if (drawYear == inst.selectedYear && drawMonth == inst.selectedMonth)
+                                        inst.selectedDay = Math.min(inst.selectedDay, daysInMonth);
+                                var leadDays = (this._getFirstDayOfMonth(drawYear, drawMonth) - firstDay + 7) % 7;
+                                var numRows = (isMultiMonth ? 6 : Math.ceil((leadDays + daysInMonth) / 7)); // calculate the number of rows to generate
+                                var printDate = this._daylightSavingAdjust(new Date(drawYear, drawMonth, 1 - leadDays));
+                                for (var dRow = 0; dRow < numRows; dRow++) { // create date picker rows
+                                        calender += '<tr>';
+                                        var tbody = '';
+                                        for (var dow = 0; dow < 7; dow++) { // create date picker days
+                                                var daySettings = (beforeShowDay ?
+                                                        beforeShowDay.apply((inst.input ? inst.input[0] : null), [printDate]) : [true, '']);
+                                                var otherMonth = (printDate.getMonth() != drawMonth);
+                                                var unselectable = otherMonth || !daySettings[0] ||
+                                                        (minDate && printDate < minDate) || (maxDate && printDate > maxDate);
+                                                tbody += '<td class="' +
+                                                        ((dow + firstDay + 6) % 7 >= 5 ? ' ui-datepicker-week-end' : '') + // highlight weekends
+                                                        (otherMonth ? ' ui-datepicker-other-month' : '') + // highlight days from other months
+                                                        ((printDate.getTime() == selectedDate.getTime() && drawMonth == inst.selectedMonth && inst._keyEvent) || // user pressed key
+                                                        (defaultDate.getTime() == printDate.getTime() && defaultDate.getTime() == selectedDate.getTime()) ?
+                                                        // or defaultDate is current printedDate and defaultDate is selectedDate
+                                                        ' ' + this._dayOverClass : '') + // highlight selected day
+                                                        (unselectable ? ' ' + this._unselectableClass + ' ui-state-disabled': '') +  // highlight unselectable days
+                                                        (otherMonth && !showOtherMonths ? '' : ' ' + daySettings[1] + // highlight custom dates
+                                                        (printDate.getTime() >= currentDate.getTime() && printDate.getTime() <= endDate.getTime() ? // in current range
+                                                        ' ' + this._currentClass : '') + // highlight selected day
+                                                        (printDate.getTime() == today.getTime() ? ' ui-datepicker-today' : '')) + '"' + // highlight today (if different)
+                                                        ((!otherMonth || showOtherMonths) && daySettings[2] ? ' title="' + daySettings[2] + '"' : '') + // cell title
+                                                        (unselectable ? '' : ' onclick="DP_jQuery.datepicker._selectDay(\'#' +
+                                                        inst.id + '\',' + drawMonth + ',' + drawYear + ', this);return false;"') + '>' + // actions
+                                                        (otherMonth ? (showOtherMonths ? printDate.getDate() : '&#xa0;') : // display for other months
+                                                        (unselectable ? '<span class="ui-state-default">' + printDate.getDate() + '</span>' : '<a class="ui-state-default' +
+                                                        (printDate.getTime() == today.getTime() ? ' ui-state-highlight' : '') +
+                                                        (printDate.getTime() >= currentDate.getTime() && printDate.getTime() <= endDate.getTime() ? // in current range
+                                                        ' ui-state-active' : '') + // highlight selected day
+                                                        '" href="#">' + printDate.getDate() + '</a>')) + '</td>'; // display for this month
+                                                printDate.setDate(printDate.getDate() + 1);
+                                                printDate = this._daylightSavingAdjust(printDate);
+                                        }
+                                        calender += tbody + '</tr>';
+                                }
+                                drawMonth++;
+                                if (drawMonth > 11) {
+                                        drawMonth = 0;
+                                        drawYear++;
+                                }
+                                calender += '</tbody></table>' + (isMultiMonth ? '</div>' + 
+                                                        ((numMonths[0] > 0 && col == numMonths[1]-1) ? '<div class="ui-datepicker-row-break"></div>' : '') : '');
+                                group += calender;
+                        }
+                        html += group;
+                }
+                html += buttonPanel + ($.browser.msie && parseInt($.browser.version,10) < 7 && !inst.inline ?
+                        '<iframe src="javascript:false;" class="ui-datepicker-cover" frameborder="0"></iframe>' : '');
+                inst._keyEvent = false;
+                return html;
+        },
+
+        /* Generate the month and year header. */
+        _generateMonthYearHeader: function(inst, drawMonth, drawYear, minDate, maxDate,
+                        selectedDate, secondary, monthNames, monthNamesShort) {
+                minDate = (inst.rangeStart && minDate && selectedDate < minDate ? selectedDate : minDate);
+                var changeMonth = this._get(inst, 'changeMonth');
+                var changeYear = this._get(inst, 'changeYear');
+                var showMonthAfterYear = this._get(inst, 'showMonthAfterYear');
+                var html = '<div class="ui-datepicker-title">';
+                var monthHtml = '';
+                // month selection
+                if (secondary || !changeMonth)
+                        monthHtml += '<span class="ui-datepicker-month">' + monthNames[drawMonth] + '</span> ';
+                else {
+                        var inMinYear = (minDate && minDate.getFullYear() == drawYear);
+                        var inMaxYear = (maxDate && maxDate.getFullYear() == drawYear);
+                        monthHtml += '<select class="ui-datepicker-month" ' +
+                                'onchange="DP_jQuery.datepicker._selectMonthYear(\'#' + inst.id + '\', this, \'M\');" ' +
+                                'onclick="DP_jQuery.datepicker._clickMonthYear(\'#' + inst.id + '\');"' +
+                                '>';
+                        for (var month = 0; month < 12; month++) {
+                                if ((!inMinYear || month >= minDate.getMonth()) &&
+                                                (!inMaxYear || month <= maxDate.getMonth()))
+                                        monthHtml += '<option value="' + month + '"' +
+                                                (month == drawMonth ? ' selected="selected"' : '') +
+                                                '>' + monthNamesShort[month] + '</option>';
+                        }
+                        monthHtml += '</select>';
+                }
+                if (!showMonthAfterYear)
+                        html += monthHtml + ((secondary || changeMonth || changeYear) && (!(changeMonth && changeYear)) ? '&#xa0;' : '');
+                // year selection
+                if (secondary || !changeYear)
+                        html += '<span class="ui-datepicker-year">' + drawYear + '</span>';
+                else {
+                        // determine range of years to display
+                        var years = this._get(inst, 'yearRange').split(':');
+                        var year = 0;
+                        var endYear = 0;
+                        if (years.length != 2) {
+                                year = drawYear - 10;
+                                endYear = drawYear + 10;
+                        } else if (years[0].charAt(0) == '+' || years[0].charAt(0) == '-') {
+                                year = drawYear + parseInt(years[0], 10);
+                                endYear = drawYear + parseInt(years[1], 10);
+                        } else {
+                                year = parseInt(years[0], 10);
+                                endYear = parseInt(years[1], 10);
+                        }
+                        year = (minDate ? Math.max(year, minDate.getFullYear()) : year);
+                        endYear = (maxDate ? Math.min(endYear, maxDate.getFullYear()) : endYear);
+                        html += '<select class="ui-datepicker-year" ' +
+                                'onchange="DP_jQuery.datepicker._selectMonthYear(\'#' + inst.id + '\', this, \'Y\');" ' +
+                                'onclick="DP_jQuery.datepicker._clickMonthYear(\'#' + inst.id + '\');"' +
+                                '>';
+                        for (; year <= endYear; year++) {
+                                html += '<option value="' + year + '"' +
+                                        (year == drawYear ? ' selected="selected"' : '') +
+                                        '>' + year + '</option>';
+                        }
+                        html += '</select>';
+                }
+                if (showMonthAfterYear)
+                        html += (secondary || changeMonth || changeYear ? '&#xa0;' : '') + monthHtml;
+                html += '</div>'; // Close datepicker_header
+                return html;
+        },
+
+        /* Adjust one of the date sub-fields. */
+        _adjustInstDate: function(inst, offset, period) {
+                var year = inst.drawYear + (period == 'Y' ? offset : 0);
+                var month = inst.drawMonth + (period == 'M' ? offset : 0);
+                var day = Math.min(inst.selectedDay, this._getDaysInMonth(year, month)) +
+                        (period == 'D' ? offset : 0);
+                var date = this._daylightSavingAdjust(new Date(year, month, day));
+                // ensure it is within the bounds set
+                var minDate = this._getMinMaxDate(inst, 'min', true);
+                var maxDate = this._getMinMaxDate(inst, 'max');
+                date = (minDate && date < minDate ? minDate : date);
+                date = (maxDate && date > maxDate ? maxDate : date);
+                inst.selectedDay = date.getDate();
+                inst.drawMonth = inst.selectedMonth = date.getMonth();
+                inst.drawYear = inst.selectedYear = date.getFullYear();
+                if (period == 'M' || period == 'Y')
+                        this._notifyChange(inst);
+        },
+
+        /* Notify change of month/year. */
+        _notifyChange: function(inst) {
+                var onChange = this._get(inst, 'onChangeMonthYear');
+                if (onChange)
+                        onChange.apply((inst.input ? inst.input[0] : null),
+                                [inst.selectedYear, inst.selectedMonth + 1, inst]);
+        },
+
+        /* Determine the number of months to show. */
+        _getNumberOfMonths: function(inst) {
+                var numMonths = this._get(inst, 'numberOfMonths');
+                return (numMonths == null ? [1, 1] : (typeof numMonths == 'number' ? [1, numMonths] : numMonths));
+        },
+
+        /* Determine the current maximum date - ensure no time components are set - may be overridden for a range. */
+        _getMinMaxDate: function(inst, minMax, checkRange) {
+                var date = this._determineDate(this._get(inst, minMax + 'Date'), null);
+                return (!checkRange || !inst.rangeStart ? date :
+                        (!date || inst.rangeStart > date ? inst.rangeStart : date));
+        },
+
+        /* Find the number of days in a given month. */
+        _getDaysInMonth: function(year, month) {
+                return 32 - new Date(year, month, 32).getDate();
+        },
+
+        /* Find the day of the week of the first of a month. */
+        _getFirstDayOfMonth: function(year, month) {
+                return new Date(year, month, 1).getDay();
+        },
+
+        /* Determines if we should allow a "next/prev" month display change. */
+        _canAdjustMonth: function(inst, offset, curYear, curMonth) {
+                var numMonths = this._getNumberOfMonths(inst);
+                var date = this._daylightSavingAdjust(new Date(
+                        curYear, curMonth + (offset < 0 ? offset : numMonths[1]), 1));
+                if (offset < 0)
+                        date.setDate(this._getDaysInMonth(date.getFullYear(), date.getMonth()));
+                return this._isInRange(inst, date);
+        },
+
+        /* Is the given date in the accepted range? */
+        _isInRange: function(inst, date) {
+                // during range selection, use minimum of selected date and range start
+                var newMinDate = (!inst.rangeStart ? null : this._daylightSavingAdjust(
+                        new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay)));
+                newMinDate = (newMinDate && inst.rangeStart < newMinDate ? inst.rangeStart : newMinDate);
+                var minDate = newMinDate || this._getMinMaxDate(inst, 'min');
+                var maxDate = this._getMinMaxDate(inst, 'max');
+                return ((!minDate || date >= minDate) && (!maxDate || date <= maxDate));
+        },
+
+        /* Provide the configuration settings for formatting/parsing. */
+        _getFormatConfig: function(inst) {
+                var shortYearCutoff = this._get(inst, 'shortYearCutoff');
+                shortYearCutoff = (typeof shortYearCutoff != 'string' ? shortYearCutoff :
+                        new Date().getFullYear() % 100 + parseInt(shortYearCutoff, 10));
+                return {shortYearCutoff: shortYearCutoff,
+                        dayNamesShort: this._get(inst, 'dayNamesShort'), dayNames: this._get(inst, 'dayNames'),
+                        monthNamesShort: this._get(inst, 'monthNamesShort'), monthNames: this._get(inst, 'monthNames')};
+        },
+
+        /* Format the given date for display. */
+        _formatDate: function(inst, day, month, year) {
+                if (!day) {
+                        inst.currentDay = inst.selectedDay;
+                        inst.currentMonth = inst.selectedMonth;
+                        inst.currentYear = inst.selectedYear;
+                }
+                var date = (day ? (typeof day == 'object' ? day :
+                        this._daylightSavingAdjust(new Date(year, month, day))) :
+                        this._daylightSavingAdjust(new Date(inst.currentYear, inst.currentMonth, inst.currentDay)));
+                return this.formatDate(this._get(inst, 'dateFormat'), date, this._getFormatConfig(inst));
+        }
+});
+
+/* jQuery extend now ignores nulls! */
+function extendRemove(target, props) {
+        $.extend(target, props);
+        for (var name in props)
+                if (props[name] == null || props[name] == undefined)
+                        target[name] = props[name];
+        return target;
+};
+
+/* Determine whether an object is an array. */
+function isArray(a) {
+        return (a && (($.browser.safari && typeof a == 'object' && a.length) ||
+                (a.constructor && a.constructor.toString().match(/\Array\(\)/))));
+};
+
+/* Invoke the datepicker functionality.
+   @param  options  string - a command, optionally followed by additional parameters or
+                    Object - settings for attaching new datepicker functionality
+   @return  jQuery object */
+$.fn.datepicker = function(options){
+
+        /* Initialise the date picker. */
+        if (!$.datepicker.initialized) {
+                $(document).mousedown($.datepicker._checkExternalClick).
+                        find('body').append($.datepicker.dpDiv);
+                $.datepicker.initialized = true;
+        }
+
+        var otherArgs = Array.prototype.slice.call(arguments, 1);
+        if (typeof options == 'string' && (options == 'isDisabled' || options == 'getDate'))
+                return $.datepicker['_' + options + 'Datepicker'].
+                        apply($.datepicker, [this[0]].concat(otherArgs));
+        if (options == 'option' && arguments.length == 2 && typeof arguments[1] == 'string')
+                return $.datepicker['_' + options + 'Datepicker'].
+                        apply($.datepicker, [this[0]].concat(otherArgs));
+        return this.each(function() {
+                typeof options == 'string' ?
+                        $.datepicker['_' + options + 'Datepicker'].
+                                apply($.datepicker, [this].concat(otherArgs)) :
+                        $.datepicker._attachDatepicker(this, options);
+        });
+};
+
+$.datepicker = new Datepicker(); // singleton instance
+$.datepicker.initialized = false;
+$.datepicker.uuid = new Date().getTime();
+$.datepicker.version = "1.7.2";
+
+// Workaround for #4055
+// Add another global to avoid noConflict issues with inline event handlers
+window.DP_jQuery = $;
+
+})(jQuery);
+/*
+ * jQuery UI Progressbar 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Progressbar
+ *
+ * Depends:
+ *   ui.core.js
+ */
+(function($) {
+
+$.widget("ui.progressbar", {
+
+        _init: function() {
+
+                this.element
+                        .addClass("ui-progressbar"
+                                + " ui-widget"
+                                + " ui-widget-content"
+                                + " ui-corner-all")
+                        .attr({
+                                role: "progressbar",
+                                "aria-valuemin": this._valueMin(),
+                                "aria-valuemax": this._valueMax(),
+                                "aria-valuenow": this._value()
+                        });
+
+                this.valueDiv = $('<div class="ui-progressbar-value ui-widget-header ui-corner-left"></div>').appendTo(this.element);
+
+                this._refreshValue();
+
+        },
+
+        destroy: function() {
+
+                this.element
+                        .removeClass("ui-progressbar"
+                                + " ui-widget"
+                                + " ui-widget-content"
+                                + " ui-corner-all")
+                        .removeAttr("role")
+                        .removeAttr("aria-valuemin")
+                        .removeAttr("aria-valuemax")
+                        .removeAttr("aria-valuenow")
+                        .removeData("progressbar")
+                        .unbind(".progressbar");
+
+                this.valueDiv.remove();
+
+                $.widget.prototype.destroy.apply(this, arguments);
+
+        },
+
+        value: function(newValue) {
+                if (newValue === undefined) {
+                        return this._value();
+                }
+                
+                this._setData('value', newValue);
+                return this;
+        },
+
+        _setData: function(key, value) {
+
+                switch (key) {
+                        case 'value':
+                                this.options.value = value;
+                                this._refreshValue();
+                                this._trigger('change', null, {});
+                                break;
+                }
+
+                $.widget.prototype._setData.apply(this, arguments);
+
+        },
+
+        _value: function() {
+
+                var val = this.options.value;
+                if (val < this._valueMin()) val = this._valueMin();
+                if (val > this._valueMax()) val = this._valueMax();
+
+                return val;
+
+        },
+
+        _valueMin: function() {
+                var valueMin = 0;
+                return valueMin;
+        },
+
+        _valueMax: function() {
+                var valueMax = 100;
+                return valueMax;
+        },
+
+        _refreshValue: function() {
+                var value = this.value();
+                this.valueDiv[value == this._valueMax() ? 'addClass' : 'removeClass']("ui-corner-right");
+                this.valueDiv.width(value + '%');
+                this.element.attr("aria-valuenow", value);
+        }
+
+});
+
+$.extend($.ui.progressbar, {
+        version: "1.7.2",
+        defaults: {
+                value: 0
+        }
+});
+
+})(jQuery);
+/*
+ * jQuery UI Effects 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/
+ */
+;jQuery.effects || (function($) {
+
+$.effects = {
+        version: "1.7.2",
+
+        // Saves a set of properties in a data storage
+        save: function(element, set) {
+                for(var i=0; i < set.length; i++) {
+                        if(set[i] !== null) element.data("ec.storage."+set[i], element[0].style[set[i]]);
+                }
+        },
+
+        // Restores a set of previously saved properties from a data storage
+        restore: function(element, set) {
+                for(var i=0; i < set.length; i++) {
+                        if(set[i] !== null) element.css(set[i], element.data("ec.storage."+set[i]));
+                }
+        },
+
+        setMode: function(el, mode) {
+                if (mode == 'toggle') mode = el.is(':hidden') ? 'show' : 'hide'; // Set for toggle
+                return mode;
+        },
+
+        getBaseline: function(origin, original) { // Translates a [top,left] array into a baseline value
+                // this should be a little more flexible in the future to handle a string & hash
+                var y, x;
+                switch (origin[0]) {
+                        case 'top': y = 0; break;
+                        case 'middle': y = 0.5; break;
+                        case 'bottom': y = 1; break;
+                        default: y = origin[0] / original.height;
+                };
+                switch (origin[1]) {
+                        case 'left': x = 0; break;
+                        case 'center': x = 0.5; break;
+                        case 'right': x = 1; break;
+                        default: x = origin[1] / original.width;
+                };
+                return {x: x, y: y};
+        },
+
+        // Wraps the element around a wrapper that copies position properties
+        createWrapper: function(element) {
+
+                //if the element is already wrapped, return it
+                if (element.parent().is('.ui-effects-wrapper'))
+                        return element.parent();
+
+                //Cache width,height and float properties of the element, and create a wrapper around it
+                var props = { width: element.outerWidth(true), height: element.outerHeight(true), 'float': element.css('float') };
+                element.wrap('<div class="ui-effects-wrapper" style="font-size:100%;background:transparent;border:none;margin:0;padding:0"></div>');
+                var wrapper = element.parent();
+
+                //Transfer the positioning of the element to the wrapper
+                if (element.css('position') == 'static') {
+                        wrapper.css({ position: 'relative' });
+                        element.css({ position: 'relative'} );
+                } else {
+                        var top = element.css('top'); if(isNaN(parseInt(top,10))) top = 'auto';
+                        var left = element.css('left'); if(isNaN(parseInt(left,10))) left = 'auto';
+                        wrapper.css({ position: element.css('position'), top: top, left: left, zIndex: element.css('z-index') }).show();
+                        element.css({position: 'relative', top: 0, left: 0 });
+                }
+
+                wrapper.css(props);
+                return wrapper;
+        },
+
+        removeWrapper: function(element) {
+                if (element.parent().is('.ui-effects-wrapper'))
+                        return element.parent().replaceWith(element);
+                return element;
+        },
+
+        setTransition: function(element, list, factor, value) {
+                value = value || {};
+                $.each(list, function(i, x){
+                        unit = element.cssUnit(x);
+                        if (unit[0] > 0) value[x] = unit[0] * factor + unit[1];
+                });
+                return value;
+        },
+
+        //Base function to animate from one class to another in a seamless transition
+        animateClass: function(value, duration, easing, callback) {
+
+                var cb = (typeof easing == "function" ? easing : (callback ? callback : null));
+                var ea = (typeof easing == "string" ? easing : null);
+
+                return this.each(function() {
+
+                        var offset = {}; var that = $(this); var oldStyleAttr = that.attr("style") || '';
+                        if(typeof oldStyleAttr == 'object') oldStyleAttr = oldStyleAttr["cssText"]; /* Stupidly in IE, style is a object.. */
+                        if(value.toggle) { that.hasClass(value.toggle) ? value.remove = value.toggle : value.add = value.toggle; }
+
+                        //Let's get a style offset
+                        var oldStyle = $.extend({}, (document.defaultView ? document.defaultView.getComputedStyle(this,null) : this.currentStyle));
+                        if(value.add) that.addClass(value.add); if(value.remove) that.removeClass(value.remove);
+                        var newStyle = $.extend({}, (document.defaultView ? document.defaultView.getComputedStyle(this,null) : this.currentStyle));
+                        if(value.add) that.removeClass(value.add); if(value.remove) that.addClass(value.remove);
+
+                        // The main function to form the object for animation
+                        for(var n in newStyle) {
+                                if( typeof newStyle[n] != "function" && newStyle[n] /* No functions and null properties */
+                                && n.indexOf("Moz") == -1 && n.indexOf("length") == -1 /* No mozilla spezific render properties. */
+                                && newStyle[n] != oldStyle[n] /* Only values that have changed are used for the animation */
+                                && (n.match(/color/i) || (!n.match(/color/i) && !isNaN(parseInt(newStyle[n],10)))) /* Only things that can be parsed to integers or colors */
+                                && (oldStyle.position != "static" || (oldStyle.position == "static" && !n.match(/left|top|bottom|right/))) /* No need for positions when dealing with static positions */
+                                ) offset[n] = newStyle[n];
+                        }
+
+                        that.animate(offset, duration, ea, function() { // Animate the newly constructed offset object
+                                // Change style attribute back to original. For stupid IE, we need to clear the damn object.
+                                if(typeof $(this).attr("style") == 'object') { $(this).attr("style")["cssText"] = ""; $(this).attr("style")["cssText"] = oldStyleAttr; } else $(this).attr("style", oldStyleAttr);
+                                if(value.add) $(this).addClass(value.add); if(value.remove) $(this).removeClass(value.remove);
+                                if(cb) cb.apply(this, arguments);
+                        });
+
+                });
+        }
+};
+
+
+function _normalizeArguments(a, m) {
+
+        var o = a[1] && a[1].constructor == Object ? a[1] : {}; if(m) o.mode = m;
+        var speed = a[1] && a[1].constructor != Object ? a[1] : (o.duration ? o.duration : a[2]); //either comes from options.duration or the secon/third argument
+                speed = $.fx.off ? 0 : typeof speed === "number" ? speed : $.fx.speeds[speed] || $.fx.speeds._default;
+        var callback = o.callback || ( $.isFunction(a[1]) && a[1] ) || ( $.isFunction(a[2]) && a[2] ) || ( $.isFunction(a[3]) && a[3] );
+
+        return [a[0], o, speed, callback];
+        
+}
+
+//Extend the methods of jQuery
+$.fn.extend({
+
+        //Save old methods
+        _show: $.fn.show,
+        _hide: $.fn.hide,
+        __toggle: $.fn.toggle,
+        _addClass: $.fn.addClass,
+        _removeClass: $.fn.removeClass,
+        _toggleClass: $.fn.toggleClass,
+
+        // New effect methods
+        effect: function(fx, options, speed, callback) {
+                return $.effects[fx] ? $.effects[fx].call(this, {method: fx, options: options || {}, duration: speed, callback: callback }) : null;
+        },
+
+        show: function() {
+                if(!arguments[0] || (arguments[0].constructor == Number || (/(slow|normal|fast)/).test(arguments[0])))
+                        return this._show.apply(this, arguments);
+                else {
+                        return this.effect.apply(this, _normalizeArguments(arguments, 'show'));
+                }
+        },
+
+        hide: function() {
+                if(!arguments[0] || (arguments[0].constructor == Number || (/(slow|normal|fast)/).test(arguments[0])))
+                        return this._hide.apply(this, arguments);
+                else {
+                        return this.effect.apply(this, _normalizeArguments(arguments, 'hide'));
+                }
+        },
+
+        toggle: function(){
+                if(!arguments[0] ||
+                        (arguments[0].constructor == Number || (/(slow|normal|fast)/).test(arguments[0])) ||
+                        ($.isFunction(arguments[0]) || typeof arguments[0] == 'boolean')) {
+                        return this.__toggle.apply(this, arguments);
+                } else {
+                        return this.effect.apply(this, _normalizeArguments(arguments, 'toggle'));
+                }
+        },
+
+        addClass: function(classNames, speed, easing, callback) {
+                return speed ? $.effects.animateClass.apply(this, [{ add: classNames },speed,easing,callback]) : this._addClass(classNames);
+        },
+        removeClass: function(classNames,speed,easing,callback) {
+                return speed ? $.effects.animateClass.apply(this, [{ remove: classNames },speed,easing,callback]) : this._removeClass(classNames);
+        },
+        toggleClass: function(classNames,speed,easing,callback) {
+                return ( (typeof speed !== "boolean") && speed ) ? $.effects.animateClass.apply(this, [{ toggle: classNames },speed,easing,callback]) : this._toggleClass(classNames, speed);
+        },
+        morph: function(remove,add,speed,easing,callback) {
+                return $.effects.animateClass.apply(this, [{ add: add, remove: remove },speed,easing,callback]);
+        },
+        switchClass: function() {
+                return this.morph.apply(this, arguments);
+        },
+
+        // helper functions
+        cssUnit: function(key) {
+                var style = this.css(key), val = [];
+                $.each( ['em','px','%','pt'], function(i, unit){
+                        if(style.indexOf(unit) > 0)
+                                val = [parseFloat(style), unit];
+                });
+                return val;
+        }
+});
+
+/*
+ * jQuery Color Animations
+ * Copyright 2007 John Resig
+ * Released under the MIT and GPL licenses.
+ */
+
+// We override the animation for all of these color styles
+$.each(['backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'color', 'outlineColor'], function(i,attr){
+                $.fx.step[attr] = function(fx) {
+                                if ( fx.state == 0 ) {
+                                                fx.start = getColor( fx.elem, attr );
+                                                fx.end = getRGB( fx.end );
+                                }
+
+                                fx.elem.style[attr] = "rgb(" + [
+                                                Math.max(Math.min( parseInt((fx.pos * (fx.end[0] - fx.start[0])) + fx.start[0],10), 255), 0),
+                                                Math.max(Math.min( parseInt((fx.pos * (fx.end[1] - fx.start[1])) + fx.start[1],10), 255), 0),
+                                                Math.max(Math.min( parseInt((fx.pos * (fx.end[2] - fx.start[2])) + fx.start[2],10), 255), 0)
+                                ].join(",") + ")";
+                        };
+});
+
+// Color Conversion functions from highlightFade
+// By Blair Mitchelmore
+// http://jquery.offput.ca/highlightFade/
+
+// Parse strings looking for color tuples [255,255,255]
+function getRGB(color) {
+                var result;
+
+                // Check if we're already dealing with an array of colors
+                if ( color && color.constructor == Array && color.length == 3 )
+                                return color;
+
+                // Look for rgb(num,num,num)
+                if (result = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(color))
+                                return [parseInt(result[1],10), parseInt(result[2],10), parseInt(result[3],10)];
+
+                // Look for rgb(num%,num%,num%)
+                if (result = /rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(color))
+                                return [parseFloat(result[1])*2.55, parseFloat(result[2])*2.55, parseFloat(result[3])*2.55];
+
+                // Look for #a0b1c2
+                if (result = /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(color))
+                                return [parseInt(result[1],16), parseInt(result[2],16), parseInt(result[3],16)];
+
+                // Look for #fff
+                if (result = /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(color))
+                                return [parseInt(result[1]+result[1],16), parseInt(result[2]+result[2],16), parseInt(result[3]+result[3],16)];
+
+                // Look for rgba(0, 0, 0, 0) == transparent in Safari 3
+                if (result = /rgba\(0, 0, 0, 0\)/.exec(color))
+                                return colors['transparent'];
+
+                // Otherwise, we're most likely dealing with a named color
+                return colors[$.trim(color).toLowerCase()];
+}
+
+function getColor(elem, attr) {
+                var color;
+
+                do {
+                                color = $.curCSS(elem, attr);
+
+                                // Keep going until we find an element that has color, or we hit the body
+                                if ( color != '' && color != 'transparent' || $.nodeName(elem, "body") )
+                                                break;
+
+                                attr = "backgroundColor";
+                } while ( elem = elem.parentNode );
+
+                return getRGB(color);
+};
+
+// Some named colors to work with
+// From Interface by Stefan Petre
+// http://interface.eyecon.ro/
+
+var colors = {
+        aqua:[0,255,255],
+        azure:[240,255,255],
+        beige:[245,245,220],
+        black:[0,0,0],
+        blue:[0,0,255],
+        brown:[165,42,42],
+        cyan:[0,255,255],
+        darkblue:[0,0,139],
+        darkcyan:[0,139,139],
+        darkgrey:[169,169,169],
+        darkgreen:[0,100,0],
+        darkkhaki:[189,183,107],
+        darkmagenta:[139,0,139],
+        darkolivegreen:[85,107,47],
+        darkorange:[255,140,0],
+        darkorchid:[153,50,204],
+        darkred:[139,0,0],
+        darksalmon:[233,150,122],
+        darkviolet:[148,0,211],
+        fuchsia:[255,0,255],
+        gold:[255,215,0],
+        green:[0,128,0],
+        indigo:[75,0,130],
+        khaki:[240,230,140],
+        lightblue:[173,216,230],
+        lightcyan:[224,255,255],
+        lightgreen:[144,238,144],
+        lightgrey:[211,211,211],
+        lightpink:[255,182,193],
+        lightyellow:[255,255,224],
+        lime:[0,255,0],
+        magenta:[255,0,255],
+        maroon:[128,0,0],
+        navy:[0,0,128],
+        olive:[128,128,0],
+        orange:[255,165,0],
+        pink:[255,192,203],
+        purple:[128,0,128],
+        violet:[128,0,128],
+        red:[255,0,0],
+        silver:[192,192,192],
+        white:[255,255,255],
+        yellow:[255,255,0],
+        transparent: [255,255,255]
+};
+
+/*
+ * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
+ *
+ * Uses the built in easing capabilities added In jQuery 1.1
+ * to offer multiple easing options
+ *
+ * TERMS OF USE - jQuery Easing
+ *
+ * Open source under the BSD License.
+ *
+ * Copyright 2008 George McGinley Smith
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without modification,
+ * are permitted provided that the following conditions are met:
+ *
+ * Redistributions of source code must retain the above copyright notice, this list of
+ * conditions and the following disclaimer.
+ * Redistributions in binary form must reproduce the above copyright notice, this list
+ * of conditions and the following disclaimer in the documentation and/or other materials
+ * provided with the distribution.
+ *
+ * Neither the name of the author nor the names of contributors may be used to endorse
+ * or promote products derived from this software without specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+ * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+ * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
+ * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
+ * OF THE POSSIBILITY OF SUCH DAMAGE.
+ *
+*/
+
+// t: current time, b: begInnIng value, c: change In value, d: duration
+$.easing.jswing = $.easing.swing;
+
+$.extend($.easing,
+{
+        def: 'easeOutQuad',
+        swing: function (x, t, b, c, d) {
+                //alert($.easing.default);
+                return $.easing[$.easing.def](x, t, b, c, d);
+        },
+        easeInQuad: function (x, t, b, c, d) {
+                return c*(t/=d)*t + b;
+        },
+        easeOutQuad: function (x, t, b, c, d) {
+                return -c *(t/=d)*(t-2) + b;
+        },
+        easeInOutQuad: function (x, t, b, c, d) {
+                if ((t/=d/2) < 1) return c/2*t*t + b;
+                return -c/2 * ((--t)*(t-2) - 1) + b;
+        },
+        easeInCubic: function (x, t, b, c, d) {
+                return c*(t/=d)*t*t + b;
+        },
+        easeOutCubic: function (x, t, b, c, d) {
+                return c*((t=t/d-1)*t*t + 1) + b;
+        },
+        easeInOutCubic: function (x, t, b, c, d) {
+                if ((t/=d/2) < 1) return c/2*t*t*t + b;
+                return c/2*((t-=2)*t*t + 2) + b;
+        },
+        easeInQuart: function (x, t, b, c, d) {
+                return c*(t/=d)*t*t*t + b;
+        },
+        easeOutQuart: function (x, t, b, c, d) {
+                return -c * ((t=t/d-1)*t*t*t - 1) + b;
+        },
+        easeInOutQuart: function (x, t, b, c, d) {
+                if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
+                return -c/2 * ((t-=2)*t*t*t - 2) + b;
+        },
+        easeInQuint: function (x, t, b, c, d) {
+                return c*(t/=d)*t*t*t*t + b;
+        },
+        easeOutQuint: function (x, t, b, c, d) {
+                return c*((t=t/d-1)*t*t*t*t + 1) + b;
+        },
+        easeInOutQuint: function (x, t, b, c, d) {
+                if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
+                return c/2*((t-=2)*t*t*t*t + 2) + b;
+        },
+        easeInSine: function (x, t, b, c, d) {
+                return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
+        },
+        easeOutSine: function (x, t, b, c, d) {
+                return c * Math.sin(t/d * (Math.PI/2)) + b;
+        },
+        easeInOutSine: function (x, t, b, c, d) {
+                return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
+        },
+        easeInExpo: function (x, t, b, c, d) {
+                return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
+        },
+        easeOutExpo: function (x, t, b, c, d) {
+                return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
+        },
+        easeInOutExpo: function (x, t, b, c, d) {
+                if (t==0) return b;
+                if (t==d) return b+c;
+                if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
+                return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
+        },
+        easeInCirc: function (x, t, b, c, d) {
+                return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
+        },
+        easeOutCirc: function (x, t, b, c, d) {
+                return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
+        },
+        easeInOutCirc: function (x, t, b, c, d) {
+                if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
+                return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
+        },
+        easeInElastic: function (x, t, b, c, d) {
+                var s=1.70158;var p=0;var a=c;
+                if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+                if (a < Math.abs(c)) { a=c; var s=p/4; }
+                else var s = p/(2*Math.PI) * Math.asin (c/a);
+                return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+        },
+        easeOutElastic: function (x, t, b, c, d) {
+                var s=1.70158;var p=0;var a=c;
+                if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+                if (a < Math.abs(c)) { a=c; var s=p/4; }
+                else var s = p/(2*Math.PI) * Math.asin (c/a);
+                return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
+        },
+        easeInOutElastic: function (x, t, b, c, d) {
+                var s=1.70158;var p=0;var a=c;
+                if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
+                if (a < Math.abs(c)) { a=c; var s=p/4; }
+                else var s = p/(2*Math.PI) * Math.asin (c/a);
+                if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+                return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
+        },
+        easeInBack: function (x, t, b, c, d, s) {
+                if (s == undefined) s = 1.70158;
+                return c*(t/=d)*t*((s+1)*t - s) + b;
+        },
+        easeOutBack: function (x, t, b, c, d, s) {
+                if (s == undefined) s = 1.70158;
+                return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
+        },
+        easeInOutBack: function (x, t, b, c, d, s) {
+                if (s == undefined) s = 1.70158;
+                if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
+                return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
+        },
+        easeInBounce: function (x, t, b, c, d) {
+                return c - $.easing.easeOutBounce (x, d-t, 0, c, d) + b;
+        },
+        easeOutBounce: function (x, t, b, c, d) {
+                if ((t/=d) < (1/2.75)) {
+                        return c*(7.5625*t*t) + b;
+                } else if (t < (2/2.75)) {
+                        return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
+                } else if (t < (2.5/2.75)) {
+                        return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
+                } else {
+                        return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
+                }
+        },
+        easeInOutBounce: function (x, t, b, c, d) {
+                if (t < d/2) return $.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
+                return $.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
+        }
+});
+
+/*
+ *
+ * TERMS OF USE - EASING EQUATIONS
+ *
+ * Open source under the BSD License.
+ *
+ * Copyright 2001 Robert Penner
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without modification,
+ * are permitted provided that the following conditions are met:
+ *
+ * Redistributions of source code must retain the above copyright notice, this list of
+ * conditions and the following disclaimer.
+ * Redistributions in binary form must reproduce the above copyright notice, this list
+ * of conditions and the following disclaimer in the documentation and/or other materials
+ * provided with the distribution.
+ *
+ * Neither the name of the author nor the names of contributors may be used to endorse
+ * or promote products derived from this software without specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+ * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+ * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
+ * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
+ * OF THE POSSIBILITY OF SUCH DAMAGE.
+ *
+ */
+
+})(jQuery);
+/*
+ * jQuery UI Effects Blind 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Blind
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.blind = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this), props = ['position','top','left'];
+
+                // Set options
+                var mode = $.effects.setMode(el, o.options.mode || 'hide'); // Set Mode
+                var direction = o.options.direction || 'vertical'; // Default direction
+
+                // Adjust
+                $.effects.save(el, props); el.show(); // Save & Show
+                var wrapper = $.effects.createWrapper(el).css({overflow:'hidden'}); // Create Wrapper
+                var ref = (direction == 'vertical') ? 'height' : 'width';
+                var distance = (direction == 'vertical') ? wrapper.height() : wrapper.width();
+                if(mode == 'show') wrapper.css(ref, 0); // Shift
+
+                // Animation
+                var animation = {};
+                animation[ref] = mode == 'show' ? distance : 0;
+
+                // Animate
+                wrapper.animate(animation, o.duration, o.options.easing, function() {
+                        if(mode == 'hide') el.hide(); // Hide
+                        $.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
+                        if(o.callback) o.callback.apply(el[0], arguments); // Callback
+                        el.dequeue();
+                });
+
+        });
+
+};
+
+})(jQuery);
+/*
+ * jQuery UI Effects Bounce 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Bounce
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.bounce = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this), props = ['position','top','left'];
+
+                // Set options
+                var mode = $.effects.setMode(el, o.options.mode || 'effect'); // Set Mode
+                var direction = o.options.direction || 'up'; // Default direction
+                var distance = o.options.distance || 20; // Default distance
+                var times = o.options.times || 5; // Default # of times
+                var speed = o.duration || 250; // Default speed per bounce
+                if (/show|hide/.test(mode)) props.push('opacity'); // Avoid touching opacity to prevent clearType and PNG issues in IE
+
+                // Adjust
+                $.effects.save(el, props); el.show(); // Save & Show
+                $.effects.createWrapper(el); // Create Wrapper
+                var ref = (direction == 'up' || direction == 'down') ? 'top' : 'left';
+                var motion = (direction == 'up' || direction == 'left') ? 'pos' : 'neg';
+                var distance = o.options.distance || (ref == 'top' ? el.outerHeight({margin:true}) / 3 : el.outerWidth({margin:true}) / 3);
+                if (mode == 'show') el.css('opacity', 0).css(ref, motion == 'pos' ? -distance : distance); // Shift
+                if (mode == 'hide') distance = distance / (times * 2);
+                if (mode != 'hide') times--;
+
+                // Animate
+                if (mode == 'show') { // Show Bounce
+                        var animation = {opacity: 1};
+                        animation[ref] = (motion == 'pos' ? '+=' : '-=') + distance;
+                        el.animate(animation, speed / 2, o.options.easing);
+                        distance = distance / 2;
+                        times--;
+                };
+                for (var i = 0; i < times; i++) { // Bounces
+                        var animation1 = {}, animation2 = {};
+                        animation1[ref] = (motion == 'pos' ? '-=' : '+=') + distance;
+                        animation2[ref] = (motion == 'pos' ? '+=' : '-=') + distance;
+                        el.animate(animation1, speed / 2, o.options.easing).animate(animation2, speed / 2, o.options.easing);
+                        distance = (mode == 'hide') ? distance * 2 : distance / 2;
+                };
+                if (mode == 'hide') { // Last Bounce
+                        var animation = {opacity: 0};
+                        animation[ref] = (motion == 'pos' ? '-=' : '+=')  + distance;
+                        el.animate(animation, speed / 2, o.options.easing, function(){
+                                el.hide(); // Hide
+                                $.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
+                                if(o.callback) o.callback.apply(this, arguments); // Callback
+                        });
+                } else {
+                        var animation1 = {}, animation2 = {};
+                        animation1[ref] = (motion == 'pos' ? '-=' : '+=') + distance;
+                        animation2[ref] = (motion == 'pos' ? '+=' : '-=') + distance;
+                        el.animate(animation1, speed / 2, o.options.easing).animate(animation2, speed / 2, o.options.easing, function(){
+                                $.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
+                                if(o.callback) o.callback.apply(this, arguments); // Callback
+                        });
+                };
+                el.queue('fx', function() { el.dequeue(); });
+                el.dequeue();
+        });
+
+};
+
+})(jQuery);
+/*
+ * jQuery UI Effects Clip 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Clip
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.clip = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this), props = ['position','top','left','height','width'];
+
+                // Set options
+                var mode = $.effects.setMode(el, o.options.mode || 'hide'); // Set Mode
+                var direction = o.options.direction || 'vertical'; // Default direction
+
+                // Adjust
+                $.effects.save(el, props); el.show(); // Save & Show
+                var wrapper = $.effects.createWrapper(el).css({overflow:'hidden'}); // Create Wrapper
+                var animate = el[0].tagName == 'IMG' ? wrapper : el;
+                var ref = {
+                        size: (direction == 'vertical') ? 'height' : 'width',
+                        position: (direction == 'vertical') ? 'top' : 'left'
+                };
+                var distance = (direction == 'vertical') ? animate.height() : animate.width();
+                if(mode == 'show') { animate.css(ref.size, 0); animate.css(ref.position, distance / 2); } // Shift
+
+                // Animation
+                var animation = {};
+                animation[ref.size] = mode == 'show' ? distance : 0;
+                animation[ref.position] = mode == 'show' ? 0 : distance / 2;
+
+                // Animate
+                animate.animate(animation, { queue: false, duration: o.duration, easing: o.options.easing, complete: function() {
+                        if(mode == 'hide') el.hide(); // Hide
+                        $.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
+                        if(o.callback) o.callback.apply(el[0], arguments); // Callback
+                        el.dequeue();
+                }});
+
+        });
+
+};
+
+})(jQuery);
+/*
+ * jQuery UI Effects Drop 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Drop
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.drop = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this), props = ['position','top','left','opacity'];
+
+                // Set options
+                var mode = $.effects.setMode(el, o.options.mode || 'hide'); // Set Mode
+                var direction = o.options.direction || 'left'; // Default Direction
+
+                // Adjust
+                $.effects.save(el, props); el.show(); // Save & Show
+                $.effects.createWrapper(el); // Create Wrapper
+                var ref = (direction == 'up' || direction == 'down') ? 'top' : 'left';
+                var motion = (direction == 'up' || direction == 'left') ? 'pos' : 'neg';
+                var distance = o.options.distance || (ref == 'top' ? el.outerHeight({margin:true}) / 2 : el.outerWidth({margin:true}) / 2);
+                if (mode == 'show') el.css('opacity', 0).css(ref, motion == 'pos' ? -distance : distance); // Shift
+
+                // Animation
+                var animation = {opacity: mode == 'show' ? 1 : 0};
+                animation[ref] = (mode == 'show' ? (motion == 'pos' ? '+=' : '-=') : (motion == 'pos' ? '-=' : '+=')) + distance;
+
+                // Animate
+                el.animate(animation, { queue: false, duration: o.duration, easing: o.options.easing, complete: function() {
+                        if(mode == 'hide') el.hide(); // Hide
+                        $.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
+                        if(o.callback) o.callback.apply(this, arguments); // Callback
+                        el.dequeue();
+                }});
+
+        });
+
+};
+
+})(jQuery);
+/*
+ * jQuery UI Effects Explode 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Explode
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.explode = function(o) {
+
+        return this.queue(function() {
+
+        var rows = o.options.pieces ? Math.round(Math.sqrt(o.options.pieces)) : 3;
+        var cells = o.options.pieces ? Math.round(Math.sqrt(o.options.pieces)) : 3;
+
+        o.options.mode = o.options.mode == 'toggle' ? ($(this).is(':visible') ? 'hide' : 'show') : o.options.mode;
+        var el = $(this).show().css('visibility', 'hidden');
+        var offset = el.offset();
+
+        //Substract the margins - not fixing the problem yet.
+        offset.top -= parseInt(el.css("marginTop"),10) || 0;
+        offset.left -= parseInt(el.css("marginLeft"),10) || 0;
+
+        var width = el.outerWidth(true);
+        var height = el.outerHeight(true);
+
+        for(var i=0;i<rows;i++) { // =
+                for(var j=0;j<cells;j++) { // ||
+                        el
+                                .clone()
+                                .appendTo('body')
+                                .wrap('<div></div>')
+                                .css({
+                                        position: 'absolute',
+                                        visibility: 'visible',
+                                        left: -j*(width/cells),
+                                        top: -i*(height/rows)
+                                })
+                                .parent()
+                                .addClass('ui-effects-explode')
+                                .css({
+                                        position: 'absolute',
+                                        overflow: 'hidden',
+                                        width: width/cells,
+                                        height: height/rows,
+                                        left: offset.left + j*(width/cells) + (o.options.mode == 'show' ? (j-Math.floor(cells/2))*(width/cells) : 0),
+                                        top: offset.top + i*(height/rows) + (o.options.mode == 'show' ? (i-Math.floor(rows/2))*(height/rows) : 0),
+                                        opacity: o.options.mode == 'show' ? 0 : 1
+                                }).animate({
+                                        left: offset.left + j*(width/cells) + (o.options.mode == 'show' ? 0 : (j-Math.floor(cells/2))*(width/cells)),
+                                        top: offset.top + i*(height/rows) + (o.options.mode == 'show' ? 0 : (i-Math.floor(rows/2))*(height/rows)),
+                                        opacity: o.options.mode == 'show' ? 1 : 0
+                                }, o.duration || 500);
+                }
+        }
+
+        // Set a timeout, to call the callback approx. when the other animations have finished
+        setTimeout(function() {
+
+                o.options.mode == 'show' ? el.css({ visibility: 'visible' }) : el.css({ visibility: 'visible' }).hide();
+                                if(o.callback) o.callback.apply(el[0]); // Callback
+                                el.dequeue();
+
+                                $('div.ui-effects-explode').remove();
+
+        }, o.duration || 500);
+
+
+        });
+
+};
+
+})(jQuery);
+/*
+ * jQuery UI Effects Fold 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Fold
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.fold = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this), props = ['position','top','left'];
+
+                // Set options
+                var mode = $.effects.setMode(el, o.options.mode || 'hide'); // Set Mode
+                var size = o.options.size || 15; // Default fold size
+                var horizFirst = !(!o.options.horizFirst); // Ensure a boolean value
+                var duration = o.duration ? o.duration / 2 : $.fx.speeds._default / 2;
+
+                // Adjust
+                $.effects.save(el, props); el.show(); // Save & Show
+                var wrapper = $.effects.createWrapper(el).css({overflow:'hidden'}); // Create Wrapper
+                var widthFirst = ((mode == 'show') != horizFirst);
+                var ref = widthFirst ? ['width', 'height'] : ['height', 'width'];
+                var distance = widthFirst ? [wrapper.width(), wrapper.height()] : [wrapper.height(), wrapper.width()];
+                var percent = /([0-9]+)%/.exec(size);
+                if(percent) size = parseInt(percent[1],10) / 100 * distance[mode == 'hide' ? 0 : 1];
+                if(mode == 'show') wrapper.css(horizFirst ? {height: 0, width: size} : {height: size, width: 0}); // Shift
+
+                // Animation
+                var animation1 = {}, animation2 = {};
+                animation1[ref[0]] = mode == 'show' ? distance[0] : size;
+                animation2[ref[1]] = mode == 'show' ? distance[1] : 0;
+
+                // Animate
+                wrapper.animate(animation1, duration, o.options.easing)
+                .animate(animation2, duration, o.options.easing, function() {
+                        if(mode == 'hide') el.hide(); // Hide
+                        $.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
+                        if(o.callback) o.callback.apply(el[0], arguments); // Callback
+                        el.dequeue();
+                });
+
+        });
+
+};
+
+})(jQuery);
+/*
+ * jQuery UI Effects Highlight 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Highlight
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.highlight = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this), props = ['backgroundImage','backgroundColor','opacity'];
+
+                // Set options
+                var mode = $.effects.setMode(el, o.options.mode || 'show'); // Set Mode
+                var color = o.options.color || "#ffff99"; // Default highlight color
+                var oldColor = el.css("backgroundColor");
+
+                // Adjust
+                $.effects.save(el, props); el.show(); // Save & Show
+                el.css({backgroundImage: 'none', backgroundColor: color}); // Shift
+
+                // Animation
+                var animation = {backgroundColor: oldColor };
+                if (mode == "hide") animation['opacity'] = 0;
+
+                // Animate
+                el.animate(animation, { queue: false, duration: o.duration, easing: o.options.easing, complete: function() {
+                        if(mode == "hide") el.hide();
+                        $.effects.restore(el, props);
+                if (mode == "show" && $.browser.msie) this.style.removeAttribute('filter');
+                        if(o.callback) o.callback.apply(this, arguments);
+                        el.dequeue();
+                }});
+
+        });
+
+};
+
+})(jQuery);
+/*
+ * jQuery UI Effects Pulsate 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Pulsate
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.pulsate = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this);
+
+                // Set options
+                var mode = $.effects.setMode(el, o.options.mode || 'show'); // Set Mode
+                var times = o.options.times || 5; // Default # of times
+                var duration = o.duration ? o.duration / 2 : $.fx.speeds._default / 2;
+
+                // Adjust
+                if (mode == 'hide') times--;
+                if (el.is(':hidden')) { // Show fadeIn
+                        el.css('opacity', 0);
+                        el.show(); // Show
+                        el.animate({opacity: 1}, duration, o.options.easing);
+                        times = times-2;
+                }
+
+                // Animate
+                for (var i = 0; i < times; i++) { // Pulsate
+                        el.animate({opacity: 0}, duration, o.options.easing).animate({opacity: 1}, duration, o.options.easing);
+                };
+                if (mode == 'hide') { // Last Pulse
+                        el.animate({opacity: 0}, duration, o.options.easing, function(){
+                                el.hide(); // Hide
+                                if(o.callback) o.callback.apply(this, arguments); // Callback
+                        });
+                } else {
+                        el.animate({opacity: 0}, duration, o.options.easing).animate({opacity: 1}, duration, o.options.easing, function(){
+                                if(o.callback) o.callback.apply(this, arguments); // Callback
+                        });
+                };
+                el.queue('fx', function() { el.dequeue(); });
+                el.dequeue();
+        });
+
+};
+
+})(jQuery);
+/*
+ * jQuery UI Effects Scale 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Scale
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.puff = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this);
+
+                // Set options
+                var options = $.extend(true, {}, o.options);
+                var mode = $.effects.setMode(el, o.options.mode || 'hide'); // Set Mode
+                var percent = parseInt(o.options.percent,10) || 150; // Set default puff percent
+                options.fade = true; // It's not a puff if it doesn't fade! :)
+                var original = {height: el.height(), width: el.width()}; // Save original
+
+                // Adjust
+                var factor = percent / 100;
+                el.from = (mode == 'hide') ? original : {height: original.height * factor, width: original.width * factor};
+
+                // Animation
+                options.from = el.from;
+                options.percent = (mode == 'hide') ? percent : 100;
+                options.mode = mode;
+
+                // Animate
+                el.effect('scale', options, o.duration, o.callback);
+                el.dequeue();
+        });
+
+};
+
+$.effects.scale = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this);
+
+                // Set options
+                var options = $.extend(true, {}, o.options);
+                var mode = $.effects.setMode(el, o.options.mode || 'effect'); // Set Mode
+                var percent = parseInt(o.options.percent,10) || (parseInt(o.options.percent,10) == 0 ? 0 : (mode == 'hide' ? 0 : 100)); // Set default scaling percent
+                var direction = o.options.direction || 'both'; // Set default axis
+                var origin = o.options.origin; // The origin of the scaling
+                if (mode != 'effect') { // Set default origin and restore for show/hide
+                        options.origin = origin || ['middle','center'];
+                        options.restore = true;
+                }
+                var original = {height: el.height(), width: el.width()}; // Save original
+                el.from = o.options.from || (mode == 'show' ? {height: 0, width: 0} : original); // Default from state
+
+                // Adjust
+                var factor = { // Set scaling factor
+                        y: direction != 'horizontal' ? (percent / 100) : 1,
+                        x: direction != 'vertical' ? (percent / 100) : 1
+                };
+                el.to = {height: original.height * factor.y, width: original.width * factor.x}; // Set to state
+
+                if (o.options.fade) { // Fade option to support puff
+                        if (mode == 'show') {el.from.opacity = 0; el.to.opacity = 1;};
+                        if (mode == 'hide') {el.from.opacity = 1; el.to.opacity = 0;};
+                };
+
+                // Animation
+                options.from = el.from; options.to = el.to; options.mode = mode;
+
+                // Animate
+                el.effect('size', options, o.duration, o.callback);
+                el.dequeue();
+        });
+
+};
+
+$.effects.size = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this), props = ['position','top','left','width','height','overflow','opacity'];
+                var props1 = ['position','top','left','overflow','opacity']; // Always restore
+                var props2 = ['width','height','overflow']; // Copy for children
+                var cProps = ['fontSize'];
+                var vProps = ['borderTopWidth', 'borderBottomWidth', 'paddingTop', 'paddingBottom'];
+                var hProps = ['borderLeftWidth', 'borderRightWidth', 'paddingLeft', 'paddingRight'];
+
+                // Set options
+                var mode = $.effects.setMode(el, o.options.mode || 'effect'); // Set Mode
+                var restore = o.options.restore || false; // Default restore
+                var scale = o.options.scale || 'both'; // Default scale mode
+                var origin = o.options.origin; // The origin of the sizing
+                var original = {height: el.height(), width: el.width()}; // Save original
+                el.from = o.options.from || original; // Default from state
+                el.to = o.options.to || original; // Default to state
+                // Adjust
+                if (origin) { // Calculate baseline shifts
+                        var baseline = $.effects.getBaseline(origin, original);
+                        el.from.top = (original.height - el.from.height) * baseline.y;
+                        el.from.left = (original.width - el.from.width) * baseline.x;
+                        el.to.top = (original.height - el.to.height) * baseline.y;
+                        el.to.left = (original.width - el.to.width) * baseline.x;
+                };
+                var factor = { // Set scaling factor
+                        from: {y: el.from.height / original.height, x: el.from.width / original.width},
+                        to: {y: el.to.height / original.height, x: el.to.width / original.width}
+                };
+                if (scale == 'box' || scale == 'both') { // Scale the css box
+                        if (factor.from.y != factor.to.y) { // Vertical props scaling
+                                props = props.concat(vProps);
+                                el.from = $.effects.setTransition(el, vProps, factor.from.y, el.from);
+                                el.to = $.effects.setTransition(el, vProps, factor.to.y, el.to);
+                        };
+                        if (factor.from.x != factor.to.x) { // Horizontal props scaling
+                                props = props.concat(hProps);
+                                el.from = $.effects.setTransition(el, hProps, factor.from.x, el.from);
+                                el.to = $.effects.setTransition(el, hProps, factor.to.x, el.to);
+                        };
+                };
+                if (scale == 'content' || scale == 'both') { // Scale the content
+                        if (factor.from.y != factor.to.y) { // Vertical props scaling
+                                props = props.concat(cProps);
+                                el.from = $.effects.setTransition(el, cProps, factor.from.y, el.from);
+                                el.to = $.effects.setTransition(el, cProps, factor.to.y, el.to);
+                        };
+                };
+                $.effects.save(el, restore ? props : props1); el.show(); // Save & Show
+                $.effects.createWrapper(el); // Create Wrapper
+                el.css('overflow','hidden').css(el.from); // Shift
+
+                // Animate
+                if (scale == 'content' || scale == 'both') { // Scale the children
+                        vProps = vProps.concat(['marginTop','marginBottom']).concat(cProps); // Add margins/font-size
+                        hProps = hProps.concat(['marginLeft','marginRight']); // Add margins
+                        props2 = props.concat(vProps).concat(hProps); // Concat
+                        el.find("*[width]").each(function(){
+                                child = $(this);
+                                if (restore) $.effects.save(child, props2);
+                                var c_original = {height: child.height(), width: child.width()}; // Save original
+                                child.from = {height: c_original.height * factor.from.y, width: c_original.width * factor.from.x};
+                                child.to = {height: c_original.height * factor.to.y, width: c_original.width * factor.to.x};
+                                if (factor.from.y != factor.to.y) { // Vertical props scaling
+                                        child.from = $.effects.setTransition(child, vProps, factor.from.y, child.from);
+                                        child.to = $.effects.setTransition(child, vProps, factor.to.y, child.to);
+                                };
+                                if (factor.from.x != factor.to.x) { // Horizontal props scaling
+                                        child.from = $.effects.setTransition(child, hProps, factor.from.x, child.from);
+                                        child.to = $.effects.setTransition(child, hProps, factor.to.x, child.to);
+                                };
+                                child.css(child.from); // Shift children
+                                child.animate(child.to, o.duration, o.options.easing, function(){
+                                        if (restore) $.effects.restore(child, props2); // Restore children
+                                }); // Animate children
+                        });
+                };
+
+                // Animate
+                el.animate(el.to, { queue: false, duration: o.duration, easing: o.options.easing, complete: function() {
+                        if(mode == 'hide') el.hide(); // Hide
+                        $.effects.restore(el, restore ? props : props1); $.effects.removeWrapper(el); // Restore
+                        if(o.callback) o.callback.apply(this, arguments); // Callback
+                        el.dequeue();
+                }});
+
+        });
+
+};
+
+})(jQuery);
+/*
+ * jQuery UI Effects Shake 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Shake
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.shake = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this), props = ['position','top','left'];
+
+                // Set options
+                var mode = $.effects.setMode(el, o.options.mode || 'effect'); // Set Mode
+                var direction = o.options.direction || 'left'; // Default direction
+                var distance = o.options.distance || 20; // Default distance
+                var times = o.options.times || 3; // Default # of times
+                var speed = o.duration || o.options.duration || 140; // Default speed per shake
+
+                // Adjust
+                $.effects.save(el, props); el.show(); // Save & Show
+                $.effects.createWrapper(el); // Create Wrapper
+                var ref = (direction == 'up' || direction == 'down') ? 'top' : 'left';
+                var motion = (direction == 'up' || direction == 'left') ? 'pos' : 'neg';
+
+                // Animation
+                var animation = {}, animation1 = {}, animation2 = {};
+                animation[ref] = (motion == 'pos' ? '-=' : '+=')  + distance;
+                animation1[ref] = (motion == 'pos' ? '+=' : '-=')  + distance * 2;
+                animation2[ref] = (motion == 'pos' ? '-=' : '+=')  + distance * 2;
+
+                // Animate
+                el.animate(animation, speed, o.options.easing);
+                for (var i = 1; i < times; i++) { // Shakes
+                        el.animate(animation1, speed, o.options.easing).animate(animation2, speed, o.options.easing);
+                };
+                el.animate(animation1, speed, o.options.easing).
+                animate(animation, speed / 2, o.options.easing, function(){ // Last shake
+                        $.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
+                        if(o.callback) o.callback.apply(this, arguments); // Callback
+                });
+                el.queue('fx', function() { el.dequeue(); });
+                el.dequeue();
+        });
+
+};
+
+})(jQuery);
+/*
+ * jQuery UI Effects Slide 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Slide
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.slide = function(o) {
+
+        return this.queue(function() {
+
+                // Create element
+                var el = $(this), props = ['position','top','left'];
+
+                // Set options
+                var mode = $.effects.setMode(el, o.options.mode || 'show'); // Set Mode
+                var direction = o.options.direction || 'left'; // Default Direction
+
+                // Adjust
+                $.effects.save(el, props); el.show(); // Save & Show
+                $.effects.createWrapper(el).css({overflow:'hidden'}); // Create Wrapper
+                var ref = (direction == 'up' || direction == 'down') ? 'top' : 'left';
+                var motion = (direction == 'up' || direction == 'left') ? 'pos' : 'neg';
+                var distance = o.options.distance || (ref == 'top' ? el.outerHeight({margin:true}) : el.outerWidth({margin:true}));
+                if (mode == 'show') el.css(ref, motion == 'pos' ? -distance : distance); // Shift
+
+                // Animation
+                var animation = {};
+                animation[ref] = (mode == 'show' ? (motion == 'pos' ? '+=' : '-=') : (motion == 'pos' ? '-=' : '+=')) + distance;
+
+                // Animate
+                el.animate(animation, { queue: false, duration: o.duration, easing: o.options.easing, complete: function() {
+                        if(mode == 'hide') el.hide(); // Hide
+                        $.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
+                        if(o.callback) o.callback.apply(this, arguments); // Callback
+                        el.dequeue();
+                }});
+
+        });
+
+};
+
+})(jQuery);
+/*
+ * jQuery UI Effects Transfer 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Transfer
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function($) {
+
+$.effects.transfer = function(o) {
+        return this.queue(function() {
+                var elem = $(this),
+                        target = $(o.options.to),
+                        endPosition = target.offset(),
+                        animation = {
+                                top: endPosition.top,
+                                left: endPosition.left,
+                                height: target.innerHeight(),
+                                width: target.innerWidth()
+                        },
+                        startPosition = elem.offset(),
+                        transfer = $('<div class="ui-effects-transfer"></div>')
+                                .appendTo(document.body)
+                                .addClass(o.options.className)
+                                .css({
+                                        top: startPosition.top,
+                                        left: startPosition.left,
+                                        height: elem.innerHeight(),
+                                        width: elem.innerWidth(),
+                                        position: 'absolute'
+                                })
+                                .animate(animation, o.duration, o.options.easing, function() {
+                                        transfer.remove();
+                                        (o.callback && o.callback.apply(elem[0], arguments));
+                                        elem.dequeue();
+                                });
+        });
+};
+
+})(jQuery);
diff --git a/static/development-bundle/ui/ui.accordion.js b/static/development-bundle/ui/ui.accordion.js
new file mode 100644
index 0000000..e469c3a
--- /dev/null
+++ b/static/development-bundle/ui/ui.accordion.js
@@ -0,0 +1,477 @@
+/*
+ * jQuery UI Accordion 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Accordion
+ *
+ * Depends:
+ *      ui.core.js
+ */
+(function($) {
+
+$.widget("ui.accordion", {
+
+        _init: function() {
+
+                var o = this.options, self = this;
+                this.running = 0;
+
+                // if the user set the alwaysOpen option on init
+                // then we need to set the collapsible option
+                // if they set both on init, collapsible will take priority
+                if (o.collapsible == $.ui.accordion.defaults.collapsible &&
+                        o.alwaysOpen != $.ui.accordion.defaults.alwaysOpen) {
+                        o.collapsible = !o.alwaysOpen;
+                }
+
+                if ( o.navigation ) {
+                        var current = this.element.find("a").filter(o.navigationFilter);
+                        if ( current.length ) {
+                                if ( current.filter(o.header).length ) {
+                                        this.active = current;
+                                } else {
+                                        this.active = current.parent().parent().prev();
+                                        current.addClass("ui-accordion-content-active");
+                                }
+                        }
+                }
+
+                this.element.addClass("ui-accordion ui-widget ui-helper-reset");
+                
+                // in lack of child-selectors in CSS we need to mark top-LIs in a UL-accordion for some IE-fix
+                if (this.element[0].nodeName == "UL") {
+                        this.element.children("li").addClass("ui-accordion-li-fix");
+                }
+
+                this.headers = this.element.find(o.header).addClass("ui-accordion-header ui-helper-reset ui-state-default ui-corner-all")
+                        .bind("mouseenter.accordion", function(){ $(this).addClass('ui-state-hover'); })
+                        .bind("mouseleave.accordion", function(){ $(this).removeClass('ui-state-hover'); })
+                        .bind("focus.accordion", function(){ $(this).addClass('ui-state-focus'); })
+                        .bind("blur.accordion", function(){ $(this).removeClass('ui-state-focus'); });
+
+                this.headers
+                        .next()
+                                .addClass("ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom");
+
+                this.active = this._findActive(this.active || o.active).toggleClass("ui-state-default").toggleClass("ui-state-active").toggleClass("ui-corner-all").toggleClass("ui-corner-top");
+                this.active.next().addClass('ui-accordion-content-active');
+
+                //Append icon elements
+                $("<span/>").addClass("ui-icon " + o.icons.header).prependTo(this.headers);
+                this.active.find(".ui-icon").toggleClass(o.icons.header).toggleClass(o.icons.headerSelected);
+
+                // IE7-/Win - Extra vertical space in lists fixed
+                if ($.browser.msie) {
+                        this.element.find('a').css('zoom', '1');
+                }
+
+                this.resize();
+
+                //ARIA
+                this.element.attr('role','tablist');
+
+                this.headers
+                        .attr('role','tab')
+                        .bind('keydown', function(event) { return self._keydown(event); })
+                        .next()
+                        .attr('role','tabpanel');
+
+                this.headers
+                        .not(this.active || "")
+                        .attr('aria-expanded','false')
+                        .attr("tabIndex", "-1")
+                        .next()
+                        .hide();
+
+                // make sure at least one header is in the tab order
+                if (!this.active.length) {
+                        this.headers.eq(0).attr('tabIndex','0');
+                } else {
+                        this.active
+                                .attr('aria-expanded','true')
+                                .attr('tabIndex', '0');
+                }
+
+                // only need links in taborder for Safari
+                if (!$.browser.safari)
+                        this.headers.find('a').attr('tabIndex','-1');
+
+                if (o.event) {
+                        this.headers.bind((o.event) + ".accordion", function(event) { return self._clickHandler.call(self, event, this); });
+                }
+
+        },
+
+        destroy: function() {
+                var o = this.options;
+
+                this.element
+                        .removeClass("ui-accordion ui-widget ui-helper-reset")
+                        .removeAttr("role")
+                        .unbind('.accordion')
+                        .removeData('accordion');
+
+                this.headers
+                        .unbind(".accordion")
+                        .removeClass("ui-accordion-header ui-helper-reset ui-state-default ui-corner-all ui-state-active ui-corner-top")
+                        .removeAttr("role").removeAttr("aria-expanded").removeAttr("tabindex");
+
+                this.headers.find("a").removeAttr("tabindex");
+                this.headers.children(".ui-icon").remove();
+                var contents = this.headers.next().css("display", "").removeAttr("role").removeClass("ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content ui-accordion-content-active");
+                if (o.autoHeight || o.fillHeight) {
+                        contents.css("height", "");
+                }
+        },
+        
+        _setData: function(key, value) {
+                if(key == 'alwaysOpen') { key = 'collapsible'; value = !value; }
+                $.widget.prototype._setData.apply(this, arguments);     
+        },
+
+        _keydown: function(event) {
+
+                var o = this.options, keyCode = $.ui.keyCode;
+
+                if (o.disabled || event.altKey || event.ctrlKey)
+                        return;
+
+                var length = this.headers.length;
+                var currentIndex = this.headers.index(event.target);
+                var toFocus = false;
+
+                switch(event.keyCode) {
+                        case keyCode.RIGHT:
+                        case keyCode.DOWN:
+                                toFocus = this.headers[(currentIndex + 1) % length];
+                                break;
+                        case keyCode.LEFT:
+                        case keyCode.UP:
+                                toFocus = this.headers[(currentIndex - 1 + length) % length];
+                                break;
+                        case keyCode.SPACE:
+                        case keyCode.ENTER:
+                                return this._clickHandler({ target: event.target }, event.target);
+                }
+
+                if (toFocus) {
+                        $(event.target).attr('tabIndex','-1');
+                        $(toFocus).attr('tabIndex','0');
+                        toFocus.focus();
+                        return false;
+                }
+
+                return true;
+
+        },
+
+        resize: function() {
+
+                var o = this.options, maxHeight;
+
+                if (o.fillSpace) {
+                        
+                        if($.browser.msie) { var defOverflow = this.element.parent().css('overflow'); this.element.parent().css('overflow', 'hidden'); }
+                        maxHeight = this.element.parent().height();
+                        if($.browser.msie) { this.element.parent().css('overflow', defOverflow); }
+        
+                        this.headers.each(function() {
+                                maxHeight -= $(this).outerHeight();
+                        });
+
+                        var maxPadding = 0;
+                        this.headers.next().each(function() {
+                                maxPadding = Math.max(maxPadding, $(this).innerHeight() - $(this).height());
+                        }).height(Math.max(0, maxHeight - maxPadding))
+                        .css('overflow', 'auto');
+
+                } else if ( o.autoHeight ) {
+                        maxHeight = 0;
+                        this.headers.next().each(function() {
+                                maxHeight = Math.max(maxHeight, $(this).outerHeight());
+                        }).height(maxHeight);
+                }
+
+        },
+
+        activate: function(index) {
+                // call clickHandler with custom event
+                var active = this._findActive(index)[0];
+                this._clickHandler({ target: active }, active);
+        },
+
+        _findActive: function(selector) {
+                return selector
+                        ? typeof selector == "number"
+                                ? this.headers.filter(":eq(" + selector + ")")
+                                : this.headers.not(this.headers.not(selector))
+                        : selector === false
+                                ? $([])
+                                : this.headers.filter(":eq(0)");
+        },
+
+        _clickHandler: function(event, target) {
+
+                var o = this.options;
+                if (o.disabled) return false;
+
+                // called only when using activate(false) to close all parts programmatically
+                if (!event.target && o.collapsible) {
+                        this.active.removeClass("ui-state-active ui-corner-top").addClass("ui-state-default ui-corner-all")
+                                .find(".ui-icon").removeClass(o.icons.headerSelected).addClass(o.icons.header);
+                        this.active.next().addClass('ui-accordion-content-active');
+                        var toHide = this.active.next(),
+                                data = {
+                                        options: o,
+                                        newHeader: $([]),
+                                        oldHeader: o.active,
+                                        newContent: $([]),
+                                        oldContent: toHide
+                                },
+                                toShow = (this.active = $([]));
+                        this._toggle(toShow, toHide, data);
+                        return false;
+                }
+
+                // get the click target
+                var clicked = $(event.currentTarget || target);
+                var clickedIsActive = clicked[0] == this.active[0];
+
+                // if animations are still active, or the active header is the target, ignore click
+                if (this.running || (!o.collapsible && clickedIsActive)) {
+                        return false;
+                }
+
+                // switch classes
+                this.active.removeClass("ui-state-active ui-corner-top").addClass("ui-state-default ui-corner-all")
+                        .find(".ui-icon").removeClass(o.icons.headerSelected).addClass(o.icons.header);
+                this.active.next().addClass('ui-accordion-content-active');
+                if (!clickedIsActive) {
+                        clicked.removeClass("ui-state-default ui-corner-all").addClass("ui-state-active ui-corner-top")
+                                .find(".ui-icon").removeClass(o.icons.header).addClass(o.icons.headerSelected);
+                        clicked.next().addClass('ui-accordion-content-active');
+                }
+
+                // find elements to show and hide
+                var toShow = clicked.next(),
+                        toHide = this.active.next(),
+                        data = {
+                                options: o,
+                                newHeader: clickedIsActive && o.collapsible ? $([]) : clicked,
+                                oldHeader: this.active,
+                                newContent: clickedIsActive && o.collapsible ? $([]) : toShow.find('> *'),
+                                oldContent: toHide.find('> *')
+                        },
+                        down = this.headers.index( this.active[0] ) > this.headers.index( clicked[0] );
+
+                this.active = clickedIsActive ? $([]) : clicked;
+                this._toggle(toShow, toHide, data, clickedIsActive, down);
+
+                return false;
+
+        },
+
+        _toggle: function(toShow, toHide, data, clickedIsActive, down) {
+
+                var o = this.options, self = this;
+
+                this.toShow = toShow;
+                this.toHide = toHide;
+                this.data = data;
+
+                var complete = function() { if(!self) return; return self._completed.apply(self, arguments); };
+
+                // trigger changestart event
+                this._trigger("changestart", null, this.data);
+
+                // count elements to animate
+                this.running = toHide.size() === 0 ? toShow.size() : toHide.size();
+
+                if (o.animated) {
+
+                        var animOptions = {};
+
+                        if ( o.collapsible && clickedIsActive ) {
+                                animOptions = {
+                                        toShow: $([]),
+                                        toHide: toHide,
+                                        complete: complete,
+                                        down: down,
+                                        autoHeight: o.autoHeight || o.fillSpace
+                                };
+                        } else {
+                                animOptions = {
+                                        toShow: toShow,
+                                        toHide: toHide,
+                                        complete: complete,
+                                        down: down,
+                                        autoHeight: o.autoHeight || o.fillSpace
+                                };
+                        }
+
+                        if (!o.proxied) {
+                                o.proxied = o.animated;
+                        }
+
+                        if (!o.proxiedDuration) {
+                                o.proxiedDuration = o.duration;
+                        }
+
+                        o.animated = $.isFunction(o.proxied) ?
+                                o.proxied(animOptions) : o.proxied;
+
+                        o.duration = $.isFunction(o.proxiedDuration) ?
+                                o.proxiedDuration(animOptions) : o.proxiedDuration;
+
+                        var animations = $.ui.accordion.animations,
+                                duration = o.duration,
+                                easing = o.animated;
+
+                        if (!animations[easing]) {
+                                animations[easing] = function(options) {
+                                        this.slide(options, {
+                                                easing: easing,
+                                                duration: duration || 700
+                                        });
+                                };
+                        }
+
+                        animations[easing](animOptions);
+
+                } else {
+
+                        if (o.collapsible && clickedIsActive) {
+                                toShow.toggle();
+                        } else {
+                                toHide.hide();
+                                toShow.show();
+                        }
+
+                        complete(true);
+
+                }
+
+                toHide.prev().attr('aria-expanded','false').attr("tabIndex", "-1").blur();
+                toShow.prev().attr('aria-expanded','true').attr("tabIndex", "0").focus();
+
+        },
+
+        _completed: function(cancel) {
+
+                var o = this.options;
+
+                this.running = cancel ? 0 : --this.running;
+                if (this.running) return;
+
+                if (o.clearStyle) {
+                        this.toShow.add(this.toHide).css({
+                                height: "",
+                                overflow: ""
+                        });
+                }
+
+                this._trigger('change', null, this.data);
+        }
+
+});
+
+
+$.extend($.ui.accordion, {
+        version: "1.7.2",
+        defaults: {
+                active: null,
+                alwaysOpen: true, //deprecated, use collapsible
+                animated: 'slide',
+                autoHeight: true,
+                clearStyle: false,
+                collapsible: false,
+                event: "click",
+                fillSpace: false,
+                header: "> li > :first-child,> :not(li):even",
+                icons: {
+                        header: "ui-icon-triangle-1-e",
+                        headerSelected: "ui-icon-triangle-1-s"
+                },
+                navigation: false,
+                navigationFilter: function() {
+                        return this.href.toLowerCase() == location.href.toLowerCase();
+                }
+        },
+        animations: {
+                slide: function(options, additions) {
+                        options = $.extend({
+                                easing: "swing",
+                                duration: 300
+                        }, options, additions);
+                        if ( !options.toHide.size() ) {
+                                options.toShow.animate({height: "show"}, options);
+                                return;
+                        }
+                        if ( !options.toShow.size() ) {
+                                options.toHide.animate({height: "hide"}, options);
+                                return;
+                        }
+                        var overflow = options.toShow.css('overflow'),
+                                percentDone,
+                                showProps = {},
+                                hideProps = {},
+                                fxAttrs = [ "height", "paddingTop", "paddingBottom" ],
+                                originalWidth;
+                        // fix width before calculating height of hidden element
+                        var s = options.toShow;
+                        originalWidth = s[0].style.width;
+                        s.width( parseInt(s.parent().width(),10) - parseInt(s.css("paddingLeft"),10) - parseInt(s.css("paddingRight"),10) - (parseInt(s.css("borderLeftWidth"),10) || 0) - (parseInt(s.css("borderRightWidth"),10) || 0) );
+                        
+                        $.each(fxAttrs, function(i, prop) {
+                                hideProps[prop] = 'hide';
+                                
+                                var parts = ('' + $.css(options.toShow[0], prop)).match(/^([\d+-.]+)(.*)$/);
+                                showProps[prop] = {
+                                        value: parts[1],
+                                        unit: parts[2] || 'px'
+                                };
+                        });
+                        options.toShow.css({ height: 0, overflow: 'hidden' }).show();
+                        options.toHide.filter(":hidden").each(options.complete).end().filter(":visible").animate(hideProps,{
+                                step: function(now, settings) {
+                                        // only calculate the percent when animating height
+                                        // IE gets very inconsistent results when animating elements
+                                        // with small values, which is common for padding
+                                        if (settings.prop == 'height') {
+                                                percentDone = (settings.now - settings.start) / (settings.end - settings.start);
+                                        }
+                                        
+                                        options.toShow[0].style[settings.prop] =
+                                                (percentDone * showProps[settings.prop].value) + showProps[settings.prop].unit;
+                                },
+                                duration: options.duration,
+                                easing: options.easing,
+                                complete: function() {
+                                        if ( !options.autoHeight ) {
+                                                options.toShow.css("height", "");
+                                        }
+                                        options.toShow.css("width", originalWidth);
+                                        options.toShow.css({overflow: overflow});
+                                        options.complete();
+                                }
+                        });
+                },
+                bounceslide: function(options) {
+                        this.slide(options, {
+                                easing: options.down ? "easeOutBounce" : "swing",
+                                duration: options.down ? 1000 : 200
+                        });
+                },
+                easeslide: function(options) {
+                        this.slide(options, {
+                                easing: "easeinout",
+                                duration: 700
+                        });
+                }
+        }
+});
+
+})(jQuery);
diff --git a/static/development-bundle/ui/ui.core.js b/static/development-bundle/ui/ui.core.js
new file mode 100644
index 0000000..5493e0a
--- /dev/null
+++ b/static/development-bundle/ui/ui.core.js
@@ -0,0 +1,519 @@
+/*
+ * jQuery UI 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI
+ */
+;jQuery.ui || (function($) {
+
+var _remove = $.fn.remove,
+        isFF2 = $.browser.mozilla && (parseFloat($.browser.version) < 1.9);
+
+//Helper functions and ui object
+$.ui = {
+        version: "1.7.2",
+
+        // $.ui.plugin is deprecated.  Use the proxy pattern instead.
+        plugin: {
+                add: function(module, option, set) {
+                        var proto = $.ui[module].prototype;
+                        for(var i in set) {
+                                proto.plugins[i] = proto.plugins[i] || [];
+                                proto.plugins[i].push([option, set[i]]);
+                        }
+                },
+                call: function(instance, name, args) {
+                        var set = instance.plugins[name];
+                        if(!set || !instance.element[0].parentNode) { return; }
+
+                        for (var i = 0; i < set.length; i++) {
+                                if (instance.options[set[i][0]]) {
+                                        set[i][1].apply(instance.element, args);
+                                }
+                        }
+                }
+        },
+
+        contains: function(a, b) {
+                return document.compareDocumentPosition
+                        ? a.compareDocumentPosition(b) & 16
+                        : a !== b && a.contains(b);
+        },
+
+        hasScroll: function(el, a) {
+
+                //If overflow is hidden, the element might have extra content, but the user wants to hide it
+                if ($(el).css('overflow') == 'hidden') { return false; }
+
+                var scroll = (a && a == 'left') ? 'scrollLeft' : 'scrollTop',
+                        has = false;
+
+                if (el[scroll] > 0) { return true; }
+
+                // TODO: determine which cases actually cause this to happen
+                // if the element doesn't have the scroll set, see if it's possible to
+                // set the scroll
+                el[scroll] = 1;
+                has = (el[scroll] > 0);
+                el[scroll] = 0;
+                return has;
+        },
+
+        isOverAxis: function(x, reference, size) {
+                //Determines when x coordinate is over "b" element axis
+                return (x > reference) && (x < (reference + size));
+        },
+
+        isOver: function(y, x, top, left, height, width) {
+                //Determines when x, y coordinates is over "b" element
+                return $.ui.isOverAxis(y, top, height) && $.ui.isOverAxis(x, left, width);
+        },
+
+        keyCode: {
+                BACKSPACE: 8,
+                CAPS_LOCK: 20,
+                COMMA: 188,
+                CONTROL: 17,
+                DELETE: 46,
+                DOWN: 40,
+                END: 35,
+                ENTER: 13,
+                ESCAPE: 27,
+                HOME: 36,
+                INSERT: 45,
+                LEFT: 37,
+                NUMPAD_ADD: 107,
+                NUMPAD_DECIMAL: 110,
+                NUMPAD_DIVIDE: 111,
+                NUMPAD_ENTER: 108,
+                NUMPAD_MULTIPLY: 106,
+                NUMPAD_SUBTRACT: 109,
+                PAGE_DOWN: 34,
+                PAGE_UP: 33,
+                PERIOD: 190,
+                RIGHT: 39,
+                SHIFT: 16,
+                SPACE: 32,
+                TAB: 9,
+                UP: 38
+        }
+};
+
+// WAI-ARIA normalization
+if (isFF2) {
+        var attr = $.attr,
+                removeAttr = $.fn.removeAttr,
+                ariaNS = "http://www.w3.org/2005/07/aaa",
+                ariaState = /^aria-/,
+                ariaRole = /^wairole:/;
+
+        $.attr = function(elem, name, value) {
+                var set = value !== undefined;
+
+                return (name == 'role'
+                        ? (set
+                                ? attr.call(this, elem, name, "wairole:" + value)
+                                : (attr.apply(this, arguments) || "").replace(ariaRole, ""))
+                        : (ariaState.test(name)
+                                ? (set
+                                        ? elem.setAttributeNS(ariaNS,
+                                                name.replace(ariaState, "aaa:"), value)
+                                        : attr.call(this, elem, name.replace(ariaState, "aaa:")))
+                                : attr.apply(this, arguments)));
+        };
+
+        $.fn.removeAttr = function(name) {
+                return (ariaState.test(name)
+                        ? this.each(function() {
+                                this.removeAttributeNS(ariaNS, name.replace(ariaState, ""));
+                        }) : removeAttr.call(this, name));
+        };
+}
+
+//jQuery plugins
+$.fn.extend({
+        remove: function() {
+                // Safari has a native remove event which actually removes DOM elements,
+                // so we have to use triggerHandler instead of trigger (#3037).
+                $("*", this).add(this).each(function() {
+                        $(this).triggerHandler("remove");
+                });
+                return _remove.apply(this, arguments );
+        },
+
+        enableSelection: function() {
+                return this
+                        .attr('unselectable', 'off')
+                        .css('MozUserSelect', '')
+                        .unbind('selectstart.ui');
+        },
+
+        disableSelection: function() {
+                return this
+                        .attr('unselectable', 'on')
+                        .css('MozUserSelect', 'none')
+                        .bind('selectstart.ui', function() { return false; });
+        },
+
+        scrollParent: function() {
+                var scrollParent;
+                if(($.browser.msie && (/(static|relative)/).test(this.css('position'))) || (/absolute/).test(this.css('position'))) {
+                        scrollParent = this.parents().filter(function() {
+                                return (/(relative|absolute|fixed)/).test($.curCSS(this,'position',1)) && (/(auto|scroll)/).test($.curCSS(this,'overflow',1)+$.curCSS(this,'overflow-y',1)+$.curCSS(this,'overflow-x',1));
+                        }).eq(0);
+                } else {
+                        scrollParent = this.parents().filter(function() {
+                                return (/(auto|scroll)/).test($.curCSS(this,'overflow',1)+$.curCSS(this,'overflow-y',1)+$.curCSS(this,'overflow-x',1));
+                        }).eq(0);
+                }
+
+                return (/fixed/).test(this.css('position')) || !scrollParent.length ? $(document) : scrollParent;
+        }
+});
+
+
+//Additional selectors
+$.extend($.expr[':'], {
+        data: function(elem, i, match) {
+                return !!$.data(elem, match[3]);
+        },
+
+        focusable: function(element) {
+                var nodeName = element.nodeName.toLowerCase(),
+                        tabIndex = $.attr(element, 'tabindex');
+                return (/input|select|textarea|button|object/.test(nodeName)
+                        ? !element.disabled
+                        : 'a' == nodeName || 'area' == nodeName
+                                ? element.href || !isNaN(tabIndex)
+                                : !isNaN(tabIndex))
+                        // the element and all of its ancestors must be visible
+                        // the browser may report that the area is hidden
+                        && !$(element)['area' == nodeName ? 'parents' : 'closest'](':hidden').length;
+        },
+
+        tabbable: function(element) {
+                var tabIndex = $.attr(element, 'tabindex');
+                return (isNaN(tabIndex) || tabIndex >= 0) && $(element).is(':focusable');
+        }
+});
+
+
+// $.widget is a factory to create jQuery plugins
+// taking some boilerplate code out of the plugin code
+function getter(namespace, plugin, method, args) {
+        function getMethods(type) {
+                var methods = $[namespace][plugin][type] || [];
+                return (typeof methods == 'string' ? methods.split(/,?\s+/) : methods);
+        }
+
+        var methods = getMethods('getter');
+        if (args.length == 1 && typeof args[0] == 'string') {
+                methods = methods.concat(getMethods('getterSetter'));
+        }
+        return ($.inArray(method, methods) != -1);
+}
+
+$.widget = function(name, prototype) {
+        var namespace = name.split(".")[0];
+        name = name.split(".")[1];
+
+        // create plugin method
+        $.fn[name] = function(options) {
+                var isMethodCall = (typeof options == 'string'),
+                        args = Array.prototype.slice.call(arguments, 1);
+
+                // prevent calls to internal methods
+                if (isMethodCall && options.substring(0, 1) == '_') {
+                        return this;
+                }
+
+                // handle getter methods
+                if (isMethodCall && getter(namespace, name, options, args)) {
+                        var instance = $.data(this[0], name);
+                        return (instance ? instance[options].apply(instance, args)
+                                : undefined);
+                }
+
+                // handle initialization and non-getter methods
+                return this.each(function() {
+                        var instance = $.data(this, name);
+
+                        // constructor
+                        (!instance && !isMethodCall &&
+                                $.data(this, name, new $[namespace][name](this, options))._init());
+
+                        // method call
+                        (instance && isMethodCall && $.isFunction(instance[options]) &&
+                                instance[options].apply(instance, args));
+                });
+        };
+
+        // create widget constructor
+        $[namespace] = $[namespace] || {};
+        $[namespace][name] = function(element, options) {
+                var self = this;
+
+                this.namespace = namespace;
+                this.widgetName = name;
+                this.widgetEventPrefix = $[namespace][name].eventPrefix || name;
+                this.widgetBaseClass = namespace + '-' + name;
+
+                this.options = $.extend({},
+                        $.widget.defaults,
+                        $[namespace][name].defaults,
+                        $.metadata && $.metadata.get(element)[name],
+                        options);
+
+                this.element = $(element)
+                        .bind('setData.' + name, function(event, key, value) {
+                                if (event.target == element) {
+                                        return self._setData(key, value);
+                                }
+                        })
+                        .bind('getData.' + name, function(event, key) {
+                                if (event.target == element) {
+                                        return self._getData(key);
+                                }
+                        })
+                        .bind('remove', function() {
+                                return self.destroy();
+                        });
+        };
+
+        // add widget prototype
+        $[namespace][name].prototype = $.extend({}, $.widget.prototype, prototype);
+
+        // TODO: merge getter and getterSetter properties from widget prototype
+        // and plugin prototype
+        $[namespace][name].getterSetter = 'option';
+};
+
+$.widget.prototype = {
+        _init: function() {},
+        destroy: function() {
+                this.element.removeData(this.widgetName)
+                        .removeClass(this.widgetBaseClass + '-disabled' + ' ' + this.namespace + '-state-disabled')
+                        .removeAttr('aria-disabled');
+        },
+
+        option: function(key, value) {
+                var options = key,
+                        self = this;
+
+                if (typeof key == "string") {
+                        if (value === undefined) {
+                                return this._getData(key);
+                        }
+                        options = {};
+                        options[key] = value;
+                }
+
+                $.each(options, function(key, value) {
+                        self._setData(key, value);
+                });
+        },
+        _getData: function(key) {
+                return this.options[key];
+        },
+        _setData: function(key, value) {
+                this.options[key] = value;
+
+                if (key == 'disabled') {
+                        this.element
+                                [value ? 'addClass' : 'removeClass'](
+                                        this.widgetBaseClass + '-disabled' + ' ' +
+                                        this.namespace + '-state-disabled')
+                                .attr("aria-disabled", value);
+                }
+        },
+
+        enable: function() {
+                this._setData('disabled', false);
+        },
+        disable: function() {
+                this._setData('disabled', true);
+        },
+
+        _trigger: function(type, event, data) {
+                var callback = this.options[type],
+                        eventName = (type == this.widgetEventPrefix
+                                ? type : this.widgetEventPrefix + type);
+
+                event = $.Event(event);
+                event.type = eventName;
+
+                // copy original event properties over to the new event
+                // this would happen if we could call $.event.fix instead of $.Event
+                // but we don't have a way to force an event to be fixed multiple times
+                if (event.originalEvent) {
+                        for (var i = $.event.props.length, prop; i;) {
+                                prop = $.event.props[--i];
+                                event[prop] = event.originalEvent[prop];
+                        }
+                }
+
+                this.element.trigger(event, data);
+
+                return !($.isFunction(callback) && callback.call(this.element[0], event, data) === false
+                        || event.isDefaultPrevented());
+        }
+};
+
+$.widget.defaults = {
+        disabled: false
+};
+
+
+/** Mouse Interaction Plugin **/
+
+$.ui.mouse = {
+        _mouseInit: function() {
+                var self = this;
+
+                this.element
+                        .bind('mousedown.'+this.widgetName, function(event) {
+                                return self._mouseDown(event);
+                        })
+                        .bind('click.'+this.widgetName, function(event) {
+                                if(self._preventClickEvent) {
+                                        self._preventClickEvent = false;
+                                        event.stopImmediatePropagation();
+                                        return false;
+                                }
+                        });
+
+                // Prevent text selection in IE
+                if ($.browser.msie) {
+                        this._mouseUnselectable = this.element.attr('unselectable');
+                        this.element.attr('unselectable', 'on');
+                }
+
+                this.started = false;
+        },
+
+        // TODO: make sure destroying one instance of mouse doesn't mess with
+        // other instances of mouse
+        _mouseDestroy: function() {
+                this.element.unbind('.'+this.widgetName);
+
+                // Restore text selection in IE
+                ($.browser.msie
+                        && this.element.attr('unselectable', this._mouseUnselectable));
+        },
+
+        _mouseDown: function(event) {
+                // don't let more than one widget handle mouseStart
+                // TODO: figure out why we have to use originalEvent
+                event.originalEvent = event.originalEvent || {};
+                if (event.originalEvent.mouseHandled) { return; }
+
+                // we may have missed mouseup (out of window)
+                (this._mouseStarted && this._mouseUp(event));
+
+                this._mouseDownEvent = event;
+
+                var self = this,
+                        btnIsLeft = (event.which == 1),
+                        elIsCancel = (typeof this.options.cancel == "string" ? $(event.target).parents().add(event.target).filter(this.options.cancel).length : false);
+                if (!btnIsLeft || elIsCancel || !this._mouseCapture(event)) {
+                        return true;
+                }
+
+                this.mouseDelayMet = !this.options.delay;
+                if (!this.mouseDelayMet) {
+                        this._mouseDelayTimer = setTimeout(function() {
+                                self.mouseDelayMet = true;
+                        }, this.options.delay);
+                }
+
+                if (this._mouseDistanceMet(event) && this._mouseDelayMet(event)) {
+                        this._mouseStarted = (this._mouseStart(event) !== false);
+                        if (!this._mouseStarted) {
+                                event.preventDefault();
+                                return true;
+                        }
+                }
+
+                // these delegates are required to keep context
+                this._mouseMoveDelegate = function(event) {
+                        return self._mouseMove(event);
+                };
+                this._mouseUpDelegate = function(event) {
+                        return self._mouseUp(event);
+                };
+                $(document)
+                        .bind('mousemove.'+this.widgetName, this._mouseMoveDelegate)
+                        .bind('mouseup.'+this.widgetName, this._mouseUpDelegate);
+
+                // preventDefault() is used to prevent the selection of text here -
+                // however, in Safari, this causes select boxes not to be selectable
+                // anymore, so this fix is needed
+                ($.browser.safari || event.preventDefault());
+
+                event.originalEvent.mouseHandled = true;
+                return true;
+        },
+
+        _mouseMove: function(event) {
+                // IE mouseup check - mouseup happened when mouse was out of window
+                if ($.browser.msie && !event.button) {
+                        return this._mouseUp(event);
+                }
+
+                if (this._mouseStarted) {
+                        this._mouseDrag(event);
+                        return event.preventDefault();
+                }
+
+                if (this._mouseDistanceMet(event) && this._mouseDelayMet(event)) {
+                        this._mouseStarted =
+                                (this._mouseStart(this._mouseDownEvent, event) !== false);
+                        (this._mouseStarted ? this._mouseDrag(event) : this._mouseUp(event));
+                }
+
+                return !this._mouseStarted;
+        },
+
+        _mouseUp: function(event) {
+                $(document)
+                        .unbind('mousemove.'+this.widgetName, this._mouseMoveDelegate)
+                        .unbind('mouseup.'+this.widgetName, this._mouseUpDelegate);
+
+                if (this._mouseStarted) {
+                        this._mouseStarted = false;
+                        this._preventClickEvent = (event.target == this._mouseDownEvent.target);
+                        this._mouseStop(event);
+                }
+
+                return false;
+        },
+
+        _mouseDistanceMet: function(event) {
+                return (Math.max(
+                                Math.abs(this._mouseDownEvent.pageX - event.pageX),
+                                Math.abs(this._mouseDownEvent.pageY - event.pageY)
+                        ) >= this.options.distance
+                );
+        },
+
+        _mouseDelayMet: function(event) {
+                return this.mouseDelayMet;
+        },
+
+        // These are placeholder methods, to be overriden by extending plugin
+        _mouseStart: function(event) {},
+        _mouseDrag: function(event) {},
+        _mouseStop: function(event) {},
+        _mouseCapture: function(event) { return true; }
+};
+
+$.ui.mouse.defaults = {
+        cancel: null,
+        distance: 1,
+        delay: 0
+};
+
+})(jQuery);
diff --git a/static/development-bundle/ui/ui.datepicker.js b/static/development-bundle/ui/ui.datepicker.js
new file mode 100644
index 0000000..0ce166e
--- /dev/null
+++ b/static/development-bundle/ui/ui.datepicker.js
@@ -0,0 +1,1636 @@
+/*
+ * jQuery UI Datepicker 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Datepicker
+ *
+ * Depends:
+ *      ui.core.js
+ */
+
+(function($) { // hide the namespace
+
+$.extend($.ui, { datepicker: { version: "1.7.2" } });
+
+var PROP_NAME = 'datepicker';
+
+/* Date picker manager.
+   Use the singleton instance of this class, $.datepicker, to interact with the date picker.
+   Settings for (groups of) date pickers are maintained in an instance object,
+   allowing multiple different settings on the same page. */
+
+function Datepicker() {
+        this.debug = false; // Change this to true to start debugging
+        this._curInst = null; // The current instance in use
+        this._keyEvent = false; // If the last event was a key event
+        this._disabledInputs = []; // List of date picker inputs that have been disabled
+        this._datepickerShowing = false; // True if the popup picker is showing , false if not
+        this._inDialog = false; // True if showing within a "dialog", false if not
+        this._mainDivId = 'ui-datepicker-div'; // The ID of the main datepicker division
+        this._inlineClass = 'ui-datepicker-inline'; // The name of the inline marker class
+        this._appendClass = 'ui-datepicker-append'; // The name of the append marker class
+        this._triggerClass = 'ui-datepicker-trigger'; // The name of the trigger marker class
+        this._dialogClass = 'ui-datepicker-dialog'; // The name of the dialog marker class
+        this._disableClass = 'ui-datepicker-disabled'; // The name of the disabled covering marker class
+        this._unselectableClass = 'ui-datepicker-unselectable'; // The name of the unselectable cell marker class
+        this._currentClass = 'ui-datepicker-current-day'; // The name of the current day marker class
+        this._dayOverClass = 'ui-datepicker-days-cell-over'; // The name of the day hover marker class
+        this.regional = []; // Available regional settings, indexed by language code
+        this.regional[''] = { // Default regional settings
+                closeText: 'Done', // Display text for close link
+                prevText: 'Prev', // Display text for previous month link
+                nextText: 'Next', // Display text for next month link
+                currentText: 'Today', // Display text for current month link
+                monthNames: ['January','February','March','April','May','June',
+                        'July','August','September','October','November','December'], // Names of months for drop-down and formatting
+                monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], // For formatting
+                dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], // For formatting
+                dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], // For formatting
+                dayNamesMin: ['Su','Mo','Tu','We','Th','Fr','Sa'], // Column headings for days starting at Sunday
+                dateFormat: 'mm/dd/yy', // See format options on parseDate
+                firstDay: 0, // The first day of the week, Sun = 0, Mon = 1, ...
+                isRTL: false // True if right-to-left language, false if left-to-right
+        };
+        this._defaults = { // Global defaults for all the date picker instances
+                showOn: 'focus', // 'focus' for popup on focus,
+                        // 'button' for trigger button, or 'both' for either
+                showAnim: 'show', // Name of jQuery animation for popup
+                showOptions: {}, // Options for enhanced animations
+                defaultDate: null, // Used when field is blank: actual date,
+                        // +/-number for offset from today, null for today
+                appendText: '', // Display text following the input box, e.g. showing the format
+                buttonText: '...', // Text for trigger button
+                buttonImage: '', // URL for trigger button image
+                buttonImageOnly: false, // True if the image appears alone, false if it appears on a button
+                hideIfNoPrevNext: false, // True to hide next/previous month links
+                        // if not applicable, false to just disable them
+                navigationAsDateFormat: false, // True if date formatting applied to prev/today/next links
+                gotoCurrent: false, // True if today link goes back to current selection instead
+                changeMonth: false, // True if month can be selected directly, false if only prev/next
+                changeYear: false, // True if year can be selected directly, false if only prev/next
+                showMonthAfterYear: false, // True if the year select precedes month, false for month then year
+                yearRange: '-10:+10', // Range of years to display in drop-down,
+                        // either relative to current year (-nn:+nn) or absolute (nnnn:nnnn)
+                showOtherMonths: false, // True to show dates in other months, false to leave blank
+                calculateWeek: this.iso8601Week, // How to calculate the week of the year,
+                        // takes a Date and returns the number of the week for it
+                shortYearCutoff: '+10', // Short year values < this are in the current century,
+                        // > this are in the previous century,
+                        // string value starting with '+' for current year + value
+                minDate: null, // The earliest selectable date, or null for no limit
+                maxDate: null, // The latest selectable date, or null for no limit
+                duration: 'normal', // Duration of display/closure
+                beforeShowDay: null, // Function that takes a date and returns an array with
+                        // [0] = true if selectable, false if not, [1] = custom CSS class name(s) or '',
+                        // [2] = cell title (optional), e.g. $.datepicker.noWeekends
+                beforeShow: null, // Function that takes an input field and
+                        // returns a set of custom settings for the date picker
+                onSelect: null, // Define a callback function when a date is selected
+                onChangeMonthYear: null, // Define a callback function when the month or year is changed
+                onClose: null, // Define a callback function when the datepicker is closed
+                numberOfMonths: 1, // Number of months to show at a time
+                showCurrentAtPos: 0, // The position in multipe months at which to show the current month (starting at 0)
+                stepMonths: 1, // Number of months to step back/forward
+                stepBigMonths: 12, // Number of months to step back/forward for the big links
+                altField: '', // Selector for an alternate field to store selected dates into
+                altFormat: '', // The date format to use for the alternate field
+                constrainInput: true, // The input is constrained by the current date format
+                showButtonPanel: false // True to show button panel, false to not show it
+        };
+        $.extend(this._defaults, this.regional['']);
+        this.dpDiv = $('<div id="' + this._mainDivId + '" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible"></div>');
+}
+
+$.extend(Datepicker.prototype, {
+        /* Class name added to elements to indicate already configured with a date picker. */
+        markerClassName: 'hasDatepicker',
+
+        /* Debug logging (if enabled). */
+        log: function () {
+                if (this.debug)
+                        console.log.apply('', arguments);
+        },
+
+        /* Override the default settings for all instances of the date picker.
+           @param  settings  object - the new settings to use as defaults (anonymous object)
+           @return the manager object */
+        setDefaults: function(settings) {
+                extendRemove(this._defaults, settings || {});
+                return this;
+        },
+
+        /* Attach the date picker to a jQuery selection.
+           @param  target    element - the target input field or division or span
+           @param  settings  object - the new settings to use for this date picker instance (anonymous) */
+        _attachDatepicker: function(target, settings) {
+                // check for settings on the control itself - in namespace 'date:'
+                var inlineSettings = null;
+                for (var attrName in this._defaults) {
+                        var attrValue = target.getAttribute('date:' + attrName);
+                        if (attrValue) {
+                                inlineSettings = inlineSettings || {};
+                                try {
+                                        inlineSettings[attrName] = eval(attrValue);
+                                } catch (err) {
+                                        inlineSettings[attrName] = attrValue;
+                                }
+                        }
+                }
+                var nodeName = target.nodeName.toLowerCase();
+                var inline = (nodeName == 'div' || nodeName == 'span');
+                if (!target.id)
+                        target.id = 'dp' + (++this.uuid);
+                var inst = this._newInst($(target), inline);
+                inst.settings = $.extend({}, settings || {}, inlineSettings || {});
+                if (nodeName == 'input') {
+                        this._connectDatepicker(target, inst);
+                } else if (inline) {
+                        this._inlineDatepicker(target, inst);
+                }
+        },
+
+        /* Create a new instance object. */
+        _newInst: function(target, inline) {
+                var id = target[0].id.replace(/([:\[\]\.])/g, '\\\\$1'); // escape jQuery meta chars
+                return {id: id, input: target, // associated target
+                        selectedDay: 0, selectedMonth: 0, selectedYear: 0, // current selection
+                        drawMonth: 0, drawYear: 0, // month being drawn
+                        inline: inline, // is datepicker inline or not
+                        dpDiv: (!inline ? this.dpDiv : // presentation div
+                        $('<div class="' + this._inlineClass + ' ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"></div>'))};
+        },
+
+        /* Attach the date picker to an input field. */
+        _connectDatepicker: function(target, inst) {
+                var input = $(target);
+                inst.append = $([]);
+                inst.trigger = $([]);
+                if (input.hasClass(this.markerClassName))
+                        return;
+                var appendText = this._get(inst, 'appendText');
+                var isRTL = this._get(inst, 'isRTL');
+                if (appendText) {
+                        inst.append = $('<span class="' + this._appendClass + '">' + appendText + '</span>');
+                        input[isRTL ? 'before' : 'after'](inst.append);
+                }
+                var showOn = this._get(inst, 'showOn');
+                if (showOn == 'focus' || showOn == 'both') // pop-up date picker when in the marked field
+                        input.focus(this._showDatepicker);
+                if (showOn == 'button' || showOn == 'both') { // pop-up date picker when button clicked
+                        var buttonText = this._get(inst, 'buttonText');
+                        var buttonImage = this._get(inst, 'buttonImage');
+                        inst.trigger = $(this._get(inst, 'buttonImageOnly') ?
+                                $('<img/>').addClass(this._triggerClass).
+                                        attr({ src: buttonImage, alt: buttonText, title: buttonText }) :
+                                $('<button type="button"></button>').addClass(this._triggerClass).
+                                        html(buttonImage == '' ? buttonText : $('<img/>').attr(
+                                        { src:buttonImage, alt:buttonText, title:buttonText })));
+                        input[isRTL ? 'before' : 'after'](inst.trigger);
+                        inst.trigger.click(function() {
+                                if ($.datepicker._datepickerShowing && $.datepicker._lastInput == target)
+                                        $.datepicker._hideDatepicker();
+                                else
+                                        $.datepicker._showDatepicker(target);
+                                return false;
+                        });
+                }
+                input.addClass(this.markerClassName).keydown(this._doKeyDown).keypress(this._doKeyPress).
+                        bind("setData.datepicker", function(event, key, value) {
+                                inst.settings[key] = value;
+                        }).bind("getData.datepicker", function(event, key) {
+                                return this._get(inst, key);
+                        });
+                $.data(target, PROP_NAME, inst);
+        },
+
+        /* Attach an inline date picker to a div. */
+        _inlineDatepicker: function(target, inst) {
+                var divSpan = $(target);
+                if (divSpan.hasClass(this.markerClassName))
+                        return;
+                divSpan.addClass(this.markerClassName).append(inst.dpDiv).
+                        bind("setData.datepicker", function(event, key, value){
+                                inst.settings[key] = value;
+                        }).bind("getData.datepicker", function(event, key){
+                                return this._get(inst, key);
+                        });
+                $.data(target, PROP_NAME, inst);
+                this._setDate(inst, this._getDefaultDate(inst));
+                this._updateDatepicker(inst);
+                this._updateAlternate(inst);
+        },
+
+        /* Pop-up the date picker in a "dialog" box.
+           @param  input     element - ignored
+           @param  dateText  string - the initial date to display (in the current format)
+           @param  onSelect  function - the function(dateText) to call when a date is selected
+           @param  settings  object - update the dialog date picker instance's settings (anonymous object)
+           @param  pos       int[2] - coordinates for the dialog's position within the screen or
+                             event - with x/y coordinates or
+                             leave empty for default (screen centre)
+           @return the manager object */
+        _dialogDatepicker: function(input, dateText, onSelect, settings, pos) {
+                var inst = this._dialogInst; // internal instance
+                if (!inst) {
+                        var id = 'dp' + (++this.uuid);
+                        this._dialogInput = $('<input type="text" id="' + id +
+                                '" size="1" style="position: absolute; top: -100px;"/>');
+                        this._dialogInput.keydown(this._doKeyDown);
+                        $('body').append(this._dialogInput);
+                        inst = this._dialogInst = this._newInst(this._dialogInput, false);
+                        inst.settings = {};
+                        $.data(this._dialogInput[0], PROP_NAME, inst);
+                }
+                extendRemove(inst.settings, settings || {});
+                this._dialogInput.val(dateText);
+
+                this._pos = (pos ? (pos.length ? pos : [pos.pageX, pos.pageY]) : null);
+                if (!this._pos) {
+                        var browserWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+                        var browserHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
+                        var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;
+                        var scrollY = document.documentElement.scrollTop || document.body.scrollTop;
+                        this._pos = // should use actual width/height below
+                                [(browserWidth / 2) - 100 + scrollX, (browserHeight / 2) - 150 + scrollY];
+                }
+
+                // move input on screen for focus, but hidden behind dialog
+                this._dialogInput.css('left', this._pos[0] + 'px').css('top', this._pos[1] + 'px');
+                inst.settings.onSelect = onSelect;
+                this._inDialog = true;
+                this.dpDiv.addClass(this._dialogClass);
+                this._showDatepicker(this._dialogInput[0]);
+                if ($.blockUI)
+                        $.blockUI(this.dpDiv);
+                $.data(this._dialogInput[0], PROP_NAME, inst);
+                return this;
+        },
+
+        /* Detach a datepicker from its control.
+           @param  target    element - the target input field or division or span */
+        _destroyDatepicker: function(target) {
+                var $target = $(target);
+                var inst = $.data(target, PROP_NAME);
+                if (!$target.hasClass(this.markerClassName)) {
+                        return;
+                }
+                var nodeName = target.nodeName.toLowerCase();
+                $.removeData(target, PROP_NAME);
+                if (nodeName == 'input') {
+                        inst.append.remove();
+                        inst.trigger.remove();
+                        $target.removeClass(this.markerClassName).
+                                unbind('focus', this._showDatepicker).
+                                unbind('keydown', this._doKeyDown).
+                                unbind('keypress', this._doKeyPress);
+                } else if (nodeName == 'div' || nodeName == 'span')
+                        $target.removeClass(this.markerClassName).empty();
+        },
+
+        /* Enable the date picker to a jQuery selection.
+           @param  target    element - the target input field or division or span */
+        _enableDatepicker: function(target) {
+                var $target = $(target);
+                var inst = $.data(target, PROP_NAME);
+                if (!$target.hasClass(this.markerClassName)) {
+                        return;
+                }
+                var nodeName = target.nodeName.toLowerCase();
+                if (nodeName == 'input') {
+                        target.disabled = false;
+                        inst.trigger.filter('button').
+                                each(function() { this.disabled = false; }).end().
+                                filter('img').css({opacity: '1.0', cursor: ''});
+                }
+                else if (nodeName == 'div' || nodeName == 'span') {
+                        var inline = $target.children('.' + this._inlineClass);
+                        inline.children().removeClass('ui-state-disabled');
+                }
+                this._disabledInputs = $.map(this._disabledInputs,
+                        function(value) { return (value == target ? null : value); }); // delete entry
+        },
+
+        /* Disable the date picker to a jQuery selection.
+           @param  target    element - the target input field or division or span */
+        _disableDatepicker: function(target) {
+                var $target = $(target);
+                var inst = $.data(target, PROP_NAME);
+                if (!$target.hasClass(this.markerClassName)) {
+                        return;
+                }
+                var nodeName = target.nodeName.toLowerCase();
+                if (nodeName == 'input') {
+                        target.disabled = true;
+                        inst.trigger.filter('button').
+                                each(function() { this.disabled = true; }).end().
+                                filter('img').css({opacity: '0.5', cursor: 'default'});
+                }
+                else if (nodeName == 'div' || nodeName == 'span') {
+                        var inline = $target.children('.' + this._inlineClass);
+                        inline.children().addClass('ui-state-disabled');
+                }
+                this._disabledInputs = $.map(this._disabledInputs,
+                        function(value) { return (value == target ? null : value); }); // delete entry
+                this._disabledInputs[this._disabledInputs.length] = target;
+        },
+
+        /* Is the first field in a jQuery collection disabled as a datepicker?
+           @param  target    element - the target input field or division or span
+           @return boolean - true if disabled, false if enabled */
+        _isDisabledDatepicker: function(target) {
+                if (!target) {
+                        return false;
+                }
+                for (var i = 0; i < this._disabledInputs.length; i++) {
+                        if (this._disabledInputs[i] == target)
+                                return true;
+                }
+                return false;
+        },
+
+        /* Retrieve the instance data for the target control.
+           @param  target  element - the target input field or division or span
+           @return  object - the associated instance data
+           @throws  error if a jQuery problem getting data */
+        _getInst: function(target) {
+                try {
+                        return $.data(target, PROP_NAME);
+                }
+                catch (err) {
+                        throw 'Missing instance data for this datepicker';
+                }
+        },
+
+        /* Update or retrieve the settings for a date picker attached to an input field or division.
+           @param  target  element - the target input field or division or span
+           @param  name    object - the new settings to update or
+                           string - the name of the setting to change or retrieve,
+                           when retrieving also 'all' for all instance settings or
+                           'defaults' for all global defaults
+           @param  value   any - the new value for the setting
+                           (omit if above is an object or to retrieve a value) */
+        _optionDatepicker: function(target, name, value) {
+                var inst = this._getInst(target);
+                if (arguments.length == 2 && typeof name == 'string') {
+                        return (name == 'defaults' ? $.extend({}, $.datepicker._defaults) :
+                                (inst ? (name == 'all' ? $.extend({}, inst.settings) :
+                                this._get(inst, name)) : null));
+                }
+                var settings = name || {};
+                if (typeof name == 'string') {
+                        settings = {};
+                        settings[name] = value;
+                }
+                if (inst) {
+                        if (this._curInst == inst) {
+                                this._hideDatepicker(null);
+                        }
+                        var date = this._getDateDatepicker(target);
+                        extendRemove(inst.settings, settings);
+                        this._setDateDatepicker(target, date);
+                        this._updateDatepicker(inst);
+                }
+        },
+
+        // change method deprecated
+        _changeDatepicker: function(target, name, value) {
+                this._optionDatepicker(target, name, value);
+        },
+
+        /* Redraw the date picker attached to an input field or division.
+           @param  target  element - the target input field or division or span */
+        _refreshDatepicker: function(target) {
+                var inst = this._getInst(target);
+                if (inst) {
+                        this._updateDatepicker(inst);
+                }
+        },
+
+        /* Set the dates for a jQuery selection.
+           @param  target   element - the target input field or division or span
+           @param  date     Date - the new date
+           @param  endDate  Date - the new end date for a range (optional) */
+        _setDateDatepicker: function(target, date, endDate) {
+                var inst = this._getInst(target);
+                if (inst) {
+                        this._setDate(inst, date, endDate);
+                        this._updateDatepicker(inst);
+                        this._updateAlternate(inst);
+                }
+        },
+
+        /* Get the date(s) for the first entry in a jQuery selection.
+           @param  target  element - the target input field or division or span
+           @return Date - the current date or
+                   Date[2] - the current dates for a range */
+        _getDateDatepicker: function(target) {
+                var inst = this._getInst(target);
+                if (inst && !inst.inline)
+                        this._setDateFromField(inst);
+                return (inst ? this._getDate(inst) : null);
+        },
+
+        /* Handle keystrokes. */
+        _doKeyDown: function(event) {
+                var inst = $.datepicker._getInst(event.target);
+                var handled = true;
+                var isRTL = inst.dpDiv.is('.ui-datepicker-rtl');
+                inst._keyEvent = true;
+                if ($.datepicker._datepickerShowing)
+                        switch (event.keyCode) {
+                                case 9:  $.datepicker._hideDatepicker(null, '');
+                                                break; // hide on tab out
+                                case 13: var sel = $('td.' + $.datepicker._dayOverClass +
+                                                        ', td.' + $.datepicker._currentClass, inst.dpDiv);
+                                                if (sel[0])
+                                                        $.datepicker._selectDay(event.target, inst.selectedMonth, inst.selectedYear, sel[0]);
+                                                else
+                                                        $.datepicker._hideDatepicker(null, $.datepicker._get(inst, 'duration'));
+                                                return false; // don't submit the form
+                                                break; // select the value on enter
+                                case 27: $.datepicker._hideDatepicker(null, $.datepicker._get(inst, 'duration'));
+                                                break; // hide on escape
+                                case 33: $.datepicker._adjustDate(event.target, (event.ctrlKey ?
+                                                        -$.datepicker._get(inst, 'stepBigMonths') :
+                                                        -$.datepicker._get(inst, 'stepMonths')), 'M');
+                                                break; // previous month/year on page up/+ ctrl
+                                case 34: $.datepicker._adjustDate(event.target, (event.ctrlKey ?
+                                                        +$.datepicker._get(inst, 'stepBigMonths') :
+                                                        +$.datepicker._get(inst, 'stepMonths')), 'M');
+                                                break; // next month/year on page down/+ ctrl
+                                case 35: if (event.ctrlKey || event.metaKey) $.datepicker._clearDate(event.target);
+                                                handled = event.ctrlKey || event.metaKey;
+                                                break; // clear on ctrl or command +end
+                                case 36: if (event.ctrlKey || event.metaKey) $.datepicker._gotoToday(event.target);
+                                                handled = event.ctrlKey || event.metaKey;
+                                                break; // current on ctrl or command +home
+                                case 37: if (event.ctrlKey || event.metaKey) $.datepicker._adjustDate(event.target, (isRTL ? +1 : -1), 'D');
+                                                handled = event.ctrlKey || event.metaKey;
+                                                // -1 day on ctrl or command +left
+                                                if (event.originalEvent.altKey) $.datepicker._adjustDate(event.target, (event.ctrlKey ?
+                                                                        -$.datepicker._get(inst, 'stepBigMonths') :
+                                                                        -$.datepicker._get(inst, 'stepMonths')), 'M');
+                                                // next month/year on alt +left on Mac
+                                                break;
+                                case 38: if (event.ctrlKey || event.metaKey) $.datepicker._adjustDate(event.target, -7, 'D');
+                                                handled = event.ctrlKey || event.metaKey;
+                                                break; // -1 week on ctrl or command +up
+                                case 39: if (event.ctrlKey || event.metaKey) $.datepicker._adjustDate(event.target, (isRTL ? -1 : +1), 'D');
+                                                handled = event.ctrlKey || event.metaKey;
+                                                // +1 day on ctrl or command +right
+                                                if (event.originalEvent.altKey) $.datepicker._adjustDate(event.target, (event.ctrlKey ?
+                                                                        +$.datepicker._get(inst, 'stepBigMonths') :
+                                                                        +$.datepicker._get(inst, 'stepMonths')), 'M');
+                                                // next month/year on alt +right
+                                                break;
+                                case 40: if (event.ctrlKey || event.metaKey) $.datepicker._adjustDate(event.target, +7, 'D');
+                                                handled = event.ctrlKey || event.metaKey;
+                                                break; // +1 week on ctrl or command +down
+                                default: handled = false;
+                        }
+                else if (event.keyCode == 36 && event.ctrlKey) // display the date picker on ctrl+home
+                        $.datepicker._showDatepicker(this);
+                else {
+                        handled = false;
+                }
+                if (handled) {
+                        event.preventDefault();
+                        event.stopPropagation();
+                }
+        },
+
+        /* Filter entered characters - based on date format. */
+        _doKeyPress: function(event) {
+                var inst = $.datepicker._getInst(event.target);
+                if ($.datepicker._get(inst, 'constrainInput')) {
+                        var chars = $.datepicker._possibleChars($.datepicker._get(inst, 'dateFormat'));
+                        var chr = String.fromCharCode(event.charCode == undefined ? event.keyCode : event.charCode);
+                        return event.ctrlKey || (chr < ' ' || !chars || chars.indexOf(chr) > -1);
+                }
+        },
+
+        /* Pop-up the date picker for a given input field.
+           @param  input  element - the input field attached to the date picker or
+                          event - if triggered by focus */
+        _showDatepicker: function(input) {
+                input = input.target || input;
+                if (input.nodeName.toLowerCase() != 'input') // find from button/image trigger
+                        input = $('input', input.parentNode)[0];
+                if ($.datepicker._isDisabledDatepicker(input) || $.datepicker._lastInput == input) // already here
+                        return;
+                var inst = $.datepicker._getInst(input);
+                var beforeShow = $.datepicker._get(inst, 'beforeShow');
+                extendRemove(inst.settings, (beforeShow ? beforeShow.apply(input, [input, inst]) : {}));
+                $.datepicker._hideDatepicker(null, '');
+                $.datepicker._lastInput = input;
+                $.datepicker._setDateFromField(inst);
+                if ($.datepicker._inDialog) // hide cursor
+                        input.value = '';
+                if (!$.datepicker._pos) { // position below input
+                        $.datepicker._pos = $.datepicker._findPos(input);
+                        $.datepicker._pos[1] += input.offsetHeight; // add the height
+                }
+                var isFixed = false;
+                $(input).parents().each(function() {
+                        isFixed |= $(this).css('position') == 'fixed';
+                        return !isFixed;
+                });
+                if (isFixed && $.browser.opera) { // correction for Opera when fixed and scrolled
+                        $.datepicker._pos[0] -= document.documentElement.scrollLeft;
+                        $.datepicker._pos[1] -= document.documentElement.scrollTop;
+                }
+                var offset = {left: $.datepicker._pos[0], top: $.datepicker._pos[1]};
+                $.datepicker._pos = null;
+                inst.rangeStart = null;
+                // determine sizing offscreen
+                inst.dpDiv.css({position: 'absolute', display: 'block', top: '-1000px'});
+                $.datepicker._updateDatepicker(inst);
+                // fix width for dynamic number of date pickers
+                // and adjust position before showing
+                offset = $.datepicker._checkOffset(inst, offset, isFixed);
+                inst.dpDiv.css({position: ($.datepicker._inDialog && $.blockUI ?
+                        'static' : (isFixed ? 'fixed' : 'absolute')), display: 'none',
+                        left: offset.left + 'px', top: offset.top + 'px'});
+                if (!inst.inline) {
+                        var showAnim = $.datepicker._get(inst, 'showAnim') || 'show';
+                        var duration = $.datepicker._get(inst, 'duration');
+                        var postProcess = function() {
+                                $.datepicker._datepickerShowing = true;
+                                if ($.browser.msie && parseInt($.browser.version,10) < 7) // fix IE < 7 select problems
+                                        $('iframe.ui-datepicker-cover').css({width: inst.dpDiv.width() + 4,
+                                                height: inst.dpDiv.height() + 4});
+                        };
+                        if ($.effects && $.effects[showAnim])
+                                inst.dpDiv.show(showAnim, $.datepicker._get(inst, 'showOptions'), duration, postProcess);
+                        else
+                                inst.dpDiv[showAnim](duration, postProcess);
+                        if (duration == '')
+                                postProcess();
+                        if (inst.input[0].type != 'hidden')
+                                inst.input[0].focus();
+                        $.datepicker._curInst = inst;
+                }
+        },
+
+        /* Generate the date picker content. */
+        _updateDatepicker: function(inst) {
+                var dims = {width: inst.dpDiv.width() + 4,
+                        height: inst.dpDiv.height() + 4};
+                var self = this;
+                inst.dpDiv.empty().append(this._generateHTML(inst))
+                        .find('iframe.ui-datepicker-cover').
+                                css({width: dims.width, height: dims.height})
+                        .end()
+                        .find('button, .ui-datepicker-prev, .ui-datepicker-next, .ui-datepicker-calendar td a')
+                                .bind('mouseout', function(){
+                                        $(this).removeClass('ui-state-hover');
+                                        if(this.className.indexOf('ui-datepicker-prev') != -1) $(this).removeClass('ui-datepicker-prev-hover');
+                                        if(this.className.indexOf('ui-datepicker-next') != -1) $(this).removeClass('ui-datepicker-next-hover');
+                                })
+                                .bind('mouseover', function(){
+                                        if (!self._isDisabledDatepicker( inst.inline ? inst.dpDiv.parent()[0] : inst.input[0])) {
+                                                $(this).parents('.ui-datepicker-calendar').find('a').removeClass('ui-state-hover');
+                                                $(this).addClass('ui-state-hover');
+                                                if(this.className.indexOf('ui-datepicker-prev') != -1) $(this).addClass('ui-datepicker-prev-hover');
+                                                if(this.className.indexOf('ui-datepicker-next') != -1) $(this).addClass('ui-datepicker-next-hover');
+                                        }
+                                })
+                        .end()
+                        .find('.' + this._dayOverClass + ' a')
+                                .trigger('mouseover')
+                        .end();
+                var numMonths = this._getNumberOfMonths(inst);
+                var cols = numMonths[1];
+                var width = 17;
+                if (cols > 1) {
+                        inst.dpDiv.addClass('ui-datepicker-multi-' + cols).css('width', (width * cols) + 'em');
+                } else {
+                        inst.dpDiv.removeClass('ui-datepicker-multi-2 ui-datepicker-multi-3 ui-datepicker-multi-4').width('');
+                }
+                inst.dpDiv[(numMonths[0] != 1 || numMonths[1] != 1 ? 'add' : 'remove') +
+                        'Class']('ui-datepicker-multi');
+                inst.dpDiv[(this._get(inst, 'isRTL') ? 'add' : 'remove') +
+                        'Class']('ui-datepicker-rtl');
+                if (inst.input && inst.input[0].type != 'hidden' && inst == $.datepicker._curInst)
+                        $(inst.input[0]).focus();
+        },
+
+        /* Check positioning to remain on screen. */
+        _checkOffset: function(inst, offset, isFixed) {
+                var dpWidth = inst.dpDiv.outerWidth();
+                var dpHeight = inst.dpDiv.outerHeight();
+                var inputWidth = inst.input ? inst.input.outerWidth() : 0;
+                var inputHeight = inst.input ? inst.input.outerHeight() : 0;
+                var viewWidth = (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) + $(document).scrollLeft();
+                var viewHeight = (window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight) + $(document).scrollTop();
+
+                offset.left -= (this._get(inst, 'isRTL') ? (dpWidth - inputWidth) : 0);
+                offset.left -= (isFixed && offset.left == inst.input.offset().left) ? $(document).scrollLeft() : 0;
+                offset.top -= (isFixed && offset.top == (inst.input.offset().top + inputHeight)) ? $(document).scrollTop() : 0;
+
+                // now check if datepicker is showing outside window viewport - move to a better place if so.
+                offset.left -= (offset.left + dpWidth > viewWidth && viewWidth > dpWidth) ? Math.abs(offset.left + dpWidth - viewWidth) : 0;
+                offset.top -= (offset.top + dpHeight > viewHeight && viewHeight > dpHeight) ? Math.abs(offset.top + dpHeight + inputHeight*2 - viewHeight) : 0;
+
+                return offset;
+        },
+
+        /* Find an object's position on the screen. */
+        _findPos: function(obj) {
+        while (obj && (obj.type == 'hidden' || obj.nodeType != 1)) {
+            obj = obj.nextSibling;
+        }
+        var position = $(obj).offset();
+            return [position.left, position.top];
+        },
+
+        /* Hide the date picker from view.
+           @param  input  element - the input field attached to the date picker
+           @param  duration  string - the duration over which to close the date picker */
+        _hideDatepicker: function(input, duration) {
+                var inst = this._curInst;
+                if (!inst || (input && inst != $.data(input, PROP_NAME)))
+                        return;
+                if (inst.stayOpen)
+                        this._selectDate('#' + inst.id, this._formatDate(inst,
+                                inst.currentDay, inst.currentMonth, inst.currentYear));
+                inst.stayOpen = false;
+                if (this._datepickerShowing) {
+                        duration = (duration != null ? duration : this._get(inst, 'duration'));
+                        var showAnim = this._get(inst, 'showAnim');
+                        var postProcess = function() {
+                                $.datepicker._tidyDialog(inst);
+                        };
+                        if (duration != '' && $.effects && $.effects[showAnim])
+                                inst.dpDiv.hide(showAnim, $.datepicker._get(inst, 'showOptions'),
+                                        duration, postProcess);
+                        else
+                                inst.dpDiv[(duration == '' ? 'hide' : (showAnim == 'slideDown' ? 'slideUp' :
+                                        (showAnim == 'fadeIn' ? 'fadeOut' : 'hide')))](duration, postProcess);
+                        if (duration == '')
+                                this._tidyDialog(inst);
+                        var onClose = this._get(inst, 'onClose');
+                        if (onClose)
+                                onClose.apply((inst.input ? inst.input[0] : null),
+                                        [(inst.input ? inst.input.val() : ''), inst]);  // trigger custom callback
+                        this._datepickerShowing = false;
+                        this._lastInput = null;
+                        if (this._inDialog) {
+                                this._dialogInput.css({ position: 'absolute', left: '0', top: '-100px' });
+                                if ($.blockUI) {
+                                        $.unblockUI();
+                                        $('body').append(this.dpDiv);
+                                }
+                        }
+                        this._inDialog = false;
+                }
+                this._curInst = null;
+        },
+
+        /* Tidy up after a dialog display. */
+        _tidyDialog: function(inst) {
+                inst.dpDiv.removeClass(this._dialogClass).unbind('.ui-datepicker-calendar');
+        },
+
+        /* Close date picker if clicked elsewhere. */
+        _checkExternalClick: function(event) {
+                if (!$.datepicker._curInst)
+                        return;
+                var $target = $(event.target);
+                if (($target.parents('#' + $.datepicker._mainDivId).length == 0) &&
+                                !$target.hasClass($.datepicker.markerClassName) &&
+                                !$target.hasClass($.datepicker._triggerClass) &&
+                                $.datepicker._datepickerShowing && !($.datepicker._inDialog && $.blockUI))
+                        $.datepicker._hideDatepicker(null, '');
+        },
+
+        /* Adjust one of the date sub-fields. */
+        _adjustDate: function(id, offset, period) {
+                var target = $(id);
+                var inst = this._getInst(target[0]);
+                if (this._isDisabledDatepicker(target[0])) {
+                        return;
+                }
+                this._adjustInstDate(inst, offset +
+                        (period == 'M' ? this._get(inst, 'showCurrentAtPos') : 0), // undo positioning
+                        period);
+                this._updateDatepicker(inst);
+        },
+
+        /* Action for current link. */
+        _gotoToday: function(id) {
+                var target = $(id);
+                var inst = this._getInst(target[0]);
+                if (this._get(inst, 'gotoCurrent') && inst.currentDay) {
+                        inst.selectedDay = inst.currentDay;
+                        inst.drawMonth = inst.selectedMonth = inst.currentMonth;
+                        inst.drawYear = inst.selectedYear = inst.currentYear;
+                }
+                else {
+                var date = new Date();
+                inst.selectedDay = date.getDate();
+                inst.drawMonth = inst.selectedMonth = date.getMonth();
+                inst.drawYear = inst.selectedYear = date.getFullYear();
+                }
+                this._notifyChange(inst);
+                this._adjustDate(target);
+        },
+
+        /* Action for selecting a new month/year. */
+        _selectMonthYear: function(id, select, period) {
+                var target = $(id);
+                var inst = this._getInst(target[0]);
+                inst._selectingMonthYear = false;
+                inst['selected' + (period == 'M' ? 'Month' : 'Year')] =
+                inst['draw' + (period == 'M' ? 'Month' : 'Year')] =
+                        parseInt(select.options[select.selectedIndex].value,10);
+                this._notifyChange(inst);
+                this._adjustDate(target);
+        },
+
+        /* Restore input focus after not changing month/year. */
+        _clickMonthYear: function(id) {
+                var target = $(id);
+                var inst = this._getInst(target[0]);
+                if (inst.input && inst._selectingMonthYear && !$.browser.msie)
+                        inst.input[0].focus();
+                inst._selectingMonthYear = !inst._selectingMonthYear;
+        },
+
+        /* Action for selecting a day. */
+        _selectDay: function(id, month, year, td) {
+                var target = $(id);
+                if ($(td).hasClass(this._unselectableClass) || this._isDisabledDatepicker(target[0])) {
+                        return;
+                }
+                var inst = this._getInst(target[0]);
+                inst.selectedDay = inst.currentDay = $('a', td).html();
+                inst.selectedMonth = inst.currentMonth = month;
+                inst.selectedYear = inst.currentYear = year;
+                if (inst.stayOpen) {
+                        inst.endDay = inst.endMonth = inst.endYear = null;
+                }
+                this._selectDate(id, this._formatDate(inst,
+                        inst.currentDay, inst.currentMonth, inst.currentYear));
+                if (inst.stayOpen) {
+                        inst.rangeStart = this._daylightSavingAdjust(
+                                new Date(inst.currentYear, inst.currentMonth, inst.currentDay));
+                        this._updateDatepicker(inst);
+                }
+        },
+
+        /* Erase the input field and hide the date picker. */
+        _clearDate: function(id) {
+                var target = $(id);
+                var inst = this._getInst(target[0]);
+                inst.stayOpen = false;
+                inst.endDay = inst.endMonth = inst.endYear = inst.rangeStart = null;
+                this._selectDate(target, '');
+        },
+
+        /* Update the input field with the selected date. */
+        _selectDate: function(id, dateStr) {
+                var target = $(id);
+                var inst = this._getInst(target[0]);
+                dateStr = (dateStr != null ? dateStr : this._formatDate(inst));
+                if (inst.input)
+                        inst.input.val(dateStr);
+                this._updateAlternate(inst);
+                var onSelect = this._get(inst, 'onSelect');
+                if (onSelect)
+                        onSelect.apply((inst.input ? inst.input[0] : null), [dateStr, inst]);  // trigger custom callback
+                else if (inst.input)
+                        inst.input.trigger('change'); // fire the change event
+                if (inst.inline)
+                        this._updateDatepicker(inst);
+                else if (!inst.stayOpen) {
+                        this._hideDatepicker(null, this._get(inst, 'duration'));
+                        this._lastInput = inst.input[0];
+                        if (typeof(inst.input[0]) != 'object')
+                                inst.input[0].focus(); // restore focus
+                        this._lastInput = null;
+                }
+        },
+
+        /* Update any alternate field to synchronise with the main field. */
+        _updateAlternate: function(inst) {
+                var altField = this._get(inst, 'altField');
+                if (altField) { // update alternate field too
+                        var altFormat = this._get(inst, 'altFormat') || this._get(inst, 'dateFormat');
+                        var date = this._getDate(inst);
+                        dateStr = this.formatDate(altFormat, date, this._getFormatConfig(inst));
+                        $(altField).each(function() { $(this).val(dateStr); });
+                }
+        },
+
+        /* Set as beforeShowDay function to prevent selection of weekends.
+           @param  date  Date - the date to customise
+           @return [boolean, string] - is this date selectable?, what is its CSS class? */
+        noWeekends: function(date) {
+                var day = date.getDay();
+                return [(day > 0 && day < 6), ''];
+        },
+
+        /* Set as calculateWeek to determine the week of the year based on the ISO 8601 definition.
+           @param  date  Date - the date to get the week for
+           @return  number - the number of the week within the year that contains this date */
+        iso8601Week: function(date) {
+                var checkDate = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+                var firstMon = new Date(checkDate.getFullYear(), 1 - 1, 4); // First week always contains 4 Jan
+                var firstDay = firstMon.getDay() || 7; // Day of week: Mon = 1, ..., Sun = 7
+                firstMon.setDate(firstMon.getDate() + 1 - firstDay); // Preceding Monday
+                if (firstDay < 4 && checkDate < firstMon) { // Adjust first three days in year if necessary
+                        checkDate.setDate(checkDate.getDate() - 3); // Generate for previous year
+                        return $.datepicker.iso8601Week(checkDate);
+                } else if (checkDate > new Date(checkDate.getFullYear(), 12 - 1, 28)) { // Check last three days in year
+                        firstDay = new Date(checkDate.getFullYear() + 1, 1 - 1, 4).getDay() || 7;
+                        if (firstDay > 4 && (checkDate.getDay() || 7) < firstDay - 3) { // Adjust if necessary
+                                return 1;
+                        }
+                }
+                return Math.floor(((checkDate - firstMon) / 86400000) / 7) + 1; // Weeks to given date
+        },
+
+        /* Parse a string value into a date object.
+           See formatDate below for the possible formats.
+
+           @param  format    string - the expected format of the date
+           @param  value     string - the date in the above format
+           @param  settings  Object - attributes include:
+                             shortYearCutoff  number - the cutoff year for determining the century (optional)
+                             dayNamesShort    string[7] - abbreviated names of the days from Sunday (optional)
+                             dayNames         string[7] - names of the days from Sunday (optional)
+                             monthNamesShort  string[12] - abbreviated names of the months (optional)
+                             monthNames       string[12] - names of the months (optional)
+           @return  Date - the extracted date value or null if value is blank */
+        parseDate: function (format, value, settings) {
+                if (format == null || value == null)
+                        throw 'Invalid arguments';
+                value = (typeof value == 'object' ? value.toString() : value + '');
+                if (value == '')
+                        return null;
+                var shortYearCutoff = (settings ? settings.shortYearCutoff : null) || this._defaults.shortYearCutoff;
+                var dayNamesShort = (settings ? settings.dayNamesShort : null) || this._defaults.dayNamesShort;
+                var dayNames = (settings ? settings.dayNames : null) || this._defaults.dayNames;
+                var monthNamesShort = (settings ? settings.monthNamesShort : null) || this._defaults.monthNamesShort;
+                var monthNames = (settings ? settings.monthNames : null) || this._defaults.monthNames;
+                var year = -1;
+                var month = -1;
+                var day = -1;
+                var doy = -1;
+                var literal = false;
+                // Check whether a format character is doubled
+                var lookAhead = function(match) {
+                        var matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) == match);
+                        if (matches)
+                                iFormat++;
+                        return matches;
+                };
+                // Extract a number from the string value
+                var getNumber = function(match) {
+                        lookAhead(match);
+                        var origSize = (match == '@' ? 14 : (match == 'y' ? 4 : (match == 'o' ? 3 : 2)));
+                        var size = origSize;
+                        var num = 0;
+                        while (size > 0 && iValue < value.length &&
+                                        value.charAt(iValue) >= '0' && value.charAt(iValue) <= '9') {
+                                num = num * 10 + parseInt(value.charAt(iValue++),10);
+                                size--;
+                        }
+                        if (size == origSize)
+                                throw 'Missing number at position ' + iValue;
+                        return num;
+                };
+                // Extract a name from the string value and convert to an index
+                var getName = function(match, shortNames, longNames) {
+                        var names = (lookAhead(match) ? longNames : shortNames);
+                        var size = 0;
+                        for (var j = 0; j < names.length; j++)
+                                size = Math.max(size, names[j].length);
+                        var name = '';
+                        var iInit = iValue;
+                        while (size > 0 && iValue < value.length) {
+                                name += value.charAt(iValue++);
+                                for (var i = 0; i < names.length; i++)
+                                        if (name == names[i])
+                                                return i + 1;
+                                size--;
+                        }
+                        throw 'Unknown name at position ' + iInit;
+                };
+                // Confirm that a literal character matches the string value
+                var checkLiteral = function() {
+                        if (value.charAt(iValue) != format.charAt(iFormat))
+                                throw 'Unexpected literal at position ' + iValue;
+                        iValue++;
+                };
+                var iValue = 0;
+                for (var iFormat = 0; iFormat < format.length; iFormat++) {
+                        if (literal)
+                                if (format.charAt(iFormat) == "'" && !lookAhead("'"))
+                                        literal = false;
+                                else
+                                        checkLiteral();
+                        else
+                                switch (format.charAt(iFormat)) {
+                                        case 'd':
+                                                day = getNumber('d');
+                                                break;
+                                        case 'D':
+                                                getName('D', dayNamesShort, dayNames);
+                                                break;
+                                        case 'o':
+                                                doy = getNumber('o');
+                                                break;
+                                        case 'm':
+                                                month = getNumber('m');
+                                                break;
+                                        case 'M':
+                                                month = getName('M', monthNamesShort, monthNames);
+                                                break;
+                                        case 'y':
+                                                year = getNumber('y');
+                                                break;
+                                        case '@':
+                                                var date = new Date(getNumber('@'));
+                                                year = date.getFullYear();
+                                                month = date.getMonth() + 1;
+                                                day = date.getDate();
+                                                break;
+                                        case "'":
+                                                if (lookAhead("'"))
+                                                        checkLiteral();
+                                                else
+                                                        literal = true;
+                                                break;
+                                        default:
+                                                checkLiteral();
+                                }
+                }
+                if (year == -1)
+                        year = new Date().getFullYear();
+                else if (year < 100)
+                        year += new Date().getFullYear() - new Date().getFullYear() % 100 +
+                                (year <= shortYearCutoff ? 0 : -100);
+                if (doy > -1) {
+                        month = 1;
+                        day = doy;
+                        do {
+                                var dim = this._getDaysInMonth(year, month - 1);
+                                if (day <= dim)
+                                        break;
+                                month++;
+                                day -= dim;
+                        } while (true);
+                }
+                var date = this._daylightSavingAdjust(new Date(year, month - 1, day));
+                if (date.getFullYear() != year || date.getMonth() + 1 != month || date.getDate() != day)
+                        throw 'Invalid date'; // E.g. 31/02/*
+                return date;
+        },
+
+        /* Standard date formats. */
+        ATOM: 'yy-mm-dd', // RFC 3339 (ISO 8601)
+        COOKIE: 'D, dd M yy',
+        ISO_8601: 'yy-mm-dd',
+        RFC_822: 'D, d M y',
+        RFC_850: 'DD, dd-M-y',
+        RFC_1036: 'D, d M y',
+        RFC_1123: 'D, d M yy',
+        RFC_2822: 'D, d M yy',
+        RSS: 'D, d M y', // RFC 822
+        TIMESTAMP: '@',
+        W3C: 'yy-mm-dd', // ISO 8601
+
+        /* Format a date object into a string value.
+           The format can be combinations of the following:
+           d  - day of month (no leading zero)
+           dd - day of month (two digit)
+           o  - day of year (no leading zeros)
+           oo - day of year (three digit)
+           D  - day name short
+           DD - day name long
+           m  - month of year (no leading zero)
+           mm - month of year (two digit)
+           M  - month name short
+           MM - month name long
+           y  - year (two digit)
+           yy - year (four digit)
+           @ - Unix timestamp (ms since 01/01/1970)
+           '...' - literal text
+           '' - single quote
+
+           @param  format    string - the desired format of the date
+           @param  date      Date - the date value to format
+           @param  settings  Object - attributes include:
+                             dayNamesShort    string[7] - abbreviated names of the days from Sunday (optional)
+                             dayNames         string[7] - names of the days from Sunday (optional)
+                             monthNamesShort  string[12] - abbreviated names of the months (optional)
+                             monthNames       string[12] - names of the months (optional)
+           @return  string - the date in the above format */
+        formatDate: function (format, date, settings) {
+                if (!date)
+                        return '';
+                var dayNamesShort = (settings ? settings.dayNamesShort : null) || this._defaults.dayNamesShort;
+                var dayNames = (settings ? settings.dayNames : null) || this._defaults.dayNames;
+                var monthNamesShort = (settings ? settings.monthNamesShort : null) || this._defaults.monthNamesShort;
+                var monthNames = (settings ? settings.monthNames : null) || this._defaults.monthNames;
+                // Check whether a format character is doubled
+                var lookAhead = function(match) {
+                        var matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) == match);
+                        if (matches)
+                                iFormat++;
+                        return matches;
+                };
+                // Format a number, with leading zero if necessary
+                var formatNumber = function(match, value, len) {
+                        var num = '' + value;
+                        if (lookAhead(match))
+                                while (num.length < len)
+                                        num = '0' + num;
+                        return num;
+                };
+                // Format a name, short or long as requested
+                var formatName = function(match, value, shortNames, longNames) {
+                        return (lookAhead(match) ? longNames[value] : shortNames[value]);
+                };
+                var output = '';
+                var literal = false;
+                if (date)
+                        for (var iFormat = 0; iFormat < format.length; iFormat++) {
+                                if (literal)
+                                        if (format.charAt(iFormat) == "'" && !lookAhead("'"))
+                                                literal = false;
+                                        else
+                                                output += format.charAt(iFormat);
+                                else
+                                        switch (format.charAt(iFormat)) {
+                                                case 'd':
+                                                        output += formatNumber('d', date.getDate(), 2);
+                                                        break;
+                                                case 'D':
+                                                        output += formatName('D', date.getDay(), dayNamesShort, dayNames);
+                                                        break;
+                                                case 'o':
+                                                        var doy = date.getDate();
+                                                        for (var m = date.getMonth() - 1; m >= 0; m--)
+                                                                doy += this._getDaysInMonth(date.getFullYear(), m);
+                                                        output += formatNumber('o', doy, 3);
+                                                        break;
+                                                case 'm':
+                                                        output += formatNumber('m', date.getMonth() + 1, 2);
+                                                        break;
+                                                case 'M':
+                                                        output += formatName('M', date.getMonth(), monthNamesShort, monthNames);
+                                                        break;
+                                                case 'y':
+                                                        output += (lookAhead('y') ? date.getFullYear() :
+                                                                (date.getYear() % 100 < 10 ? '0' : '') + date.getYear() % 100);
+                                                        break;
+                                                case '@':
+                                                        output += date.getTime();
+                                                        break;
+                                                case "'":
+                                                        if (lookAhead("'"))
+                                                                output += "'";
+                                                        else
+                                                                literal = true;
+                                                        break;
+                                                default:
+                                                        output += format.charAt(iFormat);
+                                        }
+                        }
+                return output;
+        },
+
+        /* Extract all possible characters from the date format. */
+        _possibleChars: function (format) {
+                var chars = '';
+                var literal = false;
+                for (var iFormat = 0; iFormat < format.length; iFormat++)
+                        if (literal)
+                                if (format.charAt(iFormat) == "'" && !lookAhead("'"))
+                                        literal = false;
+                                else
+                                        chars += format.charAt(iFormat);
+                        else
+                                switch (format.charAt(iFormat)) {
+                                        case 'd': case 'm': case 'y': case '@':
+                                                chars += '0123456789';
+                                                break;
+                                        case 'D': case 'M':
+                                                return null; // Accept anything
+                                        case "'":
+                                                if (lookAhead("'"))
+                                                        chars += "'";
+                                                else
+                                                        literal = true;
+                                                break;
+                                        default:
+                                                chars += format.charAt(iFormat);
+                                }
+                return chars;
+        },
+
+        /* Get a setting value, defaulting if necessary. */
+        _get: function(inst, name) {
+                return inst.settings[name] !== undefined ?
+                        inst.settings[name] : this._defaults[name];
+        },
+
+        /* Parse existing date and initialise date picker. */
+        _setDateFromField: function(inst) {
+                var dateFormat = this._get(inst, 'dateFormat');
+                var dates = inst.input ? inst.input.val() : null;
+                inst.endDay = inst.endMonth = inst.endYear = null;
+                var date = defaultDate = this._getDefaultDate(inst);
+                var settings = this._getFormatConfig(inst);
+                try {
+                        date = this.parseDate(dateFormat, dates, settings) || defaultDate;
+                } catch (event) {
+                        this.log(event);
+                        date = defaultDate;
+                }
+                inst.selectedDay = date.getDate();
+                inst.drawMonth = inst.selectedMonth = date.getMonth();
+                inst.drawYear = inst.selectedYear = date.getFullYear();
+                inst.currentDay = (dates ? date.getDate() : 0);
+                inst.currentMonth = (dates ? date.getMonth() : 0);
+                inst.currentYear = (dates ? date.getFullYear() : 0);
+                this._adjustInstDate(inst);
+        },
+
+        /* Retrieve the default date shown on opening. */
+        _getDefaultDate: function(inst) {
+                var date = this._determineDate(this._get(inst, 'defaultDate'), new Date());
+                var minDate = this._getMinMaxDate(inst, 'min', true);
+                var maxDate = this._getMinMaxDate(inst, 'max');
+                date = (minDate && date < minDate ? minDate : date);
+                date = (maxDate && date > maxDate ? maxDate : date);
+                return date;
+        },
+
+        /* A date may be specified as an exact value or a relative one. */
+        _determineDate: function(date, defaultDate) {
+                var offsetNumeric = function(offset) {
+                        var date = new Date();
+                        date.setDate(date.getDate() + offset);
+                        return date;
+                };
+                var offsetString = function(offset, getDaysInMonth) {
+                        var date = new Date();
+                        var year = date.getFullYear();
+                        var month = date.getMonth();
+                        var day = date.getDate();
+                        var pattern = /([+-]?[0-9]+)\s*(d|D|w|W|m|M|y|Y)?/g;
+                        var matches = pattern.exec(offset);
+                        while (matches) {
+                                switch (matches[2] || 'd') {
+                                        case 'd' : case 'D' :
+                                                day += parseInt(matches[1],10); break;
+                                        case 'w' : case 'W' :
+                                                day += parseInt(matches[1],10) * 7; break;
+                                        case 'm' : case 'M' :
+                                                month += parseInt(matches[1],10);
+                                                day = Math.min(day, getDaysInMonth(year, month));
+                                                break;
+                                        case 'y': case 'Y' :
+                                                year += parseInt(matches[1],10);
+                                                day = Math.min(day, getDaysInMonth(year, month));
+                                                break;
+                                }
+                                matches = pattern.exec(offset);
+                        }
+                        return new Date(year, month, day);
+                };
+                date = (date == null ? defaultDate :
+                        (typeof date == 'string' ? offsetString(date, this._getDaysInMonth) :
+                        (typeof date == 'number' ? (isNaN(date) ? defaultDate : offsetNumeric(date)) : date)));
+                date = (date && date.toString() == 'Invalid Date' ? defaultDate : date);
+                if (date) {
+                        date.setHours(0);
+                        date.setMinutes(0);
+                        date.setSeconds(0);
+                        date.setMilliseconds(0);
+                }
+                return this._daylightSavingAdjust(date);
+        },
+
+        /* Handle switch to/from daylight saving.
+           Hours may be non-zero on daylight saving cut-over:
+           > 12 when midnight changeover, but then cannot generate
+           midnight datetime, so jump to 1AM, otherwise reset.
+           @param  date  (Date) the date to check
+           @return  (Date) the corrected date */
+        _daylightSavingAdjust: function(date) {
+                if (!date) return null;
+                date.setHours(date.getHours() > 12 ? date.getHours() + 2 : 0);
+                return date;
+        },
+
+        /* Set the date(s) directly. */
+        _setDate: function(inst, date, endDate) {
+                var clear = !(date);
+                var origMonth = inst.selectedMonth;
+                var origYear = inst.selectedYear;
+                date = this._determineDate(date, new Date());
+                inst.selectedDay = inst.currentDay = date.getDate();
+                inst.drawMonth = inst.selectedMonth = inst.currentMonth = date.getMonth();
+                inst.drawYear = inst.selectedYear = inst.currentYear = date.getFullYear();
+                if (origMonth != inst.selectedMonth || origYear != inst.selectedYear)
+                        this._notifyChange(inst);
+                this._adjustInstDate(inst);
+                if (inst.input) {
+                        inst.input.val(clear ? '' : this._formatDate(inst));
+                }
+        },
+
+        /* Retrieve the date(s) directly. */
+        _getDate: function(inst) {
+                var startDate = (!inst.currentYear || (inst.input && inst.input.val() == '') ? null :
+                        this._daylightSavingAdjust(new Date(
+                        inst.currentYear, inst.currentMonth, inst.currentDay)));
+                        return startDate;
+        },
+
+        /* Generate the HTML for the current state of the date picker. */
+        _generateHTML: function(inst) {
+                var today = new Date();
+                today = this._daylightSavingAdjust(
+                        new Date(today.getFullYear(), today.getMonth(), today.getDate())); // clear time
+                var isRTL = this._get(inst, 'isRTL');
+                var showButtonPanel = this._get(inst, 'showButtonPanel');
+                var hideIfNoPrevNext = this._get(inst, 'hideIfNoPrevNext');
+                var navigationAsDateFormat = this._get(inst, 'navigationAsDateFormat');
+                var numMonths = this._getNumberOfMonths(inst);
+                var showCurrentAtPos = this._get(inst, 'showCurrentAtPos');
+                var stepMonths = this._get(inst, 'stepMonths');
+                var stepBigMonths = this._get(inst, 'stepBigMonths');
+                var isMultiMonth = (numMonths[0] != 1 || numMonths[1] != 1);
+                var currentDate = this._daylightSavingAdjust((!inst.currentDay ? new Date(9999, 9, 9) :
+                        new Date(inst.currentYear, inst.currentMonth, inst.currentDay)));
+                var minDate = this._getMinMaxDate(inst, 'min', true);
+                var maxDate = this._getMinMaxDate(inst, 'max');
+                var drawMonth = inst.drawMonth - showCurrentAtPos;
+                var drawYear = inst.drawYear;
+                if (drawMonth < 0) {
+                        drawMonth += 12;
+                        drawYear--;
+                }
+                if (maxDate) {
+                        var maxDraw = this._daylightSavingAdjust(new Date(maxDate.getFullYear(),
+                                maxDate.getMonth() - numMonths[1] + 1, maxDate.getDate()));
+                        maxDraw = (minDate && maxDraw < minDate ? minDate : maxDraw);
+                        while (this._daylightSavingAdjust(new Date(drawYear, drawMonth, 1)) > maxDraw) {
+                                drawMonth--;
+                                if (drawMonth < 0) {
+                                        drawMonth = 11;
+                                        drawYear--;
+                                }
+                        }
+                }
+                inst.drawMonth = drawMonth;
+                inst.drawYear = drawYear;
+                var prevText = this._get(inst, 'prevText');
+                prevText = (!navigationAsDateFormat ? prevText : this.formatDate(prevText,
+                        this._daylightSavingAdjust(new Date(drawYear, drawMonth - stepMonths, 1)),
+                        this._getFormatConfig(inst)));
+                var prev = (this._canAdjustMonth(inst, -1, drawYear, drawMonth) ?
+                        '<a class="ui-datepicker-prev ui-corner-all" onclick="DP_jQuery.datepicker._adjustDate(\'#' + inst.id + '\', -' + stepMonths + ', \'M\');"' +
+                        ' title="' + prevText + '"><span class="ui-icon ui-icon-circle-triangle-' + ( isRTL ? 'e' : 'w') + '">' + prevText + '</span></a>' :
+                        (hideIfNoPrevNext ? '' : '<a class="ui-datepicker-prev ui-corner-all ui-state-disabled" title="'+ prevText +'"><span class="ui-icon ui-icon-circle-triangle-' + ( isRTL ? 'e' : 'w') + '">' + prevText + '</span></a>'));
+                var nextText = this._get(inst, 'nextText');
+                nextText = (!navigationAsDateFormat ? nextText : this.formatDate(nextText,
+                        this._daylightSavingAdjust(new Date(drawYear, drawMonth + stepMonths, 1)),
+                        this._getFormatConfig(inst)));
+                var next = (this._canAdjustMonth(inst, +1, drawYear, drawMonth) ?
+                        '<a class="ui-datepicker-next ui-corner-all" onclick="DP_jQuery.datepicker._adjustDate(\'#' + inst.id + '\', +' + stepMonths + ', \'M\');"' +
+                        ' title="' + nextText + '"><span class="ui-icon ui-icon-circle-triangle-' + ( isRTL ? 'w' : 'e') + '">' + nextText + '</span></a>' :
+                        (hideIfNoPrevNext ? '' : '<a class="ui-datepicker-next ui-corner-all ui-state-disabled" title="'+ nextText + '"><span class="ui-icon ui-icon-circle-triangle-' + ( isRTL ? 'w' : 'e') + '">' + nextText + '</span></a>'));
+                var currentText = this._get(inst, 'currentText');
+                var gotoDate = (this._get(inst, 'gotoCurrent') && inst.currentDay ? currentDate : today);
+                currentText = (!navigationAsDateFormat ? currentText :
+                        this.formatDate(currentText, gotoDate, this._getFormatConfig(inst)));
+                var controls = (!inst.inline ? '<button type="button" class="ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all" onclick="DP_jQuery.datepicker._hideDatepicker();">' + this._get(inst, 'closeText') + '</button>' : '');
+                var buttonPanel = (showButtonPanel) ? '<div class="ui-datepicker-buttonpane ui-widget-content">' + (isRTL ? controls : '') +
+                        (this._isInRange(inst, gotoDate) ? '<button type="button" class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all" onclick="DP_jQuery.datepicker._gotoToday(\'#' + inst.id + '\');"' +
+                        '>' + currentText + '</button>' : '') + (isRTL ? '' : controls) + '</div>' : '';
+                var firstDay = parseInt(this._get(inst, 'firstDay'),10);
+                firstDay = (isNaN(firstDay) ? 0 : firstDay);
+                var dayNames = this._get(inst, 'dayNames');
+                var dayNamesShort = this._get(inst, 'dayNamesShort');
+                var dayNamesMin = this._get(inst, 'dayNamesMin');
+                var monthNames = this._get(inst, 'monthNames');
+                var monthNamesShort = this._get(inst, 'monthNamesShort');
+                var beforeShowDay = this._get(inst, 'beforeShowDay');
+                var showOtherMonths = this._get(inst, 'showOtherMonths');
+                var calculateWeek = this._get(inst, 'calculateWeek') || this.iso8601Week;
+                var endDate = inst.endDay ? this._daylightSavingAdjust(
+                        new Date(inst.endYear, inst.endMonth, inst.endDay)) : currentDate;
+                var defaultDate = this._getDefaultDate(inst);
+                var html = '';
+                for (var row = 0; row < numMonths[0]; row++) {
+                        var group = '';
+                        for (var col = 0; col < numMonths[1]; col++) {
+                                var selectedDate = this._daylightSavingAdjust(new Date(drawYear, drawMonth, inst.selectedDay));
+                                var cornerClass = ' ui-corner-all';
+                                var calender = '';
+                                if (isMultiMonth) {
+                                        calender += '<div class="ui-datepicker-group ui-datepicker-group-';
+                                        switch (col) {
+                                                case 0: calender += 'first'; cornerClass = ' ui-corner-' + (isRTL ? 'right' : 'left'); break;
+                                                case numMonths[1]-1: calender += 'last'; cornerClass = ' ui-corner-' + (isRTL ? 'left' : 'right'); break;
+                                                default: calender += 'middle'; cornerClass = ''; break;
+                                        }
+                                        calender += '">';
+                                }
+                                calender += '<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix' + cornerClass + '">' +
+                                        (/all|left/.test(cornerClass) && row == 0 ? (isRTL ? next : prev) : '') +
+                                        (/all|right/.test(cornerClass) && row == 0 ? (isRTL ? prev : next) : '') +
+                                        this._generateMonthYearHeader(inst, drawMonth, drawYear, minDate, maxDate,
+                                        selectedDate, row > 0 || col > 0, monthNames, monthNamesShort) + // draw month headers
+                                        '</div><table class="ui-datepicker-calendar"><thead>' +
+                                        '<tr>';
+                                var thead = '';
+                                for (var dow = 0; dow < 7; dow++) { // days of the week
+                                        var day = (dow + firstDay) % 7;
+                                        thead += '<th' + ((dow + firstDay + 6) % 7 >= 5 ? ' class="ui-datepicker-week-end"' : '') + '>' +
+                                                '<span title="' + dayNames[day] + '">' + dayNamesMin[day] + '</span></th>';
+                                }
+                                calender += thead + '</tr></thead><tbody>';
+                                var daysInMonth = this._getDaysInMonth(drawYear, drawMonth);
+                                if (drawYear == inst.selectedYear && drawMonth == inst.selectedMonth)
+                                        inst.selectedDay = Math.min(inst.selectedDay, daysInMonth);
+                                var leadDays = (this._getFirstDayOfMonth(drawYear, drawMonth) - firstDay + 7) % 7;
+                                var numRows = (isMultiMonth ? 6 : Math.ceil((leadDays + daysInMonth) / 7)); // calculate the number of rows to generate
+                                var printDate = this._daylightSavingAdjust(new Date(drawYear, drawMonth, 1 - leadDays));
+                                for (var dRow = 0; dRow < numRows; dRow++) { // create date picker rows
+                                        calender += '<tr>';
+                                        var tbody = '';
+                                        for (var dow = 0; dow < 7; dow++) { // create date picker days
+                                                var daySettings = (beforeShowDay ?
+                                                        beforeShowDay.apply((inst.input ? inst.input[0] : null), [printDate]) : [true, '']);
+                                                var otherMonth = (printDate.getMonth() != drawMonth);
+                                                var unselectable = otherMonth || !daySettings[0] ||
+                                                        (minDate && printDate < minDate) || (maxDate && printDate > maxDate);
+                                                tbody += '<td class="' +
+                                                        ((dow + firstDay + 6) % 7 >= 5 ? ' ui-datepicker-week-end' : '') + // highlight weekends
+                                                        (otherMonth ? ' ui-datepicker-other-month' : '') + // highlight days from other months
+                                                        ((printDate.getTime() == selectedDate.getTime() && drawMonth == inst.selectedMonth && inst._keyEvent) || // user pressed key
+                                                        (defaultDate.getTime() == printDate.getTime() && defaultDate.getTime() == selectedDate.getTime()) ?
+                                                        // or defaultDate is current printedDate and defaultDate is selectedDate
+                                                        ' ' + this._dayOverClass : '') + // highlight selected day
+                                                        (unselectable ? ' ' + this._unselectableClass + ' ui-state-disabled': '') +  // highlight unselectable days
+                                                        (otherMonth && !showOtherMonths ? '' : ' ' + daySettings[1] + // highlight custom dates
+                                                        (printDate.getTime() >= currentDate.getTime() && printDate.getTime() <= endDate.getTime() ? // in current range
+                                                        ' ' + this._currentClass : '') + // highlight selected day
+                                                        (printDate.getTime() == today.getTime() ? ' ui-datepicker-today' : '')) + '"' + // highlight today (if different)
+                                                        ((!otherMonth || showOtherMonths) && daySettings[2] ? ' title="' + daySettings[2] + '"' : '') + // cell title
+                                                        (unselectable ? '' : ' onclick="DP_jQuery.datepicker._selectDay(\'#' +
+                                                        inst.id + '\',' + drawMonth + ',' + drawYear + ', this);return false;"') + '>' + // actions
+                                                        (otherMonth ? (showOtherMonths ? printDate.getDate() : '&#xa0;') : // display for other months
+                                                        (unselectable ? '<span class="ui-state-default">' + printDate.getDate() + '</span>' : '<a class="ui-state-default' +
+                                                        (printDate.getTime() == today.getTime() ? ' ui-state-highlight' : '') +
+                                                        (printDate.getTime() >= currentDate.getTime() && printDate.getTime() <= endDate.getTime() ? // in current range
+                                                        ' ui-state-active' : '') + // highlight selected day
+                                                        '" href="#">' + printDate.getDate() + '</a>')) + '</td>'; // display for this month
+                                                printDate.setDate(printDate.getDate() + 1);
+                                                printDate = this._daylightSavingAdjust(printDate);
+                                        }
+                                        calender += tbody + '</tr>';
+                                }
+                                drawMonth++;
+                                if (drawMonth > 11) {
+                                        drawMonth = 0;
+                                        drawYear++;
+                                }
+                                calender += '</tbody></table>' + (isMultiMonth ? '</div>' + 
+                                                        ((numMonths[0] > 0 && col == numMonths[1]-1) ? '<div class="ui-datepicker-row-break"></div>' : '') : '');
+                                group += calender;
+                        }
+                        html += group;
+                }
+                html += buttonPanel + ($.browser.msie && parseInt($.browser.version,10) < 7 && !inst.inline ?
+                        '<iframe src="javascript:false;" class="ui-datepicker-cover" frameborder="0"></iframe>' : '');
+                inst._keyEvent = false;
+                return html;
+        },
+
+        /* Generate the month and year header. */
+        _generateMonthYearHeader: function(inst, drawMonth, drawYear, minDate, maxDate,
+                        selectedDate, secondary, monthNames, monthNamesShort) {
+                minDate = (inst.rangeStart && minDate && selectedDate < minDate ? selectedDate : minDate);
+                var changeMonth = this._get(inst, 'changeMonth');
+                var changeYear = this._get(inst, 'changeYear');
+                var showMonthAfterYear = this._get(inst, 'showMonthAfterYear');
+                var html = '<div class="ui-datepicker-title">';
+                var monthHtml = '';
+                // month selection
+                if (secondary || !changeMonth)
+                        monthHtml += '<span class="ui-datepicker-month">' + monthNames[drawMonth] + '</span> ';
+                else {
+                        var inMinYear = (minDate && minDate.getFullYear() == drawYear);
+                        var inMaxYear = (maxDate && maxDate.getFullYear() == drawYear);
+                        monthHtml += '<select class="ui-datepicker-month" ' +
+                                'onchange="DP_jQuery.datepicker._selectMonthYear(\'#' + inst.id + '\', this, \'M\');" ' +
+                                'onclick="DP_jQuery.datepicker._clickMonthYear(\'#' + inst.id + '\');"' +
+                                '>';
+                        for (var month = 0; month < 12; month++) {
+                                if ((!inMinYear || month >= minDate.getMonth()) &&
+                                                (!inMaxYear || month <= maxDate.getMonth()))
+                                        monthHtml += '<option value="' + month + '"' +
+                                                (month == drawMonth ? ' selected="selected"' : '') +
+                                                '>' + monthNamesShort[month] + '</option>';
+                        }
+                        monthHtml += '</select>';
+                }
+                if (!showMonthAfterYear)
+                        html += monthHtml + ((secondary || changeMonth || changeYear) && (!(changeMonth && changeYear)) ? '&#xa0;' : '');
+                // year selection
+                if (secondary || !changeYear)
+                        html += '<span class="ui-datepicker-year">' + drawYear + '</span>';
+                else {
+                        // determine range of years to display
+                        var years = this._get(inst, 'yearRange').split(':');
+                        var year = 0;
+                        var endYear = 0;
+                        if (years.length != 2) {
+                                year = drawYear - 10;
+                                endYear = drawYear + 10;
+                        } else if (years[0].charAt(0) == '+' || years[0].charAt(0) == '-') {
+                                year = drawYear + parseInt(years[0], 10);
+                                endYear = drawYear + parseInt(years[1], 10);
+                        } else {
+                                year = parseInt(years[0], 10);
+                                endYear = parseInt(years[1], 10);
+                        }
+                        year = (minDate ? Math.max(year, minDate.getFullYear()) : year);
+                        endYear = (maxDate ? Math.min(endYear, maxDate.getFullYear()) : endYear);
+                        html += '<select class="ui-datepicker-year" ' +
+                                'onchange="DP_jQuery.datepicker._selectMonthYear(\'#' + inst.id + '\', this, \'Y\');" ' +
+                                'onclick="DP_jQuery.datepicker._clickMonthYear(\'#' + inst.id + '\');"' +
+                                '>';
+                        for (; year <= endYear; year++) {
+                                html += '<option value="' + year + '"' +
+                                        (year == drawYear ? ' selected="selected"' : '') +
+                                        '>' + year + '</option>';
+                        }
+                        html += '</select>';
+                }
+                if (showMonthAfterYear)
+                        html += (secondary || changeMonth || changeYear ? '&#xa0;' : '') + monthHtml;
+                html += '</div>'; // Close datepicker_header
+                return html;
+        },
+
+        /* Adjust one of the date sub-fields. */
+        _adjustInstDate: function(inst, offset, period) {
+                var year = inst.drawYear + (period == 'Y' ? offset : 0);
+                var month = inst.drawMonth + (period == 'M' ? offset : 0);
+                var day = Math.min(inst.selectedDay, this._getDaysInMonth(year, month)) +
+                        (period == 'D' ? offset : 0);
+                var date = this._daylightSavingAdjust(new Date(year, month, day));
+                // ensure it is within the bounds set
+                var minDate = this._getMinMaxDate(inst, 'min', true);
+                var maxDate = this._getMinMaxDate(inst, 'max');
+                date = (minDate && date < minDate ? minDate : date);
+                date = (maxDate && date > maxDate ? maxDate : date);
+                inst.selectedDay = date.getDate();
+                inst.drawMonth = inst.selectedMonth = date.getMonth();
+                inst.drawYear = inst.selectedYear = date.getFullYear();
+                if (period == 'M' || period == 'Y')
+                        this._notifyChange(inst);
+        },
+
+        /* Notify change of month/year. */
+        _notifyChange: function(inst) {
+                var onChange = this._get(inst, 'onChangeMonthYear');
+                if (onChange)
+                        onChange.apply((inst.input ? inst.input[0] : null),
+                                [inst.selectedYear, inst.selectedMonth + 1, inst]);
+        },
+
+        /* Determine the number of months to show. */
+        _getNumberOfMonths: function(inst) {
+                var numMonths = this._get(inst, 'numberOfMonths');
+                return (numMonths == null ? [1, 1] : (typeof numMonths == 'number' ? [1, numMonths] : numMonths));
+        },
+
+        /* Determine the current maximum date - ensure no time components are set - may be overridden for a range. */
+        _getMinMaxDate: function(inst, minMax, checkRange) {
+                var date = this._determineDate(this._get(inst, minMax + 'Date'), null);
+                return (!checkRange || !inst.rangeStart ? date :
+                        (!date || inst.rangeStart > date ? inst.rangeStart : date));
+        },
+
+        /* Find the number of days in a given month. */
+        _getDaysInMonth: function(year, month) {
+                return 32 - new Date(year, month, 32).getDate();
+        },
+
+        /* Find the day of the week of the first of a month. */
+        _getFirstDayOfMonth: function(year, month) {
+                return new Date(year, month, 1).getDay();
+        },
+
+        /* Determines if we should allow a "next/prev" month display change. */
+        _canAdjustMonth: function(inst, offset, curYear, curMonth) {
+                var numMonths = this._getNumberOfMonths(inst);
+                var date = this._daylightSavingAdjust(new Date(
+                        curYear, curMonth + (offset < 0 ? offset : numMonths[1]), 1));
+                if (offset < 0)
+                        date.setDate(this._getDaysInMonth(date.getFullYear(), date.getMonth()));
+                return this._isInRange(inst, date);
+        },
+
+        /* Is the given date in the accepted range? */
+        _isInRange: function(inst, date) {
+                // during range selection, use minimum of selected date and range start
+                var newMinDate = (!inst.rangeStart ? null : this._daylightSavingAdjust(
+                        new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay)));
+                newMinDate = (newMinDate && inst.rangeStart < newMinDate ? inst.rangeStart : newMinDate);
+                var minDate = newMinDate || this._getMinMaxDate(inst, 'min');
+                var maxDate = this._getMinMaxDate(inst, 'max');
+                return ((!minDate || date >= minDate) && (!maxDate || date <= maxDate));
+        },
+
+        /* Provide the configuration settings for formatting/parsing. */
+        _getFormatConfig: function(inst) {
+                var shortYearCutoff = this._get(inst, 'shortYearCutoff');
+                shortYearCutoff = (typeof shortYearCutoff != 'string' ? shortYearCutoff :
+                        new Date().getFullYear() % 100 + parseInt(shortYearCutoff, 10));
+                return {shortYearCutoff: shortYearCutoff,
+                        dayNamesShort: this._get(inst, 'dayNamesShort'), dayNames: this._get(inst, 'dayNames'),
+                        monthNamesShort: this._get(inst, 'monthNamesShort'), monthNames: this._get(inst, 'monthNames')};
+        },
+
+        /* Format the given date for display. */
+        _formatDate: function(inst, day, month, year) {
+                if (!day) {
+                        inst.currentDay = inst.selectedDay;
+                        inst.currentMonth = inst.selectedMonth;
+                        inst.currentYear = inst.selectedYear;
+                }
+                var date = (day ? (typeof day == 'object' ? day :
+                        this._daylightSavingAdjust(new Date(year, month, day))) :
+                        this._daylightSavingAdjust(new Date(inst.currentYear, inst.currentMonth, inst.currentDay)));
+                return this.formatDate(this._get(inst, 'dateFormat'), date, this._getFormatConfig(inst));
+        }
+});
+
+/* jQuery extend now ignores nulls! */
+function extendRemove(target, props) {
+        $.extend(target, props);
+        for (var name in props)
+                if (props[name] == null || props[name] == undefined)
+                        target[name] = props[name];
+        return target;
+};
+
+/* Determine whether an object is an array. */
+function isArray(a) {
+        return (a && (($.browser.safari && typeof a == 'object' && a.length) ||
+                (a.constructor && a.constructor.toString().match(/\Array\(\)/))));
+};
+
+/* Invoke the datepicker functionality.
+   @param  options  string - a command, optionally followed by additional parameters or
+                    Object - settings for attaching new datepicker functionality
+   @return  jQuery object */
+$.fn.datepicker = function(options){
+
+        /* Initialise the date picker. */
+        if (!$.datepicker.initialized) {
+                $(document).mousedown($.datepicker._checkExternalClick).
+                        find('body').append($.datepicker.dpDiv);
+                $.datepicker.initialized = true;
+        }
+
+        var otherArgs = Array.prototype.slice.call(arguments, 1);
+        if (typeof options == 'string' && (options == 'isDisabled' || options == 'getDate'))
+                return $.datepicker['_' + options + 'Datepicker'].
+                        apply($.datepicker, [this[0]].concat(otherArgs));
+        if (options == 'option' && arguments.length == 2 && typeof arguments[1] == 'string')
+                return $.datepicker['_' + options + 'Datepicker'].
+                        apply($.datepicker, [this[0]].concat(otherArgs));
+        return this.each(function() {
+                typeof options == 'string' ?
+                        $.datepicker['_' + options + 'Datepicker'].
+                                apply($.datepicker, [this].concat(otherArgs)) :
+                        $.datepicker._attachDatepicker(this, options);
+        });
+};
+
+$.datepicker = new Datepicker(); // singleton instance
+$.datepicker.initialized = false;
+$.datepicker.uuid = new Date().getTime();
+$.datepicker.version = "1.7.2";
+
+// Workaround for #4055
+// Add another global to avoid noConflict issues with inline event handlers
+window.DP_jQuery = $;
+
+})(jQuery);
diff --git a/static/development-bundle/ui/ui.dialog.js b/static/development-bundle/ui/ui.dialog.js
new file mode 100644
index 0000000..fdd5b26
--- /dev/null
+++ b/static/development-bundle/ui/ui.dialog.js
@@ -0,0 +1,671 @@
+/*
+ * jQuery UI Dialog 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Dialog
+ *
+ * Depends:
+ *      ui.core.js
+ *      ui.draggable.js
+ *      ui.resizable.js
+ */
+(function($) {
+
+var setDataSwitch = {
+                dragStart: "start.draggable",
+                drag: "drag.draggable",
+                dragStop: "stop.draggable",
+                maxHeight: "maxHeight.resizable",
+                minHeight: "minHeight.resizable",
+                maxWidth: "maxWidth.resizable",
+                minWidth: "minWidth.resizable",
+                resizeStart: "start.resizable",
+                resize: "drag.resizable",
+                resizeStop: "stop.resizable"
+        },
+        
+        uiDialogClasses =
+                'ui-dialog ' +
+                'ui-widget ' +
+                'ui-widget-content ' +
+                'ui-corner-all ';
+
+$.widget("ui.dialog", {
+
+        _init: function() {
+                this.originalTitle = this.element.attr('title');
+
+                var self = this,
+                        options = this.options,
+
+                        title = options.title || this.originalTitle || '&nbsp;',
+                        titleId = $.ui.dialog.getTitleId(this.element),
+
+                        uiDialog = (this.uiDialog = $('<div/>'))
+                                .appendTo(document.body)
+                                .hide()
+                                .addClass(uiDialogClasses + options.dialogClass)
+                                .css({
+                                        position: 'absolute',
+                                        overflow: 'hidden',
+                                        zIndex: options.zIndex
+                                })
+                                // setting tabIndex makes the div focusable
+                                // setting outline to 0 prevents a border on focus in Mozilla
+                                .attr('tabIndex', -1).css('outline', 0).keydown(function(event) {
+                                        (options.closeOnEscape && event.keyCode
+                                                && event.keyCode == $.ui.keyCode.ESCAPE && self.close(event));
+                                })
+                                .attr({
+                                        role: 'dialog',
+                                        'aria-labelledby': titleId
+                                })
+                                .mousedown(function(event) {
+                                        self.moveToTop(false, event);
+                                }),
+
+                        uiDialogContent = this.element
+                                .show()
+                                .removeAttr('title')
+                                .addClass(
+                                        'ui-dialog-content ' +
+                                        'ui-widget-content')
+                                .appendTo(uiDialog),
+
+                        uiDialogTitlebar = (this.uiDialogTitlebar = $('<div></div>'))
+                                .addClass(
+                                        'ui-dialog-titlebar ' +
+                                        'ui-widget-header ' +
+                                        'ui-corner-all ' +
+                                        'ui-helper-clearfix'
+                                )
+                                .prependTo(uiDialog),
+
+                        uiDialogTitlebarClose = $('<a href="#"/>')
+                                .addClass(
+                                        'ui-dialog-titlebar-close ' +
+                                        'ui-corner-all'
+                                )
+                                .attr('role', 'button')
+                                .hover(
+                                        function() {
+                                                uiDialogTitlebarClose.addClass('ui-state-hover');
+                                        },
+                                        function() {
+                                                uiDialogTitlebarClose.removeClass('ui-state-hover');
+                                        }
+                                )
+                                .focus(function() {
+                                        uiDialogTitlebarClose.addClass('ui-state-focus');
+                                })
+                                .blur(function() {
+                                        uiDialogTitlebarClose.removeClass('ui-state-focus');
+                                })
+                                .mousedown(function(ev) {
+                                        ev.stopPropagation();
+                                })
+                                .click(function(event) {
+                                        self.close(event);
+                                        return false;
+                                })
+                                .appendTo(uiDialogTitlebar),
+
+                        uiDialogTitlebarCloseText = (this.uiDialogTitlebarCloseText = $('<span/>'))
+                                .addClass(
+                                        'ui-icon ' +
+                                        'ui-icon-closethick'
+                                )
+                                .text(options.closeText)
+                                .appendTo(uiDialogTitlebarClose),
+
+                        uiDialogTitle = $('<span/>')
+                                .addClass('ui-dialog-title')
+                                .attr('id', titleId)
+                                .html(title)
+                                .prependTo(uiDialogTitlebar);
+
+                uiDialogTitlebar.find("*").add(uiDialogTitlebar).disableSelection();
+
+                (options.draggable && $.fn.draggable && this._makeDraggable());
+                (options.resizable && $.fn.resizable && this._makeResizable());
+
+                this._createButtons(options.buttons);
+                this._isOpen = false;
+
+                (options.bgiframe && $.fn.bgiframe && uiDialog.bgiframe());
+                (options.autoOpen && this.open());
+                
+        },
+
+        destroy: function() {
+                (this.overlay && this.overlay.destroy());
+                this.uiDialog.hide();
+                this.element
+                        .unbind('.dialog')
+                        .removeData('dialog')
+                        .removeClass('ui-dialog-content ui-widget-content')
+                        .hide().appendTo('body');
+                this.uiDialog.remove();
+
+                (this.originalTitle && this.element.attr('title', this.originalTitle));
+        },
+
+        close: function(event) {
+                var self = this;
+                
+                if (false === self._trigger('beforeclose', event)) {
+                        return;
+                }
+
+                (self.overlay && self.overlay.destroy());
+                self.uiDialog.unbind('keypress.ui-dialog');
+
+                (self.options.hide
+                        ? self.uiDialog.hide(self.options.hide, function() {
+                                self._trigger('close', event);
+                        })
+                        : self.uiDialog.hide() && self._trigger('close', event));
+
+                $.ui.dialog.overlay.resize();
+
+                self._isOpen = false;
+                
+                // adjust the maxZ to allow other modal dialogs to continue to work (see #4309)
+                if (self.options.modal) {
+                        var maxZ = 0;
+                        $('.ui-dialog').each(function() {
+                                if (this != self.uiDialog[0]) {
+                                        maxZ = Math.max(maxZ, $(this).css('z-index'));
+                                }
+                        });
+                        $.ui.dialog.maxZ = maxZ;
+                }
+        },
+
+        isOpen: function() {
+                return this._isOpen;
+        },
+
+        // the force parameter allows us to move modal dialogs to their correct
+        // position on open
+        moveToTop: function(force, event) {
+
+                if ((this.options.modal && !force)
+                        || (!this.options.stack && !this.options.modal)) {
+                        return this._trigger('focus', event);
+                }
+                
+                if (this.options.zIndex > $.ui.dialog.maxZ) {
+                        $.ui.dialog.maxZ = this.options.zIndex;
+                }
+                (this.overlay && this.overlay.$el.css('z-index', $.ui.dialog.overlay.maxZ = ++$.ui.dialog.maxZ));
+
+                //Save and then restore scroll since Opera 9.5+ resets when parent z-Index is changed.
+                //  http://ui.jquery.com/bugs/ticket/3193
+                var saveScroll = { scrollTop: this.element.attr('scrollTop'), scrollLeft: this.element.attr('scrollLeft') };
+                this.uiDialog.css('z-index', ++$.ui.dialog.maxZ);
+                this.element.attr(saveScroll);
+                this._trigger('focus', event);
+        },
+
+        open: function() {
+                if (this._isOpen) { return; }
+
+                var options = this.options,
+                        uiDialog = this.uiDialog;
+
+                this.overlay = options.modal ? new $.ui.dialog.overlay(this) : null;
+                (uiDialog.next().length && uiDialog.appendTo('body'));
+                this._size();
+                this._position(options.position);
+                uiDialog.show(options.show);
+                this.moveToTop(true);
+
+                // prevent tabbing out of modal dialogs
+                (options.modal && uiDialog.bind('keypress.ui-dialog', function(event) {
+                        if (event.keyCode != $.ui.keyCode.TAB) {
+                                return;
+                        }
+
+                        var tabbables = $(':tabbable', this),
+                                first = tabbables.filter(':first')[0],
+                                last  = tabbables.filter(':last')[0];
+
+                        if (event.target == last && !event.shiftKey) {
+                                setTimeout(function() {
+                                        first.focus();
+                                }, 1);
+                        } else if (event.target == first && event.shiftKey) {
+                                setTimeout(function() {
+                                        last.focus();
+                                }, 1);
+                        }
+                }));
+
+                // set focus to the first tabbable element in the content area or the first button
+                // if there are no tabbable elements, set focus on the dialog itself
+                $([])
+                        .add(uiDialog.find('.ui-dialog-content :tabbable:first'))
+                        .add(uiDialog.find('.ui-dialog-buttonpane :tabbable:first'))
+                        .add(uiDialog)
+                        .filter(':first')
+                        .focus();
+
+                this._trigger('open');
+                this._isOpen = true;
+        },
+
+        _createButtons: function(buttons) {
+                var self = this,
+                        hasButtons = false,
+                        uiDialogButtonPane = $('<div></div>')
+                                .addClass(
+                                        'ui-dialog-buttonpane ' +
+                                        'ui-widget-content ' +
+                                        'ui-helper-clearfix'
+                                );
+
+                // if we already have a button pane, remove it
+                this.uiDialog.find('.ui-dialog-buttonpane').remove();
+
+                (typeof buttons == 'object' && buttons !== null &&
+                        $.each(buttons, function() { return !(hasButtons = true); }));
+                if (hasButtons) {
+                        $.each(buttons, function(name, fn) {
+                                $('<button type="button"></button>')
+                                        .addClass(
+                                                'ui-state-default ' +
+                                                'ui-corner-all'
+                                        )
+                                        .text(name)
+                                        .click(function() { fn.apply(self.element[0], arguments); })
+                                        .hover(
+                                                function() {
+                                                        $(this).addClass('ui-state-hover');
+                                                },
+                                                function() {
+                                                        $(this).removeClass('ui-state-hover');
+                                                }
+                                        )
+                                        .focus(function() {
+                                                $(this).addClass('ui-state-focus');
+                                        })
+                                        .blur(function() {
+                                                $(this).removeClass('ui-state-focus');
+                                        })
+                                        .appendTo(uiDialogButtonPane);
+                        });
+                        uiDialogButtonPane.appendTo(this.uiDialog);
+                }
+        },
+
+        _makeDraggable: function() {
+                var self = this,
+                        options = this.options,
+                        heightBeforeDrag;
+
+                this.uiDialog.draggable({
+                        cancel: '.ui-dialog-content',
+                        handle: '.ui-dialog-titlebar',
+                        containment: 'document',
+                        start: function() {
+                                heightBeforeDrag = options.height;
+                                $(this).height($(this).height()).addClass("ui-dialog-dragging");
+                                (options.dragStart && options.dragStart.apply(self.element[0], arguments));
+                        },
+                        drag: function() {
+                                (options.drag && options.drag.apply(self.element[0], arguments));
+                        },
+                        stop: function() {
+                                $(this).removeClass("ui-dialog-dragging").height(heightBeforeDrag);
+                                (options.dragStop && options.dragStop.apply(self.element[0], arguments));
+                                $.ui.dialog.overlay.resize();
+                        }
+                });
+        },
+
+        _makeResizable: function(handles) {
+                handles = (handles === undefined ? this.options.resizable : handles);
+                var self = this,
+                        options = this.options,
+                        resizeHandles = typeof handles == 'string'
+                                ? handles
+                                : 'n,e,s,w,se,sw,ne,nw';
+
+                this.uiDialog.resizable({
+                        cancel: '.ui-dialog-content',
+                        alsoResize: this.element,
+                        maxWidth: options.maxWidth,
+                        maxHeight: options.maxHeight,
+                        minWidth: options.minWidth,
+                        minHeight: options.minHeight,
+                        start: function() {
+                                $(this).addClass("ui-dialog-resizing");
+                                (options.resizeStart && options.resizeStart.apply(self.element[0], arguments));
+                        },
+                        resize: function() {
+                                (options.resize && options.resize.apply(self.element[0], arguments));
+                        },
+                        handles: resizeHandles,
+                        stop: function() {
+                                $(this).removeClass("ui-dialog-resizing");
+                                options.height = $(this).height();
+                                options.width = $(this).width();
+                                (options.resizeStop && options.resizeStop.apply(self.element[0], arguments));
+                                $.ui.dialog.overlay.resize();
+                        }
+                })
+                .find('.ui-resizable-se').addClass('ui-icon ui-icon-grip-diagonal-se');
+        },
+
+        _position: function(pos) {
+                var wnd = $(window), doc = $(document),
+                        pTop = doc.scrollTop(), pLeft = doc.scrollLeft(),
+                        minTop = pTop;
+
+                if ($.inArray(pos, ['center','top','right','bottom','left']) >= 0) {
+                        pos = [
+                                pos == 'right' || pos == 'left' ? pos : 'center',
+                                pos == 'top' || pos == 'bottom' ? pos : 'middle'
+                        ];
+                }
+                if (pos.constructor != Array) {
+                        pos = ['center', 'middle'];
+                }
+                if (pos[0].constructor == Number) {
+                        pLeft += pos[0];
+                } else {
+                        switch (pos[0]) {
+                                case 'left':
+                                        pLeft += 0;
+                                        break;
+                                case 'right':
+                                        pLeft += wnd.width() - this.uiDialog.outerWidth();
+                                        break;
+                                default:
+                                case 'center':
+                                        pLeft += (wnd.width() - this.uiDialog.outerWidth()) / 2;
+                        }
+                }
+                if (pos[1].constructor == Number) {
+                        pTop += pos[1];
+                } else {
+                        switch (pos[1]) {
+                                case 'top':
+                                        pTop += 0;
+                                        break;
+                                case 'bottom':
+                                        pTop += wnd.height() - this.uiDialog.outerHeight();
+                                        break;
+                                default:
+                                case 'middle':
+                                        pTop += (wnd.height() - this.uiDialog.outerHeight()) / 2;
+                        }
+                }
+
+                // prevent the dialog from being too high (make sure the titlebar
+                // is accessible)
+                pTop = Math.max(pTop, minTop);
+                this.uiDialog.css({top: pTop, left: pLeft});
+        },
+
+        _setData: function(key, value){
+                (setDataSwitch[key] && this.uiDialog.data(setDataSwitch[key], value));
+                switch (key) {
+                        case "buttons":
+                                this._createButtons(value);
+                                break;
+                        case "closeText":
+                                this.uiDialogTitlebarCloseText.text(value);
+                                break;
+                        case "dialogClass":
+                                this.uiDialog
+                                        .removeClass(this.options.dialogClass)
+                                        .addClass(uiDialogClasses + value);
+                                break;
+                        case "draggable":
+                                (value
+                                        ? this._makeDraggable()
+                                        : this.uiDialog.draggable('destroy'));
+                                break;
+                        case "height":
+                                this.uiDialog.height(value);
+                                break;
+                        case "position":
+                                this._position(value);
+                                break;
+                        case "resizable":
+                                var uiDialog = this.uiDialog,
+                                        isResizable = this.uiDialog.is(':data(resizable)');
+
+                                // currently resizable, becoming non-resizable
+                                (isResizable && !value && uiDialog.resizable('destroy'));
+
+                                // currently resizable, changing handles
+                                (isResizable && typeof value == 'string' &&
+                                        uiDialog.resizable('option', 'handles', value));
+
+                                // currently non-resizable, becoming resizable
+                                (isResizable || this._makeResizable(value));
+                                break;
+                        case "title":
+                                $(".ui-dialog-title", this.uiDialogTitlebar).html(value || '&nbsp;');
+                                break;
+                        case "width":
+                                this.uiDialog.width(value);
+                                break;
+                }
+
+                $.widget.prototype._setData.apply(this, arguments);
+        },
+
+        _size: function() {
+                /* If the user has resized the dialog, the .ui-dialog and .ui-dialog-content
+                 * divs will both have width and height set, so we need to reset them
+                 */
+                var options = this.options;
+
+                // reset content sizing
+                this.element.css({
+                        height: 0,
+                        minHeight: 0,
+                        width: 'auto'
+                });
+
+                // reset wrapper sizing
+                // determine the height of all the non-content elements
+                var nonContentHeight = this.uiDialog.css({
+                                height: 'auto',
+                                width: options.width
+                        })
+                        .height();
+
+                this.element
+                        .css({
+                                minHeight: Math.max(options.minHeight - nonContentHeight, 0),
+                                height: options.height == 'auto'
+                                        ? 'auto'
+                                        : Math.max(options.height - nonContentHeight, 0)
+                        });
+        }
+});
+
+$.extend($.ui.dialog, {
+        version: "1.7.2",
+        defaults: {
+                autoOpen: true,
+                bgiframe: false,
+                buttons: {},
+                closeOnEscape: true,
+                closeText: 'close',
+                dialogClass: '',
+                draggable: true,
+                hide: null,
+                height: 'auto',
+                maxHeight: false,
+                maxWidth: false,
+                minHeight: 150,
+                minWidth: 150,
+                modal: false,
+                position: 'center',
+                resizable: true,
+                show: null,
+                stack: true,
+                title: '',
+                width: 300,
+                zIndex: 1000
+        },
+
+        getter: 'isOpen',
+
+        uuid: 0,
+        maxZ: 0,
+
+        getTitleId: function($el) {
+                return 'ui-dialog-title-' + ($el.attr('id') || ++this.uuid);
+        },
+
+        overlay: function(dialog) {
+                this.$el = $.ui.dialog.overlay.create(dialog);
+        }
+});
+
+$.extend($.ui.dialog.overlay, {
+        instances: [],
+        maxZ: 0,
+        events: $.map('focus,mousedown,mouseup,keydown,keypress,click'.split(','),
+                function(event) { return event + '.dialog-overlay'; }).join(' '),
+        create: function(dialog) {
+                if (this.instances.length === 0) {
+                        // prevent use of anchors and inputs
+                        // we use a setTimeout in case the overlay is created from an
+                        // event that we're going to be cancelling (see #2804)
+                        setTimeout(function() {
+                                // handle $(el).dialog().dialog('close') (see #4065)
+                                if ($.ui.dialog.overlay.instances.length) {
+                                        $(document).bind($.ui.dialog.overlay.events, function(event) {
+                                                var dialogZ = $(event.target).parents('.ui-dialog').css('zIndex') || 0;
+                                                return (dialogZ > $.ui.dialog.overlay.maxZ);
+                                        });
+                                }
+                        }, 1);
+
+                        // allow closing by pressing the escape key
+                        $(document).bind('keydown.dialog-overlay', function(event) {
+                                (dialog.options.closeOnEscape && event.keyCode
+                                                && event.keyCode == $.ui.keyCode.ESCAPE && dialog.close(event));
+                        });
+
+                        // handle window resize
+                        $(window).bind('resize.dialog-overlay', $.ui.dialog.overlay.resize);
+                }
+
+                var $el = $('<div></div>').appendTo(document.body)
+                        .addClass('ui-widget-overlay').css({
+                                width: this.width(),
+                                height: this.height()
+                        });
+
+                (dialog.options.bgiframe && $.fn.bgiframe && $el.bgiframe());
+
+                this.instances.push($el);
+                return $el;
+        },
+
+        destroy: function($el) {
+                this.instances.splice($.inArray(this.instances, $el), 1);
+
+                if (this.instances.length === 0) {
+                        $([document, window]).unbind('.dialog-overlay');
+                }
+
+                $el.remove();
+                
+                // adjust the maxZ to allow other modal dialogs to continue to work (see #4309)
+                var maxZ = 0;
+                $.each(this.instances, function() {
+                        maxZ = Math.max(maxZ, this.css('z-index'));
+                });
+                this.maxZ = maxZ;
+        },
+
+        height: function() {
+                // handle IE 6
+                if ($.browser.msie && $.browser.version < 7) {
+                        var scrollHeight = Math.max(
+                                document.documentElement.scrollHeight,
+                                document.body.scrollHeight
+                        );
+                        var offsetHeight = Math.max(
+                                document.documentElement.offsetHeight,
+                                document.body.offsetHeight
+                        );
+
+                        if (scrollHeight < offsetHeight) {
+                                return $(window).height() + 'px';
+                        } else {
+                                return scrollHeight + 'px';
+                        }
+                // handle "good" browsers
+                } else {
+                        return $(document).height() + 'px';
+                }
+        },
+
+        width: function() {
+                // handle IE 6
+                if ($.browser.msie && $.browser.version < 7) {
+                        var scrollWidth = Math.max(
+                                document.documentElement.scrollWidth,
+                                document.body.scrollWidth
+                        );
+                        var offsetWidth = Math.max(
+                                document.documentElement.offsetWidth,
+                                document.body.offsetWidth
+                        );
+
+                        if (scrollWidth < offsetWidth) {
+                                return $(window).width() + 'px';
+                        } else {
+                                return scrollWidth + 'px';
+                        }
+                // handle "good" browsers
+                } else {
+                        return $(document).width() + 'px';
+                }
+        },
+
+        resize: function() {
+                /* If the dialog is draggable and the user drags it past the
+                 * right edge of the window, the document becomes wider so we
+                 * need to stretch the overlay. If the user then drags the
+                 * dialog back to the left, the document will become narrower,
+                 * so we need to shrink the overlay to the appropriate size.
+                 * This is handled by shrinking the overlay before setting it
+                 * to the full document size.
+                 */
+                var $overlays = $([]);
+                $.each($.ui.dialog.overlay.instances, function() {
+                        $overlays = $overlays.add(this);
+                });
+
+                $overlays.css({
+                        width: 0,
+                        height: 0
+                }).css({
+                        width: $.ui.dialog.overlay.width(),
+                        height: $.ui.dialog.overlay.height()
+                });
+        }
+});
+
+$.extend($.ui.dialog.overlay.prototype, {
+        destroy: function() {
+                $.ui.dialog.overlay.destroy(this.$el);
+        }
+});
+
+})(jQuery);
diff --git a/static/development-bundle/ui/ui.draggable.js b/static/development-bundle/ui/ui.draggable.js
new file mode 100644
index 0000000..0402f0e
--- /dev/null
+++ b/static/development-bundle/ui/ui.draggable.js
@@ -0,0 +1,766 @@
+/*
+ * jQuery UI Draggable 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Draggables
+ *
+ * Depends:
+ *      ui.core.js
+ */
+(function($) {
+
+$.widget("ui.draggable", $.extend({}, $.ui.mouse, {
+
+        _init: function() {
+
+                if (this.options.helper == 'original' && !(/^(?:r|a|f)/).test(this.element.css("position")))
+                        this.element[0].style.position = 'relative';
+
+                (this.options.addClasses && this.element.addClass("ui-draggable"));
+                (this.options.disabled && this.element.addClass("ui-draggable-disabled"));
+
+                this._mouseInit();
+
+        },
+
+        destroy: function() {
+                if(!this.element.data('draggable')) return;
+                this.element
+                        .removeData("draggable")
+                        .unbind(".draggable")
+                        .removeClass("ui-draggable"
+                                + " ui-draggable-dragging"
+                                + " ui-draggable-disabled");
+                this._mouseDestroy();
+        },
+
+        _mouseCapture: function(event) {
+
+                var o = this.options;
+
+                if (this.helper || o.disabled || $(event.target).is('.ui-resizable-handle'))
+                        return false;
+
+                //Quit if we're not on a valid handle
+                this.handle = this._getHandle(event);
+                if (!this.handle)
+                        return false;
+
+                return true;
+
+        },
+
+        _mouseStart: function(event) {
+
+                var o = this.options;
+
+                //Create and append the visible helper
+                this.helper = this._createHelper(event);
+
+                //Cache the helper size
+                this._cacheHelperProportions();
+
+                //If ddmanager is used for droppables, set the global draggable
+                if($.ui.ddmanager)
+                        $.ui.ddmanager.current = this;
+
+                /*
+                 * - Position generation -
+                 * This block generates everything position related - it's the core of draggables.
+                 */
+
+                //Cache the margins of the original element
+                this._cacheMargins();
+
+                //Store the helper's css position
+                this.cssPosition = this.helper.css("position");
+                this.scrollParent = this.helper.scrollParent();
+
+                //The element's absolute position on the page minus margins
+                this.offset = this.element.offset();
+                this.offset = {
+                        top: this.offset.top - this.margins.top,
+                        left: this.offset.left - this.margins.left
+                };
+
+                $.extend(this.offset, {
+                        click: { //Where the click happened, relative to the element
+                                left: event.pageX - this.offset.left,
+                                top: event.pageY - this.offset.top
+                        },
+                        parent: this._getParentOffset(),
+                        relative: this._getRelativeOffset() //This is a relative to absolute position minus the actual position calculation - only used for relative positioned helper
+                });
+
+                //Generate the original position
+                this.originalPosition = this._generatePosition(event);
+                this.originalPageX = event.pageX;
+                this.originalPageY = event.pageY;
+
+                //Adjust the mouse offset relative to the helper if 'cursorAt' is supplied
+                if(o.cursorAt)
+                        this._adjustOffsetFromHelper(o.cursorAt);
+
+                //Set a containment if given in the options
+                if(o.containment)
+                        this._setContainment();
+
+                //Call plugins and callbacks
+                this._trigger("start", event);
+
+                //Recache the helper size
+                this._cacheHelperProportions();
+
+                //Prepare the droppable offsets
+                if ($.ui.ddmanager && !o.dropBehaviour)
+                        $.ui.ddmanager.prepareOffsets(this, event);
+
+                this.helper.addClass("ui-draggable-dragging");
+                this._mouseDrag(event, true); //Execute the drag once - this causes the helper not to be visible before getting its correct position
+                return true;
+        },
+
+        _mouseDrag: function(event, noPropagation) {
+
+                //Compute the helpers position
+                this.position = this._generatePosition(event);
+                this.positionAbs = this._convertPositionTo("absolute");
+
+                //Call plugins and callbacks and use the resulting position if something is returned
+                if (!noPropagation) {
+                        var ui = this._uiHash();
+                        this._trigger('drag', event, ui);
+                        this.position = ui.position;
+                }
+
+                if(!this.options.axis || this.options.axis != "y") this.helper[0].style.left = this.position.left+'px';
+                if(!this.options.axis || this.options.axis != "x") this.helper[0].style.top = this.position.top+'px';
+                if($.ui.ddmanager) $.ui.ddmanager.drag(this, event);
+
+                return false;
+        },
+
+        _mouseStop: function(event) {
+
+                //If we are using droppables, inform the manager about the drop
+                var dropped = false;
+                if ($.ui.ddmanager && !this.options.dropBehaviour)
+                        dropped = $.ui.ddmanager.drop(this, event);
+
+                //if a drop comes from outside (a sortable)
+                if(this.dropped) {
+                        dropped = this.dropped;
+                        this.dropped = false;
+                }
+
+                if((this.options.revert == "invalid" && !dropped) || (this.options.revert == "valid" && dropped) || this.options.revert === true || ($.isFunction(this.options.revert) && this.options.revert.call(this.element, dropped))) {
+                        var self = this;
+                        $(this.helper).animate(this.originalPosition, parseInt(this.options.revertDuration, 10), function() {
+                                self._trigger("stop", event);
+                                self._clear();
+                        });
+                } else {
+                        this._trigger("stop", event);
+                        this._clear();
+                }
+
+                return false;
+        },
+
+        _getHandle: function(event) {
+
+                var handle = !this.options.handle || !$(this.options.handle, this.element).length ? true : false;
+                $(this.options.handle, this.element)
+                        .find("*")
+                        .andSelf()
+                        .each(function() {
+                                if(this == event.target) handle = true;
+                        });
+
+                return handle;
+
+        },
+
+        _createHelper: function(event) {
+
+                var o = this.options;
+                var helper = $.isFunction(o.helper) ? $(o.helper.apply(this.element[0], [event])) : (o.helper == 'clone' ? this.element.clone() : this.element);
+
+                if(!helper.parents('body').length)
+                        helper.appendTo((o.appendTo == 'parent' ? this.element[0].parentNode : o.appendTo));
+
+                if(helper[0] != this.element[0] && !(/(fixed|absolute)/).test(helper.css("position")))
+                        helper.css("position", "absolute");
+
+                return helper;
+
+        },
+
+        _adjustOffsetFromHelper: function(obj) {
+                if(obj.left != undefined) this.offset.click.left = obj.left + this.margins.left;
+                if(obj.right != undefined) this.offset.click.left = this.helperProportions.width - obj.right + this.margins.left;
+                if(obj.top != undefined) this.offset.click.top = obj.top + this.margins.top;
+                if(obj.bottom != undefined) this.offset.click.top = this.helperProportions.height - obj.bottom + this.margins.top;
+        },
+
+        _getParentOffset: function() {
+
+                //Get the offsetParent and cache its position
+                this.offsetParent = this.helper.offsetParent();
+                var po = this.offsetParent.offset();
+
+                // This is a special case where we need to modify a offset calculated on start, since the following happened:
+                // 1. The position of the helper is absolute, so it's position is calculated based on the next positioned parent
+                // 2. The actual offset parent is a child of the scroll parent, and the scroll parent isn't the document, which means that
+                //    the scroll is included in the initial calculation of the offset of the parent, and never recalculated upon drag
+                if(this.cssPosition == 'absolute' && this.scrollParent[0] != document && $.ui.contains(this.scrollParent[0], this.offsetParent[0])) {
+                        po.left += this.scrollParent.scrollLeft();
+                        po.top += this.scrollParent.scrollTop();
+                }
+
+                if((this.offsetParent[0] == document.body) //This needs to be actually done for all browsers, since pageX/pageY includes this information
+                || (this.offsetParent[0].tagName && this.offsetParent[0].tagName.toLowerCase() == 'html' && $.browser.msie)) //Ugly IE fix
+                        po = { top: 0, left: 0 };
+
+                return {
+                        top: po.top + (parseInt(this.offsetParent.css("borderTopWidth"),10) || 0),
+                        left: po.left + (parseInt(this.offsetParent.css("borderLeftWidth"),10) || 0)
+                };
+
+        },
+
+        _getRelativeOffset: function() {
+
+                if(this.cssPosition == "relative") {
+                        var p = this.element.position();
+                        return {
+                                top: p.top - (parseInt(this.helper.css("top"),10) || 0) + this.scrollParent.scrollTop(),
+                                left: p.left - (parseInt(this.helper.css("left"),10) || 0) + this.scrollParent.scrollLeft()
+                        };
+                } else {
+                        return { top: 0, left: 0 };
+                }
+
+        },
+
+        _cacheMargins: function() {
+                this.margins = {
+                        left: (parseInt(this.element.css("marginLeft"),10) || 0),
+                        top: (parseInt(this.element.css("marginTop"),10) || 0)
+                };
+        },
+
+        _cacheHelperProportions: function() {
+                this.helperProportions = {
+                        width: this.helper.outerWidth(),
+                        height: this.helper.outerHeight()
+                };
+        },
+
+        _setContainment: function() {
+
+                var o = this.options;
+                if(o.containment == 'parent') o.containment = this.helper[0].parentNode;
+                if(o.containment == 'document' || o.containment == 'window') this.containment = [
+                        0 - this.offset.relative.left - this.offset.parent.left,
+                        0 - this.offset.relative.top - this.offset.parent.top,
+                        $(o.containment == 'document' ? document : window).width() - this.helperProportions.width - this.margins.left,
+                        ($(o.containment == 'document' ? document : window).height() || document.body.parentNode.scrollHeight) - this.helperProportions.height - this.margins.top
+                ];
+
+                if(!(/^(document|window|parent)$/).test(o.containment) && o.containment.constructor != Array) {
+                        var ce = $(o.containment)[0]; if(!ce) return;
+                        var co = $(o.containment).offset();
+                        var over = ($(ce).css("overflow") != 'hidden');
+
+                        this.containment = [
+                                co.left + (parseInt($(ce).css("borderLeftWidth"),10) || 0) + (parseInt($(ce).css("paddingLeft"),10) || 0) - this.margins.left,
+                                co.top + (parseInt($(ce).css("borderTopWidth"),10) || 0) + (parseInt($(ce).css("paddingTop"),10) || 0) - this.margins.top,
+                                co.left+(over ? Math.max(ce.scrollWidth,ce.offsetWidth) : ce.offsetWidth) - (parseInt($(ce).css("borderLeftWidth"),10) || 0) - (parseInt($(ce).css("paddingRight"),10) || 0) - this.helperProportions.width - this.margins.left,
+                                co.top+(over ? Math.max(ce.scrollHeight,ce.offsetHeight) : ce.offsetHeight) - (parseInt($(ce).css("borderTopWidth"),10) || 0) - (parseInt($(ce).css("paddingBottom"),10) || 0) - this.helperProportions.height - this.margins.top
+                        ];
+                } else if(o.containment.constructor == Array) {
+                        this.containment = o.containment;
+                }
+
+        },
+
+        _convertPositionTo: function(d, pos) {
+
+                if(!pos) pos = this.position;
+                var mod = d == "absolute" ? 1 : -1;
+                var o = this.options, scroll = this.cssPosition == 'absolute' && !(this.scrollParent[0] != document && $.ui.contains(this.scrollParent[0], this.offsetParent[0])) ? this.offsetParent : this.scrollParent, scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
+
+                return {
+                        top: (
+                                pos.top                                                                                                                                 // The absolute mouse position
+                                + this.offset.relative.top * mod                                                                                // Only for relative positioned nodes: Relative offset from element to offset parent
+                                + this.offset.parent.top * mod                                                                                  // The offsetParent's offset without borders (offset + border)
+                                - ($.browser.safari && this.cssPosition == 'fixed' ? 0 : ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollTop() : ( scrollIsRootNode ? 0 : scroll.scrollTop() ) ) * mod)
+                        ),
+                        left: (
+                                pos.left                                                                                                                                // The absolute mouse position
+                                + this.offset.relative.left * mod                                                                               // Only for relative positioned nodes: Relative offset from element to offset parent
+                                + this.offset.parent.left * mod                                                                                 // The offsetParent's offset without borders (offset + border)
+                                - ($.browser.safari && this.cssPosition == 'fixed' ? 0 : ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollLeft() : scrollIsRootNode ? 0 : scroll.scrollLeft() ) * mod)
+                        )
+                };
+
+        },
+
+        _generatePosition: function(event) {
+
+                var o = this.options, scroll = this.cssPosition == 'absolute' && !(this.scrollParent[0] != document && $.ui.contains(this.scrollParent[0], this.offsetParent[0])) ? this.offsetParent : this.scrollParent, scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
+
+                // This is another very weird special case that only happens for relative elements:
+                // 1. If the css position is relative
+                // 2. and the scroll parent is the document or similar to the offset parent
+                // we have to refresh the relative offset during the scroll so there are no jumps
+                if(this.cssPosition == 'relative' && !(this.scrollParent[0] != document && this.scrollParent[0] != this.offsetParent[0])) {
+                        this.offset.relative = this._getRelativeOffset();
+                }
+
+                var pageX = event.pageX;
+                var pageY = event.pageY;
+
+                /*
+                 * - Position constraining -
+                 * Constrain the position to a mix of grid, containment.
+                 */
+
+                if(this.originalPosition) { //If we are not dragging yet, we won't check for options
+
+                        if(this.containment) {
+                                if(event.pageX - this.offset.click.left < this.containment[0]) pageX = this.containment[0] + this.offset.click.left;
+                                if(event.pageY - this.offset.click.top < this.containment[1]) pageY = this.containment[1] + this.offset.click.top;
+                                if(event.pageX - this.offset.click.left > this.containment[2]) pageX = this.containment[2] + this.offset.click.left;
+                                if(event.pageY - this.offset.click.top > this.containment[3]) pageY = this.containment[3] + this.offset.click.top;
+                        }
+
+                        if(o.grid) {
+                                var top = this.originalPageY + Math.round((pageY - this.originalPageY) / o.grid[1]) * o.grid[1];
+                                pageY = this.containment ? (!(top - this.offset.click.top < this.containment[1] || top - this.offset.click.top > this.containment[3]) ? top : (!(top - this.offset.click.top < this.containment[1]) ? top - o.grid[1] : top + o.grid[1])) : top;
+
+                                var left = this.originalPageX + Math.round((pageX - this.originalPageX) / o.grid[0]) * o.grid[0];
+                                pageX = this.containment ? (!(left - this.offset.click.left < this.containment[0] || left - this.offset.click.left > this.containment[2]) ? left : (!(left - this.offset.click.left < this.containment[0]) ? left - o.grid[0] : left + o.grid[0])) : left;
+                        }
+
+                }
+
+                return {
+                        top: (
+                                pageY                                                                                                                           // The absolute mouse position
+                                - this.offset.click.top                                                                                                 // Click offset (relative to the element)
+                                - this.offset.relative.top                                                                                              // Only for relative positioned nodes: Relative offset from element to offset parent
+                                - this.offset.parent.top                                                                                                // The offsetParent's offset without borders (offset + border)
+                                + ($.browser.safari && this.cssPosition == 'fixed' ? 0 : ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollTop() : ( scrollIsRootNode ? 0 : scroll.scrollTop() ) ))
+                        ),
+                        left: (
+                                pageX                                                                                                                           // The absolute mouse position
+                                - this.offset.click.left                                                                                                // Click offset (relative to the element)
+                                - this.offset.relative.left                                                                                             // Only for relative positioned nodes: Relative offset from element to offset parent
+                                - this.offset.parent.left                                                                                               // The offsetParent's offset without borders (offset + border)
+                                + ($.browser.safari && this.cssPosition == 'fixed' ? 0 : ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollLeft() : scrollIsRootNode ? 0 : scroll.scrollLeft() ))
+                        )
+                };
+
+        },
+
+        _clear: function() {
+                this.helper.removeClass("ui-draggable-dragging");
+                if(this.helper[0] != this.element[0] && !this.cancelHelperRemoval) this.helper.remove();
+                //if($.ui.ddmanager) $.ui.ddmanager.current = null;
+                this.helper = null;
+                this.cancelHelperRemoval = false;
+        },
+
+        // From now on bulk stuff - mainly helpers
+
+        _trigger: function(type, event, ui) {
+                ui = ui || this._uiHash();
+                $.ui.plugin.call(this, type, [event, ui]);
+                if(type == "drag") this.positionAbs = this._convertPositionTo("absolute"); //The absolute position has to be recalculated after plugins
+                return $.widget.prototype._trigger.call(this, type, event, ui);
+        },
+
+        plugins: {},
+
+        _uiHash: function(event) {
+                return {
+                        helper: this.helper,
+                        position: this.position,
+                        absolutePosition: this.positionAbs, //deprecated
+                        offset: this.positionAbs
+                };
+        }
+
+}));
+
+$.extend($.ui.draggable, {
+        version: "1.7.2",
+        eventPrefix: "drag",
+        defaults: {
+                addClasses: true,
+                appendTo: "parent",
+                axis: false,
+                cancel: ":input,option",
+                connectToSortable: false,
+                containment: false,
+                cursor: "auto",
+                cursorAt: false,
+                delay: 0,
+                distance: 1,
+                grid: false,
+                handle: false,
+                helper: "original",
+                iframeFix: false,
+                opacity: false,
+                refreshPositions: false,
+                revert: false,
+                revertDuration: 500,
+                scope: "default",
+                scroll: true,
+                scrollSensitivity: 20,
+                scrollSpeed: 20,
+                snap: false,
+                snapMode: "both",
+                snapTolerance: 20,
+                stack: false,
+                zIndex: false
+        }
+});
+
+$.ui.plugin.add("draggable", "connectToSortable", {
+        start: function(event, ui) {
+
+                var inst = $(this).data("draggable"), o = inst.options,
+                        uiSortable = $.extend({}, ui, { item: inst.element });
+                inst.sortables = [];
+                $(o.connectToSortable).each(function() {
+                        var sortable = $.data(this, 'sortable');
+                        if (sortable && !sortable.options.disabled) {
+                                inst.sortables.push({
+                                        instance: sortable,
+                                        shouldRevert: sortable.options.revert
+                                });
+                                sortable._refreshItems();       //Do a one-time refresh at start to refresh the containerCache
+                                sortable._trigger("activate", event, uiSortable);
+                        }
+                });
+
+        },
+        stop: function(event, ui) {
+
+                //If we are still over the sortable, we fake the stop event of the sortable, but also remove helper
+                var inst = $(this).data("draggable"),
+                        uiSortable = $.extend({}, ui, { item: inst.element });
+
+                $.each(inst.sortables, function() {
+                        if(this.instance.isOver) {
+
+                                this.instance.isOver = 0;
+
+                                inst.cancelHelperRemoval = true; //Don't remove the helper in the draggable instance
+                                this.instance.cancelHelperRemoval = false; //Remove it in the sortable instance (so sortable plugins like revert still work)
+
+                                //The sortable revert is supported, and we have to set a temporary dropped variable on the draggable to support revert: 'valid/invalid'
+                                if(this.shouldRevert) this.instance.options.revert = true;
+
+                                //Trigger the stop of the sortable
+                                this.instance._mouseStop(event);
+
+                                this.instance.options.helper = this.instance.options._helper;
+
+                                //If the helper has been the original item, restore properties in the sortable
+                                if(inst.options.helper == 'original')
+                                        this.instance.currentItem.css({ top: 'auto', left: 'auto' });
+
+                        } else {
+                                this.instance.cancelHelperRemoval = false; //Remove the helper in the sortable instance
+                                this.instance._trigger("deactivate", event, uiSortable);
+                        }
+
+                });
+
+        },
+        drag: function(event, ui) {
+
+                var inst = $(this).data("draggable"), self = this;
+
+                var checkPos = function(o) {
+                        var dyClick = this.offset.click.top, dxClick = this.offset.click.left;
+                        var helperTop = this.positionAbs.top, helperLeft = this.positionAbs.left;
+                        var itemHeight = o.height, itemWidth = o.width;
+                        var itemTop = o.top, itemLeft = o.left;
+
+                        return $.ui.isOver(helperTop + dyClick, helperLeft + dxClick, itemTop, itemLeft, itemHeight, itemWidth);
+                };
+
+                $.each(inst.sortables, function(i) {
+                        
+                        //Copy over some variables to allow calling the sortable's native _intersectsWith
+                        this.instance.positionAbs = inst.positionAbs;
+                        this.instance.helperProportions = inst.helperProportions;
+                        this.instance.offset.click = inst.offset.click;
+                        
+                        if(this.instance._intersectsWith(this.instance.containerCache)) {
+
+                                //If it intersects, we use a little isOver variable and set it once, so our move-in stuff gets fired only once
+                                if(!this.instance.isOver) {
+
+                                        this.instance.isOver = 1;
+                                        //Now we fake the start of dragging for the sortable instance,
+                                        //by cloning the list group item, appending it to the sortable and using it as inst.currentItem
+                                        //We can then fire the start event of the sortable with our passed browser event, and our own helper (so it doesn't create a new one)
+                                        this.instance.currentItem = $(self).clone().appendTo(this.instance.element).data("sortable-item", true);
+                                        this.instance.options._helper = this.instance.options.helper; //Store helper option to later restore it
+                                        this.instance.options.helper = function() { return ui.helper[0]; };
+
+                                        event.target = this.instance.currentItem[0];
+                                        this.instance._mouseCapture(event, true);
+                                        this.instance._mouseStart(event, true, true);
+
+                                        //Because the browser event is way off the new appended portlet, we modify a couple of variables to reflect the changes
+                                        this.instance.offset.click.top = inst.offset.click.top;
+                                        this.instance.offset.click.left = inst.offset.click.left;
+                                        this.instance.offset.parent.left -= inst.offset.parent.left - this.instance.offset.parent.left;
+                                        this.instance.offset.parent.top -= inst.offset.parent.top - this.instance.offset.parent.top;
+
+                                        inst._trigger("toSortable", event);
+                                        inst.dropped = this.instance.element; //draggable revert needs that
+                                        //hack so receive/update callbacks work (mostly)
+                                        inst.currentItem = inst.element;
+                                        this.instance.fromOutside = inst;
+
+                                }
+
+                                //Provided we did all the previous steps, we can fire the drag event of the sortable on every draggable drag, when it intersects with the sortable
+                                if(this.instance.currentItem) this.instance._mouseDrag(event);
+
+                        } else {
+
+                                //If it doesn't intersect with the sortable, and it intersected before,
+                                //we fake the drag stop of the sortable, but make sure it doesn't remove the helper by using cancelHelperRemoval
+                                if(this.instance.isOver) {
+
+                                        this.instance.isOver = 0;
+                                        this.instance.cancelHelperRemoval = true;
+                                        
+                                        //Prevent reverting on this forced stop
+                                        this.instance.options.revert = false;
+                                        
+                                        // The out event needs to be triggered independently
+                                        this.instance._trigger('out', event, this.instance._uiHash(this.instance));
+                                        
+                                        this.instance._mouseStop(event, true);
+                                        this.instance.options.helper = this.instance.options._helper;
+
+                                        //Now we remove our currentItem, the list group clone again, and the placeholder, and animate the helper back to it's original size
+                                        this.instance.currentItem.remove();
+                                        if(this.instance.placeholder) this.instance.placeholder.remove();
+
+                                        inst._trigger("fromSortable", event);
+                                        inst.dropped = false; //draggable revert needs that
+                                }
+
+                        };
+
+                });
+
+        }
+});
+
+$.ui.plugin.add("draggable", "cursor", {
+        start: function(event, ui) {
+                var t = $('body'), o = $(this).data('draggable').options;
+                if (t.css("cursor")) o._cursor = t.css("cursor");
+                t.css("cursor", o.cursor);
+        },
+        stop: function(event, ui) {
+                var o = $(this).data('draggable').options;
+                if (o._cursor) $('body').css("cursor", o._cursor);
+        }
+});
+
+$.ui.plugin.add("draggable", "iframeFix", {
+        start: function(event, ui) {
+                var o = $(this).data('draggable').options;
+                $(o.iframeFix === true ? "iframe" : o.iframeFix).each(function() {
+                        $('<div class="ui-draggable-iframeFix" style="background: #fff;"></div>')
+                        .css({
+                                width: this.offsetWidth+"px", height: this.offsetHeight+"px",
+                                position: "absolute", opacity: "0.001", zIndex: 1000
+                        })
+                        .css($(this).offset())
+                        .appendTo("body");
+                });
+        },
+        stop: function(event, ui) {
+                $("div.ui-draggable-iframeFix").each(function() { this.parentNode.removeChild(this); }); //Remove frame helpers
+        }
+});
+
+$.ui.plugin.add("draggable", "opacity", {
+        start: function(event, ui) {
+                var t = $(ui.helper), o = $(this).data('draggable').options;
+                if(t.css("opacity")) o._opacity = t.css("opacity");
+                t.css('opacity', o.opacity);
+        },
+        stop: function(event, ui) {
+                var o = $(this).data('draggable').options;
+                if(o._opacity) $(ui.helper).css('opacity', o._opacity);
+        }
+});
+
+$.ui.plugin.add("draggable", "scroll", {
+        start: function(event, ui) {
+                var i = $(this).data("draggable");
+                if(i.scrollParent[0] != document && i.scrollParent[0].tagName != 'HTML') i.overflowOffset = i.scrollParent.offset();
+        },
+        drag: function(event, ui) {
+
+                var i = $(this).data("draggable"), o = i.options, scrolled = false;
+
+                if(i.scrollParent[0] != document && i.scrollParent[0].tagName != 'HTML') {
+
+                        if(!o.axis || o.axis != 'x') {
+                                if((i.overflowOffset.top + i.scrollParent[0].offsetHeight) - event.pageY < o.scrollSensitivity)
+                                        i.scrollParent[0].scrollTop = scrolled = i.scrollParent[0].scrollTop + o.scrollSpeed;
+                                else if(event.pageY - i.overflowOffset.top < o.scrollSensitivity)
+                                        i.scrollParent[0].scrollTop = scrolled = i.scrollParent[0].scrollTop - o.scrollSpeed;
+                        }
+
+                        if(!o.axis || o.axis != 'y') {
+                                if((i.overflowOffset.left + i.scrollParent[0].offsetWidth) - event.pageX < o.scrollSensitivity)
+                                        i.scrollParent[0].scrollLeft = scrolled = i.scrollParent[0].scrollLeft + o.scrollSpeed;
+                                else if(event.pageX - i.overflowOffset.left < o.scrollSensitivity)
+                                        i.scrollParent[0].scrollLeft = scrolled = i.scrollParent[0].scrollLeft - o.scrollSpeed;
+                        }
+
+                } else {
+
+                        if(!o.axis || o.axis != 'x') {
+                                if(event.pageY - $(document).scrollTop() < o.scrollSensitivity)
+                                        scrolled = $(document).scrollTop($(document).scrollTop() - o.scrollSpeed);
+                                else if($(window).height() - (event.pageY - $(document).scrollTop()) < o.scrollSensitivity)
+                                        scrolled = $(document).scrollTop($(document).scrollTop() + o.scrollSpeed);
+                        }
+
+                        if(!o.axis || o.axis != 'y') {
+                                if(event.pageX - $(document).scrollLeft() < o.scrollSensitivity)
+                                        scrolled = $(document).scrollLeft($(document).scrollLeft() - o.scrollSpeed);
+                                else if($(window).width() - (event.pageX - $(document).scrollLeft()) < o.scrollSensitivity)
+                                        scrolled = $(document).scrollLeft($(document).scrollLeft() + o.scrollSpeed);
+                        }
+
+                }
+
+                if(scrolled !== false && $.ui.ddmanager && !o.dropBehaviour)
+                        $.ui.ddmanager.prepareOffsets(i, event);
+
+        }
+});
+
+$.ui.plugin.add("draggable", "snap", {
+        start: function(event, ui) {
+
+                var i = $(this).data("draggable"), o = i.options;
+                i.snapElements = [];
+
+                $(o.snap.constructor != String ? ( o.snap.items || ':data(draggable)' ) : o.snap).each(function() {
+                        var $t = $(this); var $o = $t.offset();
+                        if(this != i.element[0]) i.snapElements.push({
+                                item: this,
+                                width: $t.outerWidth(), height: $t.outerHeight(),
+                                top: $o.top, left: $o.left
+                        });
+                });
+
+        },
+        drag: function(event, ui) {
+
+                var inst = $(this).data("draggable"), o = inst.options;
+                var d = o.snapTolerance;
+
+                var x1 = ui.offset.left, x2 = x1 + inst.helperProportions.width,
+                        y1 = ui.offset.top, y2 = y1 + inst.helperProportions.height;
+
+                for (var i = inst.snapElements.length - 1; i >= 0; i--){
+
+                        var l = inst.snapElements[i].left, r = l + inst.snapElements[i].width,
+                                t = inst.snapElements[i].top, b = t + inst.snapElements[i].height;
+
+                        //Yes, I know, this is insane ;)
+                        if(!((l-d < x1 && x1 < r+d && t-d < y1 && y1 < b+d) || (l-d < x1 && x1 < r+d && t-d < y2 && y2 < b+d) || (l-d < x2 && x2 < r+d && t-d < y1 && y1 < b+d) || (l-d < x2 && x2 < r+d && t-d < y2 && y2 < b+d))) {
+                                if(inst.snapElements[i].snapping) (inst.options.snap.release && inst.options.snap.release.call(inst.element, event, $.extend(inst._uiHash(), { snapItem: inst.snapElements[i].item })));
+                                inst.snapElements[i].snapping = false;
+                                continue;
+                        }
+
+                        if(o.snapMode != 'inner') {
+                                var ts = Math.abs(t - y2) <= d;
+                                var bs = Math.abs(b - y1) <= d;
+                                var ls = Math.abs(l - x2) <= d;
+                                var rs = Math.abs(r - x1) <= d;
+                                if(ts) ui.position.top = inst._convertPositionTo("relative", { top: t - inst.helperProportions.height, left: 0 }).top - inst.margins.top;
+                                if(bs) ui.position.top = inst._convertPositionTo("relative", { top: b, left: 0 }).top - inst.margins.top;
+                                if(ls) ui.position.left = inst._convertPositionTo("relative", { top: 0, left: l - inst.helperProportions.width }).left - inst.margins.left;
+                                if(rs) ui.position.left = inst._convertPositionTo("relative", { top: 0, left: r }).left - inst.margins.left;
+                        }
+
+                        var first = (ts || bs || ls || rs);
+
+                        if(o.snapMode != 'outer') {
+                                var ts = Math.abs(t - y1) <= d;
+                                var bs = Math.abs(b - y2) <= d;
+                                var ls = Math.abs(l - x1) <= d;
+                                var rs = Math.abs(r - x2) <= d;
+                                if(ts) ui.position.top = inst._convertPositionTo("relative", { top: t, left: 0 }).top - inst.margins.top;
+                                if(bs) ui.position.top = inst._convertPositionTo("relative", { top: b - inst.helperProportions.height, left: 0 }).top - inst.margins.top;
+                                if(ls) ui.position.left = inst._convertPositionTo("relative", { top: 0, left: l }).left - inst.margins.left;
+                                if(rs) ui.position.left = inst._convertPositionTo("relative", { top: 0, left: r - inst.helperProportions.width }).left - inst.margins.left;
+                        }
+
+                        if(!inst.snapElements[i].snapping && (ts || bs || ls || rs || first))
+                                (inst.options.snap.snap && inst.options.snap.snap.call(inst.element, event, $.extend(inst._uiHash(), { snapItem: inst.snapElements[i].item })));
+                        inst.snapElements[i].snapping = (ts || bs || ls || rs || first);
+
+                };
+
+        }
+});
+
+$.ui.plugin.add("draggable", "stack", {
+        start: function(event, ui) {
+
+                var o = $(this).data("draggable").options;
+
+                var group = $.makeArray($(o.stack.group)).sort(function(a,b) {
+                        return (parseInt($(a).css("zIndex"),10) || o.stack.min) - (parseInt($(b).css("zIndex"),10) || o.stack.min);
+                });
+
+                $(group).each(function(i) {
+                        this.style.zIndex = o.stack.min + i;
+                });
+
+                this[0].style.zIndex = o.stack.min + group.length;
+
+        }
+});
+
+$.ui.plugin.add("draggable", "zIndex", {
+        start: function(event, ui) {
+                var t = $(ui.helper), o = $(this).data("draggable").options;
+                if(t.css("zIndex")) o._zIndex = t.css("zIndex");
+                t.css('zIndex', o.zIndex);
+        },
+        stop: function(event, ui) {
+                var o = $(this).data("draggable").options;
+                if(o._zIndex) $(ui.helper).css('zIndex', o._zIndex);
+        }
+});
+
+})(jQuery);
diff --git a/static/development-bundle/ui/ui.droppable.js b/static/development-bundle/ui/ui.droppable.js
new file mode 100644
index 0000000..8e7be33
--- /dev/null
+++ b/static/development-bundle/ui/ui.droppable.js
@@ -0,0 +1,282 @@
+/*
+ * jQuery UI Droppable 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Droppables
+ *
+ * Depends:
+ *      ui.core.js
+ *      ui.draggable.js
+ */
+(function($) {
+
+$.widget("ui.droppable", {
+
+        _init: function() {
+
+                var o = this.options, accept = o.accept;
+                this.isover = 0; this.isout = 1;
+
+                this.options.accept = this.options.accept && $.isFunction(this.options.accept) ? this.options.accept : function(d) {
+                        return d.is(accept);
+                };
+
+                //Store the droppable's proportions
+                this.proportions = { width: this.element[0].offsetWidth, height: this.element[0].offsetHeight };
+
+                // Add the reference and positions to the manager
+                $.ui.ddmanager.droppables[this.options.scope] = $.ui.ddmanager.droppables[this.options.scope] || [];
+                $.ui.ddmanager.droppables[this.options.scope].push(this);
+
+                (this.options.addClasses && this.element.addClass("ui-droppable"));
+
+        },
+
+        destroy: function() {
+                var drop = $.ui.ddmanager.droppables[this.options.scope];
+                for ( var i = 0; i < drop.length; i++ )
+                        if ( drop[i] == this )
+                                drop.splice(i, 1);
+
+                this.element
+                        .removeClass("ui-droppable ui-droppable-disabled")
+                        .removeData("droppable")
+                        .unbind(".droppable");
+        },
+
+        _setData: function(key, value) {
+
+                if(key == 'accept') {
+                        this.options.accept = value && $.isFunction(value) ? value : function(d) {
+                                return d.is(value);
+                        };
+                } else {
+                        $.widget.prototype._setData.apply(this, arguments);
+                }
+
+        },
+
+        _activate: function(event) {
+                var draggable = $.ui.ddmanager.current;
+                if(this.options.activeClass) this.element.addClass(this.options.activeClass);
+                (draggable && this._trigger('activate', event, this.ui(draggable)));
+        },
+
+        _deactivate: function(event) {
+                var draggable = $.ui.ddmanager.current;
+                if(this.options.activeClass) this.element.removeClass(this.options.activeClass);
+                (draggable && this._trigger('deactivate', event, this.ui(draggable)));
+        },
+
+        _over: function(event) {
+
+                var draggable = $.ui.ddmanager.current;
+                if (!draggable || (draggable.currentItem || draggable.element)[0] == this.element[0]) return; // Bail if draggable and droppable are same element
+
+                if (this.options.accept.call(this.element[0],(draggable.currentItem || draggable.element))) {
+                        if(this.options.hoverClass) this.element.addClass(this.options.hoverClass);
+                        this._trigger('over', event, this.ui(draggable));
+                }
+
+        },
+
+        _out: function(event) {
+
+                var draggable = $.ui.ddmanager.current;
+                if (!draggable || (draggable.currentItem || draggable.element)[0] == this.element[0]) return; // Bail if draggable and droppable are same element
+
+                if (this.options.accept.call(this.element[0],(draggable.currentItem || draggable.element))) {
+                        if(this.options.hoverClass) this.element.removeClass(this.options.hoverClass);
+                        this._trigger('out', event, this.ui(draggable));
+                }
+
+        },
+
+        _drop: function(event,custom) {
+
+                var draggable = custom || $.ui.ddmanager.current;
+                if (!draggable || (draggable.currentItem || draggable.element)[0] == this.element[0]) return false; // Bail if draggable and droppable are same element
+
+                var childrenIntersection = false;
+                this.element.find(":data(droppable)").not(".ui-draggable-dragging").each(function() {
+                        var inst = $.data(this, 'droppable');
+                        if(inst.options.greedy && $.ui.intersect(draggable, $.extend(inst, { offset: inst.element.offset() }), inst.options.tolerance)) {
+                                childrenIntersection = true; return false;
+                        }
+                });
+                if(childrenIntersection) return false;
+
+                if(this.options.accept.call(this.element[0],(draggable.currentItem || draggable.element))) {
+                        if(this.options.activeClass) this.element.removeClass(this.options.activeClass);
+                        if(this.options.hoverClass) this.element.removeClass(this.options.hoverClass);
+                        this._trigger('drop', event, this.ui(draggable));
+                        return this.element;
+                }
+
+                return false;
+
+        },
+
+        ui: function(c) {
+                return {
+                        draggable: (c.currentItem || c.element),
+                        helper: c.helper,
+                        position: c.position,
+                        absolutePosition: c.positionAbs, //deprecated
+                        offset: c.positionAbs
+                };
+        }
+
+});
+
+$.extend($.ui.droppable, {
+        version: "1.7.2",
+        eventPrefix: 'drop',
+        defaults: {
+                accept: '*',
+                activeClass: false,
+                addClasses: true,
+                greedy: false,
+                hoverClass: false,
+                scope: 'default',
+                tolerance: 'intersect'
+        }
+});
+
+$.ui.intersect = function(draggable, droppable, toleranceMode) {
+
+        if (!droppable.offset) return false;
+
+        var x1 = (draggable.positionAbs || draggable.position.absolute).left, x2 = x1 + draggable.helperProportions.width,
+                y1 = (draggable.positionAbs || draggable.position.absolute).top, y2 = y1 + draggable.helperProportions.height;
+        var l = droppable.offset.left, r = l + droppable.proportions.width,
+                t = droppable.offset.top, b = t + droppable.proportions.height;
+
+        switch (toleranceMode) {
+                case 'fit':
+                        return (l < x1 && x2 < r
+                                && t < y1 && y2 < b);
+                        break;
+                case 'intersect':
+                        return (l < x1 + (draggable.helperProportions.width / 2) // Right Half
+                                && x2 - (draggable.helperProportions.width / 2) < r // Left Half
+                                && t < y1 + (draggable.helperProportions.height / 2) // Bottom Half
+                                && y2 - (draggable.helperProportions.height / 2) < b ); // Top Half
+                        break;
+                case 'pointer':
+                        var draggableLeft = ((draggable.positionAbs || draggable.position.absolute).left + (draggable.clickOffset || draggable.offset.click).left),
+                                draggableTop = ((draggable.positionAbs || draggable.position.absolute).top + (draggable.clickOffset || draggable.offset.click).top),
+                                isOver = $.ui.isOver(draggableTop, draggableLeft, t, l, droppable.proportions.height, droppable.proportions.width);
+                        return isOver;
+                        break;
+                case 'touch':
+                        return (
+                                        (y1 >= t && y1 <= b) || // Top edge touching
+                                        (y2 >= t && y2 <= b) || // Bottom edge touching
+                                        (y1 < t && y2 > b)              // Surrounded vertically
+                                ) && (
+                                        (x1 >= l && x1 <= r) || // Left edge touching
+                                        (x2 >= l && x2 <= r) || // Right edge touching
+                                        (x1 < l && x2 > r)              // Surrounded horizontally
+                                );
+                        break;
+                default:
+                        return false;
+                        break;
+                }
+
+};
+
+/*
+        This manager tracks offsets of draggables and droppables
+*/
+$.ui.ddmanager = {
+        current: null,
+        droppables: { 'default': [] },
+        prepareOffsets: function(t, event) {
+
+                var m = $.ui.ddmanager.droppables[t.options.scope];
+                var type = event ? event.type : null; // workaround for #2317
+                var list = (t.currentItem || t.element).find(":data(droppable)").andSelf();
+
+                droppablesLoop: for (var i = 0; i < m.length; i++) {
+
+                        if(m[i].options.disabled || (t && !m[i].options.accept.call(m[i].element[0],(t.currentItem || t.element)))) continue;   //No disabled and non-accepted
+                        for (var j=0; j < list.length; j++) { if(list[j] == m[i].element[0]) { m[i].proportions.height = 0; continue droppablesLoop; } }; //Filter out elements in the current dragged item
+                        m[i].visible = m[i].element.css("display") != "none"; if(!m[i].visible) continue;                                                                       //If the element is not visible, continue
+
+                        m[i].offset = m[i].element.offset();
+                        m[i].proportions = { width: m[i].element[0].offsetWidth, height: m[i].element[0].offsetHeight };
+
+                        if(type == "mousedown") m[i]._activate.call(m[i], event); //Activate the droppable if used directly from draggables
+
+                }
+
+        },
+        drop: function(draggable, event) {
+
+                var dropped = false;
+                $.each($.ui.ddmanager.droppables[draggable.options.scope], function() {
+
+                        if(!this.options) return;
+                        if (!this.options.disabled && this.visible && $.ui.intersect(draggable, this, this.options.tolerance))
+                                dropped = this._drop.call(this, event);
+
+                        if (!this.options.disabled && this.visible && this.options.accept.call(this.element[0],(draggable.currentItem || draggable.element))) {
+                                this.isout = 1; this.isover = 0;
+                                this._deactivate.call(this, event);
+                        }
+
+                });
+                return dropped;
+
+        },
+        drag: function(draggable, event) {
+
+                //If you have a highly dynamic page, you might try this option. It renders positions every time you move the mouse.
+                if(draggable.options.refreshPositions) $.ui.ddmanager.prepareOffsets(draggable, event);
+
+                //Run through all droppables and check their positions based on specific tolerance options
+
+                $.each($.ui.ddmanager.droppables[draggable.options.scope], function() {
+
+                        if(this.options.disabled || this.greedyChild || !this.visible) return;
+                        var intersects = $.ui.intersect(draggable, this, this.options.tolerance);
+
+                        var c = !intersects && this.isover == 1 ? 'isout' : (intersects && this.isover == 0 ? 'isover' : null);
+                        if(!c) return;
+
+                        var parentInstance;
+                        if (this.options.greedy) {
+                                var parent = this.element.parents(':data(droppable):eq(0)');
+                                if (parent.length) {
+                                        parentInstance = $.data(parent[0], 'droppable');
+                                        parentInstance.greedyChild = (c == 'isover' ? 1 : 0);
+                                }
+                        }
+
+                        // we just moved into a greedy child
+                        if (parentInstance && c == 'isover') {
+                                parentInstance['isover'] = 0;
+                                parentInstance['isout'] = 1;
+                                parentInstance._out.call(parentInstance, event);
+                        }
+
+                        this[c] = 1; this[c == 'isout' ? 'isover' : 'isout'] = 0;
+                        this[c == "isover" ? "_over" : "_out"].call(this, event);
+
+                        // we just moved out of a greedy child
+                        if (parentInstance && c == 'isout') {
+                                parentInstance['isout'] = 0;
+                                parentInstance['isover'] = 1;
+                                parentInstance._over.call(parentInstance, event);
+                        }
+                });
+
+        }
+};
+
+})(jQuery);
diff --git a/static/development-bundle/ui/ui.progressbar.js b/static/development-bundle/ui/ui.progressbar.js
new file mode 100644
index 0000000..30aac98
--- /dev/null
+++ b/static/development-bundle/ui/ui.progressbar.js
@@ -0,0 +1,116 @@
+/*
+ * jQuery UI Progressbar 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Progressbar
+ *
+ * Depends:
+ *   ui.core.js
+ */
+(function($) {
+
+$.widget("ui.progressbar", {
+
+        _init: function() {
+
+                this.element
+                        .addClass("ui-progressbar"
+                                + " ui-widget"
+                                + " ui-widget-content"
+                                + " ui-corner-all")
+                        .attr({
+                                role: "progressbar",
+                                "aria-valuemin": this._valueMin(),
+                                "aria-valuemax": this._valueMax(),
+                                "aria-valuenow": this._value()
+                        });
+
+                this.valueDiv = $('<div class="ui-progressbar-value ui-widget-header ui-corner-left"></div>').appendTo(this.element);
+
+                this._refreshValue();
+
+        },
+
+        destroy: function() {
+
+                this.element
+                        .removeClass("ui-progressbar"
+                                + " ui-widget"
+                                + " ui-widget-content"
+                                + " ui-corner-all")
+                        .removeAttr("role")
+                        .removeAttr("aria-valuemin")
+                        .removeAttr("aria-valuemax")
+                        .removeAttr("aria-valuenow")
+                        .removeData("progressbar")
+                        .unbind(".progressbar");
+
+                this.valueDiv.remove();
+
+                $.widget.prototype.destroy.apply(this, arguments);
+
+        },
+
+        value: function(newValue) {
+                if (newValue === undefined) {
+                        return this._value();
+                }
+                
+                this._setData('value', newValue);
+                return this;
+        },
+
+        _setData: function(key, value) {
+
+                switch (key) {
+                        case 'value':
+                                this.options.value = value;
+                                this._refreshValue();
+                                this._trigger('change', null, {});
+                                break;
+                }
+
+                $.widget.prototype._setData.apply(this, arguments);
+
+        },
+
+        _value: function() {
+
+                var val = this.options.value;
+                if (val < this._valueMin()) val = this._valueMin();
+                if (val > this._valueMax()) val = this._valueMax();
+
+                return val;
+
+        },
+
+        _valueMin: function() {
+                var valueMin = 0;
+                return valueMin;
+        },
+
+        _valueMax: function() {
+                var valueMax = 100;
+                return valueMax;
+        },
+
+        _refreshValue: function() {
+                var value = this.value();
+                this.valueDiv[value == this._valueMax() ? 'addClass' : 'removeClass']("ui-corner-right");
+                this.valueDiv.width(value + '%');
+                this.element.attr("aria-valuenow", value);
+        }
+
+});
+
+$.extend($.ui.progressbar, {
+        version: "1.7.2",
+        defaults: {
+                value: 0
+        }
+});
+
+})(jQuery);
diff --git a/static/development-bundle/ui/ui.resizable.js b/static/development-bundle/ui/ui.resizable.js
new file mode 100644
index 0000000..6172d6c
--- /dev/null
+++ b/static/development-bundle/ui/ui.resizable.js
@@ -0,0 +1,800 @@
+/*
+ * jQuery UI Resizable 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Resizables
+ *
+ * Depends:
+ *      ui.core.js
+ */
+(function($) {
+
+$.widget("ui.resizable", $.extend({}, $.ui.mouse, {
+
+        _init: function() {
+
+                var self = this, o = this.options;
+                this.element.addClass("ui-resizable");
+
+                $.extend(this, {
+                        _aspectRatio: !!(o.aspectRatio),
+                        aspectRatio: o.aspectRatio,
+                        originalElement: this.element,
+                        _proportionallyResizeElements: [],
+                        _helper: o.helper || o.ghost || o.animate ? o.helper || 'ui-resizable-helper' : null
+                });
+
+                //Wrap the element if it cannot hold child nodes
+                if(this.element[0].nodeName.match(/canvas|textarea|input|select|button|img/i)) {
+
+                        //Opera fix for relative positioning
+                        if (/relative/.test(this.element.css('position')) && $.browser.opera)
+                                this.element.css({ position: 'relative', top: 'auto', left: 'auto' });
+
+                        //Create a wrapper element and set the wrapper to the new current internal element
+                        this.element.wrap(
+                                $('<div class="ui-wrapper" style="overflow: hidden;"></div>').css({
+                                        position: this.element.css('position'),
+                                        width: this.element.outerWidth(),
+                                        height: this.element.outerHeight(),
+                                        top: this.element.css('top'),
+                                        left: this.element.css('left')
+                                })
+                        );
+
+                        //Overwrite the original this.element
+                        this.element = this.element.parent().data(
+                                "resizable", this.element.data('resizable')
+                        );
+
+                        this.elementIsWrapper = true;
+
+                        //Move margins to the wrapper
+                        this.element.css({ marginLeft: this.originalElement.css("marginLeft"), marginTop: this.originalElement.css("marginTop"), marginRight: this.originalElement.css("marginRight"), marginBottom: this.originalElement.css("marginBottom") });
+                        this.originalElement.css({ marginLeft: 0, marginTop: 0, marginRight: 0, marginBottom: 0});
+
+                        //Prevent Safari textarea resize
+                        this.originalResizeStyle = this.originalElement.css('resize');
+                        this.originalElement.css('resize', 'none');
+
+                        //Push the actual element to our proportionallyResize internal array
+                        this._proportionallyResizeElements.push(this.originalElement.css({ position: 'static', zoom: 1, display: 'block' }));
+
+                        // avoid IE jump (hard set the margin)
+                        this.originalElement.css({ margin: this.originalElement.css('margin') });
+
+                        // fix handlers offset
+                        this._proportionallyResize();
+
+                }
+
+                this.handles = o.handles || (!$('.ui-resizable-handle', this.element).length ? "e,s,se" : { n: '.ui-resizable-n', e: '.ui-resizable-e', s: '.ui-resizable-s', w: '.ui-resizable-w', se: '.ui-resizable-se', sw: '.ui-resizable-sw', ne: '.ui-resizable-ne', nw: '.ui-resizable-nw' });
+                if(this.handles.constructor == String) {
+
+                        if(this.handles == 'all') this.handles = 'n,e,s,w,se,sw,ne,nw';
+                        var n = this.handles.split(","); this.handles = {};
+
+                        for(var i = 0; i < n.length; i++) {
+
+                                var handle = $.trim(n[i]), hname = 'ui-resizable-'+handle;
+                                var axis = $('<div class="ui-resizable-handle ' + hname + '"></div>');
+
+                                // increase zIndex of sw, se, ne, nw axis
+                                //TODO : this modifies original option
+                                if(/sw|se|ne|nw/.test(handle)) axis.css({ zIndex: ++o.zIndex });
+
+                                //TODO : What's going on here?
+                                if ('se' == handle) {
+                                        axis.addClass('ui-icon ui-icon-gripsmall-diagonal-se');
+                                };
+
+                                //Insert into internal handles object and append to element
+                                this.handles[handle] = '.ui-resizable-'+handle;
+                                this.element.append(axis);
+                        }
+
+                }
+
+                this._renderAxis = function(target) {
+
+                        target = target || this.element;
+
+                        for(var i in this.handles) {
+
+                                if(this.handles[i].constructor == String)
+                                        this.handles[i] = $(this.handles[i], this.element).show();
+
+                                //Apply pad to wrapper element, needed to fix axis position (textarea, inputs, scrolls)
+                                if (this.elementIsWrapper && this.originalElement[0].nodeName.match(/textarea|input|select|button/i)) {
+
+                                        var axis = $(this.handles[i], this.element), padWrapper = 0;
+
+                                        //Checking the correct pad and border
+                                        padWrapper = /sw|ne|nw|se|n|s/.test(i) ? axis.outerHeight() : axis.outerWidth();
+
+                                        //The padding type i have to apply...
+                                        var padPos = [ 'padding',
+                                                /ne|nw|n/.test(i) ? 'Top' :
+                                                /se|sw|s/.test(i) ? 'Bottom' :
+                                                /^e$/.test(i) ? 'Right' : 'Left' ].join("");
+
+                                        target.css(padPos, padWrapper);
+
+                                        this._proportionallyResize();
+
+                                }
+
+                                //TODO: What's that good for? There's not anything to be executed left
+                                if(!$(this.handles[i]).length)
+                                        continue;
+
+                        }
+                };
+
+                //TODO: make renderAxis a prototype function
+                this._renderAxis(this.element);
+
+                this._handles = $('.ui-resizable-handle', this.element)
+                        .disableSelection();
+
+                //Matching axis name
+                this._handles.mouseover(function() {
+                        if (!self.resizing) {
+                                if (this.className)
+                                        var axis = this.className.match(/ui-resizable-(se|sw|ne|nw|n|e|s|w)/i);
+                                //Axis, default = se
+                                self.axis = axis && axis[1] ? axis[1] : 'se';
+                        }
+                });
+
+                //If we want to auto hide the elements
+                if (o.autoHide) {
+                        this._handles.hide();
+                        $(this.element)
+                                .addClass("ui-resizable-autohide")
+                                .hover(function() {
+                                        $(this).removeClass("ui-resizable-autohide");
+                                        self._handles.show();
+                                },
+                                function(){
+                                        if (!self.resizing) {
+                                                $(this).addClass("ui-resizable-autohide");
+                                                self._handles.hide();
+                                        }
+                                });
+                }
+
+                //Initialize the mouse interaction
+                this._mouseInit();
+
+        },
+
+        destroy: function() {
+
+                this._mouseDestroy();
+
+                var _destroy = function(exp) {
+                        $(exp).removeClass("ui-resizable ui-resizable-disabled ui-resizable-resizing")
+                                .removeData("resizable").unbind(".resizable").find('.ui-resizable-handle').remove();
+                };
+
+                //TODO: Unwrap at same DOM position
+                if (this.elementIsWrapper) {
+                        _destroy(this.element);
+                        var wrapper = this.element;
+                        wrapper.parent().append(
+                                this.originalElement.css({
+                                        position: wrapper.css('position'),
+                                        width: wrapper.outerWidth(),
+                                        height: wrapper.outerHeight(),
+                                        top: wrapper.css('top'),
+                                        left: wrapper.css('left')
+                                })
+                        ).end().remove();
+                }
+
+                this.originalElement.css('resize', this.originalResizeStyle);
+                _destroy(this.originalElement);
+
+        },
+
+        _mouseCapture: function(event) {
+
+                var handle = false;
+                for(var i in this.handles) {
+                        if($(this.handles[i])[0] == event.target) handle = true;
+                }
+
+                return this.options.disabled || !!handle;
+
+        },
+
+        _mouseStart: function(event) {
+
+                var o = this.options, iniPos = this.element.position(), el = this.element;
+
+                this.resizing = true;
+                this.documentScroll = { top: $(document).scrollTop(), left: $(document).scrollLeft() };
+
+                // bugfix for http://dev.jquery.com/ticket/1749
+                if (el.is('.ui-draggable') || (/absolute/).test(el.css('position'))) {
+                        el.css({ position: 'absolute', top: iniPos.top, left: iniPos.left });
+                }
+
+                //Opera fixing relative position
+                if ($.browser.opera && (/relative/).test(el.css('position')))
+                        el.css({ position: 'relative', top: 'auto', left: 'auto' });
+
+                this._renderProxy();
+
+                var curleft = num(this.helper.css('left')), curtop = num(this.helper.css('top'));
+
+                if (o.containment) {
+                        curleft += $(o.containment).scrollLeft() || 0;
+                        curtop += $(o.containment).scrollTop() || 0;
+                }
+
+                //Store needed variables
+                this.offset = this.helper.offset();
+                this.position = { left: curleft, top: curtop };
+                this.size = this._helper ? { width: el.outerWidth(), height: el.outerHeight() } : { width: el.width(), height: el.height() };
+                this.originalSize = this._helper ? { width: el.outerWidth(), height: el.outerHeight() } : { width: el.width(), height: el.height() };
+                this.originalPosition = { left: curleft, top: curtop };
+                this.sizeDiff = { width: el.outerWidth() - el.width(), height: el.outerHeight() - el.height() };
+                this.originalMousePosition = { left: event.pageX, top: event.pageY };
+
+                //Aspect Ratio
+                this.aspectRatio = (typeof o.aspectRatio == 'number') ? o.aspectRatio : ((this.originalSize.width / this.originalSize.height) || 1);
+
+            var cursor = $('.ui-resizable-' + this.axis).css('cursor');
+            $('body').css('cursor', cursor == 'auto' ? this.axis + '-resize' : cursor);
+
+                el.addClass("ui-resizable-resizing");
+                this._propagate("start", event);
+                return true;
+        },
+
+        _mouseDrag: function(event) {
+
+                //Increase performance, avoid regex
+                var el = this.helper, o = this.options, props = {},
+                        self = this, smp = this.originalMousePosition, a = this.axis;
+
+                var dx = (event.pageX-smp.left)||0, dy = (event.pageY-smp.top)||0;
+                var trigger = this._change[a];
+                if (!trigger) return false;
+
+                // Calculate the attrs that will be change
+                var data = trigger.apply(this, [event, dx, dy]), ie6 = $.browser.msie && $.browser.version < 7, csdif = this.sizeDiff;
+
+                if (this._aspectRatio || event.shiftKey)
+                        data = this._updateRatio(data, event);
+
+                data = this._respectSize(data, event);
+
+                // plugins callbacks need to be called first
+                this._propagate("resize", event);
+
+                el.css({
+                        top: this.position.top + "px", left: this.position.left + "px",
+                        width: this.size.width + "px", height: this.size.height + "px"
+                });
+
+                if (!this._helper && this._proportionallyResizeElements.length)
+                        this._proportionallyResize();
+
+                this._updateCache(data);
+
+                // calling the user callback at the end
+                this._trigger('resize', event, this.ui());
+
+                return false;
+        },
+
+        _mouseStop: function(event) {
+
+                this.resizing = false;
+                var o = this.options, self = this;
+
+                if(this._helper) {
+                        var pr = this._proportionallyResizeElements, ista = pr.length && (/textarea/i).test(pr[0].nodeName),
+                                                soffseth = ista && $.ui.hasScroll(pr[0], 'left') /* TODO - jump height */ ? 0 : self.sizeDiff.height,
+                                                        soffsetw = ista ? 0 : self.sizeDiff.width;
+
+                        var s = { width: (self.size.width - soffsetw), height: (self.size.height - soffseth) },
+                                left = (parseInt(self.element.css('left'), 10) + (self.position.left - self.originalPosition.left)) || null,
+                                top = (parseInt(self.element.css('top'), 10) + (self.position.top - self.originalPosition.top)) || null;
+
+                        if (!o.animate)
+                                this.element.css($.extend(s, { top: top, left: left }));
+
+                        self.helper.height(self.size.height);
+                        self.helper.width(self.size.width);
+
+                        if (this._helper && !o.animate) this._proportionallyResize();
+                }
+
+                $('body').css('cursor', 'auto');
+
+                this.element.removeClass("ui-resizable-resizing");
+
+                this._propagate("stop", event);
+
+                if (this._helper) this.helper.remove();
+                return false;
+
+        },
+
+        _updateCache: function(data) {
+                var o = this.options;
+                this.offset = this.helper.offset();
+                if (isNumber(data.left)) this.position.left = data.left;
+                if (isNumber(data.top)) this.position.top = data.top;
+                if (isNumber(data.height)) this.size.height = data.height;
+                if (isNumber(data.width)) this.size.width = data.width;
+        },
+
+        _updateRatio: function(data, event) {
+
+                var o = this.options, cpos = this.position, csize = this.size, a = this.axis;
+
+                if (data.height) data.width = (csize.height * this.aspectRatio);
+                else if (data.width) data.height = (csize.width / this.aspectRatio);
+
+                if (a == 'sw') {
+                        data.left = cpos.left + (csize.width - data.width);
+                        data.top = null;
+                }
+                if (a == 'nw') {
+                        data.top = cpos.top + (csize.height - data.height);
+                        data.left = cpos.left + (csize.width - data.width);
+                }
+
+                return data;
+        },
+
+        _respectSize: function(data, event) {
+
+                var el = this.helper, o = this.options, pRatio = this._aspectRatio || event.shiftKey, a = this.axis,
+                                ismaxw = isNumber(data.width) && o.maxWidth && (o.maxWidth < data.width), ismaxh = isNumber(data.height) && o.maxHeight && (o.maxHeight < data.height),
+                                        isminw = isNumber(data.width) && o.minWidth && (o.minWidth > data.width), isminh = isNumber(data.height) && o.minHeight && (o.minHeight > data.height);
+
+                if (isminw) data.width = o.minWidth;
+                if (isminh) data.height = o.minHeight;
+                if (ismaxw) data.width = o.maxWidth;
+                if (ismaxh) data.height = o.maxHeight;
+
+                var dw = this.originalPosition.left + this.originalSize.width, dh = this.position.top + this.size.height;
+                var cw = /sw|nw|w/.test(a), ch = /nw|ne|n/.test(a);
+
+                if (isminw && cw) data.left = dw - o.minWidth;
+                if (ismaxw && cw) data.left = dw - o.maxWidth;
+                if (isminh && ch)       data.top = dh - o.minHeight;
+                if (ismaxh && ch)       data.top = dh - o.maxHeight;
+
+                // fixing jump error on top/left - bug #2330
+                var isNotwh = !data.width && !data.height;
+                if (isNotwh && !data.left && data.top) data.top = null;
+                else if (isNotwh && !data.top && data.left) data.left = null;
+
+                return data;
+        },
+
+        _proportionallyResize: function() {
+
+                var o = this.options;
+                if (!this._proportionallyResizeElements.length) return;
+                var element = this.helper || this.element;
+
+                for (var i=0; i < this._proportionallyResizeElements.length; i++) {
+
+                        var prel = this._proportionallyResizeElements[i];
+
+                        if (!this.borderDif) {
+                                var b = [prel.css('borderTopWidth'), prel.css('borderRightWidth'), prel.css('borderBottomWidth'), prel.css('borderLeftWidth')],
+                                        p = [prel.css('paddingTop'), prel.css('paddingRight'), prel.css('paddingBottom'), prel.css('paddingLeft')];
+
+                                this.borderDif = $.map(b, function(v, i) {
+                                        var border = parseInt(v,10)||0, padding = parseInt(p[i],10)||0;
+                                        return border + padding;
+                                });
+                        }
+
+                        if ($.browser.msie && !(!($(element).is(':hidden') || $(element).parents(':hidden').length)))
+                                continue;
+
+                        prel.css({
+                                height: (element.height() - this.borderDif[0] - this.borderDif[2]) || 0,
+                                width: (element.width() - this.borderDif[1] - this.borderDif[3]) || 0
+                        });
+
+                };
+
+        },
+
+        _renderProxy: function() {
+
+                var el = this.element, o = this.options;
+                this.elementOffset = el.offset();
+
+                if(this._helper) {
+
+                        this.helper = this.helper || $('<div style="overflow:hidden;"></div>');
+
+                        // fix ie6 offset TODO: This seems broken
+                        var ie6 = $.browser.msie && $.browser.version < 7, ie6offset = (ie6 ? 1 : 0),
+                        pxyoffset = ( ie6 ? 2 : -1 );
+
+                        this.helper.addClass(this._helper).css({
+                                width: this.element.outerWidth() + pxyoffset,
+                                height: this.element.outerHeight() + pxyoffset,
+                                position: 'absolute',
+                                left: this.elementOffset.left - ie6offset +'px',
+                                top: this.elementOffset.top - ie6offset +'px',
+                                zIndex: ++o.zIndex //TODO: Don't modify option
+                        });
+
+                        this.helper
+                                .appendTo("body")
+                                .disableSelection();
+
+                } else {
+                        this.helper = this.element;
+                }
+
+        },
+
+        _change: {
+                e: function(event, dx, dy) {
+                        return { width: this.originalSize.width + dx };
+                },
+                w: function(event, dx, dy) {
+                        var o = this.options, cs = this.originalSize, sp = this.originalPosition;
+                        return { left: sp.left + dx, width: cs.width - dx };
+                },
+                n: function(event, dx, dy) {
+                        var o = this.options, cs = this.originalSize, sp = this.originalPosition;
+                        return { top: sp.top + dy, height: cs.height - dy };
+                },
+                s: function(event, dx, dy) {
+                        return { height: this.originalSize.height + dy };
+                },
+                se: function(event, dx, dy) {
+                        return $.extend(this._change.s.apply(this, arguments), this._change.e.apply(this, [event, dx, dy]));
+                },
+                sw: function(event, dx, dy) {
+                        return $.extend(this._change.s.apply(this, arguments), this._change.w.apply(this, [event, dx, dy]));
+                },
+                ne: function(event, dx, dy) {
+                        return $.extend(this._change.n.apply(this, arguments), this._change.e.apply(this, [event, dx, dy]));
+                },
+                nw: function(event, dx, dy) {
+                        return $.extend(this._change.n.apply(this, arguments), this._change.w.apply(this, [event, dx, dy]));
+                }
+        },
+
+        _propagate: function(n, event) {
+                $.ui.plugin.call(this, n, [event, this.ui()]);
+                (n != "resize" && this._trigger(n, event, this.ui()));
+        },
+
+        plugins: {},
+
+        ui: function() {
+                return {
+                        originalElement: this.originalElement,
+                        element: this.element,
+                        helper: this.helper,
+                        position: this.position,
+                        size: this.size,
+                        originalSize: this.originalSize,
+                        originalPosition: this.originalPosition
+                };
+        }
+
+}));
+
+$.extend($.ui.resizable, {
+        version: "1.7.2",
+        eventPrefix: "resize",
+        defaults: {
+                alsoResize: false,
+                animate: false,
+                animateDuration: "slow",
+                animateEasing: "swing",
+                aspectRatio: false,
+                autoHide: false,
+                cancel: ":input,option",
+                containment: false,
+                delay: 0,
+                distance: 1,
+                ghost: false,
+                grid: false,
+                handles: "e,s,se",
+                helper: false,
+                maxHeight: null,
+                maxWidth: null,
+                minHeight: 10,
+                minWidth: 10,
+                zIndex: 1000
+        }
+});
+
+/*
+ * Resizable Extensions
+ */
+
+$.ui.plugin.add("resizable", "alsoResize", {
+
+        start: function(event, ui) {
+
+                var self = $(this).data("resizable"), o = self.options;
+
+                _store = function(exp) {
+                        $(exp).each(function() {
+                                $(this).data("resizable-alsoresize", {
+                                        width: parseInt($(this).width(), 10), height: parseInt($(this).height(), 10),
+                                        left: parseInt($(this).css('left'), 10), top: parseInt($(this).css('top'), 10)
+                                });
+                        });
+                };
+
+                if (typeof(o.alsoResize) == 'object' && !o.alsoResize.parentNode) {
+                        if (o.alsoResize.length) { o.alsoResize = o.alsoResize[0];      _store(o.alsoResize); }
+                        else { $.each(o.alsoResize, function(exp, c) { _store(exp); }); }
+                }else{
+                        _store(o.alsoResize);
+                }
+        },
+
+        resize: function(event, ui){
+                var self = $(this).data("resizable"), o = self.options, os = self.originalSize, op = self.originalPosition;
+
+                var delta = {
+                        height: (self.size.height - os.height) || 0, width: (self.size.width - os.width) || 0,
+                        top: (self.position.top - op.top) || 0, left: (self.position.left - op.left) || 0
+                },
+
+                _alsoResize = function(exp, c) {
+                        $(exp).each(function() {
+                                var el = $(this), start = $(this).data("resizable-alsoresize"), style = {}, css = c && c.length ? c : ['width', 'height', 'top', 'left'];
+
+                                $.each(css || ['width', 'height', 'top', 'left'], function(i, prop) {
+                                        var sum = (start[prop]||0) + (delta[prop]||0);
+                                        if (sum && sum >= 0)
+                                                style[prop] = sum || null;
+                                });
+
+                                //Opera fixing relative position
+                                if (/relative/.test(el.css('position')) && $.browser.opera) {
+                                        self._revertToRelativePosition = true;
+                                        el.css({ position: 'absolute', top: 'auto', left: 'auto' });
+                                }
+
+                                el.css(style);
+                        });
+                };
+
+                if (typeof(o.alsoResize) == 'object' && !o.alsoResize.nodeType) {
+                        $.each(o.alsoResize, function(exp, c) { _alsoResize(exp, c); });
+                }else{
+                        _alsoResize(o.alsoResize);
+                }
+        },
+
+        stop: function(event, ui){
+                var self = $(this).data("resizable");
+
+                //Opera fixing relative position
+                if (self._revertToRelativePosition && $.browser.opera) {
+                        self._revertToRelativePosition = false;
+                        el.css({ position: 'relative' });
+                }
+
+                $(this).removeData("resizable-alsoresize-start");
+        }
+});
+
+$.ui.plugin.add("resizable", "animate", {
+
+        stop: function(event, ui) {
+                var self = $(this).data("resizable"), o = self.options;
+
+                var pr = self._proportionallyResizeElements, ista = pr.length && (/textarea/i).test(pr[0].nodeName),
+                                        soffseth = ista && $.ui.hasScroll(pr[0], 'left') /* TODO - jump height */ ? 0 : self.sizeDiff.height,
+                                                soffsetw = ista ? 0 : self.sizeDiff.width;
+
+                var style = { width: (self.size.width - soffsetw), height: (self.size.height - soffseth) },
+                                        left = (parseInt(self.element.css('left'), 10) + (self.position.left - self.originalPosition.left)) || null,
+                                                top = (parseInt(self.element.css('top'), 10) + (self.position.top - self.originalPosition.top)) || null;
+
+                self.element.animate(
+                        $.extend(style, top && left ? { top: top, left: left } : {}), {
+                                duration: o.animateDuration,
+                                easing: o.animateEasing,
+                                step: function() {
+
+                                        var data = {
+                                                width: parseInt(self.element.css('width'), 10),
+                                                height: parseInt(self.element.css('height'), 10),
+                                                top: parseInt(self.element.css('top'), 10),
+                                                left: parseInt(self.element.css('left'), 10)
+                                        };
+
+                                        if (pr && pr.length) $(pr[0]).css({ width: data.width, height: data.height });
+
+                                        // propagating resize, and updating values for each animation step
+                                        self._updateCache(data);
+                                        self._propagate("resize", event);
+
+                                }
+                        }
+                );
+        }
+
+});
+
+$.ui.plugin.add("resizable", "containment", {
+
+        start: function(event, ui) {
+                var self = $(this).data("resizable"), o = self.options, el = self.element;
+                var oc = o.containment, ce = (oc instanceof $) ? oc.get(0) : (/parent/.test(oc)) ? el.parent().get(0) : oc;
+                if (!ce) return;
+
+                self.containerElement = $(ce);
+
+                if (/document/.test(oc) || oc == document) {
+                        self.containerOffset = { left: 0, top: 0 };
+                        self.containerPosition = { left: 0, top: 0 };
+
+                        self.parentData = {
+                                element: $(document), left: 0, top: 0,
+                                width: $(document).width(), height: $(document).height() || document.body.parentNode.scrollHeight
+                        };
+                }
+
+                // i'm a node, so compute top, left, right, bottom
+                else {
+                        var element = $(ce), p = [];
+                        $([ "Top", "Right", "Left", "Bottom" ]).each(function(i, name) { p[i] = num(element.css("padding" + name)); });
+
+                        self.containerOffset = element.offset();
+                        self.containerPosition = element.position();
+                        self.containerSize = { height: (element.innerHeight() - p[3]), width: (element.innerWidth() - p[1]) };
+
+                        var co = self.containerOffset, ch = self.containerSize.height,  cw = self.containerSize.width,
+                                                width = ($.ui.hasScroll(ce, "left") ? ce.scrollWidth : cw ), height = ($.ui.hasScroll(ce) ? ce.scrollHeight : ch);
+
+                        self.parentData = {
+                                element: ce, left: co.left, top: co.top, width: width, height: height
+                        };
+                }
+        },
+
+        resize: function(event, ui) {
+                var self = $(this).data("resizable"), o = self.options,
+                                ps = self.containerSize, co = self.containerOffset, cs = self.size, cp = self.position,
+                                pRatio = self._aspectRatio || event.shiftKey, cop = { top:0, left:0 }, ce = self.containerElement;
+
+                if (ce[0] != document && (/static/).test(ce.css('position'))) cop = co;
+
+                if (cp.left < (self._helper ? co.left : 0)) {
+                        self.size.width = self.size.width + (self._helper ? (self.position.left - co.left) : (self.position.left - cop.left));
+                        if (pRatio) self.size.height = self.size.width / o.aspectRatio;
+                        self.position.left = o.helper ? co.left : 0;
+                }
+
+                if (cp.top < (self._helper ? co.top : 0)) {
+                        self.size.height = self.size.height + (self._helper ? (self.position.top - co.top) : self.position.top);
+                        if (pRatio) self.size.width = self.size.height * o.aspectRatio;
+                        self.position.top = self._helper ? co.top : 0;
+                }
+
+                self.offset.left = self.parentData.left+self.position.left;
+                self.offset.top = self.parentData.top+self.position.top;
+
+                var woset = Math.abs( (self._helper ? self.offset.left - cop.left : (self.offset.left - cop.left)) + self.sizeDiff.width ),
+                                        hoset = Math.abs( (self._helper ? self.offset.top - cop.top : (self.offset.top - co.top)) + self.sizeDiff.height );
+
+                var isParent = self.containerElement.get(0) == self.element.parent().get(0),
+                    isOffsetRelative = /relative|absolute/.test(self.containerElement.css('position'));
+
+                if(isParent && isOffsetRelative) woset -= self.parentData.left;
+
+                if (woset + self.size.width >= self.parentData.width) {
+                        self.size.width = self.parentData.width - woset;
+                        if (pRatio) self.size.height = self.size.width / self.aspectRatio;
+                }
+
+                if (hoset + self.size.height >= self.parentData.height) {
+                        self.size.height = self.parentData.height - hoset;
+                        if (pRatio) self.size.width = self.size.height * self.aspectRatio;
+                }
+        },
+
+        stop: function(event, ui){
+                var self = $(this).data("resizable"), o = self.options, cp = self.position,
+                                co = self.containerOffset, cop = self.containerPosition, ce = self.containerElement;
+
+                var helper = $(self.helper), ho = helper.offset(), w = helper.outerWidth() - self.sizeDiff.width, h = helper.outerHeight() - self.sizeDiff.height;
+
+                if (self._helper && !o.animate && (/relative/).test(ce.css('position')))
+                        $(this).css({ left: ho.left - cop.left - co.left, width: w, height: h });
+
+                if (self._helper && !o.animate && (/static/).test(ce.css('position')))
+                        $(this).css({ left: ho.left - cop.left - co.left, width: w, height: h });
+
+        }
+});
+
+$.ui.plugin.add("resizable", "ghost", {
+
+        start: function(event, ui) {
+
+                var self = $(this).data("resizable"), o = self.options, cs = self.size;
+
+                self.ghost = self.originalElement.clone();
+                self.ghost
+                        .css({ opacity: .25, display: 'block', position: 'relative', height: cs.height, width: cs.width, margin: 0, left: 0, top: 0 })
+                        .addClass('ui-resizable-ghost')
+                        .addClass(typeof o.ghost == 'string' ? o.ghost : '');
+
+                self.ghost.appendTo(self.helper);
+
+        },
+
+        resize: function(event, ui){
+                var self = $(this).data("resizable"), o = self.options;
+                if (self.ghost) self.ghost.css({ position: 'relative', height: self.size.height, width: self.size.width });
+        },
+
+        stop: function(event, ui){
+                var self = $(this).data("resizable"), o = self.options;
+                if (self.ghost && self.helper) self.helper.get(0).removeChild(self.ghost.get(0));
+        }
+
+});
+
+$.ui.plugin.add("resizable", "grid", {
+
+        resize: function(event, ui) {
+                var self = $(this).data("resizable"), o = self.options, cs = self.size, os = self.originalSize, op = self.originalPosition, a = self.axis, ratio = o._aspectRatio || event.shiftKey;
+                o.grid = typeof o.grid == "number" ? [o.grid, o.grid] : o.grid;
+                var ox = Math.round((cs.width - os.width) / (o.grid[0]||1)) * (o.grid[0]||1), oy = Math.round((cs.height - os.height) / (o.grid[1]||1)) * (o.grid[1]||1);
+
+                if (/^(se|s|e)$/.test(a)) {
+                        self.size.width = os.width + ox;
+                        self.size.height = os.height + oy;
+                }
+                else if (/^(ne)$/.test(a)) {
+                        self.size.width = os.width + ox;
+                        self.size.height = os.height + oy;
+                        self.position.top = op.top - oy;
+                }
+                else if (/^(sw)$/.test(a)) {
+                        self.size.width = os.width + ox;
+                        self.size.height = os.height + oy;
+                        self.position.left = op.left - ox;
+                }
+                else {
+                        self.size.width = os.width + ox;
+                        self.size.height = os.height + oy;
+                        self.position.top = op.top - oy;
+                        self.position.left = op.left - ox;
+                }
+        }
+
+});
+
+var num = function(v) {
+        return parseInt(v, 10) || 0;
+};
+
+var isNumber = function(value) {
+        return !isNaN(parseInt(value, 10));
+};
+
+})(jQuery);
diff --git a/static/development-bundle/ui/ui.selectable.js b/static/development-bundle/ui/ui.selectable.js
new file mode 100644
index 0000000..08f99cf
--- /dev/null
+++ b/static/development-bundle/ui/ui.selectable.js
@@ -0,0 +1,257 @@
+/*
+ * jQuery UI Selectable 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Selectables
+ *
+ * Depends:
+ *      ui.core.js
+ */
+(function($) {
+
+$.widget("ui.selectable", $.extend({}, $.ui.mouse, {
+
+        _init: function() {
+                var self = this;
+
+                this.element.addClass("ui-selectable");
+
+                this.dragged = false;
+
+                // cache selectee children based on filter
+                var selectees;
+                this.refresh = function() {
+                        selectees = $(self.options.filter, self.element[0]);
+                        selectees.each(function() {
+                                var $this = $(this);
+                                var pos = $this.offset();
+                                $.data(this, "selectable-item", {
+                                        element: this,
+                                        $element: $this,
+                                        left: pos.left,
+                                        top: pos.top,
+                                        right: pos.left + $this.outerWidth(),
+                                        bottom: pos.top + $this.outerHeight(),
+                                        startselected: false,
+                                        selected: $this.hasClass('ui-selected'),
+                                        selecting: $this.hasClass('ui-selecting'),
+                                        unselecting: $this.hasClass('ui-unselecting')
+                                });
+                        });
+                };
+                this.refresh();
+
+                this.selectees = selectees.addClass("ui-selectee");
+
+                this._mouseInit();
+
+                this.helper = $(document.createElement('div'))
+                        .css({border:'1px dotted black'})
+                        .addClass("ui-selectable-helper");
+        },
+
+        destroy: function() {
+                this.element
+                        .removeClass("ui-selectable ui-selectable-disabled")
+                        .removeData("selectable")
+                        .unbind(".selectable");
+                this._mouseDestroy();
+        },
+
+        _mouseStart: function(event) {
+                var self = this;
+
+                this.opos = [event.pageX, event.pageY];
+
+                if (this.options.disabled)
+                        return;
+
+                var options = this.options;
+
+                this.selectees = $(options.filter, this.element[0]);
+
+                this._trigger("start", event);
+
+                $(options.appendTo).append(this.helper);
+                // position helper (lasso)
+                this.helper.css({
+                        "z-index": 100,
+                        "position": "absolute",
+                        "left": event.clientX,
+                        "top": event.clientY,
+                        "width": 0,
+                        "height": 0
+                });
+
+                if (options.autoRefresh) {
+                        this.refresh();
+                }
+
+                this.selectees.filter('.ui-selected').each(function() {
+                        var selectee = $.data(this, "selectable-item");
+                        selectee.startselected = true;
+                        if (!event.metaKey) {
+                                selectee.$element.removeClass('ui-selected');
+                                selectee.selected = false;
+                                selectee.$element.addClass('ui-unselecting');
+                                selectee.unselecting = true;
+                                // selectable UNSELECTING callback
+                                self._trigger("unselecting", event, {
+                                        unselecting: selectee.element
+                                });
+                        }
+                });
+
+                $(event.target).parents().andSelf().each(function() {
+                        var selectee = $.data(this, "selectable-item");
+                        if (selectee) {
+                                selectee.$element.removeClass("ui-unselecting").addClass('ui-selecting');
+                                selectee.unselecting = false;
+                                selectee.selecting = true;
+                                selectee.selected = true;
+                                // selectable SELECTING callback
+                                self._trigger("selecting", event, {
+                                        selecting: selectee.element
+                                });
+                                return false;
+                        }
+                });
+
+        },
+
+        _mouseDrag: function(event) {
+                var self = this;
+                this.dragged = true;
+
+                if (this.options.disabled)
+                        return;
+
+                var options = this.options;
+
+                var x1 = this.opos[0], y1 = this.opos[1], x2 = event.pageX, y2 = event.pageY;
+                if (x1 > x2) { var tmp = x2; x2 = x1; x1 = tmp; }
+                if (y1 > y2) { var tmp = y2; y2 = y1; y1 = tmp; }
+                this.helper.css({left: x1, top: y1, width: x2-x1, height: y2-y1});
+
+                this.selectees.each(function() {
+                        var selectee = $.data(this, "selectable-item");
+                        //prevent helper from being selected if appendTo: selectable
+                        if (!selectee || selectee.element == self.element[0])
+                                return;
+                        var hit = false;
+                        if (options.tolerance == 'touch') {
+                                hit = ( !(selectee.left > x2 || selectee.right < x1 || selectee.top > y2 || selectee.bottom < y1) );
+                        } else if (options.tolerance == 'fit') {
+                                hit = (selectee.left > x1 && selectee.right < x2 && selectee.top > y1 && selectee.bottom < y2);
+                        }
+
+                        if (hit) {
+                                // SELECT
+                                if (selectee.selected) {
+                                        selectee.$element.removeClass('ui-selected');
+                                        selectee.selected = false;
+                                }
+                                if (selectee.unselecting) {
+                                        selectee.$element.removeClass('ui-unselecting');
+                                        selectee.unselecting = false;
+                                }
+                                if (!selectee.selecting) {
+                                        selectee.$element.addClass('ui-selecting');
+                                        selectee.selecting = true;
+                                        // selectable SELECTING callback
+                                        self._trigger("selecting", event, {
+                                                selecting: selectee.element
+                                        });
+                                }
+                        } else {
+                                // UNSELECT
+                                if (selectee.selecting) {
+                                        if (event.metaKey && selectee.startselected) {
+                                                selectee.$element.removeClass('ui-selecting');
+                                                selectee.selecting = false;
+                                                selectee.$element.addClass('ui-selected');
+                                                selectee.selected = true;
+                                        } else {
+                                                selectee.$element.removeClass('ui-selecting');
+                                                selectee.selecting = false;
+                                                if (selectee.startselected) {
+                                                        selectee.$element.addClass('ui-unselecting');
+                                                        selectee.unselecting = true;
+                                                }
+                                                // selectable UNSELECTING callback
+                                                self._trigger("unselecting", event, {
+                                                        unselecting: selectee.element
+                                                });
+                                        }
+                                }
+                                if (selectee.selected) {
+                                        if (!event.metaKey && !selectee.startselected) {
+                                                selectee.$element.removeClass('ui-selected');
+                                                selectee.selected = false;
+
+                                                selectee.$element.addClass('ui-unselecting');
+                                                selectee.unselecting = true;
+                                                // selectable UNSELECTING callback
+                                                self._trigger("unselecting", event, {
+                                                        unselecting: selectee.element
+                                                });
+                                        }
+                                }
+                        }
+                });
+
+                return false;
+        },
+
+        _mouseStop: function(event) {
+                var self = this;
+
+                this.dragged = false;
+
+                var options = this.options;
+
+                $('.ui-unselecting', this.element[0]).each(function() {
+                        var selectee = $.data(this, "selectable-item");
+                        selectee.$element.removeClass('ui-unselecting');
+                        selectee.unselecting = false;
+                        selectee.startselected = false;
+                        self._trigger("unselected", event, {
+                                unselected: selectee.element
+                        });
+                });
+                $('.ui-selecting', this.element[0]).each(function() {
+                        var selectee = $.data(this, "selectable-item");
+                        selectee.$element.removeClass('ui-selecting').addClass('ui-selected');
+                        selectee.selecting = false;
+                        selectee.selected = true;
+                        selectee.startselected = true;
+                        self._trigger("selected", event, {
+                                selected: selectee.element
+                        });
+                });
+                this._trigger("stop", event);
+
+                this.helper.remove();
+
+                return false;
+        }
+
+}));
+
+$.extend($.ui.selectable, {
+        version: "1.7.2",
+        defaults: {
+                appendTo: 'body',
+                autoRefresh: true,
+                cancel: ":input,option",
+                delay: 0,
+                distance: 0,
+                filter: '*',
+                tolerance: 'touch'
+        }
+});
+
+})(jQuery);
diff --git a/static/development-bundle/ui/ui.slider.js b/static/development-bundle/ui/ui.slider.js
new file mode 100644
index 0000000..f466a69
--- /dev/null
+++ b/static/development-bundle/ui/ui.slider.js
@@ -0,0 +1,558 @@
+/*
+ * jQuery UI Slider 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Slider
+ *
+ * Depends:
+ *      ui.core.js
+ */
+
+(function($) {
+
+$.widget("ui.slider", $.extend({}, $.ui.mouse, {
+
+        _init: function() {
+
+                var self = this, o = this.options;
+                this._keySliding = false;
+                this._handleIndex = null;
+                this._detectOrientation();
+                this._mouseInit();
+
+                this.element
+                        .addClass("ui-slider"
+                                + " ui-slider-" + this.orientation
+                                + " ui-widget"
+                                + " ui-widget-content"
+                                + " ui-corner-all");
+
+                this.range = $([]);
+
+                if (o.range) {
+
+                        if (o.range === true) {
+                                this.range = $('<div></div>');
+                                if (!o.values) o.values = [this._valueMin(), this._valueMin()];
+                                if (o.values.length && o.values.length != 2) {
+                                        o.values = [o.values[0], o.values[0]];
+                                }
+                        } else {
+                                this.range = $('<div></div>');
+                        }
+
+                        this.range
+                                .appendTo(this.element)
+                                .addClass("ui-slider-range");
+
+                        if (o.range == "min" || o.range == "max") {
+                                this.range.addClass("ui-slider-range-" + o.range);
+                        }
+
+                        // note: this isn't the most fittingly semantic framework class for this element,
+                        // but worked best visually with a variety of themes
+                        this.range.addClass("ui-widget-header");
+
+                }
+
+                if ($(".ui-slider-handle", this.element).length == 0)
+                        $('<a href="#"></a>')
+                                .appendTo(this.element)
+                                .addClass("ui-slider-handle");
+
+                if (o.values && o.values.length) {
+                        while ($(".ui-slider-handle", this.element).length < o.values.length)
+                                $('<a href="#"></a>')
+                                        .appendTo(this.element)
+                                        .addClass("ui-slider-handle");
+                }
+
+                this.handles = $(".ui-slider-handle", this.element)
+                        .addClass("ui-state-default"
+                                + " ui-corner-all");
+
+                this.handle = this.handles.eq(0);
+
+                this.handles.add(this.range).filter("a")
+                        .click(function(event) {
+                                event.preventDefault();
+                        })
+                        .hover(function() {
+                                if (!o.disabled) {
+                                        $(this).addClass('ui-state-hover');
+                                }
+                        }, function() {
+                                $(this).removeClass('ui-state-hover');
+                        })
+                        .focus(function() {
+                                if (!o.disabled) {
+                                        $(".ui-slider .ui-state-focus").removeClass('ui-state-focus'); $(this).addClass('ui-state-focus');
+                                } else {
+                                        $(this).blur();
+                                }
+                        })
+                        .blur(function() {
+                                $(this).removeClass('ui-state-focus');
+                        });
+
+                this.handles.each(function(i) {
+                        $(this).data("index.ui-slider-handle", i);
+                });
+
+                this.handles.keydown(function(event) {
+
+                        var ret = true;
+
+                        var index = $(this).data("index.ui-slider-handle");
+
+                        if (self.options.disabled)
+                                return;
+
+                        switch (event.keyCode) {
+                                case $.ui.keyCode.HOME:
+                                case $.ui.keyCode.END:
+                                case $.ui.keyCode.UP:
+                                case $.ui.keyCode.RIGHT:
+                                case $.ui.keyCode.DOWN:
+                                case $.ui.keyCode.LEFT:
+                                        ret = false;
+                                        if (!self._keySliding) {
+                                                self._keySliding = true;
+                                                $(this).addClass("ui-state-active");
+                                                self._start(event, index);
+                                        }
+                                        break;
+                        }
+
+                        var curVal, newVal, step = self._step();
+                        if (self.options.values && self.options.values.length) {
+                                curVal = newVal = self.values(index);
+                        } else {
+                                curVal = newVal = self.value();
+                        }
+
+                        switch (event.keyCode) {
+                                case $.ui.keyCode.HOME:
+                                        newVal = self._valueMin();
+                                        break;
+                                case $.ui.keyCode.END:
+                                        newVal = self._valueMax();
+                                        break;
+                                case $.ui.keyCode.UP:
+                                case $.ui.keyCode.RIGHT:
+                                        if(curVal == self._valueMax()) return;
+                                        newVal = curVal + step;
+                                        break;
+                                case $.ui.keyCode.DOWN:
+                                case $.ui.keyCode.LEFT:
+                                        if(curVal == self._valueMin()) return;
+                                        newVal = curVal - step;
+                                        break;
+                        }
+
+                        self._slide(event, index, newVal);
+
+                        return ret;
+
+                }).keyup(function(event) {
+
+                        var index = $(this).data("index.ui-slider-handle");
+
+                        if (self._keySliding) {
+                                self._stop(event, index);
+                                self._change(event, index);
+                                self._keySliding = false;
+                                $(this).removeClass("ui-state-active");
+                        }
+
+                });
+
+                this._refreshValue();
+
+        },
+
+        destroy: function() {
+
+                this.handles.remove();
+                this.range.remove();
+
+                this.element
+                        .removeClass("ui-slider"
+                                + " ui-slider-horizontal"
+                                + " ui-slider-vertical"
+                                + " ui-slider-disabled"
+                                + " ui-widget"
+                                + " ui-widget-content"
+                                + " ui-corner-all")
+                        .removeData("slider")
+                        .unbind(".slider");
+
+                this._mouseDestroy();
+
+        },
+
+        _mouseCapture: function(event) {
+
+                var o = this.options;
+
+                if (o.disabled)
+                        return false;
+
+                this.elementSize = {
+                        width: this.element.outerWidth(),
+                        height: this.element.outerHeight()
+                };
+                this.elementOffset = this.element.offset();
+
+                var position = { x: event.pageX, y: event.pageY };
+                var normValue = this._normValueFromMouse(position);
+
+                var distance = this._valueMax() - this._valueMin() + 1, closestHandle;
+                var self = this, index;
+                this.handles.each(function(i) {
+                        var thisDistance = Math.abs(normValue - self.values(i));
+                        if (distance > thisDistance) {
+                                distance = thisDistance;
+                                closestHandle = $(this);
+                                index = i;
+                        }
+                });
+
+                // workaround for bug #3736 (if both handles of a range are at 0,
+                // the first is always used as the one with least distance,
+                // and moving it is obviously prevented by preventing negative ranges)
+                if(o.range == true && this.values(1) == o.min) {
+                        closestHandle = $(this.handles[++index]);
+                }
+
+                this._start(event, index);
+
+                self._handleIndex = index;
+
+                closestHandle
+                        .addClass("ui-state-active")
+                        .focus();
+                
+                var offset = closestHandle.offset();
+                var mouseOverHandle = !$(event.target).parents().andSelf().is('.ui-slider-handle');
+                this._clickOffset = mouseOverHandle ? { left: 0, top: 0 } : {
+                        left: event.pageX - offset.left - (closestHandle.width() / 2),
+                        top: event.pageY - offset.top
+                                - (closestHandle.height() / 2)
+                                - (parseInt(closestHandle.css('borderTopWidth'),10) || 0)
+                                - (parseInt(closestHandle.css('borderBottomWidth'),10) || 0)
+                                + (parseInt(closestHandle.css('marginTop'),10) || 0)
+                };
+
+                normValue = this._normValueFromMouse(position);
+                this._slide(event, index, normValue);
+                return true;
+
+        },
+
+        _mouseStart: function(event) {
+                return true;
+        },
+
+        _mouseDrag: function(event) {
+
+                var position = { x: event.pageX, y: event.pageY };
+                var normValue = this._normValueFromMouse(position);
+                
+                this._slide(event, this._handleIndex, normValue);
+
+                return false;
+
+        },
+
+        _mouseStop: function(event) {
+
+                this.handles.removeClass("ui-state-active");
+                this._stop(event, this._handleIndex);
+                this._change(event, this._handleIndex);
+                this._handleIndex = null;
+                this._clickOffset = null;
+
+                return false;
+
+        },
+        
+        _detectOrientation: function() {
+                this.orientation = this.options.orientation == 'vertical' ? 'vertical' : 'horizontal';
+        },
+
+        _normValueFromMouse: function(position) {
+
+                var pixelTotal, pixelMouse;
+                if ('horizontal' == this.orientation) {
+                        pixelTotal = this.elementSize.width;
+                        pixelMouse = position.x - this.elementOffset.left - (this._clickOffset ? this._clickOffset.left : 0);
+                } else {
+                        pixelTotal = this.elementSize.height;
+                        pixelMouse = position.y - this.elementOffset.top - (this._clickOffset ? this._clickOffset.top : 0);
+                }
+
+                var percentMouse = (pixelMouse / pixelTotal);
+                if (percentMouse > 1) percentMouse = 1;
+                if (percentMouse < 0) percentMouse = 0;
+                if ('vertical' == this.orientation)
+                        percentMouse = 1 - percentMouse;
+
+                var valueTotal = this._valueMax() - this._valueMin(),
+                        valueMouse = percentMouse * valueTotal,
+                        valueMouseModStep = valueMouse % this.options.step,
+                        normValue = this._valueMin() + valueMouse - valueMouseModStep;
+
+                if (valueMouseModStep > (this.options.step / 2))
+                        normValue += this.options.step;
+
+                // Since JavaScript has problems with large floats, round
+                // the final value to 5 digits after the decimal point (see #4124)
+                return parseFloat(normValue.toFixed(5));
+
+        },
+
+        _start: function(event, index) {
+                var uiHash = {
+                        handle: this.handles[index],
+                        value: this.value()
+                };
+                if (this.options.values && this.options.values.length) {
+                        uiHash.value = this.values(index);
+                        uiHash.values = this.values();
+                }
+                this._trigger("start", event, uiHash);
+        },
+
+        _slide: function(event, index, newVal) {
+
+                var handle = this.handles[index];
+
+                if (this.options.values && this.options.values.length) {
+
+                        var otherVal = this.values(index ? 0 : 1);
+
+                        if ((this.options.values.length == 2 && this.options.range === true) && 
+                                ((index == 0 && newVal > otherVal) || (index == 1 && newVal < otherVal))){
+                                newVal = otherVal;
+                        }
+
+                        if (newVal != this.values(index)) {
+                                var newValues = this.values();
+                                newValues[index] = newVal;
+                                // A slide can be canceled by returning false from the slide callback
+                                var allowed = this._trigger("slide", event, {
+                                        handle: this.handles[index],
+                                        value: newVal,
+                                        values: newValues
+                                });
+                                var otherVal = this.values(index ? 0 : 1);
+                                if (allowed !== false) {
+                                        this.values(index, newVal, ( event.type == 'mousedown' && this.options.animate ), true);
+                                }
+                        }
+
+                } else {
+
+                        if (newVal != this.value()) {
+                                // A slide can be canceled by returning false from the slide callback
+                                var allowed = this._trigger("slide", event, {
+                                        handle: this.handles[index],
+                                        value: newVal
+                                });
+                                if (allowed !== false) {
+                                        this._setData('value', newVal, ( event.type == 'mousedown' && this.options.animate ));
+                                }
+                                        
+                        }
+
+                }
+
+        },
+
+        _stop: function(event, index) {
+                var uiHash = {
+                        handle: this.handles[index],
+                        value: this.value()
+                };
+                if (this.options.values && this.options.values.length) {
+                        uiHash.value = this.values(index);
+                        uiHash.values = this.values();
+                }
+                this._trigger("stop", event, uiHash);
+        },
+
+        _change: function(event, index) {
+                var uiHash = {
+                        handle: this.handles[index],
+                        value: this.value()
+                };
+                if (this.options.values && this.options.values.length) {
+                        uiHash.value = this.values(index);
+                        uiHash.values = this.values();
+                }
+                this._trigger("change", event, uiHash);
+        },
+
+        value: function(newValue) {
+
+                if (arguments.length) {
+                        this._setData("value", newValue);
+                        this._change(null, 0);
+                }
+
+                return this._value();
+
+        },
+
+        values: function(index, newValue, animated, noPropagation) {
+
+                if (arguments.length > 1) {
+                        this.options.values[index] = newValue;
+                        this._refreshValue(animated);
+                        if(!noPropagation) this._change(null, index);
+                }
+
+                if (arguments.length) {
+                        if (this.options.values && this.options.values.length) {
+                                return this._values(index);
+                        } else {
+                                return this.value();
+                        }
+                } else {
+                        return this._values();
+                }
+
+        },
+
+        _setData: function(key, value, animated) {
+
+                $.widget.prototype._setData.apply(this, arguments);
+
+                switch (key) {
+                        case 'disabled':
+                                if (value) {
+                                        this.handles.filter(".ui-state-focus").blur();
+                                        this.handles.removeClass("ui-state-hover");
+                                        this.handles.attr("disabled", "disabled");
+                                } else {
+                                        this.handles.removeAttr("disabled");
+                                }
+                        case 'orientation':
+
+                                this._detectOrientation();
+                                
+                                this.element
+                                        .removeClass("ui-slider-horizontal ui-slider-vertical")
+                                        .addClass("ui-slider-" + this.orientation);
+                                this._refreshValue(animated);
+                                break;
+                        case 'value':
+                                this._refreshValue(animated);
+                                break;
+                }
+
+        },
+
+        _step: function() {
+                var step = this.options.step;
+                return step;
+        },
+
+        _value: function() {
+
+                var val = this.options.value;
+                if (val < this._valueMin()) val = this._valueMin();
+                if (val > this._valueMax()) val = this._valueMax();
+
+                return val;
+
+        },
+
+        _values: function(index) {
+
+                if (arguments.length) {
+                        var val = this.options.values[index];
+                        if (val < this._valueMin()) val = this._valueMin();
+                        if (val > this._valueMax()) val = this._valueMax();
+
+                        return val;
+                } else {
+                        return this.options.values;
+                }
+
+        },
+
+        _valueMin: function() {
+                var valueMin = this.options.min;
+                return valueMin;
+        },
+
+        _valueMax: function() {
+                var valueMax = this.options.max;
+                return valueMax;
+        },
+
+        _refreshValue: function(animate) {
+
+                var oRange = this.options.range, o = this.options, self = this;
+
+                if (this.options.values && this.options.values.length) {
+                        var vp0, vp1;
+                        this.handles.each(function(i, j) {
+                                var valPercent = (self.values(i) - self._valueMin()) / (self._valueMax() - self._valueMin()) * 100;
+                                var _set = {}; _set[self.orientation == 'horizontal' ? 'left' : 'bottom'] = valPercent + '%';
+                                $(this).stop(1,1)[animate ? 'animate' : 'css'](_set, o.animate);
+                                if (self.options.range === true) {
+                                        if (self.orientation == 'horizontal') {
+                                                (i == 0) && self.range.stop(1,1)[animate ? 'animate' : 'css']({ left: valPercent + '%' }, o.animate);
+                                                (i == 1) && self.range[animate ? 'animate' : 'css']({ width: (valPercent - lastValPercent) + '%' }, { queue: false, duration: o.animate });
+                                        } else {
+                                                (i == 0) && self.range.stop(1,1)[animate ? 'animate' : 'css']({ bottom: (valPercent) + '%' }, o.animate);
+                                                (i == 1) && self.range[animate ? 'animate' : 'css']({ height: (valPercent - lastValPercent) + '%' }, { queue: false, duration: o.animate });
+                                        }
+                                }
+                                lastValPercent = valPercent;
+                        });
+                } else {
+                        var value = this.value(),
+                                valueMin = this._valueMin(),
+                                valueMax = this._valueMax(),
+                                valPercent = valueMax != valueMin
+                                        ? (value - valueMin) / (valueMax - valueMin) * 100
+                                        : 0;
+                        var _set = {}; _set[self.orientation == 'horizontal' ? 'left' : 'bottom'] = valPercent + '%';
+                        this.handle.stop(1,1)[animate ? 'animate' : 'css'](_set, o.animate);
+
+                        (oRange == "min") && (this.orientation == "horizontal") && this.range.stop(1,1)[animate ? 'animate' : 'css']({ width: valPercent + '%' }, o.animate);
+                        (oRange == "max") && (this.orientation == "horizontal") && this.range[animate ? 'animate' : 'css']({ width: (100 - valPercent) + '%' }, { queue: false, duration: o.animate });
+                        (oRange == "min") && (this.orientation == "vertical") && this.range.stop(1,1)[animate ? 'animate' : 'css']({ height: valPercent + '%' }, o.animate);
+                        (oRange == "max") && (this.orientation == "vertical") && this.range[animate ? 'animate' : 'css']({ height: (100 - valPercent) + '%' }, { queue: false, duration: o.animate });
+                }
+
+        }
+        
+}));
+
+$.extend($.ui.slider, {
+        getter: "value values",
+        version: "1.7.2",
+        eventPrefix: "slide",
+        defaults: {
+                animate: false,
+                delay: 0,
+                distance: 0,
+                max: 100,
+                min: 0,
+                orientation: 'horizontal',
+                range: false,
+                step: 1,
+                value: 0,
+                values: null
+        }
+});
+
+})(jQuery);
diff --git a/static/development-bundle/ui/ui.sortable.js b/static/development-bundle/ui/ui.sortable.js
new file mode 100644
index 0000000..5460850
--- /dev/null
+++ b/static/development-bundle/ui/ui.sortable.js
@@ -0,0 +1,1019 @@
+/*
+ * jQuery UI Sortable 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Sortables
+ *
+ * Depends:
+ *      ui.core.js
+ */
+(function($) {
+
+$.widget("ui.sortable", $.extend({}, $.ui.mouse, {
+        _init: function() {
+
+                var o = this.options;
+                this.containerCache = {};
+                this.element.addClass("ui-sortable");
+
+                //Get the items
+                this.refresh();
+
+                //Let's determine if the items are floating
+                this.floating = this.items.length ? (/left|right/).test(this.items[0].item.css('float')) : false;
+
+                //Let's determine the parent's offset
+                this.offset = this.element.offset();
+
+                //Initialize mouse events for interaction
+                this._mouseInit();
+
+        },
+
+        destroy: function() {
+                this.element
+                        .removeClass("ui-sortable ui-sortable-disabled")
+                        .removeData("sortable")
+                        .unbind(".sortable");
+                this._mouseDestroy();
+
+                for ( var i = this.items.length - 1; i >= 0; i-- )
+                        this.items[i].item.removeData("sortable-item");
+        },
+
+        _mouseCapture: function(event, overrideHandle) {
+
+                if (this.reverting) {
+                        return false;
+                }
+
+                if(this.options.disabled || this.options.type == 'static') return false;
+
+                //We have to refresh the items data once first
+                this._refreshItems(event);
+
+                //Find out if the clicked node (or one of its parents) is a actual item in this.items
+                var currentItem = null, self = this, nodes = $(event.target).parents().each(function() {
+                        if($.data(this, 'sortable-item') == self) {
+                                currentItem = $(this);
+                                return false;
+                        }
+                });
+                if($.data(event.target, 'sortable-item') == self) currentItem = $(event.target);
+
+                if(!currentItem) return false;
+                if(this.options.handle && !overrideHandle) {
+                        var validHandle = false;
+
+                        $(this.options.handle, currentItem).find("*").andSelf().each(function() { if(this == event.target) validHandle = true; });
+                        if(!validHandle) return false;
+                }
+
+                this.currentItem = currentItem;
+                this._removeCurrentsFromItems();
+                return true;
+
+        },
+
+        _mouseStart: function(event, overrideHandle, noActivation) {
+
+                var o = this.options, self = this;
+                this.currentContainer = this;
+
+                //We only need to call refreshPositions, because the refreshItems call has been moved to mouseCapture
+                this.refreshPositions();
+
+                //Create and append the visible helper
+                this.helper = this._createHelper(event);
+
+                //Cache the helper size
+                this._cacheHelperProportions();
+
+                /*
+                 * - Position generation -
+                 * This block generates everything position related - it's the core of draggables.
+                 */
+
+                //Cache the margins of the original element
+                this._cacheMargins();
+
+                //Get the next scrolling parent
+                this.scrollParent = this.helper.scrollParent();
+
+                //The element's absolute position on the page minus margins
+                this.offset = this.currentItem.offset();
+                this.offset = {
+                        top: this.offset.top - this.margins.top,
+                        left: this.offset.left - this.margins.left
+                };
+
+                // Only after we got the offset, we can change the helper's position to absolute
+                // TODO: Still need to figure out a way to make relative sorting possible
+                this.helper.css("position", "absolute");
+                this.cssPosition = this.helper.css("position");
+
+                $.extend(this.offset, {
+                        click: { //Where the click happened, relative to the element
+                                left: event.pageX - this.offset.left,
+                                top: event.pageY - this.offset.top
+                        },
+                        parent: this._getParentOffset(),
+                        relative: this._getRelativeOffset() //This is a relative to absolute position minus the actual position calculation - only used for relative positioned helper
+                });
+
+                //Generate the original position
+                this.originalPosition = this._generatePosition(event);
+                this.originalPageX = event.pageX;
+                this.originalPageY = event.pageY;
+
+                //Adjust the mouse offset relative to the helper if 'cursorAt' is supplied
+                if(o.cursorAt)
+                        this._adjustOffsetFromHelper(o.cursorAt);
+
+                //Cache the former DOM position
+                this.domPosition = { prev: this.currentItem.prev()[0], parent: this.currentItem.parent()[0] };
+
+                //If the helper is not the original, hide the original so it's not playing any role during the drag, won't cause anything bad this way
+                if(this.helper[0] != this.currentItem[0]) {
+                        this.currentItem.hide();
+                }
+
+                //Create the placeholder
+                this._createPlaceholder();
+
+                //Set a containment if given in the options
+                if(o.containment)
+                        this._setContainment();
+
+                if(o.cursor) { // cursor option
+                        if ($('body').css("cursor")) this._storedCursor = $('body').css("cursor");
+                        $('body').css("cursor", o.cursor);
+                }
+
+                if(o.opacity) { // opacity option
+                        if (this.helper.css("opacity")) this._storedOpacity = this.helper.css("opacity");
+                        this.helper.css("opacity", o.opacity);
+                }
+
+                if(o.zIndex) { // zIndex option
+                        if (this.helper.css("zIndex")) this._storedZIndex = this.helper.css("zIndex");
+                        this.helper.css("zIndex", o.zIndex);
+                }
+
+                //Prepare scrolling
+                if(this.scrollParent[0] != document && this.scrollParent[0].tagName != 'HTML')
+                        this.overflowOffset = this.scrollParent.offset();
+
+                //Call callbacks
+                this._trigger("start", event, this._uiHash());
+
+                //Recache the helper size
+                if(!this._preserveHelperProportions)
+                        this._cacheHelperProportions();
+
+
+                //Post 'activate' events to possible containers
+                if(!noActivation) {
+                         for (var i = this.containers.length - 1; i >= 0; i--) { this.containers[i]._trigger("activate", event, self._uiHash(this)); }
+                }
+
+                //Prepare possible droppables
+                if($.ui.ddmanager)
+                        $.ui.ddmanager.current = this;
+
+                if ($.ui.ddmanager && !o.dropBehaviour)
+                        $.ui.ddmanager.prepareOffsets(this, event);
+
+                this.dragging = true;
+
+                this.helper.addClass("ui-sortable-helper");
+                this._mouseDrag(event); //Execute the drag once - this causes the helper not to be visible before getting its correct position
+                return true;
+
+        },
+
+        _mouseDrag: function(event) {
+
+                //Compute the helpers position
+                this.position = this._generatePosition(event);
+                this.positionAbs = this._convertPositionTo("absolute");
+
+                if (!this.lastPositionAbs) {
+                        this.lastPositionAbs = this.positionAbs;
+                }
+
+                //Do scrolling
+                if(this.options.scroll) {
+                        var o = this.options, scrolled = false;
+                        if(this.scrollParent[0] != document && this.scrollParent[0].tagName != 'HTML') {
+
+                                if((this.overflowOffset.top + this.scrollParent[0].offsetHeight) - event.pageY < o.scrollSensitivity)
+                                        this.scrollParent[0].scrollTop = scrolled = this.scrollParent[0].scrollTop + o.scrollSpeed;
+                                else if(event.pageY - this.overflowOffset.top < o.scrollSensitivity)
+                                        this.scrollParent[0].scrollTop = scrolled = this.scrollParent[0].scrollTop - o.scrollSpeed;
+
+                                if((this.overflowOffset.left + this.scrollParent[0].offsetWidth) - event.pageX < o.scrollSensitivity)
+                                        this.scrollParent[0].scrollLeft = scrolled = this.scrollParent[0].scrollLeft + o.scrollSpeed;
+                                else if(event.pageX - this.overflowOffset.left < o.scrollSensitivity)
+                                        this.scrollParent[0].scrollLeft = scrolled = this.scrollParent[0].scrollLeft - o.scrollSpeed;
+
+                        } else {
+
+                                if(event.pageY - $(document).scrollTop() < o.scrollSensitivity)
+                                        scrolled = $(document).scrollTop($(document).scrollTop() - o.scrollSpeed);
+                                else if($(window).height() - (event.pageY - $(document).scrollTop()) < o.scrollSensitivity)
+                                        scrolled = $(document).scrollTop($(document).scrollTop() + o.scrollSpeed);
+
+                                if(event.pageX - $(document).scrollLeft() < o.scrollSensitivity)
+                                        scrolled = $(document).scrollLeft($(document).scrollLeft() - o.scrollSpeed);
+                                else if($(window).width() - (event.pageX - $(document).scrollLeft()) < o.scrollSensitivity)
+                                        scrolled = $(document).scrollLeft($(document).scrollLeft() + o.scrollSpeed);
+
+                        }
+
+                        if(scrolled !== false && $.ui.ddmanager && !o.dropBehaviour)
+                                $.ui.ddmanager.prepareOffsets(this, event);
+                }
+
+                //Regenerate the absolute position used for position checks
+                this.positionAbs = this._convertPositionTo("absolute");
+
+                //Set the helper position
+                if(!this.options.axis || this.options.axis != "y") this.helper[0].style.left = this.position.left+'px';
+                if(!this.options.axis || this.options.axis != "x") this.helper[0].style.top = this.position.top+'px';
+
+                //Rearrange
+                for (var i = this.items.length - 1; i >= 0; i--) {
+
+                        //Cache variables and intersection, continue if no intersection
+                        var item = this.items[i], itemElement = item.item[0], intersection = this._intersectsWithPointer(item);
+                        if (!intersection) continue;
+
+                        if(itemElement != this.currentItem[0] //cannot intersect with itself
+                                &&      this.placeholder[intersection == 1 ? "next" : "prev"]()[0] != itemElement //no useless actions that have been done before
+                                &&      !$.ui.contains(this.placeholder[0], itemElement) //no action if the item moved is the parent of the item checked
+                                && (this.options.type == 'semi-dynamic' ? !$.ui.contains(this.element[0], itemElement) : true)
+                        ) {
+
+                                this.direction = intersection == 1 ? "down" : "up";
+
+                                if (this.options.tolerance == "pointer" || this._intersectsWithSides(item)) {
+                                        this._rearrange(event, item);
+                                } else {
+                                        break;
+                                }
+
+                                this._trigger("change", event, this._uiHash());
+                                break;
+                        }
+                }
+
+                //Post events to containers
+                this._contactContainers(event);
+
+                //Interconnect with droppables
+                if($.ui.ddmanager) $.ui.ddmanager.drag(this, event);
+
+                //Call callbacks
+                this._trigger('sort', event, this._uiHash());
+
+                this.lastPositionAbs = this.positionAbs;
+                return false;
+
+        },
+
+        _mouseStop: function(event, noPropagation) {
+
+                if(!event) return;
+
+                //If we are using droppables, inform the manager about the drop
+                if ($.ui.ddmanager && !this.options.dropBehaviour)
+                        $.ui.ddmanager.drop(this, event);
+
+                if(this.options.revert) {
+                        var self = this;
+                        var cur = self.placeholder.offset();
+
+                        self.reverting = true;
+
+                        $(this.helper).animate({
+                                left: cur.left - this.offset.parent.left - self.margins.left + (this.offsetParent[0] == document.body ? 0 : this.offsetParent[0].scrollLeft),
+                                top: cur.top - this.offset.parent.top - self.margins.top + (this.offsetParent[0] == document.body ? 0 : this.offsetParent[0].scrollTop)
+                        }, parseInt(this.options.revert, 10) || 500, function() {
+                                self._clear(event);
+                        });
+                } else {
+                        this._clear(event, noPropagation);
+                }
+
+                return false;
+
+        },
+
+        cancel: function() {
+
+                var self = this;
+
+                if(this.dragging) {
+
+                        this._mouseUp();
+
+                        if(this.options.helper == "original")
+                                this.currentItem.css(this._storedCSS).removeClass("ui-sortable-helper");
+                        else
+                                this.currentItem.show();
+
+                        //Post deactivating events to containers
+                        for (var i = this.containers.length - 1; i >= 0; i--){
+                                this.containers[i]._trigger("deactivate", null, self._uiHash(this));
+                                if(this.containers[i].containerCache.over) {
+                                        this.containers[i]._trigger("out", null, self._uiHash(this));
+                                        this.containers[i].containerCache.over = 0;
+                                }
+                        }
+
+                }
+
+                //$(this.placeholder[0]).remove(); would have been the jQuery way - unfortunately, it unbinds ALL events from the original node!
+                if(this.placeholder[0].parentNode) this.placeholder[0].parentNode.removeChild(this.placeholder[0]);
+                if(this.options.helper != "original" && this.helper && this.helper[0].parentNode) this.helper.remove();
+
+                $.extend(this, {
+                        helper: null,
+                        dragging: false,
+                        reverting: false,
+                        _noFinalSort: null
+                });
+
+                if(this.domPosition.prev) {
+                        $(this.domPosition.prev).after(this.currentItem);
+                } else {
+                        $(this.domPosition.parent).prepend(this.currentItem);
+                }
+
+                return true;
+
+        },
+
+        serialize: function(o) {
+
+                var items = this._getItemsAsjQuery(o && o.connected);
+                var str = []; o = o || {};
+
+                $(items).each(function() {
+                        var res = ($(o.item || this).attr(o.attribute || 'id') || '').match(o.expression || (/(.+)[-=_](.+)/));
+                        if(res) str.push((o.key || res[1]+'[]')+'='+(o.key && o.expression ? res[1] : res[2]));
+                });
+
+                return str.join('&');
+
+        },
+
+        toArray: function(o) {
+
+                var items = this._getItemsAsjQuery(o && o.connected);
+                var ret = []; o = o || {};
+
+                items.each(function() { ret.push($(o.item || this).attr(o.attribute || 'id') || ''); });
+                return ret;
+
+        },
+
+        /* Be careful with the following core functions */
+        _intersectsWith: function(item) {
+
+                var x1 = this.positionAbs.left,
+                        x2 = x1 + this.helperProportions.width,
+                        y1 = this.positionAbs.top,
+                        y2 = y1 + this.helperProportions.height;
+
+                var l = item.left,
+                        r = l + item.width,
+                        t = item.top,
+                        b = t + item.height;
+
+                var dyClick = this.offset.click.top,
+                        dxClick = this.offset.click.left;
+
+                var isOverElement = (y1 + dyClick) > t && (y1 + dyClick) < b && (x1 + dxClick) > l && (x1 + dxClick) < r;
+
+                if(        this.options.tolerance == "pointer"
+                        || this.options.forcePointerForContainers
+                        || (this.options.tolerance != "pointer" && this.helperProportions[this.floating ? 'width' : 'height'] > item[this.floating ? 'width' : 'height'])
+                ) {
+                        return isOverElement;
+                } else {
+
+                        return (l < x1 + (this.helperProportions.width / 2) // Right Half
+                                && x2 - (this.helperProportions.width / 2) < r // Left Half
+                                && t < y1 + (this.helperProportions.height / 2) // Bottom Half
+                                && y2 - (this.helperProportions.height / 2) < b ); // Top Half
+
+                }
+        },
+
+        _intersectsWithPointer: function(item) {
+
+                var isOverElementHeight = $.ui.isOverAxis(this.positionAbs.top + this.offset.click.top, item.top, item.height),
+                        isOverElementWidth = $.ui.isOverAxis(this.positionAbs.left + this.offset.click.left, item.left, item.width),
+                        isOverElement = isOverElementHeight && isOverElementWidth,
+                        verticalDirection = this._getDragVerticalDirection(),
+                        horizontalDirection = this._getDragHorizontalDirection();
+
+                if (!isOverElement)
+                        return false;
+
+                return this.floating ?
+                        ( ((horizontalDirection && horizontalDirection == "right") || verticalDirection == "down") ? 2 : 1 )
+                        : ( verticalDirection && (verticalDirection == "down" ? 2 : 1) );
+
+        },
+
+        _intersectsWithSides: function(item) {
+
+                var isOverBottomHalf = $.ui.isOverAxis(this.positionAbs.top + this.offset.click.top, item.top + (item.height/2), item.height),
+                        isOverRightHalf = $.ui.isOverAxis(this.positionAbs.left + this.offset.click.left, item.left + (item.width/2), item.width),
+                        verticalDirection = this._getDragVerticalDirection(),
+                        horizontalDirection = this._getDragHorizontalDirection();
+
+                if (this.floating && horizontalDirection) {
+                        return ((horizontalDirection == "right" && isOverRightHalf) || (horizontalDirection == "left" && !isOverRightHalf));
+                } else {
+                        return verticalDirection && ((verticalDirection == "down" && isOverBottomHalf) || (verticalDirection == "up" && !isOverBottomHalf));
+                }
+
+        },
+
+        _getDragVerticalDirection: function() {
+                var delta = this.positionAbs.top - this.lastPositionAbs.top;
+                return delta != 0 && (delta > 0 ? "down" : "up");
+        },
+
+        _getDragHorizontalDirection: function() {
+                var delta = this.positionAbs.left - this.lastPositionAbs.left;
+                return delta != 0 && (delta > 0 ? "right" : "left");
+        },
+
+        refresh: function(event) {
+                this._refreshItems(event);
+                this.refreshPositions();
+        },
+
+        _connectWith: function() {
+                var options = this.options;
+                return options.connectWith.constructor == String
+                        ? [options.connectWith]
+                        : options.connectWith;
+        },
+        
+        _getItemsAsjQuery: function(connected) {
+
+                var self = this;
+                var items = [];
+                var queries = [];
+                var connectWith = this._connectWith();
+
+                if(connectWith && connected) {
+                        for (var i = connectWith.length - 1; i >= 0; i--){
+                                var cur = $(connectWith[i]);
+                                for (var j = cur.length - 1; j >= 0; j--){
+                                        var inst = $.data(cur[j], 'sortable');
+                                        if(inst && inst != this && !inst.options.disabled) {
+                                                queries.push([$.isFunction(inst.options.items) ? inst.options.items.call(inst.element) : $(inst.options.items, inst.element).not(".ui-sortable-helper"), inst]);
+                                        }
+                                };
+                        };
+                }
+
+                queries.push([$.isFunction(this.options.items) ? this.options.items.call(this.element, null, { options: this.options, item: this.currentItem }) : $(this.options.items, this.element).not(".ui-sortable-helper"), this]);
+
+                for (var i = queries.length - 1; i >= 0; i--){
+                        queries[i][0].each(function() {
+                                items.push(this);
+                        });
+                };
+
+                return $(items);
+
+        },
+
+        _removeCurrentsFromItems: function() {
+
+                var list = this.currentItem.find(":data(sortable-item)");
+
+                for (var i=0; i < this.items.length; i++) {
+
+                        for (var j=0; j < list.length; j++) {
+                                if(list[j] == this.items[i].item[0])
+                                        this.items.splice(i,1);
+                        };
+
+                };
+
+        },
+
+        _refreshItems: function(event) {
+
+                this.items = [];
+                this.containers = [this];
+                var items = this.items;
+                var self = this;
+                var queries = [[$.isFunction(this.options.items) ? this.options.items.call(this.element[0], event, { item: this.currentItem }) : $(this.options.items, this.element), this]];
+                var connectWith = this._connectWith();
+
+                if(connectWith) {
+                        for (var i = connectWith.length - 1; i >= 0; i--){
+                                var cur = $(connectWith[i]);
+                                for (var j = cur.length - 1; j >= 0; j--){
+                                        var inst = $.data(cur[j], 'sortable');
+                                        if(inst && inst != this && !inst.options.disabled) {
+                                                queries.push([$.isFunction(inst.options.items) ? inst.options.items.call(inst.element[0], event, { item: this.currentItem }) : $(inst.options.items, inst.element), inst]);
+                                                this.containers.push(inst);
+                                        }
+                                };
+                        };
+                }
+
+                for (var i = queries.length - 1; i >= 0; i--) {
+                        var targetData = queries[i][1];
+                        var _queries = queries[i][0];
+
+                        for (var j=0, queriesLength = _queries.length; j < queriesLength; j++) {
+                                var item = $(_queries[j]);
+
+                                item.data('sortable-item', targetData); // Data for target checking (mouse manager)
+
+                                items.push({
+                                        item: item,
+                                        instance: targetData,
+                                        width: 0, height: 0,
+                                        left: 0, top: 0
+                                });
+                        };
+                };
+
+        },
+
+        refreshPositions: function(fast) {
+
+                //This has to be redone because due to the item being moved out/into the offsetParent, the offsetParent's position will change
+                if(this.offsetParent && this.helper) {
+                        this.offset.parent = this._getParentOffset();
+                }
+
+                for (var i = this.items.length - 1; i >= 0; i--){
+                        var item = this.items[i];
+
+                        //We ignore calculating positions of all connected containers when we're not over them
+                        if(item.instance != this.currentContainer && this.currentContainer && item.item[0] != this.currentItem[0])
+                                continue;
+
+                        var t = this.options.toleranceElement ? $(this.options.toleranceElement, item.item) : item.item;
+
+                        if (!fast) {
+                                item.width = t.outerWidth();
+                                item.height = t.outerHeight();
+                        }
+
+                        var p = t.offset();
+                        item.left = p.left;
+                        item.top = p.top;
+                };
+
+                if(this.options.custom && this.options.custom.refreshContainers) {
+                        this.options.custom.refreshContainers.call(this);
+                } else {
+                        for (var i = this.containers.length - 1; i >= 0; i--){
+                                var p = this.containers[i].element.offset();
+                                this.containers[i].containerCache.left = p.left;
+                                this.containers[i].containerCache.top = p.top;
+                                this.containers[i].containerCache.width = this.containers[i].element.outerWidth();
+                                this.containers[i].containerCache.height = this.containers[i].element.outerHeight();
+                        };
+                }
+
+        },
+
+        _createPlaceholder: function(that) {
+
+                var self = that || this, o = self.options;
+
+                if(!o.placeholder || o.placeholder.constructor == String) {
+                        var className = o.placeholder;
+                        o.placeholder = {
+                                element: function() {
+
+                                        var el = $(document.createElement(self.currentItem[0].nodeName))
+                                                .addClass(className || self.currentItem[0].className+" ui-sortable-placeholder")
+                                                .removeClass("ui-sortable-helper")[0];
+
+                                        if(!className)
+                                                el.style.visibility = "hidden";
+
+                                        return el;
+                                },
+                                update: function(container, p) {
+
+                                        // 1. If a className is set as 'placeholder option, we don't force sizes - the class is responsible for that
+                                        // 2. The option 'forcePlaceholderSize can be enabled to force it even if a class name is specified
+                                        if(className && !o.forcePlaceholderSize) return;
+
+                                        //If the element doesn't have a actual height by itself (without styles coming from a stylesheet), it receives the inline height from the dragged item
+                                        if(!p.height()) { p.height(self.currentItem.innerHeight() - parseInt(self.currentItem.css('paddingTop')||0, 10) - parseInt(self.currentItem.css('paddingBottom')||0, 10)); };
+                                        if(!p.width()) { p.width(self.currentItem.innerWidth() - parseInt(self.currentItem.css('paddingLeft')||0, 10) - parseInt(self.currentItem.css('paddingRight')||0, 10)); };
+                                }
+                        };
+                }
+
+                //Create the placeholder
+                self.placeholder = $(o.placeholder.element.call(self.element, self.currentItem));
+
+                //Append it after the actual current item
+                self.currentItem.after(self.placeholder);
+
+                //Update the size of the placeholder (TODO: Logic to fuzzy, see line 316/317)
+                o.placeholder.update(self, self.placeholder);
+
+        },
+
+        _contactContainers: function(event) {
+                for (var i = this.containers.length - 1; i >= 0; i--){
+
+                        if(this._intersectsWith(this.containers[i].containerCache)) {
+                                if(!this.containers[i].containerCache.over) {
+
+                                        if(this.currentContainer != this.containers[i]) {
+
+                                                //When entering a new container, we will find the item with the least distance and append our item near it
+                                                var dist = 10000; var itemWithLeastDistance = null; var base = this.positionAbs[this.containers[i].floating ? 'left' : 'top'];
+                                                for (var j = this.items.length - 1; j >= 0; j--) {
+                                                        if(!$.ui.contains(this.containers[i].element[0], this.items[j].item[0])) continue;
+                                                        var cur = this.items[j][this.containers[i].floating ? 'left' : 'top'];
+                                                        if(Math.abs(cur - base) < dist) {
+                                                                dist = Math.abs(cur - base); itemWithLeastDistance = this.items[j];
+                                                        }
+                                                }
+
+                                                if(!itemWithLeastDistance && !this.options.dropOnEmpty) //Check if dropOnEmpty is enabled
+                                                        continue;
+
+                                                this.currentContainer = this.containers[i];
+                                                itemWithLeastDistance ? this._rearrange(event, itemWithLeastDistance, null, true) : this._rearrange(event, null, this.containers[i].element, true);
+                                                this._trigger("change", event, this._uiHash());
+                                                this.containers[i]._trigger("change", event, this._uiHash(this));
+
+                                                //Update the placeholder
+                                                this.options.placeholder.update(this.currentContainer, this.placeholder);
+
+                                        }
+
+                                        this.containers[i]._trigger("over", event, this._uiHash(this));
+                                        this.containers[i].containerCache.over = 1;
+                                }
+                        } else {
+                                if(this.containers[i].containerCache.over) {
+                                        this.containers[i]._trigger("out", event, this._uiHash(this));
+                                        this.containers[i].containerCache.over = 0;
+                                }
+                        }
+
+                };
+        },
+
+        _createHelper: function(event) {
+
+                var o = this.options;
+                var helper = $.isFunction(o.helper) ? $(o.helper.apply(this.element[0], [event, this.currentItem])) : (o.helper == 'clone' ? this.currentItem.clone() : this.currentItem);
+
+                if(!helper.parents('body').length) //Add the helper to the DOM if that didn't happen already
+                        $(o.appendTo != 'parent' ? o.appendTo : this.currentItem[0].parentNode)[0].appendChild(helper[0]);
+
+                if(helper[0] == this.currentItem[0])
+                        this._storedCSS = { width: this.currentItem[0].style.width, height: this.currentItem[0].style.height, position: this.currentItem.css("position"), top: this.currentItem.css("top"), left: this.currentItem.css("left") };
+
+                if(helper[0].style.width == '' || o.forceHelperSize) helper.width(this.currentItem.width());
+                if(helper[0].style.height == '' || o.forceHelperSize) helper.height(this.currentItem.height());
+
+                return helper;
+
+        },
+
+        _adjustOffsetFromHelper: function(obj) {
+                if(obj.left != undefined) this.offset.click.left = obj.left + this.margins.left;
+                if(obj.right != undefined) this.offset.click.left = this.helperProportions.width - obj.right + this.margins.left;
+                if(obj.top != undefined) this.offset.click.top = obj.top + this.margins.top;
+                if(obj.bottom != undefined) this.offset.click.top = this.helperProportions.height - obj.bottom + this.margins.top;
+        },
+
+        _getParentOffset: function() {
+
+
+                //Get the offsetParent and cache its position
+                this.offsetParent = this.helper.offsetParent();
+                var po = this.offsetParent.offset();
+
+                // This is a special case where we need to modify a offset calculated on start, since the following happened:
+                // 1. The position of the helper is absolute, so it's position is calculated based on the next positioned parent
+                // 2. The actual offset parent is a child of the scroll parent, and the scroll parent isn't the document, which means that
+                //    the scroll is included in the initial calculation of the offset of the parent, and never recalculated upon drag
+                if(this.cssPosition == 'absolute' && this.scrollParent[0] != document && $.ui.contains(this.scrollParent[0], this.offsetParent[0])) {
+                        po.left += this.scrollParent.scrollLeft();
+                        po.top += this.scrollParent.scrollTop();
+                }
+
+                if((this.offsetParent[0] == document.body) //This needs to be actually done for all browsers, since pageX/pageY includes this information
+                || (this.offsetParent[0].tagName && this.offsetParent[0].tagName.toLowerCase() == 'html' && $.browser.msie)) //Ugly IE fix
+                        po = { top: 0, left: 0 };
+
+                return {
+                        top: po.top + (parseInt(this.offsetParent.css("borderTopWidth"),10) || 0),
+                        left: po.left + (parseInt(this.offsetParent.css("borderLeftWidth"),10) || 0)
+                };
+
+        },
+
+        _getRelativeOffset: function() {
+
+                if(this.cssPosition == "relative") {
+                        var p = this.currentItem.position();
+                        return {
+                                top: p.top - (parseInt(this.helper.css("top"),10) || 0) + this.scrollParent.scrollTop(),
+                                left: p.left - (parseInt(this.helper.css("left"),10) || 0) + this.scrollParent.scrollLeft()
+                        };
+                } else {
+                        return { top: 0, left: 0 };
+                }
+
+        },
+
+        _cacheMargins: function() {
+                this.margins = {
+                        left: (parseInt(this.currentItem.css("marginLeft"),10) || 0),
+                        top: (parseInt(this.currentItem.css("marginTop"),10) || 0)
+                };
+        },
+
+        _cacheHelperProportions: function() {
+                this.helperProportions = {
+                        width: this.helper.outerWidth(),
+                        height: this.helper.outerHeight()
+                };
+        },
+
+        _setContainment: function() {
+
+                var o = this.options;
+                if(o.containment == 'parent') o.containment = this.helper[0].parentNode;
+                if(o.containment == 'document' || o.containment == 'window') this.containment = [
+                        0 - this.offset.relative.left - this.offset.parent.left,
+                        0 - this.offset.relative.top - this.offset.parent.top,
+                        $(o.containment == 'document' ? document : window).width() - this.helperProportions.width - this.margins.left,
+                        ($(o.containment == 'document' ? document : window).height() || document.body.parentNode.scrollHeight) - this.helperProportions.height - this.margins.top
+                ];
+
+                if(!(/^(document|window|parent)$/).test(o.containment)) {
+                        var ce = $(o.containment)[0];
+                        var co = $(o.containment).offset();
+                        var over = ($(ce).css("overflow") != 'hidden');
+
+                        this.containment = [
+                                co.left + (parseInt($(ce).css("borderLeftWidth"),10) || 0) + (parseInt($(ce).css("paddingLeft"),10) || 0) - this.margins.left,
+                                co.top + (parseInt($(ce).css("borderTopWidth"),10) || 0) + (parseInt($(ce).css("paddingTop"),10) || 0) - this.margins.top,
+                                co.left+(over ? Math.max(ce.scrollWidth,ce.offsetWidth) : ce.offsetWidth) - (parseInt($(ce).css("borderLeftWidth"),10) || 0) - (parseInt($(ce).css("paddingRight"),10) || 0) - this.helperProportions.width - this.margins.left,
+                                co.top+(over ? Math.max(ce.scrollHeight,ce.offsetHeight) : ce.offsetHeight) - (parseInt($(ce).css("borderTopWidth"),10) || 0) - (parseInt($(ce).css("paddingBottom"),10) || 0) - this.helperProportions.height - this.margins.top
+                        ];
+                }
+
+        },
+
+        _convertPositionTo: function(d, pos) {
+
+                if(!pos) pos = this.position;
+                var mod = d == "absolute" ? 1 : -1;
+                var o = this.options, scroll = this.cssPosition == 'absolute' && !(this.scrollParent[0] != document && $.ui.contains(this.scrollParent[0], this.offsetParent[0])) ? this.offsetParent : this.scrollParent, scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
+
+                return {
+                        top: (
+                                pos.top                                                                                                                                 // The absolute mouse position
+                                + this.offset.relative.top * mod                                                                                // Only for relative positioned nodes: Relative offset from element to offset parent
+                                + this.offset.parent.top * mod                                                                                  // The offsetParent's offset without borders (offset + border)
+                                - ($.browser.safari && this.cssPosition == 'fixed' ? 0 : ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollTop() : ( scrollIsRootNode ? 0 : scroll.scrollTop() ) ) * mod)
+                        ),
+                        left: (
+                                pos.left                                                                                                                                // The absolute mouse position
+                                + this.offset.relative.left * mod                                                                               // Only for relative positioned nodes: Relative offset from element to offset parent
+                                + this.offset.parent.left * mod                                                                                 // The offsetParent's offset without borders (offset + border)
+                                - ($.browser.safari && this.cssPosition == 'fixed' ? 0 : ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollLeft() : scrollIsRootNode ? 0 : scroll.scrollLeft() ) * mod)
+                        )
+                };
+
+        },
+
+        _generatePosition: function(event) {
+
+                var o = this.options, scroll = this.cssPosition == 'absolute' && !(this.scrollParent[0] != document && $.ui.contains(this.scrollParent[0], this.offsetParent[0])) ? this.offsetParent : this.scrollParent, scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
+
+                // This is another very weird special case that only happens for relative elements:
+                // 1. If the css position is relative
+                // 2. and the scroll parent is the document or similar to the offset parent
+                // we have to refresh the relative offset during the scroll so there are no jumps
+                if(this.cssPosition == 'relative' && !(this.scrollParent[0] != document && this.scrollParent[0] != this.offsetParent[0])) {
+                        this.offset.relative = this._getRelativeOffset();
+                }
+
+                var pageX = event.pageX;
+                var pageY = event.pageY;
+
+                /*
+                 * - Position constraining -
+                 * Constrain the position to a mix of grid, containment.
+                 */
+
+                if(this.originalPosition) { //If we are not dragging yet, we won't check for options
+
+                        if(this.containment) {
+                                if(event.pageX - this.offset.click.left < this.containment[0]) pageX = this.containment[0] + this.offset.click.left;
+                                if(event.pageY - this.offset.click.top < this.containment[1]) pageY = this.containment[1] + this.offset.click.top;
+                                if(event.pageX - this.offset.click.left > this.containment[2]) pageX = this.containment[2] + this.offset.click.left;
+                                if(event.pageY - this.offset.click.top > this.containment[3]) pageY = this.containment[3] + this.offset.click.top;
+                        }
+
+                        if(o.grid) {
+                                var top = this.originalPageY + Math.round((pageY - this.originalPageY) / o.grid[1]) * o.grid[1];
+                                pageY = this.containment ? (!(top - this.offset.click.top < this.containment[1] || top - this.offset.click.top > this.containment[3]) ? top : (!(top - this.offset.click.top < this.containment[1]) ? top - o.grid[1] : top + o.grid[1])) : top;
+
+                                var left = this.originalPageX + Math.round((pageX - this.originalPageX) / o.grid[0]) * o.grid[0];
+                                pageX = this.containment ? (!(left - this.offset.click.left < this.containment[0] || left - this.offset.click.left > this.containment[2]) ? left : (!(left - this.offset.click.left < this.containment[0]) ? left - o.grid[0] : left + o.grid[0])) : left;
+                        }
+
+                }
+
+                return {
+                        top: (
+                                pageY                                                                                                                           // The absolute mouse position
+                                - this.offset.click.top                                                                                                 // Click offset (relative to the element)
+                                - this.offset.relative.top                                                                                              // Only for relative positioned nodes: Relative offset from element to offset parent
+                                - this.offset.parent.top                                                                                                // The offsetParent's offset without borders (offset + border)
+                                + ($.browser.safari && this.cssPosition == 'fixed' ? 0 : ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollTop() : ( scrollIsRootNode ? 0 : scroll.scrollTop() ) ))
+                        ),
+                        left: (
+                                pageX                                                                                                                           // The absolute mouse position
+                                - this.offset.click.left                                                                                                // Click offset (relative to the element)
+                                - this.offset.relative.left                                                                                             // Only for relative positioned nodes: Relative offset from element to offset parent
+                                - this.offset.parent.left                                                                                               // The offsetParent's offset without borders (offset + border)
+                                + ($.browser.safari && this.cssPosition == 'fixed' ? 0 : ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollLeft() : scrollIsRootNode ? 0 : scroll.scrollLeft() ))
+                        )
+                };
+
+        },
+
+        _rearrange: function(event, i, a, hardRefresh) {
+
+                a ? a[0].appendChild(this.placeholder[0]) : i.item[0].parentNode.insertBefore(this.placeholder[0], (this.direction == 'down' ? i.item[0] : i.item[0].nextSibling));
+
+                //Various things done here to improve the performance:
+                // 1. we create a setTimeout, that calls refreshPositions
+                // 2. on the instance, we have a counter variable, that get's higher after every append
+                // 3. on the local scope, we copy the counter variable, and check in the timeout, if it's still the same
+                // 4. this lets only the last addition to the timeout stack through
+                this.counter = this.counter ? ++this.counter : 1;
+                var self = this, counter = this.counter;
+
+                window.setTimeout(function() {
+                        if(counter == self.counter) self.refreshPositions(!hardRefresh); //Precompute after each DOM insertion, NOT on mousemove
+                },0);
+
+        },
+
+        _clear: function(event, noPropagation) {
+
+                this.reverting = false;
+                // We delay all events that have to be triggered to after the point where the placeholder has been removed and
+                // everything else normalized again
+                var delayedTriggers = [], self = this;
+
+                // We first have to update the dom position of the actual currentItem
+                // Note: don't do it if the current item is already removed (by a user), or it gets reappended (see #4088)
+                if(!this._noFinalSort && this.currentItem[0].parentNode) this.placeholder.before(this.currentItem);
+                this._noFinalSort = null;
+
+                if(this.helper[0] == this.currentItem[0]) {
+                        for(var i in this._storedCSS) {
+                                if(this._storedCSS[i] == 'auto' || this._storedCSS[i] == 'static') this._storedCSS[i] = '';
+                        }
+                        this.currentItem.css(this._storedCSS).removeClass("ui-sortable-helper");
+                } else {
+                        this.currentItem.show();
+                }
+
+                if(this.fromOutside && !noPropagation) delayedTriggers.push(function(event) { this._trigger("receive", event, this._uiHash(this.fromOutside)); });
+                if((this.fromOutside || this.domPosition.prev != this.currentItem.prev().not(".ui-sortable-helper")[0] || this.domPosition.parent != this.currentItem.parent()[0]) && !noPropagation) delayedTriggers.push(function(event) { this._trigger("update", event, this._uiHash()); }); //Trigger update callback if the DOM position has changed
+                if(!$.ui.contains(this.element[0], this.currentItem[0])) { //Node was moved out of the current element
+                        if(!noPropagation) delayedTriggers.push(function(event) { this._trigger("remove", event, this._uiHash()); });
+                        for (var i = this.containers.length - 1; i >= 0; i--){
+                                if($.ui.contains(this.containers[i].element[0], this.currentItem[0]) && !noPropagation) {
+                                        delayedTriggers.push((function(c) { return function(event) { c._trigger("receive", event, this._uiHash(this)); };  }).call(this, this.containers[i]));
+                                        delayedTriggers.push((function(c) { return function(event) { c._trigger("update", event, this._uiHash(this));  }; }).call(this, this.containers[i]));
+                                }
+                        };
+                };
+
+                //Post events to containers
+                for (var i = this.containers.length - 1; i >= 0; i--){
+                        if(!noPropagation) delayedTriggers.push((function(c) { return function(event) { c._trigger("deactivate", event, this._uiHash(this)); };  }).call(this, this.containers[i]));
+                        if(this.containers[i].containerCache.over) {
+                                delayedTriggers.push((function(c) { return function(event) { c._trigger("out", event, this._uiHash(this)); };  }).call(this, this.containers[i]));
+                                this.containers[i].containerCache.over = 0;
+                        }
+                }
+
+                //Do what was originally in plugins
+                if(this._storedCursor) $('body').css("cursor", this._storedCursor); //Reset cursor
+                if(this._storedOpacity) this.helper.css("opacity", this._storedOpacity); //Reset cursor
+                if(this._storedZIndex) this.helper.css("zIndex", this._storedZIndex == 'auto' ? '' : this._storedZIndex); //Reset z-index
+
+                this.dragging = false;
+                if(this.cancelHelperRemoval) {
+                        if(!noPropagation) {
+                                this._trigger("beforeStop", event, this._uiHash());
+                                for (var i=0; i < delayedTriggers.length; i++) { delayedTriggers[i].call(this, event); }; //Trigger all delayed events
+                                this._trigger("stop", event, this._uiHash());
+                        }
+                        return false;
+                }
+
+                if(!noPropagation) this._trigger("beforeStop", event, this._uiHash());
+
+                //$(this.placeholder[0]).remove(); would have been the jQuery way - unfortunately, it unbinds ALL events from the original node!
+                this.placeholder[0].parentNode.removeChild(this.placeholder[0]);
+
+                if(this.helper[0] != this.currentItem[0]) this.helper.remove(); this.helper = null;
+
+                if(!noPropagation) {
+                        for (var i=0; i < delayedTriggers.length; i++) { delayedTriggers[i].call(this, event); }; //Trigger all delayed events
+                        this._trigger("stop", event, this._uiHash());
+                }
+
+                this.fromOutside = false;
+                return true;
+
+        },
+
+        _trigger: function() {
+                if ($.widget.prototype._trigger.apply(this, arguments) === false) {
+                        this.cancel();
+                }
+        },
+
+        _uiHash: function(inst) {
+                var self = inst || this;
+                return {
+                        helper: self.helper,
+                        placeholder: self.placeholder || $([]),
+                        position: self.position,
+                        absolutePosition: self.positionAbs, //deprecated
+                        offset: self.positionAbs,
+                        item: self.currentItem,
+                        sender: inst ? inst.element : null
+                };
+        }
+
+}));
+
+$.extend($.ui.sortable, {
+        getter: "serialize toArray",
+        version: "1.7.2",
+        eventPrefix: "sort",
+        defaults: {
+                appendTo: "parent",
+                axis: false,
+                cancel: ":input,option",
+                connectWith: false,
+                containment: false,
+                cursor: 'auto',
+                cursorAt: false,
+                delay: 0,
+                distance: 1,
+                dropOnEmpty: true,
+                forcePlaceholderSize: false,
+                forceHelperSize: false,
+                grid: false,
+                handle: false,
+                helper: "original",
+                items: '> *',
+                opacity: false,
+                placeholder: false,
+                revert: false,
+                scroll: true,
+                scrollSensitivity: 20,
+                scrollSpeed: 20,
+                scope: "default",
+                tolerance: "intersect",
+                zIndex: 1000
+        }
+});
+
+})(jQuery);
diff --git a/static/development-bundle/ui/ui.tabs.js b/static/development-bundle/ui/ui.tabs.js
new file mode 100644
index 0000000..d914b3e
--- /dev/null
+++ b/static/development-bundle/ui/ui.tabs.js
@@ -0,0 +1,685 @@
+/*
+ * jQuery UI Tabs 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Tabs
+ *
+ * Depends:
+ *      ui.core.js
+ */
+(function($) {
+
+$.widget("ui.tabs", {
+
+        _init: function() {
+                if (this.options.deselectable !== undefined) {
+                        this.options.collapsible = this.options.deselectable;
+                }
+                this._tabify(true);
+        },
+
+        _setData: function(key, value) {
+                if (key == 'selected') {
+                        if (this.options.collapsible && value == this.options.selected) {
+                                return;
+                        }
+                        this.select(value);
+                }
+                else {
+                        this.options[key] = value;
+                        if (key == 'deselectable') {
+                                this.options.collapsible = value;
+                        }
+                        this._tabify();
+                }
+        },
+
+        _tabId: function(a) {
+                return a.title && a.title.replace(/\s/g, '_').replace(/[^A-Za-z0-9\-_:\.]/g, '') ||
+                        this.options.idPrefix + $.data(a);
+        },
+
+        _sanitizeSelector: function(hash) {
+                return hash.replace(/:/g, '\\:'); // we need this because an id may contain a ":"
+        },
+
+        _cookie: function() {
+                var cookie = this.cookie || (this.cookie = this.options.cookie.name || 'ui-tabs-' + $.data(this.list[0]));
+                return $.cookie.apply(null, [cookie].concat($.makeArray(arguments)));
+        },
+
+        _ui: function(tab, panel) {
+                return {
+                        tab: tab,
+                        panel: panel,
+                        index: this.anchors.index(tab)
+                };
+        },
+
+        _cleanup: function() {
+                // restore all former loading tabs labels
+                this.lis.filter('.ui-state-processing').removeClass('ui-state-processing')
+                                .find('span:data(label.tabs)')
+                                .each(function() {
+                                        var el = $(this);
+                                        el.html(el.data('label.tabs')).removeData('label.tabs');
+                                });
+        },
+
+        _tabify: function(init) {
+
+                this.list = this.element.children('ul:first');
+                this.lis = $('li:has(a[href])', this.list);
+                this.anchors = this.lis.map(function() { return $('a', this)[0]; });
+                this.panels = $([]);
+
+                var self = this, o = this.options;
+
+                var fragmentId = /^#.+/; // Safari 2 reports '#' for an empty hash
+                this.anchors.each(function(i, a) {
+                        var href = $(a).attr('href');
+
+                        // For dynamically created HTML that contains a hash as href IE < 8 expands
+                        // such href to the full page url with hash and then misinterprets tab as ajax.
+                        // Same consideration applies for an added tab with a fragment identifier
+                        // since a[href=#fragment-identifier] does unexpectedly not match.
+                        // Thus normalize href attribute...
+                        var hrefBase = href.split('#')[0], baseEl;
+                        if (hrefBase && (hrefBase === location.toString().split('#')[0] ||
+                                        (baseEl = $('base')[0]) && hrefBase === baseEl.href)) {
+                                href = a.hash;
+                                a.href = href;
+                        }
+
+                        // inline tab
+                        if (fragmentId.test(href)) {
+                                self.panels = self.panels.add(self._sanitizeSelector(href));
+                        }
+
+                        // remote tab
+                        else if (href != '#') { // prevent loading the page itself if href is just "#"
+                                $.data(a, 'href.tabs', href); // required for restore on destroy
+
+                                // TODO until #3808 is fixed strip fragment identifier from url
+                                // (IE fails to load from such url)
+                                $.data(a, 'load.tabs', href.replace(/#.*$/, '')); // mutable data
+
+                                var id = self._tabId(a);
+                                a.href = '#' + id;
+                                var $panel = $('#' + id);
+                                if (!$panel.length) {
+                                        $panel = $(o.panelTemplate).attr('id', id).addClass('ui-tabs-panel ui-widget-content ui-corner-bottom')
+                                                .insertAfter(self.panels[i - 1] || self.list);
+                                        $panel.data('destroy.tabs', true);
+                                }
+                                self.panels = self.panels.add($panel);
+                        }
+
+                        // invalid tab href
+                        else {
+                                o.disabled.push(i);
+                        }
+                });
+
+                // initialization from scratch
+                if (init) {
+
+                        // attach necessary classes for styling
+                        this.element.addClass('ui-tabs ui-widget ui-widget-content ui-corner-all');
+                        this.list.addClass('ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all');
+                        this.lis.addClass('ui-state-default ui-corner-top');
+                        this.panels.addClass('ui-tabs-panel ui-widget-content ui-corner-bottom');
+
+                        // Selected tab
+                        // use "selected" option or try to retrieve:
+                        // 1. from fragment identifier in url
+                        // 2. from cookie
+                        // 3. from selected class attribute on <li>
+                        if (o.selected === undefined) {
+                                if (location.hash) {
+                                        this.anchors.each(function(i, a) {
+                                                if (a.hash == location.hash) {
+                                                        o.selected = i;
+                                                        return false; // break
+                                                }
+                                        });
+                                }
+                                if (typeof o.selected != 'number' && o.cookie) {
+                                        o.selected = parseInt(self._cookie(), 10);
+                                }
+                                if (typeof o.selected != 'number' && this.lis.filter('.ui-tabs-selected').length) {
+                                        o.selected = this.lis.index(this.lis.filter('.ui-tabs-selected'));
+                                }
+                                o.selected = o.selected || 0;
+                        }
+                        else if (o.selected === null) { // usage of null is deprecated, TODO remove in next release
+                                o.selected = -1;
+                        }
+
+                        // sanity check - default to first tab...
+                        o.selected = ((o.selected >= 0 && this.anchors[o.selected]) || o.selected < 0) ? o.selected : 0;
+
+                        // Take disabling tabs via class attribute from HTML
+                        // into account and update option properly.
+                        // A selected tab cannot become disabled.
+                        o.disabled = $.unique(o.disabled.concat(
+                                $.map(this.lis.filter('.ui-state-disabled'),
+                                        function(n, i) { return self.lis.index(n); } )
+                        )).sort();
+
+                        if ($.inArray(o.selected, o.disabled) != -1) {
+                                o.disabled.splice($.inArray(o.selected, o.disabled), 1);
+                        }
+
+                        // highlight selected tab
+                        this.panels.addClass('ui-tabs-hide');
+                        this.lis.removeClass('ui-tabs-selected ui-state-active');
+                        if (o.selected >= 0 && this.anchors.length) { // check for length avoids error when initializing empty list
+                                this.panels.eq(o.selected).removeClass('ui-tabs-hide');
+                                this.lis.eq(o.selected).addClass('ui-tabs-selected ui-state-active');
+
+                                // seems to be expected behavior that the show callback is fired
+                                self.element.queue("tabs", function() {
+                                        self._trigger('show', null, self._ui(self.anchors[o.selected], self.panels[o.selected]));
+                                });
+                                
+                                this.load(o.selected);
+                        }
+
+                        // clean up to avoid memory leaks in certain versions of IE 6
+                        $(window).bind('unload', function() {
+                                self.lis.add(self.anchors).unbind('.tabs');
+                                self.lis = self.anchors = self.panels = null;
+                        });
+
+                }
+                // update selected after add/remove
+                else {
+                        o.selected = this.lis.index(this.lis.filter('.ui-tabs-selected'));
+                }
+
+                // update collapsible
+                this.element[o.collapsible ? 'addClass' : 'removeClass']('ui-tabs-collapsible');
+
+                // set or update cookie after init and add/remove respectively
+                if (o.cookie) {
+                        this._cookie(o.selected, o.cookie);
+                }
+
+                // disable tabs
+                for (var i = 0, li; (li = this.lis[i]); i++) {
+                        $(li)[$.inArray(i, o.disabled) != -1 &&
+                                !$(li).hasClass('ui-tabs-selected') ? 'addClass' : 'removeClass']('ui-state-disabled');
+                }
+
+                // reset cache if switching from cached to not cached
+                if (o.cache === false) {
+                        this.anchors.removeData('cache.tabs');
+                }
+
+                // remove all handlers before, tabify may run on existing tabs after add or option change
+                this.lis.add(this.anchors).unbind('.tabs');
+
+                if (o.event != 'mouseover') {
+                        var addState = function(state, el) {
+                                if (el.is(':not(.ui-state-disabled)')) {
+                                        el.addClass('ui-state-' + state);
+                                }
+                        };
+                        var removeState = function(state, el) {
+                                el.removeClass('ui-state-' + state);
+                        };
+                        this.lis.bind('mouseover.tabs', function() {
+                                addState('hover', $(this));
+                        });
+                        this.lis.bind('mouseout.tabs', function() {
+                                removeState('hover', $(this));
+                        });
+                        this.anchors.bind('focus.tabs', function() {
+                                addState('focus', $(this).closest('li'));
+                        });
+                        this.anchors.bind('blur.tabs', function() {
+                                removeState('focus', $(this).closest('li'));
+                        });
+                }
+
+                // set up animations
+                var hideFx, showFx;
+                if (o.fx) {
+                        if ($.isArray(o.fx)) {
+                                hideFx = o.fx[0];
+                                showFx = o.fx[1];
+                        }
+                        else {
+                                hideFx = showFx = o.fx;
+                        }
+                }
+
+                // Reset certain styles left over from animation
+                // and prevent IE's ClearType bug...
+                function resetStyle($el, fx) {
+                        $el.css({ display: '' });
+                        if ($.browser.msie && fx.opacity) {
+                                $el[0].style.removeAttribute('filter');
+                        }
+                }
+
+                // Show a tab...
+                var showTab = showFx ?
+                        function(clicked, $show) {
+                                $(clicked).closest('li').removeClass('ui-state-default').addClass('ui-tabs-selected ui-state-active');
+                                $show.hide().removeClass('ui-tabs-hide') // avoid flicker that way
+                                        .animate(showFx, showFx.duration || 'normal', function() {
+                                                resetStyle($show, showFx);
+                                                self._trigger('show', null, self._ui(clicked, $show[0]));
+                                        });
+                        } :
+                        function(clicked, $show) {
+                                $(clicked).closest('li').removeClass('ui-state-default').addClass('ui-tabs-selected ui-state-active');
+                                $show.removeClass('ui-tabs-hide');
+                                self._trigger('show', null, self._ui(clicked, $show[0]));
+                        };
+
+                // Hide a tab, $show is optional...
+                var hideTab = hideFx ?
+                        function(clicked, $hide) {
+                                $hide.animate(hideFx, hideFx.duration || 'normal', function() {
+                                        self.lis.removeClass('ui-tabs-selected ui-state-active').addClass('ui-state-default');
+                                        $hide.addClass('ui-tabs-hide');
+                                        resetStyle($hide, hideFx);
+                                        self.element.dequeue("tabs");
+                                });
+                        } :
+                        function(clicked, $hide, $show) {
+                                self.lis.removeClass('ui-tabs-selected ui-state-active').addClass('ui-state-default');
+                                $hide.addClass('ui-tabs-hide');
+                                self.element.dequeue("tabs");
+                        };
+
+                // attach tab event handler, unbind to avoid duplicates from former tabifying...
+                this.anchors.bind(o.event + '.tabs', function() {
+                        var el = this, $li = $(this).closest('li'), $hide = self.panels.filter(':not(.ui-tabs-hide)'),
+                                        $show = $(self._sanitizeSelector(this.hash));
+
+                        // If tab is already selected and not collapsible or tab disabled or
+                        // or is already loading or click callback returns false stop here.
+                        // Check if click handler returns false last so that it is not executed
+                        // for a disabled or loading tab!
+                        if (($li.hasClass('ui-tabs-selected') && !o.collapsible) ||
+                                $li.hasClass('ui-state-disabled') ||
+                                $li.hasClass('ui-state-processing') ||
+                                self._trigger('select', null, self._ui(this, $show[0])) === false) {
+                                this.blur();
+                                return false;
+                        }
+
+                        o.selected = self.anchors.index(this);
+
+                        self.abort();
+
+                        // if tab may be closed
+                        if (o.collapsible) {
+                                if ($li.hasClass('ui-tabs-selected')) {
+                                        o.selected = -1;
+
+                                        if (o.cookie) {
+                                                self._cookie(o.selected, o.cookie);
+                                        }
+
+                                        self.element.queue("tabs", function() {
+                                                hideTab(el, $hide);
+                                        }).dequeue("tabs");
+                                        
+                                        this.blur();
+                                        return false;
+                                }
+                                else if (!$hide.length) {
+                                        if (o.cookie) {
+                                                self._cookie(o.selected, o.cookie);
+                                        }
+                                        
+                                        self.element.queue("tabs", function() {
+                                                showTab(el, $show);
+                                        });
+
+                                        self.load(self.anchors.index(this)); // TODO make passing in node possible, see also http://dev.jqueryui.com/ticket/3171
+                                        
+                                        this.blur();
+                                        return false;
+                                }
+                        }
+
+                        if (o.cookie) {
+                                self._cookie(o.selected, o.cookie);
+                        }
+
+                        // show new tab
+                        if ($show.length) {
+                                if ($hide.length) {
+                                        self.element.queue("tabs", function() {
+                                                hideTab(el, $hide);
+                                        });
+                                }
+                                self.element.queue("tabs", function() {
+                                        showTab(el, $show);
+                                });
+                                
+                                self.load(self.anchors.index(this));
+                        }
+                        else {
+                                throw 'jQuery UI Tabs: Mismatching fragment identifier.';
+                        }
+
+                        // Prevent IE from keeping other link focussed when using the back button
+                        // and remove dotted border from clicked link. This is controlled via CSS
+                        // in modern browsers; blur() removes focus from address bar in Firefox
+                        // which can become a usability and annoying problem with tabs('rotate').
+                        if ($.browser.msie) {
+                                this.blur();
+                        }
+
+                });
+
+                // disable click in any case
+                this.anchors.bind('click.tabs', function(){return false;});
+
+        },
+
+        destroy: function() {
+                var o = this.options;
+
+                this.abort();
+                
+                this.element.unbind('.tabs')
+                        .removeClass('ui-tabs ui-widget ui-widget-content ui-corner-all ui-tabs-collapsible')
+                        .removeData('tabs');
+
+                this.list.removeClass('ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all');
+
+                this.anchors.each(function() {
+                        var href = $.data(this, 'href.tabs');
+                        if (href) {
+                                this.href = href;
+                        }
+                        var $this = $(this).unbind('.tabs');
+                        $.each(['href', 'load', 'cache'], function(i, prefix) {
+                                $this.removeData(prefix + '.tabs');
+                        });
+                });
+
+                this.lis.unbind('.tabs').add(this.panels).each(function() {
+                        if ($.data(this, 'destroy.tabs')) {
+                                $(this).remove();
+                        }
+                        else {
+                                $(this).removeClass([
+                                        'ui-state-default',
+                                        'ui-corner-top',
+                                        'ui-tabs-selected',
+                                        'ui-state-active',
+                                        'ui-state-hover',
+                                        'ui-state-focus',
+                                        'ui-state-disabled',
+                                        'ui-tabs-panel',
+                                        'ui-widget-content',
+                                        'ui-corner-bottom',
+                                        'ui-tabs-hide'
+                                ].join(' '));
+                        }
+                });
+
+                if (o.cookie) {
+                        this._cookie(null, o.cookie);
+                }
+        },
+
+        add: function(url, label, index) {
+                if (index === undefined) {
+                        index = this.anchors.length; // append by default
+                }
+
+                var self = this, o = this.options,
+                        $li = $(o.tabTemplate.replace(/#\{href\}/g, url).replace(/#\{label\}/g, label)),
+                        id = !url.indexOf('#') ? url.replace('#', '') : this._tabId($('a', $li)[0]);
+
+                $li.addClass('ui-state-default ui-corner-top').data('destroy.tabs', true);
+
+                // try to find an existing element before creating a new one
+                var $panel = $('#' + id);
+                if (!$panel.length) {
+                        $panel = $(o.panelTemplate).attr('id', id).data('destroy.tabs', true);
+                }
+                $panel.addClass('ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide');
+
+                if (index >= this.lis.length) {
+                        $li.appendTo(this.list);
+                        $panel.appendTo(this.list[0].parentNode);
+                }
+                else {
+                        $li.insertBefore(this.lis[index]);
+                        $panel.insertBefore(this.panels[index]);
+                }
+
+                o.disabled = $.map(o.disabled,
+                        function(n, i) { return n >= index ? ++n : n; });
+
+                this._tabify();
+
+                if (this.anchors.length == 1) { // after tabify
+                        $li.addClass('ui-tabs-selected ui-state-active');
+                        $panel.removeClass('ui-tabs-hide');
+                        this.element.queue("tabs", function() {
+                                self._trigger('show', null, self._ui(self.anchors[0], self.panels[0]));
+                        });
+                                
+                        this.load(0);
+                }
+
+                // callback
+                this._trigger('add', null, this._ui(this.anchors[index], this.panels[index]));
+        },
+
+        remove: function(index) {
+                var o = this.options, $li = this.lis.eq(index).remove(),
+                        $panel = this.panels.eq(index).remove();
+
+                // If selected tab was removed focus tab to the right or
+                // in case the last tab was removed the tab to the left.
+                if ($li.hasClass('ui-tabs-selected') && this.anchors.length > 1) {
+                        this.select(index + (index + 1 < this.anchors.length ? 1 : -1));
+                }
+
+                o.disabled = $.map($.grep(o.disabled, function(n, i) { return n != index; }),
+                        function(n, i) { return n >= index ? --n : n; });
+
+                this._tabify();
+
+                // callback
+                this._trigger('remove', null, this._ui($li.find('a')[0], $panel[0]));
+        },
+
+        enable: function(index) {
+                var o = this.options;
+                if ($.inArray(index, o.disabled) == -1) {
+                        return;
+                }
+
+                this.lis.eq(index).removeClass('ui-state-disabled');
+                o.disabled = $.grep(o.disabled, function(n, i) { return n != index; });
+
+                // callback
+                this._trigger('enable', null, this._ui(this.anchors[index], this.panels[index]));
+        },
+
+        disable: function(index) {
+                var self = this, o = this.options;
+                if (index != o.selected) { // cannot disable already selected tab
+                        this.lis.eq(index).addClass('ui-state-disabled');
+
+                        o.disabled.push(index);
+                        o.disabled.sort();
+
+                        // callback
+                        this._trigger('disable', null, this._ui(this.anchors[index], this.panels[index]));
+                }
+        },
+
+        select: function(index) {
+                if (typeof index == 'string') {
+                        index = this.anchors.index(this.anchors.filter('[href$=' + index + ']'));
+                }
+                else if (index === null) { // usage of null is deprecated, TODO remove in next release
+                        index = -1;
+                }
+                if (index == -1 && this.options.collapsible) {
+                        index = this.options.selected;
+                }
+
+                this.anchors.eq(index).trigger(this.options.event + '.tabs');
+        },
+
+        load: function(index) {
+                var self = this, o = this.options, a = this.anchors.eq(index)[0], url = $.data(a, 'load.tabs');
+
+                this.abort();
+
+                // not remote or from cache
+                if (!url || this.element.queue("tabs").length !== 0 && $.data(a, 'cache.tabs')) {
+                        this.element.dequeue("tabs");
+                        return;
+                }
+
+                // load remote from here on
+                this.lis.eq(index).addClass('ui-state-processing');
+
+                if (o.spinner) {
+                        var span = $('span', a);
+                        span.data('label.tabs', span.html()).html(o.spinner);
+                }
+
+                this.xhr = $.ajax($.extend({}, o.ajaxOptions, {
+                        url: url,
+                        success: function(r, s) {
+                                $(self._sanitizeSelector(a.hash)).html(r);
+
+                                // take care of tab labels
+                                self._cleanup();
+
+                                if (o.cache) {
+                                        $.data(a, 'cache.tabs', true); // if loaded once do not load them again
+                                }
+
+                                // callbacks
+                                self._trigger('load', null, self._ui(self.anchors[index], self.panels[index]));
+                                try {
+                                        o.ajaxOptions.success(r, s);
+                                }
+                                catch (e) {}
+
+                                // last, so that load event is fired before show...
+                                self.element.dequeue("tabs");
+                        }
+                }));
+        },
+
+        abort: function() {
+                // stop possibly running animations
+                this.element.queue([]);
+                this.panels.stop(false, true);
+
+                // terminate pending requests from other tabs
+                if (this.xhr) {
+                        this.xhr.abort();
+                        delete this.xhr;
+                }
+
+                // take care of tab labels
+                this._cleanup();
+
+        },
+
+        url: function(index, url) {
+                this.anchors.eq(index).removeData('cache.tabs').data('load.tabs', url);
+        },
+
+        length: function() {
+                return this.anchors.length;
+        }
+
+});
+
+$.extend($.ui.tabs, {
+        version: '1.7.2',
+        getter: 'length',
+        defaults: {
+                ajaxOptions: null,
+                cache: false,
+                cookie: null, // e.g. { expires: 7, path: '/', domain: 'jquery.com', secure: true }
+                collapsible: false,
+                disabled: [],
+                event: 'click',
+                fx: null, // e.g. { height: 'toggle', opacity: 'toggle', duration: 200 }
+                idPrefix: 'ui-tabs-',
+                panelTemplate: '<div></div>',
+                spinner: '<em>Loading&#8230;</em>',
+                tabTemplate: '<li><a href="#{href}"><span>#{label}</span></a></li>'
+        }
+});
+
+/*
+ * Tabs Extensions
+ */
+
+/*
+ * Rotate
+ */
+$.extend($.ui.tabs.prototype, {
+        rotation: null,
+        rotate: function(ms, continuing) {
+
+                var self = this, o = this.options;
+                
+                var rotate = self._rotate || (self._rotate = function(e) {
+                        clearTimeout(self.rotation);
+                        self.rotation = setTimeout(function() {
+                                var t = o.selected;
+                                self.select( ++t < self.anchors.length ? t : 0 );
+                        }, ms);
+                        
+                        if (e) {
+                                e.stopPropagation();
+                        }
+                });
+                
+                var stop = self._unrotate || (self._unrotate = !continuing ?
+                        function(e) {
+                                if (e.clientX) { // in case of a true click
+                                        self.rotate(null);
+                                }
+                        } :
+                        function(e) {
+                                t = o.selected;
+                                rotate();
+                        });
+
+                // start rotation
+                if (ms) {
+                        this.element.bind('tabsshow', rotate);
+                        this.anchors.bind(o.event + '.tabs', stop);
+                        rotate();
+                }
+                // stop rotation
+                else {
+                        clearTimeout(self.rotation);
+                        this.element.unbind('tabsshow', rotate);
+                        this.anchors.unbind(o.event + '.tabs', stop);
+                        delete this._rotate;
+                        delete this._unrotate;
+                }
+        }
+});
+
+})(jQuery);
diff --git a/static/development-bundle/version.txt b/static/development-bundle/version.txt
new file mode 100644
index 0000000..0a182f2
--- /dev/null
+++ b/static/development-bundle/version.txt
@@ -0,0 +1 @@
+1.7.2
\ No newline at end of file
diff --git a/static/index.html b/static/index.html
new file mode 100644
index 0000000..751cebe
--- /dev/null
+++ b/static/index.html
@@ -0,0 +1,367 @@
+<!DOCTYPE html>

+<html>

+        <head>

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

+                <title>jQuery UI Example Page</title>

+                <link type="text/css" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />    

+                <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

+                <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>

+                <script type="text/javascript">

+                        $(function(){

+

+                                // Accordion

+                                $("#accordion").accordion({ header: "h3" });

+        

+                                // Tabs

+                                $('#tabs').tabs();

+        

+

+                                // Dialog                       

+                                $('#dialog').dialog({

+                                        autoOpen: false,

+                                        width: 600,

+                                        buttons: {

+                                                "Ok": function() { 

+                                                        $(this).dialog("close"); 

+                                                }, 

+                                                "Cancel": function() { 

+                                                        $(this).dialog("close"); 

+                                                } 

+                                        }

+                                });

+                                

+                                // Dialog Link

+                                $('#dialog_link').click(function(){

+                                        $('#dialog').dialog('open');

+                                        return false;

+                                });

+

+                                // Datepicker

+                                $('#datepicker').datepicker({

+                                        inline: true

+                                });

+                                

+                                // Slider

+                                $('#slider').slider({

+                                        range: true,

+                                        values: [17, 67]

+                                });

+                                

+                                // Progressbar

+                                $("#progressbar").progressbar({

+                                        value: 20 

+                                });

+                                

+                                //hover states on the static widgets

+                                $('#dialog_link, ul#icons li').hover(

+                                        function() { $(this).addClass('ui-state-hover'); }, 

+                                        function() { $(this).removeClass('ui-state-hover'); }

+                                );

+                                

+                        });

+                </script>

+                <style type="text/css">

+                        /*demo page css*/

+                        body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}

+                        .demoHeaders { margin-top: 2em; }

+                        #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}

+                        #dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}

+                        ul#icons {margin: 0; padding: 0;}

+                        ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}

+                        ul#icons span.ui-icon {float: left; margin: 0 4px;}

+                </style>        

+        </head>

+        <body>

+        <h1>Welcome to jQuery UI!</h1>

+        <p style="font-size: 1.3em; line-height: 1.5; margin: 1em 0; width: 50%;">This page demonstrates the widgets you downloaded using the theme you selected in the download builder. We've included and linked to minified versions of <a href="js/jquery-1.3.2.min.js">jQuery</a>, your personalized copy of <a href="js/jquery-ui-1.7.2.custom.min.js">jQuery UI (js/jquery-ui-1.7.2.custom.min.js)</a>, and <a href="css/ui-lightness/jquery-ui-1.7.2.custom.css">css/ui-lightness/jquery-ui-1.7.2.custom.css</a> which imports the entire jQuery UI CSS Framework. You can choose to link a subset of the CSS Framework depending on your needs. </p>

+        <p style="font-size: 1.2em; line-height: 1.5; margin: 1em 0; width: 50%;">You've downloaded components and a theme that are compatible with jQuery 1.3+. Please make sure you are using jQuery 1.3+ in your production environment. <em>If you need jQuery UI components that work with an earlier version of jQuery, you can choose an older version in the <a href="http://jqueryui.com/download">jQuery UI download builder</a>.</em></p>    

+

+        <p style="font-weight: bold; margin: 2em 0 1em; font-size: 1.3em;">YOUR COMPONENTS:</p>

+                

+                <!-- Accordion -->

+                <h2 class="demoHeaders">Accordion</h2>

+                <div id="accordion">

+                        <div>

+                                <h3><a href="#">First</a></h3>

+                                <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>

+                        </div>

+                        <div>

+                                <h3><a href="#">Second</a></h3>

+                                <div>Phasellus mattis tincidunt nibh.</div>

+                        </div>

+                        <div>

+                                <h3><a href="#">Third</a></h3>

+                                <div>Nam dui erat, auctor a, dignissim quis.</div>

+                        </div>

+                </div>

+        

+                <!-- Tabs -->

+                <h2 class="demoHeaders">Tabs</h2>

+                <div id="tabs">

+                        <ul>

+                                <li><a href="#tabs-1">First</a></li>

+                                <li><a href="#tabs-2">Second</a></li>

+                                <li><a href="#tabs-3">Third</a></li>

+                        </ul>

+                        <div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>

+                        <div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>

+                        <div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>

+                </div>

+        

+                <!-- Dialog NOTE: Dialog is not generated by UI in this demo so it can be visually styled in themeroller-->

+                <h2 class="demoHeaders">Dialog</h2>

+                <p><a href="#" id="dialog_link" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-newwin"></span>Open Dialog</a></p>

+                

+                

+                <h2 class="demoHeaders">Overlay and Shadow Classes <em>(not currently used in UI widgets)</em></h2>

+                <div style="position: relative; width: 96%; height: 200px; padding:1% 4%; overflow:hidden;" class="fakewindowcontain">

+                        <p>Lorem ipsum dolor sit amet,  Nulla nec tortor. Donec id elit quis purus consectetur consequat. </p><p>Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. </p><p>Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. </p><p>Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. </p><p>Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. </p><p>Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. </p>

+                        

+                        <!-- ui-dialog -->

+                        <div class="ui-overlay"><div class="ui-widget-overlay"></div><div class="ui-widget-shadow ui-corner-all" style="width: 302px; height: 152px; position: absolute; left: 50px; top: 30px;"></div></div>

+                        <div style="position: absolute; width: 280px; height: 130px;left: 50px; top: 30px; padding: 10px;" class="ui-widget ui-widget-content ui-corner-all">

+                                <div class="ui-dialog-content ui-widget-content" style="background: none; border: 0;">

+                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>

+                                </div>

+                        </div>

+                

+                </div>

+

+                

+                <!-- ui-dialog -->

+                <div id="dialog" title="Dialog Title">

+                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>

+                </div>

+                        

+                                

+                                

+                <h2 class="demoHeaders">Framework Icons (content color preview)</h2>

+                <ul id="icons" class="ui-widget ui-helper-clearfix">

+                

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-n"><span class="ui-icon ui-icon-carat-1-n"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-ne"><span class="ui-icon ui-icon-carat-1-ne"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-e"><span class="ui-icon ui-icon-carat-1-e"></span></li>

+                

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-se"><span class="ui-icon ui-icon-carat-1-se"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-s"><span class="ui-icon ui-icon-carat-1-s"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-sw"><span class="ui-icon ui-icon-carat-1-sw"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-w"><span class="ui-icon ui-icon-carat-1-w"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-nw"><span class="ui-icon ui-icon-carat-1-nw"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-carat-2-n-s"><span class="ui-icon ui-icon-carat-2-n-s"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-carat-2-e-w"><span class="ui-icon ui-icon-carat-2-e-w"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-n"><span class="ui-icon ui-icon-triangle-1-n"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-ne"><span class="ui-icon ui-icon-triangle-1-ne"></span></li>

+                

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-e"><span class="ui-icon ui-icon-triangle-1-e"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-se"><span class="ui-icon ui-icon-triangle-1-se"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-s"><span class="ui-icon ui-icon-triangle-1-s"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-sw"><span class="ui-icon ui-icon-triangle-1-sw"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-w"><span class="ui-icon ui-icon-triangle-1-w"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-nw"><span class="ui-icon ui-icon-triangle-1-nw"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-2-n-s"><span class="ui-icon ui-icon-triangle-2-n-s"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-2-e-w"><span class="ui-icon ui-icon-triangle-2-e-w"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-n"><span class="ui-icon ui-icon-arrow-1-n"></span></li>

+                

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-ne"><span class="ui-icon ui-icon-arrow-1-ne"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-e"><span class="ui-icon ui-icon-arrow-1-e"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-se"><span class="ui-icon ui-icon-arrow-1-se"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-s"><span class="ui-icon ui-icon-arrow-1-s"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-sw"><span class="ui-icon ui-icon-arrow-1-sw"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-w"><span class="ui-icon ui-icon-arrow-1-w"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-nw"><span class="ui-icon ui-icon-arrow-1-nw"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-n-s"><span class="ui-icon ui-icon-arrow-2-n-s"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-ne-sw"><span class="ui-icon ui-icon-arrow-2-ne-sw"></span></li>

+                

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-e-w"><span class="ui-icon ui-icon-arrow-2-e-w"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-se-nw"><span class="ui-icon ui-icon-arrow-2-se-nw"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-n"><span class="ui-icon ui-icon-arrowstop-1-n"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-e"><span class="ui-icon ui-icon-arrowstop-1-e"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-s"><span class="ui-icon ui-icon-arrowstop-1-s"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-w"><span class="ui-icon ui-icon-arrowstop-1-w"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-n"><span class="ui-icon ui-icon-arrowthick-1-n"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-ne"><span class="ui-icon ui-icon-arrowthick-1-ne"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-e"><span class="ui-icon ui-icon-arrowthick-1-e"></span></li>

+                

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-se"><span class="ui-icon ui-icon-arrowthick-1-se"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-s"><span class="ui-icon ui-icon-arrowthick-1-s"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-sw"><span class="ui-icon ui-icon-arrowthick-1-sw"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-w"><span class="ui-icon ui-icon-arrowthick-1-w"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-nw"><span class="ui-icon ui-icon-arrowthick-1-nw"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-n-s"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-ne-sw"><span class="ui-icon ui-icon-arrowthick-2-ne-sw"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-e-w"><span class="ui-icon ui-icon-arrowthick-2-e-w"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-se-nw"><span class="ui-icon ui-icon-arrowthick-2-se-nw"></span></li>

+                

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-n"><span class="ui-icon ui-icon-arrowthickstop-1-n"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-e"><span class="ui-icon ui-icon-arrowthickstop-1-e"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-s"><span class="ui-icon ui-icon-arrowthickstop-1-s"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-w"><span class="ui-icon ui-icon-arrowthickstop-1-w"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-w"><span class="ui-icon ui-icon-arrowreturnthick-1-w"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-n"><span class="ui-icon ui-icon-arrowreturnthick-1-n"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-e"><span class="ui-icon ui-icon-arrowreturnthick-1-e"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-s"><span class="ui-icon ui-icon-arrowreturnthick-1-s"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-w"><span class="ui-icon ui-icon-arrowreturn-1-w"></span></li>

+                

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-n"><span class="ui-icon ui-icon-arrowreturn-1-n"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-e"><span class="ui-icon ui-icon-arrowreturn-1-e"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-s"><span class="ui-icon ui-icon-arrowreturn-1-s"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-w"><span class="ui-icon ui-icon-arrowrefresh-1-w"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-n"><span class="ui-icon ui-icon-arrowrefresh-1-n"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-e"><span class="ui-icon ui-icon-arrowrefresh-1-e"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-s"><span class="ui-icon ui-icon-arrowrefresh-1-s"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-4"><span class="ui-icon ui-icon-arrow-4"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-4-diag"><span class="ui-icon ui-icon-arrow-4-diag"></span></li>

+                

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-extlink"><span class="ui-icon ui-icon-extlink"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-newwin"><span class="ui-icon ui-icon-newwin"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-refresh"><span class="ui-icon ui-icon-refresh"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-shuffle"><span class="ui-icon ui-icon-shuffle"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-transfer-e-w"><span class="ui-icon ui-icon-transfer-e-w"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-transferthick-e-w"><span class="ui-icon ui-icon-transferthick-e-w"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-folder-collapsed"><span class="ui-icon ui-icon-folder-collapsed"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-folder-open"><span class="ui-icon ui-icon-folder-open"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-document"><span class="ui-icon ui-icon-document"></span></li>

+                

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-document-b"><span class="ui-icon ui-icon-document-b"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-note"><span class="ui-icon ui-icon-note"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-mail-closed"><span class="ui-icon ui-icon-mail-closed"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-mail-open"><span class="ui-icon ui-icon-mail-open"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-suitcase"><span class="ui-icon ui-icon-suitcase"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-comment"><span class="ui-icon ui-icon-comment"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-person"><span class="ui-icon ui-icon-person"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-print"><span class="ui-icon ui-icon-print"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-trash"><span class="ui-icon ui-icon-trash"></span></li>

+                

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-locked"><span class="ui-icon ui-icon-locked"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-unlocked"><span class="ui-icon ui-icon-unlocked"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-bookmark"><span class="ui-icon ui-icon-bookmark"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-tag"><span class="ui-icon ui-icon-tag"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-home"><span class="ui-icon ui-icon-home"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-flag"><span class="ui-icon ui-icon-flag"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-calculator"><span class="ui-icon ui-icon-calculator"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-cart"><span class="ui-icon ui-icon-cart"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-pencil"><span class="ui-icon ui-icon-pencil"></span></li>

+                

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-clock"><span class="ui-icon ui-icon-clock"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-disk"><span class="ui-icon ui-icon-disk"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-calendar"><span class="ui-icon ui-icon-calendar"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-zoomin"><span class="ui-icon ui-icon-zoomin"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-zoomout"><span class="ui-icon ui-icon-zoomout"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-search"><span class="ui-icon ui-icon-search"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-wrench"><span class="ui-icon ui-icon-wrench"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-gear"><span class="ui-icon ui-icon-gear"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-heart"><span class="ui-icon ui-icon-heart"></span></li>

+                

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-star"><span class="ui-icon ui-icon-star"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-link"><span class="ui-icon ui-icon-link"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-cancel"><span class="ui-icon ui-icon-cancel"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-plus"><span class="ui-icon ui-icon-plus"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-plusthick"><span class="ui-icon ui-icon-plusthick"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-minus"><span class="ui-icon ui-icon-minus"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-minusthick"><span class="ui-icon ui-icon-minusthick"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-close"><span class="ui-icon ui-icon-close"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-closethick"><span class="ui-icon ui-icon-closethick"></span></li>

+                

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-key"><span class="ui-icon ui-icon-key"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-lightbulb"><span class="ui-icon ui-icon-lightbulb"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-scissors"><span class="ui-icon ui-icon-scissors"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-clipboard"><span class="ui-icon ui-icon-clipboard"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-copy"><span class="ui-icon ui-icon-copy"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-contact"><span class="ui-icon ui-icon-contact"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-image"><span class="ui-icon ui-icon-image"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-video"><span class="ui-icon ui-icon-video"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-script"><span class="ui-icon ui-icon-script"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-alert"><span class="ui-icon ui-icon-alert"></span></li>

+                

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-info"><span class="ui-icon ui-icon-info"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-notice"><span class="ui-icon ui-icon-notice"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-help"><span class="ui-icon ui-icon-help"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-check"><span class="ui-icon ui-icon-check"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-bullet"><span class="ui-icon ui-icon-bullet"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-radio-off"><span class="ui-icon ui-icon-radio-off"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-radio-on"><span class="ui-icon ui-icon-radio-on"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-pin-w"><span class="ui-icon ui-icon-pin-w"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-pin-s"><span class="ui-icon ui-icon-pin-s"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-play"><span class="ui-icon ui-icon-play"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-pause"><span class="ui-icon ui-icon-pause"></span></li>

+                

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-seek-next"><span class="ui-icon ui-icon-seek-next"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-seek-prev"><span class="ui-icon ui-icon-seek-prev"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-seek-end"><span class="ui-icon ui-icon-seek-end"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-seek-first"><span class="ui-icon ui-icon-seek-first"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-stop"><span class="ui-icon ui-icon-stop"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-eject"><span class="ui-icon ui-icon-eject"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-volume-off"><span class="ui-icon ui-icon-volume-off"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-volume-on"><span class="ui-icon ui-icon-volume-on"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-power"><span class="ui-icon ui-icon-power"></span></li>

+                

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-signal-diag"><span class="ui-icon ui-icon-signal-diag"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-signal"><span class="ui-icon ui-icon-signal"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-battery-0"><span class="ui-icon ui-icon-battery-0"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-battery-1"><span class="ui-icon ui-icon-battery-1"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-battery-2"><span class="ui-icon ui-icon-battery-2"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-battery-3"><span class="ui-icon ui-icon-battery-3"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-circle-plus"><span class="ui-icon ui-icon-circle-plus"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-circle-minus"><span class="ui-icon ui-icon-circle-minus"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-circle-close"><span class="ui-icon ui-icon-circle-close"></span></li>

+                

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-e"><span class="ui-icon ui-icon-circle-triangle-e"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-s"><span class="ui-icon ui-icon-circle-triangle-s"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-w"><span class="ui-icon ui-icon-circle-triangle-w"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-n"><span class="ui-icon ui-icon-circle-triangle-n"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-e"><span class="ui-icon ui-icon-circle-arrow-e"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-s"><span class="ui-icon ui-icon-circle-arrow-s"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-w"><span class="ui-icon ui-icon-circle-arrow-w"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-n"><span class="ui-icon ui-icon-circle-arrow-n"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-circle-zoomin"><span class="ui-icon ui-icon-circle-zoomin"></span></li>

+                

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-circle-zoomout"><span class="ui-icon ui-icon-circle-zoomout"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-circle-check"><span class="ui-icon ui-icon-circle-check"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-plus"><span class="ui-icon ui-icon-circlesmall-plus"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-minus"><span class="ui-icon ui-icon-circlesmall-minus"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-close"><span class="ui-icon ui-icon-circlesmall-close"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-plus"><span class="ui-icon ui-icon-squaresmall-plus"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-minus"><span class="ui-icon ui-icon-squaresmall-minus"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-close"><span class="ui-icon ui-icon-squaresmall-close"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-grip-dotted-vertical"><span class="ui-icon ui-icon-grip-dotted-vertical"></span></li>

+                

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-grip-dotted-horizontal"><span class="ui-icon ui-icon-grip-dotted-horizontal"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-grip-solid-vertical"><span class="ui-icon ui-icon-grip-solid-vertical"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-grip-solid-horizontal"><span class="ui-icon ui-icon-grip-solid-horizontal"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-gripsmall-diagonal-se"><span class="ui-icon ui-icon-gripsmall-diagonal-se"></span></li>

+                <li class="ui-state-default ui-corner-all" title=".ui-icon-grip-diagonal-se"><span class="ui-icon ui-icon-grip-diagonal-se"></span></li>

+                </ul>

+

+        

+                <!-- Slider -->

+                <h2 class="demoHeaders">Slider</h2>

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

+        

+                <!-- Datepicker -->

+                <h2 class="demoHeaders">Datepicker</h2>

+                <div id="datepicker"></div>

+        

+                <!-- Progressbar -->

+                <h2 class="demoHeaders">Progressbar</h2>        

+                <div id="progressbar"></div>

+                        

+                <!-- Highlight / Error -->

+                <h2 class="demoHeaders">Highlight / Error</h2>

+                <div class="ui-widget">

+                        <div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 0 .7em;"> 

+                                <p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>

+                                <strong>Hey!</strong> Sample ui-state-highlight style.</p>

+                        </div>

+                </div>

+                <br/>

+                <div class="ui-widget">

+                        <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;"> 

+                                <p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span> 

+                                <strong>Alert:</strong> Sample ui-state-error style.</p>

+                        </div>

+                </div>

+

+        </body>

+</html>

+

+

diff --git a/static/js/jquery-1.3.2.min.js b/static/js/jquery-1.3.2.min.js
new file mode 100644
index 0000000..b1ae21d
--- /dev/null
+++ b/static/js/jquery-1.3.2.min.js
@@ -0,0 +1,19 @@
+/*
+ * jQuery JavaScript Library v1.3.2
+ * http://jquery.com/
+ *
+ * Copyright (c) 2009 John Resig
+ * Dual licensed under the MIT and GPL licenses.
+ * http://docs.jquery.com/License
+ *
+ * Date: 2009-02-19 17:34:21 -0500 (Thu, 19 Feb 2009)
+ * Revision: 6246
+ */
+(function(){var l=this,g,y=l.jQuery,p=l.$,o=l.jQuery=l.$=function(E,F){return new o.fn.init(E,F)},D=/^[^<]*(<(.|\s)+>)[^>]*$|^#([\w-]+)$/,f=/^.[^:#\[\.,]*$/;o.fn=o.prototype={init:function(E,H){E=E||document;if(E.nodeType){this[0]=E;this.length=1;this.context=E;return this}if(typeof E==="string"){var G=D.exec(E);if(G&&(G[1]||!H)){if(G[1]){E=o.clean([G[1]],H)}else{var I=document.getElementById(G[3]);if(I&&I.id!=G[3]){return o().find(E)}var F=o(I||[]);F.context=document;F.selector=E;return F}}else{return o(H).find(E)}}else{if(o.isFunction(E)){return o(document).ready(E)}}if(E.selector&&E.context){this.selector=E.selector;this.context=E.context}return this.setArray(o.isArray(E)?E:o.makeArray(E))},selector:"",jquery:"1.3.2",size:function(){return this.length},get:function(E){return E===g?Array.prototype.slice.call(this):this[E]},pushStack:function(F,H,E){var G=o(F);G.prevObject=this;G.context=this.context;if(H==="find"){G.selector=this.selector+(this.selector?" ":"")+E}else{if(H){G.selector=this.selector+"."+H+"("+E+")"}}return G},setArray:function(E){this.length=0;Array.prototype.push.apply(this,E);return this},each:function(F,E){return o.each(this,F,E)},index:function(E){return o.inArray(E&&E.jquery?E[0]:E,this)},attr:function(F,H,G){var E=F;if(typeof F==="string"){if(H===g){return this[0]&&o[G||"attr"](this[0],F)}else{E={};E[F]=H}}return this.each(function(I){for(F in E){o.attr(G?this.style:this,F,o.prop(this,E[F],G,I,F))}})},css:function(E,F){if((E=="width"||E=="height")&&parseFloat(F)<0){F=g}return this.attr(E,F,"curCSS")},text:function(F){if(typeof F!=="object"&&F!=null){return this.empty().append((this[0]&&this[0].ownerDocument||document).createTextNode(F))}var E="";o.each(F||this,function(){o.each(this.childNodes,function(){if(this.nodeType!=8){E+=this.nodeType!=1?this.nodeValue:o.fn.text([this])}})});return E},wrapAll:function(E){if(this[0]){var F=o(E,this[0].ownerDocument).clone();if(this[0].parentNode){F.insertBefore(this[0])}F.map(function(){var G=this;while(G.firstChild){G=G.firstChild}return G}).append(this)}return this},wrapInner:function(E){return this.each(function(){o(this).contents().wrapAll(E)})},wrap:function(E){return this.each(function(){o(this).wrapAll(E)})},append:function(){return this.domManip(arguments,true,function(E){if(this.nodeType==1){this.appendChild(E)}})},prepend:function(){return this.domManip(arguments,true,function(E){if(this.nodeType==1){this.insertBefore(E,this.firstChild)}})},before:function(){return this.domManip(arguments,false,function(E){this.parentNode.insertBefore(E,this)})},after:function(){return this.domManip(arguments,false,function(E){this.parentNode.insertBefore(E,this.nextSibling)})},end:function(){return this.prevObject||o([])},push:[].push,sort:[].sort,splice:[].splice,find:function(E){if(this.length===1){var F=this.pushStack([],"find",E);F.length=0;o.find(E,this[0],F);return F}else{return this.pushStack(o.unique(o.map(this,function(G){return o.find(E,G)})),"find",E)}},clone:function(G){var E=this.map(function(){if(!o.support.noCloneEvent&&!o.isXMLDoc(this)){var I=this.outerHTML;if(!I){var J=this.ownerDocument.createElement("div");J.appendChild(this.cloneNode(true));I=J.innerHTML}return o.clean([I.replace(/ jQuery\d+="(?:\d+|null)"/g,"").replace(/^\s*/,"")])[0]}else{return this.cloneNode(true)}});if(G===true){var H=this.find("*").andSelf(),F=0;E.find("*").andSelf().each(function(){if(this.nodeName!==H[F].nodeName){return}var I=o.data(H[F],"events");for(var K in I){for(var J in I[K]){o.event.add(this,K,I[K][J],I[K][J].data)}}F++})}return E},filter:function(E){return this.pushStack(o.isFunction(E)&&o.grep(this,function(G,F){return E.call(G,F)})||o.multiFilter(E,o.grep(this,function(F){return F.nodeType===1})),"filter",E)},closest:function(E){var G=o.expr.match.POS.test(E)?o(E):null,F=0;return this.map(function(){var H=this;while(H&&H.ownerDocument){if(G?G.index(H)>-1:o(H).is(E)){o.data(H,"closest",F);return H}H=H.parentNode;F++}})},not:function(E){if(typeof E==="string"){if(f.test(E)){return this.pushStack(o.multiFilter(E,this,true),"not",E)}else{E=o.multiFilter(E,this)}}var F=E.length&&E[E.length-1]!==g&&!E.nodeType;return this.filter(function(){return F?o.inArray(this,E)<0:this!=E})},add:function(E){return this.pushStack(o.unique(o.merge(this.get(),typeof E==="string"?o(E):o.makeArray(E))))},is:function(E){return !!E&&o.multiFilter(E,this).length>0},hasClass:function(E){return !!E&&this.is("."+E)},val:function(K){if(K===g){var E=this[0];if(E){if(o.nodeName(E,"option")){return(E.attributes.value||{}).specified?E.value:E.text}if(o.nodeName(E,"select")){var I=E.selectedIndex,L=[],M=E.options,H=E.type=="select-one";if(I<0){return null}for(var F=H?I:0,J=H?I+1:M.length;F<J;F++){var G=M[F];if(G.selected){K=o(G).val();if(H){return K}L.push(K)}}return L}return(E.value||"").replace(/\r/g,"")}return g}if(typeof K==="number"){K+=""}return this.each(function(){if(this.nodeType!=1){return}if(o.isArray(K)&&/radio|checkbox/.test(this.type)){this.checked=(o.inArray(this.value,K)>=0||o.inArray(this.name,K)>=0)}else{if(o.nodeName(this,"select")){var N=o.makeArray(K);o("option",this).each(function(){this.selected=(o.inArray(this.value,N)>=0||o.inArray(this.text,N)>=0)});if(!N.length){this.selectedIndex=-1}}else{this.value=K}}})},html:function(E){return E===g?(this[0]?this[0].innerHTML.replace(/ jQuery\d+="(?:\d+|null)"/g,""):null):this.empty().append(E)},replaceWith:function(E){return this.after(E).remove()},eq:function(E){return this.slice(E,+E+1)},slice:function(){return this.pushStack(Array.prototype.slice.apply(this,arguments),"slice",Array.prototype.slice.call(arguments).join(","))},map:function(E){return this.pushStack(o.map(this,function(G,F){return E.call(G,F,G)}))},andSelf:function(){return this.add(this.prevObject)},domManip:function(J,M,L){if(this[0]){var I=(this[0].ownerDocument||this[0]).createDocumentFragment(),F=o.clean(J,(this[0].ownerDocument||this[0]),I),H=I.firstChild;if(H){for(var G=0,E=this.length;G<E;G++){L.call(K(this[G],H),this.length>1||G>0?I.cloneNode(true):I)}}if(F){o.each(F,z)}}return this;function K(N,O){return M&&o.nodeName(N,"table")&&o.nodeName(O,"tr")?(N.getElementsByTagName("tbody")[0]||N.appendChild(N.ownerDocument.createElement("tbody"))):N}}};o.fn.init.prototype=o.fn;function z(E,F){if(F.src){o.ajax({url:F.src,async:false,dataType:"script"})}else{o.globalEval(F.text||F.textContent||F.innerHTML||"")}if(F.parentNode){F.parentNode.removeChild(F)}}function e(){return +new Date}o.extend=o.fn.extend=function(){var J=arguments[0]||{},H=1,I=arguments.length,E=false,G;if(typeof J==="boolean"){E=J;J=arguments[1]||{};H=2}if(typeof J!=="object"&&!o.isFunction(J)){J={}}if(I==H){J=this;--H}for(;H<I;H++){if((G=arguments[H])!=null){for(var F in G){var K=J[F],L=G[F];if(J===L){continue}if(E&&L&&typeof L==="object"&&!L.nodeType){J[F]=o.extend(E,K||(L.length!=null?[]:{}),L)}else{if(L!==g){J[F]=L}}}}}return J};var b=/z-?index|font-?weight|opacity|zoom|line-?height/i,q=document.defaultView||{},s=Object.prototype.toString;o.extend({noConflict:function(E){l.$=p;if(E){l.jQuery=y}return o},isFunction:function(E){return s.call(E)==="[object Function]"},isArray:function(E){return s.call(E)==="[object Array]"},isXMLDoc:function(E){return E.nodeType===9&&E.documentElement.nodeName!=="HTML"||!!E.ownerDocument&&o.isXMLDoc(E.ownerDocument)},globalEval:function(G){if(G&&/\S/.test(G)){var F=document.getElementsByTagName("head")[0]||document.documentElement,E=document.createElement("script");E.type="text/javascript";if(o.support.scriptEval){E.appendChild(document.createTextNode(G))}else{E.text=G}F.insertBefore(E,F.firstChild);F.removeChild(E)}},nodeName:function(F,E){return F.nodeName&&F.nodeName.toUpperCase()==E.toUpperCase()},each:function(G,K,F){var E,H=0,I=G.length;if(F){if(I===g){for(E in G){if(K.apply(G[E],F)===false){break}}}else{for(;H<I;){if(K.apply(G[H++],F)===false){break}}}}else{if(I===g){for(E in G){if(K.call(G[E],E,G[E])===false){break}}}else{for(var J=G[0];H<I&&K.call(J,H,J)!==false;J=G[++H]){}}}return G},prop:function(H,I,G,F,E){if(o.isFunction(I)){I=I.call(H,F)}return typeof I==="number"&&G=="curCSS"&&!b.test(E)?I+"px":I},className:{add:function(E,F){o.each((F||"").split(/\s+/),function(G,H){if(E.nodeType==1&&!o.className.has(E.className,H)){E.className+=(E.className?" ":"")+H}})},remove:function(E,F){if(E.nodeType==1){E.className=F!==g?o.grep(E.className.split(/\s+/),function(G){return !o.className.has(F,G)}).join(" "):""}},has:function(F,E){return F&&o.inArray(E,(F.className||F).toString().split(/\s+/))>-1}},swap:function(H,G,I){var E={};for(var F in G){E[F]=H.style[F];H.style[F]=G[F]}I.call(H);for(var F in G){H.style[F]=E[F]}},css:function(H,F,J,E){if(F=="width"||F=="height"){var L,G={position:"absolute",visibility:"hidden",display:"block"},K=F=="width"?["Left","Right"]:["Top","Bottom"];function I(){L=F=="width"?H.offsetWidth:H.offsetHeight;if(E==="border"){return}o.each(K,function(){if(!E){L-=parseFloat(o.curCSS(H,"padding"+this,true))||0}if(E==="margin"){L+=parseFloat(o.curCSS(H,"margin"+this,true))||0}else{L-=parseFloat(o.curCSS(H,"border"+this+"Width",true))||0}})}if(H.offsetWidth!==0){I()}else{o.swap(H,G,I)}return Math.max(0,Math.round(L))}return o.curCSS(H,F,J)},curCSS:function(I,F,G){var L,E=I.style;if(F=="opacity"&&!o.support.opacity){L=o.attr(E,"opacity");return L==""?"1":L}if(F.match(/float/i)){F=w}if(!G&&E&&E[F]){L=E[F]}else{if(q.getComputedStyle){if(F.match(/float/i)){F="float"}F=F.replace(/([A-Z])/g,"-$1").toLowerCase();var M=q.getComputedStyle(I,null);if(M){L=M.getPropertyValue(F)}if(F=="opacity"&&L==""){L="1"}}else{if(I.currentStyle){var J=F.replace(/\-(\w)/g,function(N,O){return O.toUpperCase()});L=I.currentStyle[F]||I.currentStyle[J];if(!/^\d+(px)?$/i.test(L)&&/^\d/.test(L)){var H=E.left,K=I.runtimeStyle.left;I.runtimeStyle.left=I.currentStyle.left;E.left=L||0;L=E.pixelLeft+"px";E.left=H;I.runtimeStyle.left=K}}}}return L},clean:function(F,K,I){K=K||document;if(typeof K.createElement==="undefined"){K=K.ownerDocument||K[0]&&K[0].ownerDocument||document}if(!I&&F.length===1&&typeof F[0]==="string"){var H=/^<(\w+)\s*\/?>$/.exec(F[0]);if(H){return[K.createElement(H[1])]}}var G=[],E=[],L=K.createElement("div");o.each(F,function(P,S){if(typeof S==="number"){S+=""}if(!S){return}if(typeof S==="string"){S=S.replace(/(<(\w+)[^>]*?)\/>/g,function(U,V,T){return T.match(/^(abbr|br|col|img|input|link|meta|param|hr|area|embed)$/i)?U:V+"></"+T+">"});var O=S.replace(/^\s+/,"").substring(0,10).toLowerCase();var Q=!O.indexOf("<opt")&&[1,"<select multiple='multiple'>","</select>"]||!O.indexOf("<leg")&&[1,"<fieldset>","</fieldset>"]||O.match(/^<(thead|tbody|tfoot|colg|cap)/)&&[1,"<table>","</table>"]||!O.indexOf("<tr")&&[2,"<table><tbody>","</tbody></table>"]||(!O.indexOf("<td")||!O.indexOf("<th"))&&[3,"<table><tbody><tr>","</tr></tbody></table>"]||!O.indexOf("<col")&&[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"]||!o.support.htmlSerialize&&[1,"div<div>","</div>"]||[0,"",""];L.innerHTML=Q[1]+S+Q[2];while(Q[0]--){L=L.lastChild}if(!o.support.tbody){var R=/<tbody/i.test(S),N=!O.indexOf("<table")&&!R?L.firstChild&&L.firstChild.childNodes:Q[1]=="<table>"&&!R?L.childNodes:[];for(var M=N.length-1;M>=0;--M){if(o.nodeName(N[M],"tbody")&&!N[M].childNodes.length){N[M].parentNode.removeChild(N[M])}}}if(!o.support.leadingWhitespace&&/^\s/.test(S)){L.insertBefore(K.createTextNode(S.match(/^\s*/)[0]),L.firstChild)}S=o.makeArray(L.childNodes)}if(S.nodeType){G.push(S)}else{G=o.merge(G,S)}});if(I){for(var J=0;G[J];J++){if(o.nodeName(G[J],"script")&&(!G[J].type||G[J].type.toLowerCase()==="text/javascript")){E.push(G[J].parentNode?G[J].parentNode.removeChild(G[J]):G[J])}else{if(G[J].nodeType===1){G.splice.apply(G,[J+1,0].concat(o.makeArray(G[J].getElementsByTagName("script"))))}I.appendChild(G[J])}}return E}return G},attr:function(J,G,K){if(!J||J.nodeType==3||J.nodeType==8){return g}var H=!o.isXMLDoc(J),L=K!==g;G=H&&o.props[G]||G;if(J.tagName){var F=/href|src|style/.test(G);if(G=="selected"&&J.parentNode){J.parentNode.selectedIndex}if(G in J&&H&&!F){if(L){if(G=="type"&&o.nodeName(J,"input")&&J.parentNode){throw"type property can't be changed"}J[G]=K}if(o.nodeName(J,"form")&&J.getAttributeNode(G)){return J.getAttributeNode(G).nodeValue}if(G=="tabIndex"){var I=J.getAttributeNode("tabIndex");return I&&I.specified?I.value:J.nodeName.match(/(button|input|object|select|textarea)/i)?0:J.nodeName.match(/^(a|area)$/i)&&J.href?0:g}return J[G]}if(!o.support.style&&H&&G=="style"){return o.attr(J.style,"cssText",K)}if(L){J.setAttribute(G,""+K)}var E=!o.support.hrefNormalized&&H&&F?J.getAttribute(G,2):J.getAttribute(G);return E===null?g:E}if(!o.support.opacity&&G=="opacity"){if(L){J.zoom=1;J.filter=(J.filter||"").replace(/alpha\([^)]*\)/,"")+(parseInt(K)+""=="NaN"?"":"alpha(opacity="+K*100+")")}return J.filter&&J.filter.indexOf("opacity=")>=0?(parseFloat(J.filter.match(/opacity=([^)]*)/)[1])/100)+"":""}G=G.replace(/-([a-z])/ig,function(M,N){return N.toUpperCase()});if(L){J[G]=K}return J[G]},trim:function(E){return(E||"").replace(/^\s+|\s+$/g,"")},makeArray:function(G){var E=[];if(G!=null){var F=G.length;if(F==null||typeof G==="string"||o.isFunction(G)||G.setInterval){E[0]=G}else{while(F){E[--F]=G[F]}}}return E},inArray:function(G,H){for(var E=0,F=H.length;E<F;E++){if(H[E]===G){return E}}return -1},merge:function(H,E){var F=0,G,I=H.length;if(!o.support.getAll){while((G=E[F++])!=null){if(G.nodeType!=8){H[I++]=G}}}else{while((G=E[F++])!=null){H[I++]=G}}return H},unique:function(K){var F=[],E={};try{for(var G=0,H=K.length;G<H;G++){var J=o.data(K[G]);if(!E[J]){E[J]=true;F.push(K[G])}}}catch(I){F=K}return F},grep:function(F,J,E){var G=[];for(var H=0,I=F.length;H<I;H++){if(!E!=!J(F[H],H)){G.push(F[H])}}return G},map:function(E,J){var F=[];for(var G=0,H=E.length;G<H;G++){var I=J(E[G],G);if(I!=null){F[F.length]=I}}return F.concat.apply([],F)}});var C=navigator.userAgent.toLowerCase();o.browser={version:(C.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/)||[0,"0"])[1],safari:/webkit/.test(C),opera:/opera/.test(C),msie:/msie/.test(C)&&!/opera/.test(C),mozilla:/mozilla/.test(C)&&!/(compatible|webkit)/.test(C)};o.each({parent:function(E){return E.parentNode},parents:function(E){return o.dir(E,"parentNode")},next:function(E){return o.nth(E,2,"nextSibling")},prev:function(E){return o.nth(E,2,"previousSibling")},nextAll:function(E){return o.dir(E,"nextSibling")},prevAll:function(E){return o.dir(E,"previousSibling")},siblings:function(E){return o.sibling(E.parentNode.firstChild,E)},children:function(E){return o.sibling(E.firstChild)},contents:function(E){return o.nodeName(E,"iframe")?E.contentDocument||E.contentWindow.document:o.makeArray(E.childNodes)}},function(E,F){o.fn[E]=function(G){var H=o.map(this,F);if(G&&typeof G=="string"){H=o.multiFilter(G,H)}return this.pushStack(o.unique(H),E,G)}});o.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(E,F){o.fn[E]=function(G){var J=[],L=o(G);for(var K=0,H=L.length;K<H;K++){var I=(K>0?this.clone(true):this).get();o.fn[F].apply(o(L[K]),I);J=J.concat(I)}return this.pushStack(J,E,G)}});o.each({removeAttr:function(E){o.attr(this,E,"");if(this.nodeType==1){this.removeAttribute(E)}},addClass:function(E){o.className.add(this,E)},removeClass:function(E){o.className.remove(this,E)},toggleClass:function(F,E){if(typeof E!=="boolean"){E=!o.className.has(this,F)}o.className[E?"add":"remove"](this,F)},remove:function(E){if(!E||o.filter(E,[this]).length){o("*",this).add([this]).each(function(){o.event.remove(this);o.removeData(this)});if(this.parentNode){this.parentNode.removeChild(this)}}},empty:function(){o(this).children().remove();while(this.firstChild){this.removeChild(this.firstChild)}}},function(E,F){o.fn[E]=function(){return this.each(F,arguments)}});function j(E,F){return E[0]&&parseInt(o.curCSS(E[0],F,true),10)||0}var h="jQuery"+e(),v=0,A={};o.extend({cache:{},data:function(F,E,G){F=F==l?A:F;var H=F[h];if(!H){H=F[h]=++v}if(E&&!o.cache[H]){o.cache[H]={}}if(G!==g){o.cache[H][E]=G}return E?o.cache[H][E]:H},removeData:function(F,E){F=F==l?A:F;var H=F[h];if(E){if(o.cache[H]){delete o.cache[H][E];E="";for(E in o.cache[H]){break}if(!E){o.removeData(F)}}}else{try{delete F[h]}catch(G){if(F.removeAttribute){F.removeAttribute(h)}}delete o.cache[H]}},queue:function(F,E,H){if(F){E=(E||"fx")+"queue";var G=o.data(F,E);if(!G||o.isArray(H)){G=o.data(F,E,o.makeArray(H))}else{if(H){G.push(H)}}}return G},dequeue:function(H,G){var E=o.queue(H,G),F=E.shift();if(!G||G==="fx"){F=E[0]}if(F!==g){F.call(H)}}});o.fn.extend({data:function(E,G){var H=E.split(".");H[1]=H[1]?"."+H[1]:"";if(G===g){var F=this.triggerHandler("getData"+H[1]+"!",[H[0]]);if(F===g&&this.length){F=o.data(this[0],E)}return F===g&&H[1]?this.data(H[0]):F}else{return this.trigger("setData"+H[1]+"!",[H[0],G]).each(function(){o.data(this,E,G)})}},removeData:function(E){return this.each(function(){o.removeData(this,E)})},queue:function(E,F){if(typeof E!=="string"){F=E;E="fx"}if(F===g){return o.queue(this[0],E)}return this.each(function(){var G=o.queue(this,E,F);if(E=="fx"&&G.length==1){G[0].call(this)}})},dequeue:function(E){return this.each(function(){o.dequeue(this,E)})}});
+/*
+ * Sizzle CSS Selector Engine - v0.9.3
+ *  Copyright 2009, The Dojo Foundation
+ *  Released under the MIT, BSD, and GPL Licenses.
+ *  More information: http://sizzlejs.com/
+ */
+(function(){var R=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?/g,L=0,H=Object.prototype.toString;var F=function(Y,U,ab,ac){ab=ab||[];U=U||document;if(U.nodeType!==1&&U.nodeType!==9){return[]}if(!Y||typeof Y!=="string"){return ab}var Z=[],W,af,ai,T,ad,V,X=true;R.lastIndex=0;while((W=R.exec(Y))!==null){Z.push(W[1]);if(W[2]){V=RegExp.rightContext;break}}if(Z.length>1&&M.exec(Y)){if(Z.length===2&&I.relative[Z[0]]){af=J(Z[0]+Z[1],U)}else{af=I.relative[Z[0]]?[U]:F(Z.shift(),U);while(Z.length){Y=Z.shift();if(I.relative[Y]){Y+=Z.shift()}af=J(Y,af)}}}else{var ae=ac?{expr:Z.pop(),set:E(ac)}:F.find(Z.pop(),Z.length===1&&U.parentNode?U.parentNode:U,Q(U));af=F.filter(ae.expr,ae.set);if(Z.length>0){ai=E(af)}else{X=false}while(Z.length){var ah=Z.pop(),ag=ah;if(!I.relative[ah]){ah=""}else{ag=Z.pop()}if(ag==null){ag=U}I.relative[ah](ai,ag,Q(U))}}if(!ai){ai=af}if(!ai){throw"Syntax error, unrecognized expression: "+(ah||Y)}if(H.call(ai)==="[object Array]"){if(!X){ab.push.apply(ab,ai)}else{if(U.nodeType===1){for(var aa=0;ai[aa]!=null;aa++){if(ai[aa]&&(ai[aa]===true||ai[aa].nodeType===1&&K(U,ai[aa]))){ab.push(af[aa])}}}else{for(var aa=0;ai[aa]!=null;aa++){if(ai[aa]&&ai[aa].nodeType===1){ab.push(af[aa])}}}}}else{E(ai,ab)}if(V){F(V,U,ab,ac);if(G){hasDuplicate=false;ab.sort(G);if(hasDuplicate){for(var aa=1;aa<ab.length;aa++){if(ab[aa]===ab[aa-1]){ab.splice(aa--,1)}}}}}return ab};F.matches=function(T,U){return F(T,null,null,U)};F.find=function(aa,T,ab){var Z,X;if(!aa){return[]}for(var W=0,V=I.order.length;W<V;W++){var Y=I.order[W],X;if((X=I.match[Y].exec(aa))){var U=RegExp.leftContext;if(U.substr(U.length-1)!=="\\"){X[1]=(X[1]||"").replace(/\\/g,"");Z=I.find[Y](X,T,ab);if(Z!=null){aa=aa.replace(I.match[Y],"");break}}}}if(!Z){Z=T.getElementsByTagName("*")}return{set:Z,expr:aa}};F.filter=function(ad,ac,ag,W){var V=ad,ai=[],aa=ac,Y,T,Z=ac&&ac[0]&&Q(ac[0]);while(ad&&ac.length){for(var ab in I.filter){if((Y=I.match[ab].exec(ad))!=null){var U=I.filter[ab],ah,af;T=false;if(aa==ai){ai=[]}if(I.preFilter[ab]){Y=I.preFilter[ab](Y,aa,ag,ai,W,Z);if(!Y){T=ah=true}else{if(Y===true){continue}}}if(Y){for(var X=0;(af=aa[X])!=null;X++){if(af){ah=U(af,Y,X,aa);var ae=W^!!ah;if(ag&&ah!=null){if(ae){T=true}else{aa[X]=false}}else{if(ae){ai.push(af);T=true}}}}}if(ah!==g){if(!ag){aa=ai}ad=ad.replace(I.match[ab],"");if(!T){return[]}break}}}if(ad==V){if(T==null){throw"Syntax error, unrecognized expression: "+ad}else{break}}V=ad}return aa};var I=F.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF_-]|\\.)+)/,CLASS:/\.((?:[\w\u00c0-\uFFFF_-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF_-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF_-]|\\.)+)\s*(?:(\S?=)\s*(['"]*)(.*?)\3|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*_-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\((even|odd|[\dn+-]*)\))?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF_-]|\\.)+)(?:\((['"]*)((?:\([^\)]+\)|[^\2\(\)]*)+)\2\))?/},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(T){return T.getAttribute("href")}},relative:{"+":function(aa,T,Z){var X=typeof T==="string",ab=X&&!/\W/.test(T),Y=X&&!ab;if(ab&&!Z){T=T.toUpperCase()}for(var W=0,V=aa.length,U;W<V;W++){if((U=aa[W])){while((U=U.previousSibling)&&U.nodeType!==1){}aa[W]=Y||U&&U.nodeName===T?U||false:U===T}}if(Y){F.filter(T,aa,true)}},">":function(Z,U,aa){var X=typeof U==="string";if(X&&!/\W/.test(U)){U=aa?U:U.toUpperCase();for(var V=0,T=Z.length;V<T;V++){var Y=Z[V];if(Y){var W=Y.parentNode;Z[V]=W.nodeName===U?W:false}}}else{for(var V=0,T=Z.length;V<T;V++){var Y=Z[V];if(Y){Z[V]=X?Y.parentNode:Y.parentNode===U}}if(X){F.filter(U,Z,true)}}},"":function(W,U,Y){var V=L++,T=S;if(!U.match(/\W/)){var X=U=Y?U:U.toUpperCase();T=P}T("parentNode",U,V,W,X,Y)},"~":function(W,U,Y){var V=L++,T=S;if(typeof U==="string"&&!U.match(/\W/)){var X=U=Y?U:U.toUpperCase();T=P}T("previousSibling",U,V,W,X,Y)}},find:{ID:function(U,V,W){if(typeof V.getElementById!=="undefined"&&!W){var T=V.getElementById(U[1]);return T?[T]:[]}},NAME:function(V,Y,Z){if(typeof Y.getElementsByName!=="undefined"){var U=[],X=Y.getElementsByName(V[1]);for(var W=0,T=X.length;W<T;W++){if(X[W].getAttribute("name")===V[1]){U.push(X[W])}}return U.length===0?null:U}},TAG:function(T,U){return U.getElementsByTagName(T[1])}},preFilter:{CLASS:function(W,U,V,T,Z,aa){W=" "+W[1].replace(/\\/g,"")+" ";if(aa){return W}for(var X=0,Y;(Y=U[X])!=null;X++){if(Y){if(Z^(Y.className&&(" "+Y.className+" ").indexOf(W)>=0)){if(!V){T.push(Y)}}else{if(V){U[X]=false}}}}return false},ID:function(T){return T[1].replace(/\\/g,"")},TAG:function(U,T){for(var V=0;T[V]===false;V++){}return T[V]&&Q(T[V])?U[1]:U[1].toUpperCase()},CHILD:function(T){if(T[1]=="nth"){var U=/(-?)(\d*)n((?:\+|-)?\d*)/.exec(T[2]=="even"&&"2n"||T[2]=="odd"&&"2n+1"||!/\D/.test(T[2])&&"0n+"+T[2]||T[2]);T[2]=(U[1]+(U[2]||1))-0;T[3]=U[3]-0}T[0]=L++;return T},ATTR:function(X,U,V,T,Y,Z){var W=X[1].replace(/\\/g,"");if(!Z&&I.attrMap[W]){X[1]=I.attrMap[W]}if(X[2]==="~="){X[4]=" "+X[4]+" "}return X},PSEUDO:function(X,U,V,T,Y){if(X[1]==="not"){if(X[3].match(R).length>1||/^\w/.test(X[3])){X[3]=F(X[3],null,null,U)}else{var W=F.filter(X[3],U,V,true^Y);if(!V){T.push.apply(T,W)}return false}}else{if(I.match.POS.test(X[0])||I.match.CHILD.test(X[0])){return true}}return X},POS:function(T){T.unshift(true);return T}},filters:{enabled:function(T){return T.disabled===false&&T.type!=="hidden"},disabled:function(T){return T.disabled===true},checked:function(T){return T.checked===true},selected:function(T){T.parentNode.selectedIndex;return T.selected===true},parent:function(T){return !!T.firstChild},empty:function(T){return !T.firstChild},has:function(V,U,T){return !!F(T[3],V).length},header:function(T){return/h\d/i.test(T.nodeName)},text:function(T){return"text"===T.type},radio:function(T){return"radio"===T.type},checkbox:function(T){return"checkbox"===T.type},file:function(T){return"file"===T.type},password:function(T){return"password"===T.type},submit:function(T){return"submit"===T.type},image:function(T){return"image"===T.type},reset:function(T){return"reset"===T.type},button:function(T){return"button"===T.type||T.nodeName.toUpperCase()==="BUTTON"},input:function(T){return/input|select|textarea|button/i.test(T.nodeName)}},setFilters:{first:function(U,T){return T===0},last:function(V,U,T,W){return U===W.length-1},even:function(U,T){return T%2===0},odd:function(U,T){return T%2===1},lt:function(V,U,T){return U<T[3]-0},gt:function(V,U,T){return U>T[3]-0},nth:function(V,U,T){return T[3]-0==U},eq:function(V,U,T){return T[3]-0==U}},filter:{PSEUDO:function(Z,V,W,aa){var U=V[1],X=I.filters[U];if(X){return X(Z,W,V,aa)}else{if(U==="contains"){return(Z.textContent||Z.innerText||"").indexOf(V[3])>=0}else{if(U==="not"){var Y=V[3];for(var W=0,T=Y.length;W<T;W++){if(Y[W]===Z){return false}}return true}}}},CHILD:function(T,W){var Z=W[1],U=T;switch(Z){case"only":case"first":while(U=U.previousSibling){if(U.nodeType===1){return false}}if(Z=="first"){return true}U=T;case"last":while(U=U.nextSibling){if(U.nodeType===1){return false}}return true;case"nth":var V=W[2],ac=W[3];if(V==1&&ac==0){return true}var Y=W[0],ab=T.parentNode;if(ab&&(ab.sizcache!==Y||!T.nodeIndex)){var X=0;for(U=ab.firstChild;U;U=U.nextSibling){if(U.nodeType===1){U.nodeIndex=++X}}ab.sizcache=Y}var aa=T.nodeIndex-ac;if(V==0){return aa==0}else{return(aa%V==0&&aa/V>=0)}}},ID:function(U,T){return U.nodeType===1&&U.getAttribute("id")===T},TAG:function(U,T){return(T==="*"&&U.nodeType===1)||U.nodeName===T},CLASS:function(U,T){return(" "+(U.className||U.getAttribute("class"))+" ").indexOf(T)>-1},ATTR:function(Y,W){var V=W[1],T=I.attrHandle[V]?I.attrHandle[V](Y):Y[V]!=null?Y[V]:Y.getAttribute(V),Z=T+"",X=W[2],U=W[4];return T==null?X==="!=":X==="="?Z===U:X==="*="?Z.indexOf(U)>=0:X==="~="?(" "+Z+" ").indexOf(U)>=0:!U?Z&&T!==false:X==="!="?Z!=U:X==="^="?Z.indexOf(U)===0:X==="$="?Z.substr(Z.length-U.length)===U:X==="|="?Z===U||Z.substr(0,U.length+1)===U+"-":false},POS:function(X,U,V,Y){var T=U[2],W=I.setFilters[T];if(W){return W(X,V,U,Y)}}}};var M=I.match.POS;for(var O in I.match){I.match[O]=RegExp(I.match[O].source+/(?![^\[]*\])(?![^\(]*\))/.source)}var E=function(U,T){U=Array.prototype.slice.call(U);if(T){T.push.apply(T,U);return T}return U};try{Array.prototype.slice.call(document.documentElement.childNodes)}catch(N){E=function(X,W){var U=W||[];if(H.call(X)==="[object Array]"){Array.prototype.push.apply(U,X)}else{if(typeof X.length==="number"){for(var V=0,T=X.length;V<T;V++){U.push(X[V])}}else{for(var V=0;X[V];V++){U.push(X[V])}}}return U}}var G;if(document.documentElement.compareDocumentPosition){G=function(U,T){var V=U.compareDocumentPosition(T)&4?-1:U===T?0:1;if(V===0){hasDuplicate=true}return V}}else{if("sourceIndex" in document.documentElement){G=function(U,T){var V=U.sourceIndex-T.sourceIndex;if(V===0){hasDuplicate=true}return V}}else{if(document.createRange){G=function(W,U){var V=W.ownerDocument.createRange(),T=U.ownerDocument.createRange();V.selectNode(W);V.collapse(true);T.selectNode(U);T.collapse(true);var X=V.compareBoundaryPoints(Range.START_TO_END,T);if(X===0){hasDuplicate=true}return X}}}}(function(){var U=document.createElement("form"),V="script"+(new Date).getTime();U.innerHTML="<input name='"+V+"'/>";var T=document.documentElement;T.insertBefore(U,T.firstChild);if(!!document.getElementById(V)){I.find.ID=function(X,Y,Z){if(typeof Y.getElementById!=="undefined"&&!Z){var W=Y.getElementById(X[1]);return W?W.id===X[1]||typeof W.getAttributeNode!=="undefined"&&W.getAttributeNode("id").nodeValue===X[1]?[W]:g:[]}};I.filter.ID=function(Y,W){var X=typeof Y.getAttributeNode!=="undefined"&&Y.getAttributeNode("id");return Y.nodeType===1&&X&&X.nodeValue===W}}T.removeChild(U)})();(function(){var T=document.createElement("div");T.appendChild(document.createComment(""));if(T.getElementsByTagName("*").length>0){I.find.TAG=function(U,Y){var X=Y.getElementsByTagName(U[1]);if(U[1]==="*"){var W=[];for(var V=0;X[V];V++){if(X[V].nodeType===1){W.push(X[V])}}X=W}return X}}T.innerHTML="<a href='#'></a>";if(T.firstChild&&typeof T.firstChild.getAttribute!=="undefined"&&T.firstChild.getAttribute("href")!=="#"){I.attrHandle.href=function(U){return U.getAttribute("href",2)}}})();if(document.querySelectorAll){(function(){var T=F,U=document.createElement("div");U.innerHTML="<p class='TEST'></p>";if(U.querySelectorAll&&U.querySelectorAll(".TEST").length===0){return}F=function(Y,X,V,W){X=X||document;if(!W&&X.nodeType===9&&!Q(X)){try{return E(X.querySelectorAll(Y),V)}catch(Z){}}return T(Y,X,V,W)};F.find=T.find;F.filter=T.filter;F.selectors=T.selectors;F.matches=T.matches})()}if(document.getElementsByClassName&&document.documentElement.getElementsByClassName){(function(){var T=document.createElement("div");T.innerHTML="<div class='test e'></div><div class='test'></div>";if(T.getElementsByClassName("e").length===0){return}T.lastChild.className="e";if(T.getElementsByClassName("e").length===1){return}I.order.splice(1,0,"CLASS");I.find.CLASS=function(U,V,W){if(typeof V.getElementsByClassName!=="undefined"&&!W){return V.getElementsByClassName(U[1])}}})()}function P(U,Z,Y,ad,aa,ac){var ab=U=="previousSibling"&&!ac;for(var W=0,V=ad.length;W<V;W++){var T=ad[W];if(T){if(ab&&T.nodeType===1){T.sizcache=Y;T.sizset=W}T=T[U];var X=false;while(T){if(T.sizcache===Y){X=ad[T.sizset];break}if(T.nodeType===1&&!ac){T.sizcache=Y;T.sizset=W}if(T.nodeName===Z){X=T;break}T=T[U]}ad[W]=X}}}function S(U,Z,Y,ad,aa,ac){var ab=U=="previousSibling"&&!ac;for(var W=0,V=ad.length;W<V;W++){var T=ad[W];if(T){if(ab&&T.nodeType===1){T.sizcache=Y;T.sizset=W}T=T[U];var X=false;while(T){if(T.sizcache===Y){X=ad[T.sizset];break}if(T.nodeType===1){if(!ac){T.sizcache=Y;T.sizset=W}if(typeof Z!=="string"){if(T===Z){X=true;break}}else{if(F.filter(Z,[T]).length>0){X=T;break}}}T=T[U]}ad[W]=X}}}var K=document.compareDocumentPosition?function(U,T){return U.compareDocumentPosition(T)&16}:function(U,T){return U!==T&&(U.contains?U.contains(T):true)};var Q=function(T){return T.nodeType===9&&T.documentElement.nodeName!=="HTML"||!!T.ownerDocument&&Q(T.ownerDocument)};var J=function(T,aa){var W=[],X="",Y,V=aa.nodeType?[aa]:aa;while((Y=I.match.PSEUDO.exec(T))){X+=Y[0];T=T.replace(I.match.PSEUDO,"")}T=I.relative[T]?T+"*":T;for(var Z=0,U=V.length;Z<U;Z++){F(T,V[Z],W)}return F.filter(X,W)};o.find=F;o.filter=F.filter;o.expr=F.selectors;o.expr[":"]=o.expr.filters;F.selectors.filters.hidden=function(T){return T.offsetWidth===0||T.offsetHeight===0};F.selectors.filters.visible=function(T){return T.offsetWidth>0||T.offsetHeight>0};F.selectors.filters.animated=function(T){return o.grep(o.timers,function(U){return T===U.elem}).length};o.multiFilter=function(V,T,U){if(U){V=":not("+V+")"}return F.matches(V,T)};o.dir=function(V,U){var T=[],W=V[U];while(W&&W!=document){if(W.nodeType==1){T.push(W)}W=W[U]}return T};o.nth=function(X,T,V,W){T=T||1;var U=0;for(;X;X=X[V]){if(X.nodeType==1&&++U==T){break}}return X};o.sibling=function(V,U){var T=[];for(;V;V=V.nextSibling){if(V.nodeType==1&&V!=U){T.push(V)}}return T};return;l.Sizzle=F})();o.event={add:function(I,F,H,K){if(I.nodeType==3||I.nodeType==8){return}if(I.setInterval&&I!=l){I=l}if(!H.guid){H.guid=this.guid++}if(K!==g){var G=H;H=this.proxy(G);H.data=K}var E=o.data(I,"events")||o.data(I,"events",{}),J=o.data(I,"handle")||o.data(I,"handle",function(){return typeof o!=="undefined"&&!o.event.triggered?o.event.handle.apply(arguments.callee.elem,arguments):g});J.elem=I;o.each(F.split(/\s+/),function(M,N){var O=N.split(".");N=O.shift();H.type=O.slice().sort().join(".");var L=E[N];if(o.event.specialAll[N]){o.event.specialAll[N].setup.call(I,K,O)}if(!L){L=E[N]={};if(!o.event.special[N]||o.event.special[N].setup.call(I,K,O)===false){if(I.addEventListener){I.addEventListener(N,J,false)}else{if(I.attachEvent){I.attachEvent("on"+N,J)}}}}L[H.guid]=H;o.event.global[N]=true});I=null},guid:1,global:{},remove:function(K,H,J){if(K.nodeType==3||K.nodeType==8){return}var G=o.data(K,"events"),F,E;if(G){if(H===g||(typeof H==="string"&&H.charAt(0)==".")){for(var I in G){this.remove(K,I+(H||""))}}else{if(H.type){J=H.handler;H=H.type}o.each(H.split(/\s+/),function(M,O){var Q=O.split(".");O=Q.shift();var N=RegExp("(^|\\.)"+Q.slice().sort().join(".*\\.")+"(\\.|$)");if(G[O]){if(J){delete G[O][J.guid]}else{for(var P in G[O]){if(N.test(G[O][P].type)){delete G[O][P]}}}if(o.event.specialAll[O]){o.event.specialAll[O].teardown.call(K,Q)}for(F in G[O]){break}if(!F){if(!o.event.special[O]||o.event.special[O].teardown.call(K,Q)===false){if(K.removeEventListener){K.removeEventListener(O,o.data(K,"handle"),false)}else{if(K.detachEvent){K.detachEvent("on"+O,o.data(K,"handle"))}}}F=null;delete G[O]}}})}for(F in G){break}if(!F){var L=o.data(K,"handle");if(L){L.elem=null}o.removeData(K,"events");o.removeData(K,"handle")}}},trigger:function(I,K,H,E){var G=I.type||I;if(!E){I=typeof I==="object"?I[h]?I:o.extend(o.Event(G),I):o.Event(G);if(G.indexOf("!")>=0){I.type=G=G.slice(0,-1);I.exclusive=true}if(!H){I.stopPropagation();if(this.global[G]){o.each(o.cache,function(){if(this.events&&this.events[G]){o.event.trigger(I,K,this.handle.elem)}})}}if(!H||H.nodeType==3||H.nodeType==8){return g}I.result=g;I.target=H;K=o.makeArray(K);K.unshift(I)}I.currentTarget=H;var J=o.data(H,"handle");if(J){J.apply(H,K)}if((!H[G]||(o.nodeName(H,"a")&&G=="click"))&&H["on"+G]&&H["on"+G].apply(H,K)===false){I.result=false}if(!E&&H[G]&&!I.isDefaultPrevented()&&!(o.nodeName(H,"a")&&G=="click")){this.triggered=true;try{H[G]()}catch(L){}}this.triggered=false;if(!I.isPropagationStopped()){var F=H.parentNode||H.ownerDocument;if(F){o.event.trigger(I,K,F,true)}}},handle:function(K){var J,E;K=arguments[0]=o.event.fix(K||l.event);K.currentTarget=this;var L=K.type.split(".");K.type=L.shift();J=!L.length&&!K.exclusive;var I=RegExp("(^|\\.)"+L.slice().sort().join(".*\\.")+"(\\.|$)");E=(o.data(this,"events")||{})[K.type];for(var G in E){var H=E[G];if(J||I.test(H.type)){K.handler=H;K.data=H.data;var F=H.apply(this,arguments);if(F!==g){K.result=F;if(F===false){K.preventDefault();K.stopPropagation()}}if(K.isImmediatePropagationStopped()){break}}}},props:"altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode metaKey newValue originalTarget pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),fix:function(H){if(H[h]){return H}var F=H;H=o.Event(F);for(var G=this.props.length,J;G;){J=this.props[--G];H[J]=F[J]}if(!H.target){H.target=H.srcElement||document}if(H.target.nodeType==3){H.target=H.target.parentNode}if(!H.relatedTarget&&H.fromElement){H.relatedTarget=H.fromElement==H.target?H.toElement:H.fromElement}if(H.pageX==null&&H.clientX!=null){var I=document.documentElement,E=document.body;H.pageX=H.clientX+(I&&I.scrollLeft||E&&E.scrollLeft||0)-(I.clientLeft||0);H.pageY=H.clientY+(I&&I.scrollTop||E&&E.scrollTop||0)-(I.clientTop||0)}if(!H.which&&((H.charCode||H.charCode===0)?H.charCode:H.keyCode)){H.which=H.charCode||H.keyCode}if(!H.metaKey&&H.ctrlKey){H.metaKey=H.ctrlKey}if(!H.which&&H.button){H.which=(H.button&1?1:(H.button&2?3:(H.button&4?2:0)))}return H},proxy:function(F,E){E=E||function(){return F.apply(this,arguments)};E.guid=F.guid=F.guid||E.guid||this.guid++;return E},special:{ready:{setup:B,teardown:function(){}}},specialAll:{live:{setup:function(E,F){o.event.add(this,F[0],c)},teardown:function(G){if(G.length){var E=0,F=RegExp("(^|\\.)"+G[0]+"(\\.|$)");o.each((o.data(this,"events").live||{}),function(){if(F.test(this.type)){E++}});if(E<1){o.event.remove(this,G[0],c)}}}}}};o.Event=function(E){if(!this.preventDefault){return new o.Event(E)}if(E&&E.type){this.originalEvent=E;this.type=E.type}else{this.type=E}this.timeStamp=e();this[h]=true};function k(){return false}function u(){return true}o.Event.prototype={preventDefault:function(){this.isDefaultPrevented=u;var E=this.originalEvent;if(!E){return}if(E.preventDefault){E.preventDefault()}E.returnValue=false},stopPropagation:function(){this.isPropagationStopped=u;var E=this.originalEvent;if(!E){return}if(E.stopPropagation){E.stopPropagation()}E.cancelBubble=true},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=u;this.stopPropagation()},isDefaultPrevented:k,isPropagationStopped:k,isImmediatePropagationStopped:k};var a=function(F){var E=F.relatedTarget;while(E&&E!=this){try{E=E.parentNode}catch(G){E=this}}if(E!=this){F.type=F.data;o.event.handle.apply(this,arguments)}};o.each({mouseover:"mouseenter",mouseout:"mouseleave"},function(F,E){o.event.special[E]={setup:function(){o.event.add(this,F,a,E)},teardown:function(){o.event.remove(this,F,a)}}});o.fn.extend({bind:function(F,G,E){return F=="unload"?this.one(F,G,E):this.each(function(){o.event.add(this,F,E||G,E&&G)})},one:function(G,H,F){var E=o.event.proxy(F||H,function(I){o(this).unbind(I,E);return(F||H).apply(this,arguments)});return this.each(function(){o.event.add(this,G,E,F&&H)})},unbind:function(F,E){return this.each(function(){o.event.remove(this,F,E)})},trigger:function(E,F){return this.each(function(){o.event.trigger(E,F,this)})},triggerHandler:function(E,G){if(this[0]){var F=o.Event(E);F.preventDefault();F.stopPropagation();o.event.trigger(F,G,this[0]);return F.result}},toggle:function(G){var E=arguments,F=1;while(F<E.length){o.event.proxy(G,E[F++])}return this.click(o.event.proxy(G,function(H){this.lastToggle=(this.lastToggle||0)%F;H.preventDefault();return E[this.lastToggle++].apply(this,arguments)||false}))},hover:function(E,F){return this.mouseenter(E).mouseleave(F)},ready:function(E){B();if(o.isReady){E.call(document,o)}else{o.readyList.push(E)}return this},live:function(G,F){var E=o.event.proxy(F);E.guid+=this.selector+G;o(document).bind(i(G,this.selector),this.selector,E);return this},die:function(F,E){o(document).unbind(i(F,this.selector),E?{guid:E.guid+this.selector+F}:null);return this}});function c(H){var E=RegExp("(^|\\.)"+H.type+"(\\.|$)"),G=true,F=[];o.each(o.data(this,"events").live||[],function(I,J){if(E.test(J.type)){var K=o(H.target).closest(J.data)[0];if(K){F.push({elem:K,fn:J})}}});F.sort(function(J,I){return o.data(J.elem,"closest")-o.data(I.elem,"closest")});o.each(F,function(){if(this.fn.call(this.elem,H,this.fn.data)===false){return(G=false)}});return G}function i(F,E){return["live",F,E.replace(/\./g,"`").replace(/ /g,"|")].join(".")}o.extend({isReady:false,readyList:[],ready:function(){if(!o.isReady){o.isReady=true;if(o.readyList){o.each(o.readyList,function(){this.call(document,o)});o.readyList=null}o(document).triggerHandler("ready")}}});var x=false;function B(){if(x){return}x=true;if(document.addEventListener){document.addEventListener("DOMContentLoaded",function(){document.removeEventListener("DOMContentLoaded",arguments.callee,false);o.ready()},false)}else{if(document.attachEvent){document.attachEvent("onreadystatechange",function(){if(document.readyState==="complete"){document.detachEvent("onreadystatechange",arguments.callee);o.ready()}});if(document.documentElement.doScroll&&l==l.top){(function(){if(o.isReady){return}try{document.documentElement.doScroll("left")}catch(E){setTimeout(arguments.callee,0);return}o.ready()})()}}}o.event.add(l,"load",o.ready)}o.each(("blur,focus,load,resize,scroll,unload,click,dblclick,mousedown,mouseup,mousemove,mouseover,mouseout,mouseenter,mouseleave,change,select,submit,keydown,keypress,keyup,error").split(","),function(F,E){o.fn[E]=function(G){return G?this.bind(E,G):this.trigger(E)}});o(l).bind("unload",function(){for(var E in o.cache){if(E!=1&&o.cache[E].handle){o.event.remove(o.cache[E].handle.elem)}}});(function(){o.support={};var F=document.documentElement,G=document.createElement("script"),K=document.createElement("div"),J="script"+(new Date).getTime();K.style.display="none";K.innerHTML='   <link/><table></table><a href="/a" style="color:red;float:left;opacity:.5;">a</a><select><option>text</option></select><object><param/></object>';var H=K.getElementsByTagName("*"),E=K.getElementsByTagName("a")[0];if(!H||!H.length||!E){return}o.support={leadingWhitespace:K.firstChild.nodeType==3,tbody:!K.getElementsByTagName("tbody").length,objectAll:!!K.getElementsByTagName("object")[0].getElementsByTagName("*").length,htmlSerialize:!!K.getElementsByTagName("link").length,style:/red/.test(E.getAttribute("style")),hrefNormalized:E.getAttribute("href")==="/a",opacity:E.style.opacity==="0.5",cssFloat:!!E.style.cssFloat,scriptEval:false,noCloneEvent:true,boxModel:null};G.type="text/javascript";try{G.appendChild(document.createTextNode("window."+J+"=1;"))}catch(I){}F.insertBefore(G,F.firstChild);if(l[J]){o.support.scriptEval=true;delete l[J]}F.removeChild(G);if(K.attachEvent&&K.fireEvent){K.attachEvent("onclick",function(){o.support.noCloneEvent=false;K.detachEvent("onclick",arguments.callee)});K.cloneNode(true).fireEvent("onclick")}o(function(){var L=document.createElement("div");L.style.width=L.style.paddingLeft="1px";document.body.appendChild(L);o.boxModel=o.support.boxModel=L.offsetWidth===2;document.body.removeChild(L).style.display="none"})})();var w=o.support.cssFloat?"cssFloat":"styleFloat";o.props={"for":"htmlFor","class":"className","float":w,cssFloat:w,styleFloat:w,readonly:"readOnly",maxlength:"maxLength",cellspacing:"cellSpacing",rowspan:"rowSpan",tabindex:"tabIndex"};o.fn.extend({_load:o.fn.load,load:function(G,J,K){if(typeof G!=="string"){return this._load(G)}var I=G.indexOf(" ");if(I>=0){var E=G.slice(I,G.length);G=G.slice(0,I)}var H="GET";if(J){if(o.isFunction(J)){K=J;J=null}else{if(typeof J==="object"){J=o.param(J);H="POST"}}}var F=this;o.ajax({url:G,type:H,dataType:"html",data:J,complete:function(M,L){if(L=="success"||L=="notmodified"){F.html(E?o("<div/>").append(M.responseText.replace(/<script(.|\s)*?\/script>/g,"")).find(E):M.responseText)}if(K){F.each(K,[M.responseText,L,M])}}});return this},serialize:function(){return o.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?o.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||/select|textarea/i.test(this.nodeName)||/text|hidden|password|search/i.test(this.type))}).map(function(E,F){var G=o(this).val();return G==null?null:o.isArray(G)?o.map(G,function(I,H){return{name:F.name,value:I}}):{name:F.name,value:G}}).get()}});o.each("ajaxStart,ajaxStop,ajaxComplete,ajaxError,ajaxSuccess,ajaxSend".split(","),function(E,F){o.fn[F]=function(G){return this.bind(F,G)}});var r=e();o.extend({get:function(E,G,H,F){if(o.isFunction(G)){H=G;G=null}return o.ajax({type:"GET",url:E,data:G,success:H,dataType:F})},getScript:function(E,F){return o.get(E,null,F,"script")},getJSON:function(E,F,G){return o.get(E,F,G,"json")},post:function(E,G,H,F){if(o.isFunction(G)){H=G;G={}}return o.ajax({type:"POST",url:E,data:G,success:H,dataType:F})},ajaxSetup:function(E){o.extend(o.ajaxSettings,E)},ajaxSettings:{url:location.href,global:true,type:"GET",contentType:"application/x-www-form-urlencoded",processData:true,async:true,xhr:function(){return l.ActiveXObject?new ActiveXObject("Microsoft.XMLHTTP"):new XMLHttpRequest()},accepts:{xml:"application/xml, text/xml",html:"text/html",script:"text/javascript, application/javascript",json:"application/json, text/javascript",text:"text/plain",_default:"*/*"}},lastModified:{},ajax:function(M){M=o.extend(true,M,o.extend(true,{},o.ajaxSettings,M));var W,F=/=\?(&|$)/g,R,V,G=M.type.toUpperCase();if(M.data&&M.processData&&typeof M.data!=="string"){M.data=o.param(M.data)}if(M.dataType=="jsonp"){if(G=="GET"){if(!M.url.match(F)){M.url+=(M.url.match(/\?/)?"&":"?")+(M.jsonp||"callback")+"=?"}}else{if(!M.data||!M.data.match(F)){M.data=(M.data?M.data+"&":"")+(M.jsonp||"callback")+"=?"}}M.dataType="json"}if(M.dataType=="json"&&(M.data&&M.data.match(F)||M.url.match(F))){W="jsonp"+r++;if(M.data){M.data=(M.data+"").replace(F,"="+W+"$1")}M.url=M.url.replace(F,"="+W+"$1");M.dataType="script";l[W]=function(X){V=X;I();L();l[W]=g;try{delete l[W]}catch(Y){}if(H){H.removeChild(T)}}}if(M.dataType=="script"&&M.cache==null){M.cache=false}if(M.cache===false&&G=="GET"){var E=e();var U=M.url.replace(/(\?|&)_=.*?(&|$)/,"$1_="+E+"$2");M.url=U+((U==M.url)?(M.url.match(/\?/)?"&":"?")+"_="+E:"")}if(M.data&&G=="GET"){M.url+=(M.url.match(/\?/)?"&":"?")+M.data;M.data=null}if(M.global&&!o.active++){o.event.trigger("ajaxStart")}var Q=/^(\w+:)?\/\/([^\/?#]+)/.exec(M.url);if(M.dataType=="script"&&G=="GET"&&Q&&(Q[1]&&Q[1]!=location.protocol||Q[2]!=location.host)){var H=document.getElementsByTagName("head")[0];var T=document.createElement("script");T.src=M.url;if(M.scriptCharset){T.charset=M.scriptCharset}if(!W){var O=false;T.onload=T.onreadystatechange=function(){if(!O&&(!this.readyState||this.readyState=="loaded"||this.readyState=="complete")){O=true;I();L();T.onload=T.onreadystatechange=null;H.removeChild(T)}}}H.appendChild(T);return g}var K=false;var J=M.xhr();if(M.username){J.open(G,M.url,M.async,M.username,M.password)}else{J.open(G,M.url,M.async)}try{if(M.data){J.setRequestHeader("Content-Type",M.contentType)}if(M.ifModified){J.setRequestHeader("If-Modified-Since",o.lastModified[M.url]||"Thu, 01 Jan 1970 00:00:00 GMT")}J.setRequestHeader("X-Requested-With","XMLHttpRequest");J.setRequestHeader("Accept",M.dataType&&M.accepts[M.dataType]?M.accepts[M.dataType]+", */*":M.accepts._default)}catch(S){}if(M.beforeSend&&M.beforeSend(J,M)===false){if(M.global&&!--o.active){o.event.trigger("ajaxStop")}J.abort();return false}if(M.global){o.event.trigger("ajaxSend",[J,M])}var N=function(X){if(J.readyState==0){if(P){clearInterval(P);P=null;if(M.global&&!--o.active){o.event.trigger("ajaxStop")}}}else{if(!K&&J&&(J.readyState==4||X=="timeout")){K=true;if(P){clearInterval(P);P=null}R=X=="timeout"?"timeout":!o.httpSuccess(J)?"error":M.ifModified&&o.httpNotModified(J,M.url)?"notmodified":"success";if(R=="success"){try{V=o.httpData(J,M.dataType,M)}catch(Z){R="parsererror"}}if(R=="success"){var Y;try{Y=J.getResponseHeader("Last-Modified")}catch(Z){}if(M.ifModified&&Y){o.lastModified[M.url]=Y}if(!W){I()}}else{o.handleError(M,J,R)}L();if(X){J.abort()}if(M.async){J=null}}}};if(M.async){var P=setInterval(N,13);if(M.timeout>0){setTimeout(function(){if(J&&!K){N("timeout")}},M.timeout)}}try{J.send(M.data)}catch(S){o.handleError(M,J,null,S)}if(!M.async){N()}function I(){if(M.success){M.success(V,R)}if(M.global){o.event.trigger("ajaxSuccess",[J,M])}}function L(){if(M.complete){M.complete(J,R)}if(M.global){o.event.trigger("ajaxComplete",[J,M])}if(M.global&&!--o.active){o.event.trigger("ajaxStop")}}return J},handleError:function(F,H,E,G){if(F.error){F.error(H,E,G)}if(F.global){o.event.trigger("ajaxError",[H,F,G])}},active:0,httpSuccess:function(F){try{return !F.status&&location.protocol=="file:"||(F.status>=200&&F.status<300)||F.status==304||F.status==1223}catch(E){}return false},httpNotModified:function(G,E){try{var H=G.getResponseHeader("Last-Modified");return G.status==304||H==o.lastModified[E]}catch(F){}return false},httpData:function(J,H,G){var F=J.getResponseHeader("content-type"),E=H=="xml"||!H&&F&&F.indexOf("xml")>=0,I=E?J.responseXML:J.responseText;if(E&&I.documentElement.tagName=="parsererror"){throw"parsererror"}if(G&&G.dataFilter){I=G.dataFilter(I,H)}if(typeof I==="string"){if(H=="script"){o.globalEval(I)}if(H=="json"){I=l["eval"]("("+I+")")}}return I},param:function(E){var G=[];function H(I,J){G[G.length]=encodeURIComponent(I)+"="+encodeURIComponent(J)}if(o.isArray(E)||E.jquery){o.each(E,function(){H(this.name,this.value)})}else{for(var F in E){if(o.isArray(E[F])){o.each(E[F],function(){H(F,this)})}else{H(F,o.isFunction(E[F])?E[F]():E[F])}}}return G.join("&").replace(/%20/g,"+")}});var m={},n,d=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]];function t(F,E){var G={};o.each(d.concat.apply([],d.slice(0,E)),function(){G[this]=F});return G}o.fn.extend({show:function(J,L){if(J){return this.animate(t("show",3),J,L)}else{for(var H=0,F=this.length;H<F;H++){var E=o.data(this[H],"olddisplay");this[H].style.display=E||"";if(o.css(this[H],"display")==="none"){var G=this[H].tagName,K;if(m[G]){K=m[G]}else{var I=o("<"+G+" />").appendTo("body");K=I.css("display");if(K==="none"){K="block"}I.remove();m[G]=K}o.data(this[H],"olddisplay",K)}}for(var H=0,F=this.length;H<F;H++){this[H].style.display=o.data(this[H],"olddisplay")||""}return this}},hide:function(H,I){if(H){return this.animate(t("hide",3),H,I)}else{for(var G=0,F=this.length;G<F;G++){var E=o.data(this[G],"olddisplay");if(!E&&E!=="none"){o.data(this[G],"olddisplay",o.css(this[G],"display"))}}for(var G=0,F=this.length;G<F;G++){this[G].style.display="none"}return this}},_toggle:o.fn.toggle,toggle:function(G,F){var E=typeof G==="boolean";return o.isFunction(G)&&o.isFunction(F)?this._toggle.apply(this,arguments):G==null||E?this.each(function(){var H=E?G:o(this).is(":hidden");o(this)[H?"show":"hide"]()}):this.animate(t("toggle",3),G,F)},fadeTo:function(E,G,F){return this.animate({opacity:G},E,F)},animate:function(I,F,H,G){var E=o.speed(F,H,G);return this[E.queue===false?"each":"queue"](function(){var K=o.extend({},E),M,L=this.nodeType==1&&o(this).is(":hidden"),J=this;for(M in I){if(I[M]=="hide"&&L||I[M]=="show"&&!L){return K.complete.call(this)}if((M=="height"||M=="width")&&this.style){K.display=o.css(this,"display");K.overflow=this.style.overflow}}if(K.overflow!=null){this.style.overflow="hidden"}K.curAnim=o.extend({},I);o.each(I,function(O,S){var R=new o.fx(J,K,O);if(/toggle|show|hide/.test(S)){R[S=="toggle"?L?"show":"hide":S](I)}else{var Q=S.toString().match(/^([+-]=)?([\d+-.]+)(.*)$/),T=R.cur(true)||0;if(Q){var N=parseFloat(Q[2]),P=Q[3]||"px";if(P!="px"){J.style[O]=(N||1)+P;T=((N||1)/R.cur(true))*T;J.style[O]=T+P}if(Q[1]){N=((Q[1]=="-="?-1:1)*N)+T}R.custom(T,N,P)}else{R.custom(T,S,"")}}});return true})},stop:function(F,E){var G=o.timers;if(F){this.queue([])}this.each(function(){for(var H=G.length-1;H>=0;H--){if(G[H].elem==this){if(E){G[H](true)}G.splice(H,1)}}});if(!E){this.dequeue()}return this}});o.each({slideDown:t("show",1),slideUp:t("hide",1),slideToggle:t("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"}},function(E,F){o.fn[E]=function(G,H){return this.animate(F,G,H)}});o.extend({speed:function(G,H,F){var E=typeof G==="object"?G:{complete:F||!F&&H||o.isFunction(G)&&G,duration:G,easing:F&&H||H&&!o.isFunction(H)&&H};E.duration=o.fx.off?0:typeof E.duration==="number"?E.duration:o.fx.speeds[E.duration]||o.fx.speeds._default;E.old=E.complete;E.complete=function(){if(E.queue!==false){o(this).dequeue()}if(o.isFunction(E.old)){E.old.call(this)}};return E},easing:{linear:function(G,H,E,F){return E+F*G},swing:function(G,H,E,F){return((-Math.cos(G*Math.PI)/2)+0.5)*F+E}},timers:[],fx:function(F,E,G){this.options=E;this.elem=F;this.prop=G;if(!E.orig){E.orig={}}}});o.fx.prototype={update:function(){if(this.options.step){this.options.step.call(this.elem,this.now,this)}(o.fx.step[this.prop]||o.fx.step._default)(this);if((this.prop=="height"||this.prop=="width")&&this.elem.style){this.elem.style.display="block"}},cur:function(F){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null)){return this.elem[this.prop]}var E=parseFloat(o.css(this.elem,this.prop,F));return E&&E>-10000?E:parseFloat(o.curCSS(this.elem,this.prop))||0},custom:function(I,H,G){this.startTime=e();this.start=I;this.end=H;this.unit=G||this.unit||"px";this.now=this.start;this.pos=this.state=0;var E=this;function F(J){return E.step(J)}F.elem=this.elem;if(F()&&o.timers.push(F)&&!n){n=setInterval(function(){var K=o.timers;for(var J=0;J<K.length;J++){if(!K[J]()){K.splice(J--,1)}}if(!K.length){clearInterval(n);n=g}},13)}},show:function(){this.options.orig[this.prop]=o.attr(this.elem.style,this.prop);this.options.show=true;this.custom(this.prop=="width"||this.prop=="height"?1:0,this.cur());o(this.elem).show()},hide:function(){this.options.orig[this.prop]=o.attr(this.elem.style,this.prop);this.options.hide=true;this.custom(this.cur(),0)},step:function(H){var G=e();if(H||G>=this.options.duration+this.startTime){this.now=this.end;this.pos=this.state=1;this.update();this.options.curAnim[this.prop]=true;var E=true;for(var F in this.options.curAnim){if(this.options.curAnim[F]!==true){E=false}}if(E){if(this.options.display!=null){this.elem.style.overflow=this.options.overflow;this.elem.style.display=this.options.display;if(o.css(this.elem,"display")=="none"){this.elem.style.display="block"}}if(this.options.hide){o(this.elem).hide()}if(this.options.hide||this.options.show){for(var I in this.options.curAnim){o.attr(this.elem.style,I,this.options.orig[I])}}this.options.complete.call(this.elem)}return false}else{var J=G-this.startTime;this.state=J/this.options.duration;this.pos=o.easing[this.options.easing||(o.easing.swing?"swing":"linear")](this.state,J,0,1,this.options.duration);this.now=this.start+((this.end-this.start)*this.pos);this.update()}return true}};o.extend(o.fx,{speeds:{slow:600,fast:200,_default:400},step:{opacity:function(E){o.attr(E.elem.style,"opacity",E.now)},_default:function(E){if(E.elem.style&&E.elem.style[E.prop]!=null){E.elem.style[E.prop]=E.now+E.unit}else{E.elem[E.prop]=E.now}}}});if(document.documentElement.getBoundingClientRect){o.fn.offset=function(){if(!this[0]){return{top:0,left:0}}if(this[0]===this[0].ownerDocument.body){return o.offset.bodyOffset(this[0])}var G=this[0].getBoundingClientRect(),J=this[0].ownerDocument,F=J.body,E=J.documentElement,L=E.clientTop||F.clientTop||0,K=E.clientLeft||F.clientLeft||0,I=G.top+(self.pageYOffset||o.boxModel&&E.scrollTop||F.scrollTop)-L,H=G.left+(self.pageXOffset||o.boxModel&&E.scrollLeft||F.scrollLeft)-K;return{top:I,left:H}}}else{o.fn.offset=function(){if(!this[0]){return{top:0,left:0}}if(this[0]===this[0].ownerDocument.body){return o.offset.bodyOffset(this[0])}o.offset.initialized||o.offset.initialize();var J=this[0],G=J.offsetParent,F=J,O=J.ownerDocument,M,H=O.documentElement,K=O.body,L=O.defaultView,E=L.getComputedStyle(J,null),N=J.offsetTop,I=J.offsetLeft;while((J=J.parentNode)&&J!==K&&J!==H){M=L.getComputedStyle(J,null);N-=J.scrollTop,I-=J.scrollLeft;if(J===G){N+=J.offsetTop,I+=J.offsetLeft;if(o.offset.doesNotAddBorder&&!(o.offset.doesAddBorderForTableAndCells&&/^t(able|d|h)$/i.test(J.tagName))){N+=parseInt(M.borderTopWidth,10)||0,I+=parseInt(M.borderLeftWidth,10)||0}F=G,G=J.offsetParent}if(o.offset.subtractsBorderForOverflowNotVisible&&M.overflow!=="visible"){N+=parseInt(M.borderTopWidth,10)||0,I+=parseInt(M.borderLeftWidth,10)||0}E=M}if(E.position==="relative"||E.position==="static"){N+=K.offsetTop,I+=K.offsetLeft}if(E.position==="fixed"){N+=Math.max(H.scrollTop,K.scrollTop),I+=Math.max(H.scrollLeft,K.scrollLeft)}return{top:N,left:I}}}o.offset={initialize:function(){if(this.initialized){return}var L=document.body,F=document.createElement("div"),H,G,N,I,M,E,J=L.style.marginTop,K='<div style="position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;"><div></div></div><table style="position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;" cellpadding="0" cellspacing="0"><tr><td></td></tr></table>';M={position:"absolute",top:0,left:0,margin:0,border:0,width:"1px",height:"1px",visibility:"hidden"};for(E in M){F.style[E]=M[E]}F.innerHTML=K;L.insertBefore(F,L.firstChild);H=F.firstChild,G=H.firstChild,I=H.nextSibling.firstChild.firstChild;this.doesNotAddBorder=(G.offsetTop!==5);this.doesAddBorderForTableAndCells=(I.offsetTop===5);H.style.overflow="hidden",H.style.position="relative";this.subtractsBorderForOverflowNotVisible=(G.offsetTop===-5);L.style.marginTop="1px";this.doesNotIncludeMarginInBodyOffset=(L.offsetTop===0);L.style.marginTop=J;L.removeChild(F);this.initialized=true},bodyOffset:function(E){o.offset.initialized||o.offset.initialize();var G=E.offsetTop,F=E.offsetLeft;if(o.offset.doesNotIncludeMarginInBodyOffset){G+=parseInt(o.curCSS(E,"marginTop",true),10)||0,F+=parseInt(o.curCSS(E,"marginLeft",true),10)||0}return{top:G,left:F}}};o.fn.extend({position:function(){var I=0,H=0,F;if(this[0]){var G=this.offsetParent(),J=this.offset(),E=/^body|html$/i.test(G[0].tagName)?{top:0,left:0}:G.offset();J.top-=j(this,"marginTop");J.left-=j(this,"marginLeft");E.top+=j(G,"borderTopWidth");E.left+=j(G,"borderLeftWidth");F={top:J.top-E.top,left:J.left-E.left}}return F},offsetParent:function(){var E=this[0].offsetParent||document.body;while(E&&(!/^body|html$/i.test(E.tagName)&&o.css(E,"position")=="static")){E=E.offsetParent}return o(E)}});o.each(["Left","Top"],function(F,E){var G="scroll"+E;o.fn[G]=function(H){if(!this[0]){return null}return H!==g?this.each(function(){this==l||this==document?l.scrollTo(!F?H:o(l).scrollLeft(),F?H:o(l).scrollTop()):this[G]=H}):this[0]==l||this[0]==document?self[F?"pageYOffset":"pageXOffset"]||o.boxModel&&document.documentElement[G]||document.body[G]:this[0][G]}});o.each(["Height","Width"],function(I,G){var E=I?"Left":"Top",H=I?"Right":"Bottom",F=G.toLowerCase();o.fn["inner"+G]=function(){return this[0]?o.css(this[0],F,false,"padding"):null};o.fn["outer"+G]=function(K){return this[0]?o.css(this[0],F,false,K?"margin":"border"):null};var J=G.toLowerCase();o.fn[J]=function(K){return this[0]==l?document.compatMode=="CSS1Compat"&&document.documentElement["client"+G]||document.body["client"+G]:this[0]==document?Math.max(document.documentElement["client"+G],document.body["scroll"+G],document.documentElement["scroll"+G],document.body["offset"+G],document.documentElement["offset"+G]):K===g?(this.length?o.css(this[0],J):null):this.css(J,typeof K==="string"?K:K+"px")}})})();
\ No newline at end of file
diff --git a/static/js/jquery-1.4.2.min.js b/static/js/jquery-1.4.2.min.js
new file mode 100644
index 0000000..7c24308
--- /dev/null
+++ b/static/js/jquery-1.4.2.min.js
@@ -0,0 +1,154 @@
+/*!
+ * jQuery JavaScript Library v1.4.2
+ * http://jquery.com/
+ *
+ * Copyright 2010, John Resig
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * Includes Sizzle.js
+ * http://sizzlejs.com/
+ * Copyright 2010, The Dojo Foundation
+ * Released under the MIT, BSD, and GPL Licenses.
+ *
+ * Date: Sat Feb 13 22:33:48 2010 -0500
+ */
+(function(A,w){function ma(){if(!c.isReady){try{s.documentElement.doScroll("left")}catch(a){setTimeout(ma,1);return}c.ready()}}function Qa(a,b){b.src?c.ajax({url:b.src,async:false,dataType:"script"}):c.globalEval(b.text||b.textContent||b.innerHTML||"");b.parentNode&&b.parentNode.removeChild(b)}function X(a,b,d,f,e,j){var i=a.length;if(typeof b==="object"){for(var o in b)X(a,o,b[o],f,e,d);return a}if(d!==w){f=!j&&f&&c.isFunction(d);for(o=0;o<i;o++)e(a[o],b,f?d.call(a[o],o,e(a[o],b)):d,j);return a}return i?
+e(a[0],b):w}function J(){return(new Date).getTime()}function Y(){return false}function Z(){return true}function na(a,b,d){d[0].type=a;return c.event.handle.apply(b,d)}function oa(a){var b,d=[],f=[],e=arguments,j,i,o,k,n,r;i=c.data(this,"events");if(!(a.liveFired===this||!i||!i.live||a.button&&a.type==="click")){a.liveFired=this;var u=i.live.slice(0);for(k=0;k<u.length;k++){i=u[k];i.origType.replace(O,"")===a.type?f.push(i.selector):u.splice(k--,1)}j=c(a.target).closest(f,a.currentTarget);n=0;for(r=
+j.length;n<r;n++)for(k=0;k<u.length;k++){i=u[k];if(j[n].selector===i.selector){o=j[n].elem;f=null;if(i.preType==="mouseenter"||i.preType==="mouseleave")f=c(a.relatedTarget).closest(i.selector)[0];if(!f||f!==o)d.push({elem:o,handleObj:i})}}n=0;for(r=d.length;n<r;n++){j=d[n];a.currentTarget=j.elem;a.data=j.handleObj.data;a.handleObj=j.handleObj;if(j.handleObj.origHandler.apply(j.elem,e)===false){b=false;break}}return b}}function pa(a,b){return"live."+(a&&a!=="*"?a+".":"")+b.replace(/\./g,"`").replace(/ /g,
+"&")}function qa(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function ra(a,b){var d=0;b.each(function(){if(this.nodeName===(a[d]&&a[d].nodeName)){var f=c.data(a[d++]),e=c.data(this,f);if(f=f&&f.events){delete e.handle;e.events={};for(var j in f)for(var i in f[j])c.event.add(this,j,f[j][i],f[j][i].data)}}})}function sa(a,b,d){var f,e,j;b=b&&b[0]?b[0].ownerDocument||b[0]:s;if(a.length===1&&typeof a[0]==="string"&&a[0].length<512&&b===s&&!ta.test(a[0])&&(c.support.checkClone||!ua.test(a[0]))){e=
+true;if(j=c.fragments[a[0]])if(j!==1)f=j}if(!f){f=b.createDocumentFragment();c.clean(a,b,f,d)}if(e)c.fragments[a[0]]=j?f:1;return{fragment:f,cacheable:e}}function K(a,b){var d={};c.each(va.concat.apply([],va.slice(0,b)),function(){d[this]=a});return d}function wa(a){return"scrollTo"in a&&a.document?a:a.nodeType===9?a.defaultView||a.parentWindow:false}var c=function(a,b){return new c.fn.init(a,b)},Ra=A.jQuery,Sa=A.$,s=A.document,T,Ta=/^[^<]*(<[\w\W]+>)[^>]*$|^#([\w-]+)$/,Ua=/^.[^:#\[\.,]*$/,Va=/\S/,
+Wa=/^(\s|\u00A0)+|(\s|\u00A0)+$/g,Xa=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,P=navigator.userAgent,xa=false,Q=[],L,$=Object.prototype.toString,aa=Object.prototype.hasOwnProperty,ba=Array.prototype.push,R=Array.prototype.slice,ya=Array.prototype.indexOf;c.fn=c.prototype={init:function(a,b){var d,f;if(!a)return this;if(a.nodeType){this.context=this[0]=a;this.length=1;return this}if(a==="body"&&!b){this.context=s;this[0]=s.body;this.selector="body";this.length=1;return this}if(typeof a==="string")if((d=Ta.exec(a))&&
+(d[1]||!b))if(d[1]){f=b?b.ownerDocument||b:s;if(a=Xa.exec(a))if(c.isPlainObject(b)){a=[s.createElement(a[1])];c.fn.attr.call(a,b,true)}else a=[f.createElement(a[1])];else{a=sa([d[1]],[f]);a=(a.cacheable?a.fragment.cloneNode(true):a.fragment).childNodes}return c.merge(this,a)}else{if(b=s.getElementById(d[2])){if(b.id!==d[2])return T.find(a);this.length=1;this[0]=b}this.context=s;this.selector=a;return this}else if(!b&&/^\w+$/.test(a)){this.selector=a;this.context=s;a=s.getElementsByTagName(a);return c.merge(this,
+a)}else return!b||b.jquery?(b||T).find(a):c(b).find(a);else if(c.isFunction(a))return T.ready(a);if(a.selector!==w){this.selector=a.selector;this.context=a.context}return c.makeArray(a,this)},selector:"",jquery:"1.4.2",length:0,size:function(){return this.length},toArray:function(){return R.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this.slice(a)[0]:this[a]},pushStack:function(a,b,d){var f=c();c.isArray(a)?ba.apply(f,a):c.merge(f,a);f.prevObject=this;f.context=this.context;if(b===
+"find")f.selector=this.selector+(this.selector?" ":"")+d;else if(b)f.selector=this.selector+"."+b+"("+d+")";return f},each:function(a,b){return c.each(this,a,b)},ready:function(a){c.bindReady();if(c.isReady)a.call(s,c);else Q&&Q.push(a);return this},eq:function(a){return a===-1?this.slice(a):this.slice(a,+a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(R.apply(this,arguments),"slice",R.call(arguments).join(","))},map:function(a){return this.pushStack(c.map(this,
+function(b,d){return a.call(b,d,b)}))},end:function(){return this.prevObject||c(null)},push:ba,sort:[].sort,splice:[].splice};c.fn.init.prototype=c.fn;c.extend=c.fn.extend=function(){var a=arguments[0]||{},b=1,d=arguments.length,f=false,e,j,i,o;if(typeof a==="boolean"){f=a;a=arguments[1]||{};b=2}if(typeof a!=="object"&&!c.isFunction(a))a={};if(d===b){a=this;--b}for(;b<d;b++)if((e=arguments[b])!=null)for(j in e){i=a[j];o=e[j];if(a!==o)if(f&&o&&(c.isPlainObject(o)||c.isArray(o))){i=i&&(c.isPlainObject(i)||
+c.isArray(i))?i:c.isArray(o)?[]:{};a[j]=c.extend(f,i,o)}else if(o!==w)a[j]=o}return a};c.extend({noConflict:function(a){A.$=Sa;if(a)A.jQuery=Ra;return c},isReady:false,ready:function(){if(!c.isReady){if(!s.body)return setTimeout(c.ready,13);c.isReady=true;if(Q){for(var a,b=0;a=Q[b++];)a.call(s,c);Q=null}c.fn.triggerHandler&&c(s).triggerHandler("ready")}},bindReady:function(){if(!xa){xa=true;if(s.readyState==="complete")return c.ready();if(s.addEventListener){s.addEventListener("DOMContentLoaded",
+L,false);A.addEventListener("load",c.ready,false)}else if(s.attachEvent){s.attachEvent("onreadystatechange",L);A.attachEvent("onload",c.ready);var a=false;try{a=A.frameElement==null}catch(b){}s.documentElement.doScroll&&a&&ma()}}},isFunction:function(a){return $.call(a)==="[object Function]"},isArray:function(a){return $.call(a)==="[object Array]"},isPlainObject:function(a){if(!a||$.call(a)!=="[object Object]"||a.nodeType||a.setInterval)return false;if(a.constructor&&!aa.call(a,"constructor")&&!aa.call(a.constructor.prototype,
+"isPrototypeOf"))return false;var b;for(b in a);return b===w||aa.call(a,b)},isEmptyObject:function(a){for(var b in a)return false;return true},error:function(a){throw a;},parseJSON:function(a){if(typeof a!=="string"||!a)return null;a=c.trim(a);if(/^[\],:{}\s]*$/.test(a.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,"@").replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,"]").replace(/(?:^|:|,)(?:\s*\[)+/g,"")))return A.JSON&&A.JSON.parse?A.JSON.parse(a):(new Function("return "+
+a))();else c.error("Invalid JSON: "+a)},noop:function(){},globalEval:function(a){if(a&&Va.test(a)){var b=s.getElementsByTagName("head")[0]||s.documentElement,d=s.createElement("script");d.type="text/javascript";if(c.support.scriptEval)d.appendChild(s.createTextNode(a));else d.text=a;b.insertBefore(d,b.firstChild);b.removeChild(d)}},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,b,d){var f,e=0,j=a.length,i=j===w||c.isFunction(a);if(d)if(i)for(f in a){if(b.apply(a[f],
+d)===false)break}else for(;e<j;){if(b.apply(a[e++],d)===false)break}else if(i)for(f in a){if(b.call(a[f],f,a[f])===false)break}else for(d=a[0];e<j&&b.call(d,e,d)!==false;d=a[++e]);return a},trim:function(a){return(a||"").replace(Wa,"")},makeArray:function(a,b){b=b||[];if(a!=null)a.length==null||typeof a==="string"||c.isFunction(a)||typeof a!=="function"&&a.setInterval?ba.call(b,a):c.merge(b,a);return b},inArray:function(a,b){if(b.indexOf)return b.indexOf(a);for(var d=0,f=b.length;d<f;d++)if(b[d]===
+a)return d;return-1},merge:function(a,b){var d=a.length,f=0;if(typeof b.length==="number")for(var e=b.length;f<e;f++)a[d++]=b[f];else for(;b[f]!==w;)a[d++]=b[f++];a.length=d;return a},grep:function(a,b,d){for(var f=[],e=0,j=a.length;e<j;e++)!d!==!b(a[e],e)&&f.push(a[e]);return f},map:function(a,b,d){for(var f=[],e,j=0,i=a.length;j<i;j++){e=b(a[j],j,d);if(e!=null)f[f.length]=e}return f.concat.apply([],f)},guid:1,proxy:function(a,b,d){if(arguments.length===2)if(typeof b==="string"){d=a;a=d[b];b=w}else if(b&&
+!c.isFunction(b)){d=b;b=w}if(!b&&a)b=function(){return a.apply(d||this,arguments)};if(a)b.guid=a.guid=a.guid||b.guid||c.guid++;return b},uaMatch:function(a){a=a.toLowerCase();a=/(webkit)[ \/]([\w.]+)/.exec(a)||/(opera)(?:.*version)?[ \/]([\w.]+)/.exec(a)||/(msie) ([\w.]+)/.exec(a)||!/compatible/.test(a)&&/(mozilla)(?:.*? rv:([\w.]+))?/.exec(a)||[];return{browser:a[1]||"",version:a[2]||"0"}},browser:{}});P=c.uaMatch(P);if(P.browser){c.browser[P.browser]=true;c.browser.version=P.version}if(c.browser.webkit)c.browser.safari=
+true;if(ya)c.inArray=function(a,b){return ya.call(b,a)};T=c(s);if(s.addEventListener)L=function(){s.removeEventListener("DOMContentLoaded",L,false);c.ready()};else if(s.attachEvent)L=function(){if(s.readyState==="complete"){s.detachEvent("onreadystatechange",L);c.ready()}};(function(){c.support={};var a=s.documentElement,b=s.createElement("script"),d=s.createElement("div"),f="script"+J();d.style.display="none";d.innerHTML="   <link/><table></table><a href='/a' style='color:red;float:left;opacity:.55;'>a</a><input type='checkbox'/>";
+var e=d.getElementsByTagName("*"),j=d.getElementsByTagName("a")[0];if(!(!e||!e.length||!j)){c.support={leadingWhitespace:d.firstChild.nodeType===3,tbody:!d.getElementsByTagName("tbody").length,htmlSerialize:!!d.getElementsByTagName("link").length,style:/red/.test(j.getAttribute("style")),hrefNormalized:j.getAttribute("href")==="/a",opacity:/^0.55$/.test(j.style.opacity),cssFloat:!!j.style.cssFloat,checkOn:d.getElementsByTagName("input")[0].value==="on",optSelected:s.createElement("select").appendChild(s.createElement("option")).selected,
+parentNode:d.removeChild(d.appendChild(s.createElement("div"))).parentNode===null,deleteExpando:true,checkClone:false,scriptEval:false,noCloneEvent:true,boxModel:null};b.type="text/javascript";try{b.appendChild(s.createTextNode("window."+f+"=1;"))}catch(i){}a.insertBefore(b,a.firstChild);if(A[f]){c.support.scriptEval=true;delete A[f]}try{delete b.test}catch(o){c.support.deleteExpando=false}a.removeChild(b);if(d.attachEvent&&d.fireEvent){d.attachEvent("onclick",function k(){c.support.noCloneEvent=
+false;d.detachEvent("onclick",k)});d.cloneNode(true).fireEvent("onclick")}d=s.createElement("div");d.innerHTML="<input type='radio' name='radiotest' checked='checked'/>";a=s.createDocumentFragment();a.appendChild(d.firstChild);c.support.checkClone=a.cloneNode(true).cloneNode(true).lastChild.checked;c(function(){var k=s.createElement("div");k.style.width=k.style.paddingLeft="1px";s.body.appendChild(k);c.boxModel=c.support.boxModel=k.offsetWidth===2;s.body.removeChild(k).style.display="none"});a=function(k){var n=
+s.createElement("div");k="on"+k;var r=k in n;if(!r){n.setAttribute(k,"return;");r=typeof n[k]==="function"}return r};c.support.submitBubbles=a("submit");c.support.changeBubbles=a("change");a=b=d=e=j=null}})();c.props={"for":"htmlFor","class":"className",readonly:"readOnly",maxlength:"maxLength",cellspacing:"cellSpacing",rowspan:"rowSpan",colspan:"colSpan",tabindex:"tabIndex",usemap:"useMap",frameborder:"frameBorder"};var G="jQuery"+J(),Ya=0,za={};c.extend({cache:{},expando:G,noData:{embed:true,object:true,
+applet:true},data:function(a,b,d){if(!(a.nodeName&&c.noData[a.nodeName.toLowerCase()])){a=a==A?za:a;var f=a[G],e=c.cache;if(!f&&typeof b==="string"&&d===w)return null;f||(f=++Ya);if(typeof b==="object"){a[G]=f;e[f]=c.extend(true,{},b)}else if(!e[f]){a[G]=f;e[f]={}}a=e[f];if(d!==w)a[b]=d;return typeof b==="string"?a[b]:a}},removeData:function(a,b){if(!(a.nodeName&&c.noData[a.nodeName.toLowerCase()])){a=a==A?za:a;var d=a[G],f=c.cache,e=f[d];if(b){if(e){delete e[b];c.isEmptyObject(e)&&c.removeData(a)}}else{if(c.support.deleteExpando)delete a[c.expando];
+else a.removeAttribute&&a.removeAttribute(c.expando);delete f[d]}}}});c.fn.extend({data:function(a,b){if(typeof a==="undefined"&&this.length)return c.data(this[0]);else if(typeof a==="object")return this.each(function(){c.data(this,a)});var d=a.split(".");d[1]=d[1]?"."+d[1]:"";if(b===w){var f=this.triggerHandler("getData"+d[1]+"!",[d[0]]);if(f===w&&this.length)f=c.data(this[0],a);return f===w&&d[1]?this.data(d[0]):f}else return this.trigger("setData"+d[1]+"!",[d[0],b]).each(function(){c.data(this,
+a,b)})},removeData:function(a){return this.each(function(){c.removeData(this,a)})}});c.extend({queue:function(a,b,d){if(a){b=(b||"fx")+"queue";var f=c.data(a,b);if(!d)return f||[];if(!f||c.isArray(d))f=c.data(a,b,c.makeArray(d));else f.push(d);return f}},dequeue:function(a,b){b=b||"fx";var d=c.queue(a,b),f=d.shift();if(f==="inprogress")f=d.shift();if(f){b==="fx"&&d.unshift("inprogress");f.call(a,function(){c.dequeue(a,b)})}}});c.fn.extend({queue:function(a,b){if(typeof a!=="string"){b=a;a="fx"}if(b===
+w)return c.queue(this[0],a);return this.each(function(){var d=c.queue(this,a,b);a==="fx"&&d[0]!=="inprogress"&&c.dequeue(this,a)})},dequeue:function(a){return this.each(function(){c.dequeue(this,a)})},delay:function(a,b){a=c.fx?c.fx.speeds[a]||a:a;b=b||"fx";return this.queue(b,function(){var d=this;setTimeout(function(){c.dequeue(d,b)},a)})},clearQueue:function(a){return this.queue(a||"fx",[])}});var Aa=/[\n\t]/g,ca=/\s+/,Za=/\r/g,$a=/href|src|style/,ab=/(button|input)/i,bb=/(button|input|object|select|textarea)/i,
+cb=/^(a|area)$/i,Ba=/radio|checkbox/;c.fn.extend({attr:function(a,b){return X(this,a,b,true,c.attr)},removeAttr:function(a){return this.each(function(){c.attr(this,a,"");this.nodeType===1&&this.removeAttribute(a)})},addClass:function(a){if(c.isFunction(a))return this.each(function(n){var r=c(this);r.addClass(a.call(this,n,r.attr("class")))});if(a&&typeof a==="string")for(var b=(a||"").split(ca),d=0,f=this.length;d<f;d++){var e=this[d];if(e.nodeType===1)if(e.className){for(var j=" "+e.className+" ",
+i=e.className,o=0,k=b.length;o<k;o++)if(j.indexOf(" "+b[o]+" ")<0)i+=" "+b[o];e.className=c.trim(i)}else e.className=a}return this},removeClass:function(a){if(c.isFunction(a))return this.each(function(k){var n=c(this);n.removeClass(a.call(this,k,n.attr("class")))});if(a&&typeof a==="string"||a===w)for(var b=(a||"").split(ca),d=0,f=this.length;d<f;d++){var e=this[d];if(e.nodeType===1&&e.className)if(a){for(var j=(" "+e.className+" ").replace(Aa," "),i=0,o=b.length;i<o;i++)j=j.replace(" "+b[i]+" ",
+" ");e.className=c.trim(j)}else e.className=""}return this},toggleClass:function(a,b){var d=typeof a,f=typeof b==="boolean";if(c.isFunction(a))return this.each(function(e){var j=c(this);j.toggleClass(a.call(this,e,j.attr("class"),b),b)});return this.each(function(){if(d==="string")for(var e,j=0,i=c(this),o=b,k=a.split(ca);e=k[j++];){o=f?o:!i.hasClass(e);i[o?"addClass":"removeClass"](e)}else if(d==="undefined"||d==="boolean"){this.className&&c.data(this,"__className__",this.className);this.className=
+this.className||a===false?"":c.data(this,"__className__")||""}})},hasClass:function(a){a=" "+a+" ";for(var b=0,d=this.length;b<d;b++)if((" "+this[b].className+" ").replace(Aa," ").indexOf(a)>-1)return true;return false},val:function(a){if(a===w){var b=this[0];if(b){if(c.nodeName(b,"option"))return(b.attributes.value||{}).specified?b.value:b.text;if(c.nodeName(b,"select")){var d=b.selectedIndex,f=[],e=b.options;b=b.type==="select-one";if(d<0)return null;var j=b?d:0;for(d=b?d+1:e.length;j<d;j++){var i=
+e[j];if(i.selected){a=c(i).val();if(b)return a;f.push(a)}}return f}if(Ba.test(b.type)&&!c.support.checkOn)return b.getAttribute("value")===null?"on":b.value;return(b.value||"").replace(Za,"")}return w}var o=c.isFunction(a);return this.each(function(k){var n=c(this),r=a;if(this.nodeType===1){if(o)r=a.call(this,k,n.val());if(typeof r==="number")r+="";if(c.isArray(r)&&Ba.test(this.type))this.checked=c.inArray(n.val(),r)>=0;else if(c.nodeName(this,"select")){var u=c.makeArray(r);c("option",this).each(function(){this.selected=
+c.inArray(c(this).val(),u)>=0});if(!u.length)this.selectedIndex=-1}else this.value=r}})}});c.extend({attrFn:{val:true,css:true,html:true,text:true,data:true,width:true,height:true,offset:true},attr:function(a,b,d,f){if(!a||a.nodeType===3||a.nodeType===8)return w;if(f&&b in c.attrFn)return c(a)[b](d);f=a.nodeType!==1||!c.isXMLDoc(a);var e=d!==w;b=f&&c.props[b]||b;if(a.nodeType===1){var j=$a.test(b);if(b in a&&f&&!j){if(e){b==="type"&&ab.test(a.nodeName)&&a.parentNode&&c.error("type property can't be changed");
+a[b]=d}if(c.nodeName(a,"form")&&a.getAttributeNode(b))return a.getAttributeNode(b).nodeValue;if(b==="tabIndex")return(b=a.getAttributeNode("tabIndex"))&&b.specified?b.value:bb.test(a.nodeName)||cb.test(a.nodeName)&&a.href?0:w;return a[b]}if(!c.support.style&&f&&b==="style"){if(e)a.style.cssText=""+d;return a.style.cssText}e&&a.setAttribute(b,""+d);a=!c.support.hrefNormalized&&f&&j?a.getAttribute(b,2):a.getAttribute(b);return a===null?w:a}return c.style(a,b,d)}});var O=/\.(.*)$/,db=function(a){return a.replace(/[^\w\s\.\|`]/g,
+function(b){return"\\"+b})};c.event={add:function(a,b,d,f){if(!(a.nodeType===3||a.nodeType===8)){if(a.setInterval&&a!==A&&!a.frameElement)a=A;var e,j;if(d.handler){e=d;d=e.handler}if(!d.guid)d.guid=c.guid++;if(j=c.data(a)){var i=j.events=j.events||{},o=j.handle;if(!o)j.handle=o=function(){return typeof c!=="undefined"&&!c.event.triggered?c.event.handle.apply(o.elem,arguments):w};o.elem=a;b=b.split(" ");for(var k,n=0,r;k=b[n++];){j=e?c.extend({},e):{handler:d,data:f};if(k.indexOf(".")>-1){r=k.split(".");
+k=r.shift();j.namespace=r.slice(0).sort().join(".")}else{r=[];j.namespace=""}j.type=k;j.guid=d.guid;var u=i[k],z=c.event.special[k]||{};if(!u){u=i[k]=[];if(!z.setup||z.setup.call(a,f,r,o)===false)if(a.addEventListener)a.addEventListener(k,o,false);else a.attachEvent&&a.attachEvent("on"+k,o)}if(z.add){z.add.call(a,j);if(!j.handler.guid)j.handler.guid=d.guid}u.push(j);c.event.global[k]=true}a=null}}},global:{},remove:function(a,b,d,f){if(!(a.nodeType===3||a.nodeType===8)){var e,j=0,i,o,k,n,r,u,z=c.data(a),
+C=z&&z.events;if(z&&C){if(b&&b.type){d=b.handler;b=b.type}if(!b||typeof b==="string"&&b.charAt(0)==="."){b=b||"";for(e in C)c.event.remove(a,e+b)}else{for(b=b.split(" ");e=b[j++];){n=e;i=e.indexOf(".")<0;o=[];if(!i){o=e.split(".");e=o.shift();k=new RegExp("(^|\\.)"+c.map(o.slice(0).sort(),db).join("\\.(?:.*\\.)?")+"(\\.|$)")}if(r=C[e])if(d){n=c.event.special[e]||{};for(B=f||0;B<r.length;B++){u=r[B];if(d.guid===u.guid){if(i||k.test(u.namespace)){f==null&&r.splice(B--,1);n.remove&&n.remove.call(a,u)}if(f!=
+null)break}}if(r.length===0||f!=null&&r.length===1){if(!n.teardown||n.teardown.call(a,o)===false)Ca(a,e,z.handle);delete C[e]}}else for(var B=0;B<r.length;B++){u=r[B];if(i||k.test(u.namespace)){c.event.remove(a,n,u.handler,B);r.splice(B--,1)}}}if(c.isEmptyObject(C)){if(b=z.handle)b.elem=null;delete z.events;delete z.handle;c.isEmptyObject(z)&&c.removeData(a)}}}}},trigger:function(a,b,d,f){var e=a.type||a;if(!f){a=typeof a==="object"?a[G]?a:c.extend(c.Event(e),a):c.Event(e);if(e.indexOf("!")>=0){a.type=
+e=e.slice(0,-1);a.exclusive=true}if(!d){a.stopPropagation();c.event.global[e]&&c.each(c.cache,function(){this.events&&this.events[e]&&c.event.trigger(a,b,this.handle.elem)})}if(!d||d.nodeType===3||d.nodeType===8)return w;a.result=w;a.target=d;b=c.makeArray(b);b.unshift(a)}a.currentTarget=d;(f=c.data(d,"handle"))&&f.apply(d,b);f=d.parentNode||d.ownerDocument;try{if(!(d&&d.nodeName&&c.noData[d.nodeName.toLowerCase()]))if(d["on"+e]&&d["on"+e].apply(d,b)===false)a.result=false}catch(j){}if(!a.isPropagationStopped()&&
+f)c.event.trigger(a,b,f,true);else if(!a.isDefaultPrevented()){f=a.target;var i,o=c.nodeName(f,"a")&&e==="click",k=c.event.special[e]||{};if((!k._default||k._default.call(d,a)===false)&&!o&&!(f&&f.nodeName&&c.noData[f.nodeName.toLowerCase()])){try{if(f[e]){if(i=f["on"+e])f["on"+e]=null;c.event.triggered=true;f[e]()}}catch(n){}if(i)f["on"+e]=i;c.event.triggered=false}}},handle:function(a){var b,d,f,e;a=arguments[0]=c.event.fix(a||A.event);a.currentTarget=this;b=a.type.indexOf(".")<0&&!a.exclusive;
+if(!b){d=a.type.split(".");a.type=d.shift();f=new RegExp("(^|\\.)"+d.slice(0).sort().join("\\.(?:.*\\.)?")+"(\\.|$)")}e=c.data(this,"events");d=e[a.type];if(e&&d){d=d.slice(0);e=0;for(var j=d.length;e<j;e++){var i=d[e];if(b||f.test(i.namespace)){a.handler=i.handler;a.data=i.data;a.handleObj=i;i=i.handler.apply(this,arguments);if(i!==w){a.result=i;if(i===false){a.preventDefault();a.stopPropagation()}}if(a.isImmediatePropagationStopped())break}}}return a.result},props:"altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY originalTarget pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),
+fix:function(a){if(a[G])return a;var b=a;a=c.Event(b);for(var d=this.props.length,f;d;){f=this.props[--d];a[f]=b[f]}if(!a.target)a.target=a.srcElement||s;if(a.target.nodeType===3)a.target=a.target.parentNode;if(!a.relatedTarget&&a.fromElement)a.relatedTarget=a.fromElement===a.target?a.toElement:a.fromElement;if(a.pageX==null&&a.clientX!=null){b=s.documentElement;d=s.body;a.pageX=a.clientX+(b&&b.scrollLeft||d&&d.scrollLeft||0)-(b&&b.clientLeft||d&&d.clientLeft||0);a.pageY=a.clientY+(b&&b.scrollTop||
+d&&d.scrollTop||0)-(b&&b.clientTop||d&&d.clientTop||0)}if(!a.which&&(a.charCode||a.charCode===0?a.charCode:a.keyCode))a.which=a.charCode||a.keyCode;if(!a.metaKey&&a.ctrlKey)a.metaKey=a.ctrlKey;if(!a.which&&a.button!==w)a.which=a.button&1?1:a.button&2?3:a.button&4?2:0;return a},guid:1E8,proxy:c.proxy,special:{ready:{setup:c.bindReady,teardown:c.noop},live:{add:function(a){c.event.add(this,a.origType,c.extend({},a,{handler:oa}))},remove:function(a){var b=true,d=a.origType.replace(O,"");c.each(c.data(this,
+"events").live||[],function(){if(d===this.origType.replace(O,""))return b=false});b&&c.event.remove(this,a.origType,oa)}},beforeunload:{setup:function(a,b,d){if(this.setInterval)this.onbeforeunload=d;return false},teardown:function(a,b){if(this.onbeforeunload===b)this.onbeforeunload=null}}}};var Ca=s.removeEventListener?function(a,b,d){a.removeEventListener(b,d,false)}:function(a,b,d){a.detachEvent("on"+b,d)};c.Event=function(a){if(!this.preventDefault)return new c.Event(a);if(a&&a.type){this.originalEvent=
+a;this.type=a.type}else this.type=a;this.timeStamp=J();this[G]=true};c.Event.prototype={preventDefault:function(){this.isDefaultPrevented=Z;var a=this.originalEvent;if(a){a.preventDefault&&a.preventDefault();a.returnValue=false}},stopPropagation:function(){this.isPropagationStopped=Z;var a=this.originalEvent;if(a){a.stopPropagation&&a.stopPropagation();a.cancelBubble=true}},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=Z;this.stopPropagation()},isDefaultPrevented:Y,isPropagationStopped:Y,
+isImmediatePropagationStopped:Y};var Da=function(a){var b=a.relatedTarget;try{for(;b&&b!==this;)b=b.parentNode;if(b!==this){a.type=a.data;c.event.handle.apply(this,arguments)}}catch(d){}},Ea=function(a){a.type=a.data;c.event.handle.apply(this,arguments)};c.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){c.event.special[a]={setup:function(d){c.event.add(this,b,d&&d.selector?Ea:Da,a)},teardown:function(d){c.event.remove(this,b,d&&d.selector?Ea:Da)}}});if(!c.support.submitBubbles)c.event.special.submit=
+{setup:function(){if(this.nodeName.toLowerCase()!=="form"){c.event.add(this,"click.specialSubmit",function(a){var b=a.target,d=b.type;if((d==="submit"||d==="image")&&c(b).closest("form").length)return na("submit",this,arguments)});c.event.add(this,"keypress.specialSubmit",function(a){var b=a.target,d=b.type;if((d==="text"||d==="password")&&c(b).closest("form").length&&a.keyCode===13)return na("submit",this,arguments)})}else return false},teardown:function(){c.event.remove(this,".specialSubmit")}};
+if(!c.support.changeBubbles){var da=/textarea|input|select/i,ea,Fa=function(a){var b=a.type,d=a.value;if(b==="radio"||b==="checkbox")d=a.checked;else if(b==="select-multiple")d=a.selectedIndex>-1?c.map(a.options,function(f){return f.selected}).join("-"):"";else if(a.nodeName.toLowerCase()==="select")d=a.selectedIndex;return d},fa=function(a,b){var d=a.target,f,e;if(!(!da.test(d.nodeName)||d.readOnly)){f=c.data(d,"_change_data");e=Fa(d);if(a.type!=="focusout"||d.type!=="radio")c.data(d,"_change_data",
+e);if(!(f===w||e===f))if(f!=null||e){a.type="change";return c.event.trigger(a,b,d)}}};c.event.special.change={filters:{focusout:fa,click:function(a){var b=a.target,d=b.type;if(d==="radio"||d==="checkbox"||b.nodeName.toLowerCase()==="select")return fa.call(this,a)},keydown:function(a){var b=a.target,d=b.type;if(a.keyCode===13&&b.nodeName.toLowerCase()!=="textarea"||a.keyCode===32&&(d==="checkbox"||d==="radio")||d==="select-multiple")return fa.call(this,a)},beforeactivate:function(a){a=a.target;c.data(a,
+"_change_data",Fa(a))}},setup:function(){if(this.type==="file")return false;for(var a in ea)c.event.add(this,a+".specialChange",ea[a]);return da.test(this.nodeName)},teardown:function(){c.event.remove(this,".specialChange");return da.test(this.nodeName)}};ea=c.event.special.change.filters}s.addEventListener&&c.each({focus:"focusin",blur:"focusout"},function(a,b){function d(f){f=c.event.fix(f);f.type=b;return c.event.handle.call(this,f)}c.event.special[b]={setup:function(){this.addEventListener(a,
+d,true)},teardown:function(){this.removeEventListener(a,d,true)}}});c.each(["bind","one"],function(a,b){c.fn[b]=function(d,f,e){if(typeof d==="object"){for(var j in d)this[b](j,f,d[j],e);return this}if(c.isFunction(f)){e=f;f=w}var i=b==="one"?c.proxy(e,function(k){c(this).unbind(k,i);return e.apply(this,arguments)}):e;if(d==="unload"&&b!=="one")this.one(d,f,e);else{j=0;for(var o=this.length;j<o;j++)c.event.add(this[j],d,i,f)}return this}});c.fn.extend({unbind:function(a,b){if(typeof a==="object"&&
+!a.preventDefault)for(var d in a)this.unbind(d,a[d]);else{d=0;for(var f=this.length;d<f;d++)c.event.remove(this[d],a,b)}return this},delegate:function(a,b,d,f){return this.live(b,d,f,a)},undelegate:function(a,b,d){return arguments.length===0?this.unbind("live"):this.die(b,null,d,a)},trigger:function(a,b){return this.each(function(){c.event.trigger(a,b,this)})},triggerHandler:function(a,b){if(this[0]){a=c.Event(a);a.preventDefault();a.stopPropagation();c.event.trigger(a,b,this[0]);return a.result}},
+toggle:function(a){for(var b=arguments,d=1;d<b.length;)c.proxy(a,b[d++]);return this.click(c.proxy(a,function(f){var e=(c.data(this,"lastToggle"+a.guid)||0)%d;c.data(this,"lastToggle"+a.guid,e+1);f.preventDefault();return b[e].apply(this,arguments)||false}))},hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}});var Ga={focus:"focusin",blur:"focusout",mouseenter:"mouseover",mouseleave:"mouseout"};c.each(["live","die"],function(a,b){c.fn[b]=function(d,f,e,j){var i,o=0,k,n,r=j||this.selector,
+u=j?this:c(this.context);if(c.isFunction(f)){e=f;f=w}for(d=(d||"").split(" ");(i=d[o++])!=null;){j=O.exec(i);k="";if(j){k=j[0];i=i.replace(O,"")}if(i==="hover")d.push("mouseenter"+k,"mouseleave"+k);else{n=i;if(i==="focus"||i==="blur"){d.push(Ga[i]+k);i+=k}else i=(Ga[i]||i)+k;b==="live"?u.each(function(){c.event.add(this,pa(i,r),{data:f,selector:r,handler:e,origType:i,origHandler:e,preType:n})}):u.unbind(pa(i,r),e)}}return this}});c.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error".split(" "),
+function(a,b){c.fn[b]=function(d){return d?this.bind(b,d):this.trigger(b)};if(c.attrFn)c.attrFn[b]=true});A.attachEvent&&!A.addEventListener&&A.attachEvent("onunload",function(){for(var a in c.cache)if(c.cache[a].handle)try{c.event.remove(c.cache[a].handle.elem)}catch(b){}});(function(){function a(g){for(var h="",l,m=0;g[m];m++){l=g[m];if(l.nodeType===3||l.nodeType===4)h+=l.nodeValue;else if(l.nodeType!==8)h+=a(l.childNodes)}return h}function b(g,h,l,m,q,p){q=0;for(var v=m.length;q<v;q++){var t=m[q];
+if(t){t=t[g];for(var y=false;t;){if(t.sizcache===l){y=m[t.sizset];break}if(t.nodeType===1&&!p){t.sizcache=l;t.sizset=q}if(t.nodeName.toLowerCase()===h){y=t;break}t=t[g]}m[q]=y}}}function d(g,h,l,m,q,p){q=0;for(var v=m.length;q<v;q++){var t=m[q];if(t){t=t[g];for(var y=false;t;){if(t.sizcache===l){y=m[t.sizset];break}if(t.nodeType===1){if(!p){t.sizcache=l;t.sizset=q}if(typeof h!=="string"){if(t===h){y=true;break}}else if(k.filter(h,[t]).length>0){y=t;break}}t=t[g]}m[q]=y}}}var f=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,
+e=0,j=Object.prototype.toString,i=false,o=true;[0,0].sort(function(){o=false;return 0});var k=function(g,h,l,m){l=l||[];var q=h=h||s;if(h.nodeType!==1&&h.nodeType!==9)return[];if(!g||typeof g!=="string")return l;for(var p=[],v,t,y,S,H=true,M=x(h),I=g;(f.exec(""),v=f.exec(I))!==null;){I=v[3];p.push(v[1]);if(v[2]){S=v[3];break}}if(p.length>1&&r.exec(g))if(p.length===2&&n.relative[p[0]])t=ga(p[0]+p[1],h);else for(t=n.relative[p[0]]?[h]:k(p.shift(),h);p.length;){g=p.shift();if(n.relative[g])g+=p.shift();
+t=ga(g,t)}else{if(!m&&p.length>1&&h.nodeType===9&&!M&&n.match.ID.test(p[0])&&!n.match.ID.test(p[p.length-1])){v=k.find(p.shift(),h,M);h=v.expr?k.filter(v.expr,v.set)[0]:v.set[0]}if(h){v=m?{expr:p.pop(),set:z(m)}:k.find(p.pop(),p.length===1&&(p[0]==="~"||p[0]==="+")&&h.parentNode?h.parentNode:h,M);t=v.expr?k.filter(v.expr,v.set):v.set;if(p.length>0)y=z(t);else H=false;for(;p.length;){var D=p.pop();v=D;if(n.relative[D])v=p.pop();else D="";if(v==null)v=h;n.relative[D](y,v,M)}}else y=[]}y||(y=t);y||k.error(D||
+g);if(j.call(y)==="[object Array]")if(H)if(h&&h.nodeType===1)for(g=0;y[g]!=null;g++){if(y[g]&&(y[g]===true||y[g].nodeType===1&&E(h,y[g])))l.push(t[g])}else for(g=0;y[g]!=null;g++)y[g]&&y[g].nodeType===1&&l.push(t[g]);else l.push.apply(l,y);else z(y,l);if(S){k(S,q,l,m);k.uniqueSort(l)}return l};k.uniqueSort=function(g){if(B){i=o;g.sort(B);if(i)for(var h=1;h<g.length;h++)g[h]===g[h-1]&&g.splice(h--,1)}return g};k.matches=function(g,h){return k(g,null,null,h)};k.find=function(g,h,l){var m,q;if(!g)return[];
+for(var p=0,v=n.order.length;p<v;p++){var t=n.order[p];if(q=n.leftMatch[t].exec(g)){var y=q[1];q.splice(1,1);if(y.substr(y.length-1)!=="\\"){q[1]=(q[1]||"").replace(/\\/g,"");m=n.find[t](q,h,l);if(m!=null){g=g.replace(n.match[t],"");break}}}}m||(m=h.getElementsByTagName("*"));return{set:m,expr:g}};k.filter=function(g,h,l,m){for(var q=g,p=[],v=h,t,y,S=h&&h[0]&&x(h[0]);g&&h.length;){for(var H in n.filter)if((t=n.leftMatch[H].exec(g))!=null&&t[2]){var M=n.filter[H],I,D;D=t[1];y=false;t.splice(1,1);if(D.substr(D.length-
+1)!=="\\"){if(v===p)p=[];if(n.preFilter[H])if(t=n.preFilter[H](t,v,l,p,m,S)){if(t===true)continue}else y=I=true;if(t)for(var U=0;(D=v[U])!=null;U++)if(D){I=M(D,t,U,v);var Ha=m^!!I;if(l&&I!=null)if(Ha)y=true;else v[U]=false;else if(Ha){p.push(D);y=true}}if(I!==w){l||(v=p);g=g.replace(n.match[H],"");if(!y)return[];break}}}if(g===q)if(y==null)k.error(g);else break;q=g}return v};k.error=function(g){throw"Syntax error, unrecognized expression: "+g;};var n=k.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF-]|\\.)+)/,
+CLASS:/\.((?:[\w\u00c0-\uFFFF-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF-]|\\.)+)\s*(?:(\S?=)\s*(['"]*)(.*?)\3|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\((even|odd|[\dn+-]*)\))?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/},leftMatch:{},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(g){return g.getAttribute("href")}},
+relative:{"+":function(g,h){var l=typeof h==="string",m=l&&!/\W/.test(h);l=l&&!m;if(m)h=h.toLowerCase();m=0;for(var q=g.length,p;m<q;m++)if(p=g[m]){for(;(p=p.previousSibling)&&p.nodeType!==1;);g[m]=l||p&&p.nodeName.toLowerCase()===h?p||false:p===h}l&&k.filter(h,g,true)},">":function(g,h){var l=typeof h==="string";if(l&&!/\W/.test(h)){h=h.toLowerCase();for(var m=0,q=g.length;m<q;m++){var p=g[m];if(p){l=p.parentNode;g[m]=l.nodeName.toLowerCase()===h?l:false}}}else{m=0;for(q=g.length;m<q;m++)if(p=g[m])g[m]=
+l?p.parentNode:p.parentNode===h;l&&k.filter(h,g,true)}},"":function(g,h,l){var m=e++,q=d;if(typeof h==="string"&&!/\W/.test(h)){var p=h=h.toLowerCase();q=b}q("parentNode",h,m,g,p,l)},"~":function(g,h,l){var m=e++,q=d;if(typeof h==="string"&&!/\W/.test(h)){var p=h=h.toLowerCase();q=b}q("previousSibling",h,m,g,p,l)}},find:{ID:function(g,h,l){if(typeof h.getElementById!=="undefined"&&!l)return(g=h.getElementById(g[1]))?[g]:[]},NAME:function(g,h){if(typeof h.getElementsByName!=="undefined"){var l=[];
+h=h.getElementsByName(g[1]);for(var m=0,q=h.length;m<q;m++)h[m].getAttribute("name")===g[1]&&l.push(h[m]);return l.length===0?null:l}},TAG:function(g,h){return h.getElementsByTagName(g[1])}},preFilter:{CLASS:function(g,h,l,m,q,p){g=" "+g[1].replace(/\\/g,"")+" ";if(p)return g;p=0;for(var v;(v=h[p])!=null;p++)if(v)if(q^(v.className&&(" "+v.className+" ").replace(/[\t\n]/g," ").indexOf(g)>=0))l||m.push(v);else if(l)h[p]=false;return false},ID:function(g){return g[1].replace(/\\/g,"")},TAG:function(g){return g[1].toLowerCase()},
+CHILD:function(g){if(g[1]==="nth"){var h=/(-?)(\d*)n((?:\+|-)?\d*)/.exec(g[2]==="even"&&"2n"||g[2]==="odd"&&"2n+1"||!/\D/.test(g[2])&&"0n+"+g[2]||g[2]);g[2]=h[1]+(h[2]||1)-0;g[3]=h[3]-0}g[0]=e++;return g},ATTR:function(g,h,l,m,q,p){h=g[1].replace(/\\/g,"");if(!p&&n.attrMap[h])g[1]=n.attrMap[h];if(g[2]==="~=")g[4]=" "+g[4]+" ";return g},PSEUDO:function(g,h,l,m,q){if(g[1]==="not")if((f.exec(g[3])||"").length>1||/^\w/.test(g[3]))g[3]=k(g[3],null,null,h);else{g=k.filter(g[3],h,l,true^q);l||m.push.apply(m,
+g);return false}else if(n.match.POS.test(g[0])||n.match.CHILD.test(g[0]))return true;return g},POS:function(g){g.unshift(true);return g}},filters:{enabled:function(g){return g.disabled===false&&g.type!=="hidden"},disabled:function(g){return g.disabled===true},checked:function(g){return g.checked===true},selected:function(g){return g.selected===true},parent:function(g){return!!g.firstChild},empty:function(g){return!g.firstChild},has:function(g,h,l){return!!k(l[3],g).length},header:function(g){return/h\d/i.test(g.nodeName)},
+text:function(g){return"text"===g.type},radio:function(g){return"radio"===g.type},checkbox:function(g){return"checkbox"===g.type},file:function(g){return"file"===g.type},password:function(g){return"password"===g.type},submit:function(g){return"submit"===g.type},image:function(g){return"image"===g.type},reset:function(g){return"reset"===g.type},button:function(g){return"button"===g.type||g.nodeName.toLowerCase()==="button"},input:function(g){return/input|select|textarea|button/i.test(g.nodeName)}},
+setFilters:{first:function(g,h){return h===0},last:function(g,h,l,m){return h===m.length-1},even:function(g,h){return h%2===0},odd:function(g,h){return h%2===1},lt:function(g,h,l){return h<l[3]-0},gt:function(g,h,l){return h>l[3]-0},nth:function(g,h,l){return l[3]-0===h},eq:function(g,h,l){return l[3]-0===h}},filter:{PSEUDO:function(g,h,l,m){var q=h[1],p=n.filters[q];if(p)return p(g,l,h,m);else if(q==="contains")return(g.textContent||g.innerText||a([g])||"").indexOf(h[3])>=0;else if(q==="not"){h=
+h[3];l=0;for(m=h.length;l<m;l++)if(h[l]===g)return false;return true}else k.error("Syntax error, unrecognized expression: "+q)},CHILD:function(g,h){var l=h[1],m=g;switch(l){case "only":case "first":for(;m=m.previousSibling;)if(m.nodeType===1)return false;if(l==="first")return true;m=g;case "last":for(;m=m.nextSibling;)if(m.nodeType===1)return false;return true;case "nth":l=h[2];var q=h[3];if(l===1&&q===0)return true;h=h[0];var p=g.parentNode;if(p&&(p.sizcache!==h||!g.nodeIndex)){var v=0;for(m=p.firstChild;m;m=
+m.nextSibling)if(m.nodeType===1)m.nodeIndex=++v;p.sizcache=h}g=g.nodeIndex-q;return l===0?g===0:g%l===0&&g/l>=0}},ID:function(g,h){return g.nodeType===1&&g.getAttribute("id")===h},TAG:function(g,h){return h==="*"&&g.nodeType===1||g.nodeName.toLowerCase()===h},CLASS:function(g,h){return(" "+(g.className||g.getAttribute("class"))+" ").indexOf(h)>-1},ATTR:function(g,h){var l=h[1];g=n.attrHandle[l]?n.attrHandle[l](g):g[l]!=null?g[l]:g.getAttribute(l);l=g+"";var m=h[2];h=h[4];return g==null?m==="!=":m===
+"="?l===h:m==="*="?l.indexOf(h)>=0:m==="~="?(" "+l+" ").indexOf(h)>=0:!h?l&&g!==false:m==="!="?l!==h:m==="^="?l.indexOf(h)===0:m==="$="?l.substr(l.length-h.length)===h:m==="|="?l===h||l.substr(0,h.length+1)===h+"-":false},POS:function(g,h,l,m){var q=n.setFilters[h[2]];if(q)return q(g,l,h,m)}}},r=n.match.POS;for(var u in n.match){n.match[u]=new RegExp(n.match[u].source+/(?![^\[]*\])(?![^\(]*\))/.source);n.leftMatch[u]=new RegExp(/(^(?:.|\r|\n)*?)/.source+n.match[u].source.replace(/\\(\d+)/g,function(g,
+h){return"\\"+(h-0+1)}))}var z=function(g,h){g=Array.prototype.slice.call(g,0);if(h){h.push.apply(h,g);return h}return g};try{Array.prototype.slice.call(s.documentElement.childNodes,0)}catch(C){z=function(g,h){h=h||[];if(j.call(g)==="[object Array]")Array.prototype.push.apply(h,g);else if(typeof g.length==="number")for(var l=0,m=g.length;l<m;l++)h.push(g[l]);else for(l=0;g[l];l++)h.push(g[l]);return h}}var B;if(s.documentElement.compareDocumentPosition)B=function(g,h){if(!g.compareDocumentPosition||
+!h.compareDocumentPosition){if(g==h)i=true;return g.compareDocumentPosition?-1:1}g=g.compareDocumentPosition(h)&4?-1:g===h?0:1;if(g===0)i=true;return g};else if("sourceIndex"in s.documentElement)B=function(g,h){if(!g.sourceIndex||!h.sourceIndex){if(g==h)i=true;return g.sourceIndex?-1:1}g=g.sourceIndex-h.sourceIndex;if(g===0)i=true;return g};else if(s.createRange)B=function(g,h){if(!g.ownerDocument||!h.ownerDocument){if(g==h)i=true;return g.ownerDocument?-1:1}var l=g.ownerDocument.createRange(),m=
+h.ownerDocument.createRange();l.setStart(g,0);l.setEnd(g,0);m.setStart(h,0);m.setEnd(h,0);g=l.compareBoundaryPoints(Range.START_TO_END,m);if(g===0)i=true;return g};(function(){var g=s.createElement("div"),h="script"+(new Date).getTime();g.innerHTML="<a name='"+h+"'/>";var l=s.documentElement;l.insertBefore(g,l.firstChild);if(s.getElementById(h)){n.find.ID=function(m,q,p){if(typeof q.getElementById!=="undefined"&&!p)return(q=q.getElementById(m[1]))?q.id===m[1]||typeof q.getAttributeNode!=="undefined"&&
+q.getAttributeNode("id").nodeValue===m[1]?[q]:w:[]};n.filter.ID=function(m,q){var p=typeof m.getAttributeNode!=="undefined"&&m.getAttributeNode("id");return m.nodeType===1&&p&&p.nodeValue===q}}l.removeChild(g);l=g=null})();(function(){var g=s.createElement("div");g.appendChild(s.createComment(""));if(g.getElementsByTagName("*").length>0)n.find.TAG=function(h,l){l=l.getElementsByTagName(h[1]);if(h[1]==="*"){h=[];for(var m=0;l[m];m++)l[m].nodeType===1&&h.push(l[m]);l=h}return l};g.innerHTML="<a href='#'></a>";
+if(g.firstChild&&typeof g.firstChild.getAttribute!=="undefined"&&g.firstChild.getAttribute("href")!=="#")n.attrHandle.href=function(h){return h.getAttribute("href",2)};g=null})();s.querySelectorAll&&function(){var g=k,h=s.createElement("div");h.innerHTML="<p class='TEST'></p>";if(!(h.querySelectorAll&&h.querySelectorAll(".TEST").length===0)){k=function(m,q,p,v){q=q||s;if(!v&&q.nodeType===9&&!x(q))try{return z(q.querySelectorAll(m),p)}catch(t){}return g(m,q,p,v)};for(var l in g)k[l]=g[l];h=null}}();
+(function(){var g=s.createElement("div");g.innerHTML="<div class='test e'></div><div class='test'></div>";if(!(!g.getElementsByClassName||g.getElementsByClassName("e").length===0)){g.lastChild.className="e";if(g.getElementsByClassName("e").length!==1){n.order.splice(1,0,"CLASS");n.find.CLASS=function(h,l,m){if(typeof l.getElementsByClassName!=="undefined"&&!m)return l.getElementsByClassName(h[1])};g=null}}})();var E=s.compareDocumentPosition?function(g,h){return!!(g.compareDocumentPosition(h)&16)}:
+function(g,h){return g!==h&&(g.contains?g.contains(h):true)},x=function(g){return(g=(g?g.ownerDocument||g:0).documentElement)?g.nodeName!=="HTML":false},ga=function(g,h){var l=[],m="",q;for(h=h.nodeType?[h]:h;q=n.match.PSEUDO.exec(g);){m+=q[0];g=g.replace(n.match.PSEUDO,"")}g=n.relative[g]?g+"*":g;q=0;for(var p=h.length;q<p;q++)k(g,h[q],l);return k.filter(m,l)};c.find=k;c.expr=k.selectors;c.expr[":"]=c.expr.filters;c.unique=k.uniqueSort;c.text=a;c.isXMLDoc=x;c.contains=E})();var eb=/Until$/,fb=/^(?:parents|prevUntil|prevAll)/,
+gb=/,/;R=Array.prototype.slice;var Ia=function(a,b,d){if(c.isFunction(b))return c.grep(a,function(e,j){return!!b.call(e,j,e)===d});else if(b.nodeType)return c.grep(a,function(e){return e===b===d});else if(typeof b==="string"){var f=c.grep(a,function(e){return e.nodeType===1});if(Ua.test(b))return c.filter(b,f,!d);else b=c.filter(b,f)}return c.grep(a,function(e){return c.inArray(e,b)>=0===d})};c.fn.extend({find:function(a){for(var b=this.pushStack("","find",a),d=0,f=0,e=this.length;f<e;f++){d=b.length;
+c.find(a,this[f],b);if(f>0)for(var j=d;j<b.length;j++)for(var i=0;i<d;i++)if(b[i]===b[j]){b.splice(j--,1);break}}return b},has:function(a){var b=c(a);return this.filter(function(){for(var d=0,f=b.length;d<f;d++)if(c.contains(this,b[d]))return true})},not:function(a){return this.pushStack(Ia(this,a,false),"not",a)},filter:function(a){return this.pushStack(Ia(this,a,true),"filter",a)},is:function(a){return!!a&&c.filter(a,this).length>0},closest:function(a,b){if(c.isArray(a)){var d=[],f=this[0],e,j=
+{},i;if(f&&a.length){e=0;for(var o=a.length;e<o;e++){i=a[e];j[i]||(j[i]=c.expr.match.POS.test(i)?c(i,b||this.context):i)}for(;f&&f.ownerDocument&&f!==b;){for(i in j){e=j[i];if(e.jquery?e.index(f)>-1:c(f).is(e)){d.push({selector:i,elem:f});delete j[i]}}f=f.parentNode}}return d}var k=c.expr.match.POS.test(a)?c(a,b||this.context):null;return this.map(function(n,r){for(;r&&r.ownerDocument&&r!==b;){if(k?k.index(r)>-1:c(r).is(a))return r;r=r.parentNode}return null})},index:function(a){if(!a||typeof a===
+"string")return c.inArray(this[0],a?c(a):this.parent().children());return c.inArray(a.jquery?a[0]:a,this)},add:function(a,b){a=typeof a==="string"?c(a,b||this.context):c.makeArray(a);b=c.merge(this.get(),a);return this.pushStack(qa(a[0])||qa(b[0])?b:c.unique(b))},andSelf:function(){return this.add(this.prevObject)}});c.each({parent:function(a){return(a=a.parentNode)&&a.nodeType!==11?a:null},parents:function(a){return c.dir(a,"parentNode")},parentsUntil:function(a,b,d){return c.dir(a,"parentNode",
+d)},next:function(a){return c.nth(a,2,"nextSibling")},prev:function(a){return c.nth(a,2,"previousSibling")},nextAll:function(a){return c.dir(a,"nextSibling")},prevAll:function(a){return c.dir(a,"previousSibling")},nextUntil:function(a,b,d){return c.dir(a,"nextSibling",d)},prevUntil:function(a,b,d){return c.dir(a,"previousSibling",d)},siblings:function(a){return c.sibling(a.parentNode.firstChild,a)},children:function(a){return c.sibling(a.firstChild)},contents:function(a){return c.nodeName(a,"iframe")?
+a.contentDocument||a.contentWindow.document:c.makeArray(a.childNodes)}},function(a,b){c.fn[a]=function(d,f){var e=c.map(this,b,d);eb.test(a)||(f=d);if(f&&typeof f==="string")e=c.filter(f,e);e=this.length>1?c.unique(e):e;if((this.length>1||gb.test(f))&&fb.test(a))e=e.reverse();return this.pushStack(e,a,R.call(arguments).join(","))}});c.extend({filter:function(a,b,d){if(d)a=":not("+a+")";return c.find.matches(a,b)},dir:function(a,b,d){var f=[];for(a=a[b];a&&a.nodeType!==9&&(d===w||a.nodeType!==1||!c(a).is(d));){a.nodeType===
+1&&f.push(a);a=a[b]}return f},nth:function(a,b,d){b=b||1;for(var f=0;a;a=a[d])if(a.nodeType===1&&++f===b)break;return a},sibling:function(a,b){for(var d=[];a;a=a.nextSibling)a.nodeType===1&&a!==b&&d.push(a);return d}});var Ja=/ jQuery\d+="(?:\d+|null)"/g,V=/^\s+/,Ka=/(<([\w:]+)[^>]*?)\/>/g,hb=/^(?:area|br|col|embed|hr|img|input|link|meta|param)$/i,La=/<([\w:]+)/,ib=/<tbody/i,jb=/<|&#?\w+;/,ta=/<script|<object|<embed|<option|<style/i,ua=/checked\s*(?:[^=]|=\s*.checked.)/i,Ma=function(a,b,d){return hb.test(d)?
+a:b+"></"+d+">"},F={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],area:[1,"<map>","</map>"],_default:[0,"",""]};F.optgroup=F.option;F.tbody=F.tfoot=F.colgroup=F.caption=F.thead;F.th=F.td;if(!c.support.htmlSerialize)F._default=[1,"div<div>","</div>"];c.fn.extend({text:function(a){if(c.isFunction(a))return this.each(function(b){var d=
+c(this);d.text(a.call(this,b,d.text()))});if(typeof a!=="object"&&a!==w)return this.empty().append((this[0]&&this[0].ownerDocument||s).createTextNode(a));return c.text(this)},wrapAll:function(a){if(c.isFunction(a))return this.each(function(d){c(this).wrapAll(a.call(this,d))});if(this[0]){var b=c(a,this[0].ownerDocument).eq(0).clone(true);this[0].parentNode&&b.insertBefore(this[0]);b.map(function(){for(var d=this;d.firstChild&&d.firstChild.nodeType===1;)d=d.firstChild;return d}).append(this)}return this},
+wrapInner:function(a){if(c.isFunction(a))return this.each(function(b){c(this).wrapInner(a.call(this,b))});return this.each(function(){var b=c(this),d=b.contents();d.length?d.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){c(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){c.nodeName(this,"body")||c(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.appendChild(a)})},
+prepend:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,this)});else if(arguments.length){var a=c(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,
+this.nextSibling)});else if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,c(arguments[0]).toArray());return a}},remove:function(a,b){for(var d=0,f;(f=this[d])!=null;d++)if(!a||c.filter(a,[f]).length){if(!b&&f.nodeType===1){c.cleanData(f.getElementsByTagName("*"));c.cleanData([f])}f.parentNode&&f.parentNode.removeChild(f)}return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++)for(b.nodeType===1&&c.cleanData(b.getElementsByTagName("*"));b.firstChild;)b.removeChild(b.firstChild);
+return this},clone:function(a){var b=this.map(function(){if(!c.support.noCloneEvent&&!c.isXMLDoc(this)){var d=this.outerHTML,f=this.ownerDocument;if(!d){d=f.createElement("div");d.appendChild(this.cloneNode(true));d=d.innerHTML}return c.clean([d.replace(Ja,"").replace(/=([^="'>\s]+\/)>/g,'="$1">').replace(V,"")],f)[0]}else return this.cloneNode(true)});if(a===true){ra(this,b);ra(this.find("*"),b.find("*"))}return b},html:function(a){if(a===w)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(Ja,
+""):null;else if(typeof a==="string"&&!ta.test(a)&&(c.support.leadingWhitespace||!V.test(a))&&!F[(La.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Ka,Ma);try{for(var b=0,d=this.length;b<d;b++)if(this[b].nodeType===1){c.cleanData(this[b].getElementsByTagName("*"));this[b].innerHTML=a}}catch(f){this.empty().append(a)}}else c.isFunction(a)?this.each(function(e){var j=c(this),i=j.html();j.empty().append(function(){return a.call(this,e,i)})}):this.empty().append(a);return this},replaceWith:function(a){if(this[0]&&
+this[0].parentNode){if(c.isFunction(a))return this.each(function(b){var d=c(this),f=d.html();d.replaceWith(a.call(this,b,f))});if(typeof a!=="string")a=c(a).detach();return this.each(function(){var b=this.nextSibling,d=this.parentNode;c(this).remove();b?c(b).before(a):c(d).append(a)})}else return this.pushStack(c(c.isFunction(a)?a():a),"replaceWith",a)},detach:function(a){return this.remove(a,true)},domManip:function(a,b,d){function f(u){return c.nodeName(u,"table")?u.getElementsByTagName("tbody")[0]||
+u.appendChild(u.ownerDocument.createElement("tbody")):u}var e,j,i=a[0],o=[],k;if(!c.support.checkClone&&arguments.length===3&&typeof i==="string"&&ua.test(i))return this.each(function(){c(this).domManip(a,b,d,true)});if(c.isFunction(i))return this.each(function(u){var z=c(this);a[0]=i.call(this,u,b?z.html():w);z.domManip(a,b,d)});if(this[0]){e=i&&i.parentNode;e=c.support.parentNode&&e&&e.nodeType===11&&e.childNodes.length===this.length?{fragment:e}:sa(a,this,o);k=e.fragment;if(j=k.childNodes.length===
+1?(k=k.firstChild):k.firstChild){b=b&&c.nodeName(j,"tr");for(var n=0,r=this.length;n<r;n++)d.call(b?f(this[n],j):this[n],n>0||e.cacheable||this.length>1?k.cloneNode(true):k)}o.length&&c.each(o,Qa)}return this}});c.fragments={};c.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){c.fn[a]=function(d){var f=[];d=c(d);var e=this.length===1&&this[0].parentNode;if(e&&e.nodeType===11&&e.childNodes.length===1&&d.length===1){d[b](this[0]);
+return this}else{e=0;for(var j=d.length;e<j;e++){var i=(e>0?this.clone(true):this).get();c.fn[b].apply(c(d[e]),i);f=f.concat(i)}return this.pushStack(f,a,d.selector)}}});c.extend({clean:function(a,b,d,f){b=b||s;if(typeof b.createElement==="undefined")b=b.ownerDocument||b[0]&&b[0].ownerDocument||s;for(var e=[],j=0,i;(i=a[j])!=null;j++){if(typeof i==="number")i+="";if(i){if(typeof i==="string"&&!jb.test(i))i=b.createTextNode(i);else if(typeof i==="string"){i=i.replace(Ka,Ma);var o=(La.exec(i)||["",
+""])[1].toLowerCase(),k=F[o]||F._default,n=k[0],r=b.createElement("div");for(r.innerHTML=k[1]+i+k[2];n--;)r=r.lastChild;if(!c.support.tbody){n=ib.test(i);o=o==="table"&&!n?r.firstChild&&r.firstChild.childNodes:k[1]==="<table>"&&!n?r.childNodes:[];for(k=o.length-1;k>=0;--k)c.nodeName(o[k],"tbody")&&!o[k].childNodes.length&&o[k].parentNode.removeChild(o[k])}!c.support.leadingWhitespace&&V.test(i)&&r.insertBefore(b.createTextNode(V.exec(i)[0]),r.firstChild);i=r.childNodes}if(i.nodeType)e.push(i);else e=
+c.merge(e,i)}}if(d)for(j=0;e[j];j++)if(f&&c.nodeName(e[j],"script")&&(!e[j].type||e[j].type.toLowerCase()==="text/javascript"))f.push(e[j].parentNode?e[j].parentNode.removeChild(e[j]):e[j]);else{e[j].nodeType===1&&e.splice.apply(e,[j+1,0].concat(c.makeArray(e[j].getElementsByTagName("script"))));d.appendChild(e[j])}return e},cleanData:function(a){for(var b,d,f=c.cache,e=c.event.special,j=c.support.deleteExpando,i=0,o;(o=a[i])!=null;i++)if(d=o[c.expando]){b=f[d];if(b.events)for(var k in b.events)e[k]?
+c.event.remove(o,k):Ca(o,k,b.handle);if(j)delete o[c.expando];else o.removeAttribute&&o.removeAttribute(c.expando);delete f[d]}}});var kb=/z-?index|font-?weight|opacity|zoom|line-?height/i,Na=/alpha\([^)]*\)/,Oa=/opacity=([^)]*)/,ha=/float/i,ia=/-([a-z])/ig,lb=/([A-Z])/g,mb=/^-?\d+(?:px)?$/i,nb=/^-?\d/,ob={position:"absolute",visibility:"hidden",display:"block"},pb=["Left","Right"],qb=["Top","Bottom"],rb=s.defaultView&&s.defaultView.getComputedStyle,Pa=c.support.cssFloat?"cssFloat":"styleFloat",ja=
+function(a,b){return b.toUpperCase()};c.fn.css=function(a,b){return X(this,a,b,true,function(d,f,e){if(e===w)return c.curCSS(d,f);if(typeof e==="number"&&!kb.test(f))e+="px";c.style(d,f,e)})};c.extend({style:function(a,b,d){if(!a||a.nodeType===3||a.nodeType===8)return w;if((b==="width"||b==="height")&&parseFloat(d)<0)d=w;var f=a.style||a,e=d!==w;if(!c.support.opacity&&b==="opacity"){if(e){f.zoom=1;b=parseInt(d,10)+""==="NaN"?"":"alpha(opacity="+d*100+")";a=f.filter||c.curCSS(a,"filter")||"";f.filter=
+Na.test(a)?a.replace(Na,b):b}return f.filter&&f.filter.indexOf("opacity=")>=0?parseFloat(Oa.exec(f.filter)[1])/100+"":""}if(ha.test(b))b=Pa;b=b.replace(ia,ja);if(e)f[b]=d;return f[b]},css:function(a,b,d,f){if(b==="width"||b==="height"){var e,j=b==="width"?pb:qb;function i(){e=b==="width"?a.offsetWidth:a.offsetHeight;f!=="border"&&c.each(j,function(){f||(e-=parseFloat(c.curCSS(a,"padding"+this,true))||0);if(f==="margin")e+=parseFloat(c.curCSS(a,"margin"+this,true))||0;else e-=parseFloat(c.curCSS(a,
+"border"+this+"Width",true))||0})}a.offsetWidth!==0?i():c.swap(a,ob,i);return Math.max(0,Math.round(e))}return c.curCSS(a,b,d)},curCSS:function(a,b,d){var f,e=a.style;if(!c.support.opacity&&b==="opacity"&&a.currentStyle){f=Oa.test(a.currentStyle.filter||"")?parseFloat(RegExp.$1)/100+"":"";return f===""?"1":f}if(ha.test(b))b=Pa;if(!d&&e&&e[b])f=e[b];else if(rb){if(ha.test(b))b="float";b=b.replace(lb,"-$1").toLowerCase();e=a.ownerDocument.defaultView;if(!e)return null;if(a=e.getComputedStyle(a,null))f=
+a.getPropertyValue(b);if(b==="opacity"&&f==="")f="1"}else if(a.currentStyle){d=b.replace(ia,ja);f=a.currentStyle[b]||a.currentStyle[d];if(!mb.test(f)&&nb.test(f)){b=e.left;var j=a.runtimeStyle.left;a.runtimeStyle.left=a.currentStyle.left;e.left=d==="fontSize"?"1em":f||0;f=e.pixelLeft+"px";e.left=b;a.runtimeStyle.left=j}}return f},swap:function(a,b,d){var f={};for(var e in b){f[e]=a.style[e];a.style[e]=b[e]}d.call(a);for(e in b)a.style[e]=f[e]}});if(c.expr&&c.expr.filters){c.expr.filters.hidden=function(a){var b=
+a.offsetWidth,d=a.offsetHeight,f=a.nodeName.toLowerCase()==="tr";return b===0&&d===0&&!f?true:b>0&&d>0&&!f?false:c.curCSS(a,"display")==="none"};c.expr.filters.visible=function(a){return!c.expr.filters.hidden(a)}}var sb=J(),tb=/<script(.|\s)*?\/script>/gi,ub=/select|textarea/i,vb=/color|date|datetime|email|hidden|month|number|password|range|search|tel|text|time|url|week/i,N=/=\?(&|$)/,ka=/\?/,wb=/(\?|&)_=.*?(&|$)/,xb=/^(\w+:)?\/\/([^\/?#]+)/,yb=/%20/g,zb=c.fn.load;c.fn.extend({load:function(a,b,d){if(typeof a!==
+"string")return zb.call(this,a);else if(!this.length)return this;var f=a.indexOf(" ");if(f>=0){var e=a.slice(f,a.length);a=a.slice(0,f)}f="GET";if(b)if(c.isFunction(b)){d=b;b=null}else if(typeof b==="object"){b=c.param(b,c.ajaxSettings.traditional);f="POST"}var j=this;c.ajax({url:a,type:f,dataType:"html",data:b,complete:function(i,o){if(o==="success"||o==="notmodified")j.html(e?c("<div />").append(i.responseText.replace(tb,"")).find(e):i.responseText);d&&j.each(d,[i.responseText,o,i])}});return this},
+serialize:function(){return c.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?c.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||ub.test(this.nodeName)||vb.test(this.type))}).map(function(a,b){a=c(this).val();return a==null?null:c.isArray(a)?c.map(a,function(d){return{name:b.name,value:d}}):{name:b.name,value:a}}).get()}});c.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),
+function(a,b){c.fn[b]=function(d){return this.bind(b,d)}});c.extend({get:function(a,b,d,f){if(c.isFunction(b)){f=f||d;d=b;b=null}return c.ajax({type:"GET",url:a,data:b,success:d,dataType:f})},getScript:function(a,b){return c.get(a,null,b,"script")},getJSON:function(a,b,d){return c.get(a,b,d,"json")},post:function(a,b,d,f){if(c.isFunction(b)){f=f||d;d=b;b={}}return c.ajax({type:"POST",url:a,data:b,success:d,dataType:f})},ajaxSetup:function(a){c.extend(c.ajaxSettings,a)},ajaxSettings:{url:location.href,
+global:true,type:"GET",contentType:"application/x-www-form-urlencoded",processData:true,async:true,xhr:A.XMLHttpRequest&&(A.location.protocol!=="file:"||!A.ActiveXObject)?function(){return new A.XMLHttpRequest}:function(){try{return new A.ActiveXObject("Microsoft.XMLHTTP")}catch(a){}},accepts:{xml:"application/xml, text/xml",html:"text/html",script:"text/javascript, application/javascript",json:"application/json, text/javascript",text:"text/plain",_default:"*/*"}},lastModified:{},etag:{},ajax:function(a){function b(){e.success&&
+e.success.call(k,o,i,x);e.global&&f("ajaxSuccess",[x,e])}function d(){e.complete&&e.complete.call(k,x,i);e.global&&f("ajaxComplete",[x,e]);e.global&&!--c.active&&c.event.trigger("ajaxStop")}function f(q,p){(e.context?c(e.context):c.event).trigger(q,p)}var e=c.extend(true,{},c.ajaxSettings,a),j,i,o,k=a&&a.context||e,n=e.type.toUpperCase();if(e.data&&e.processData&&typeof e.data!=="string")e.data=c.param(e.data,e.traditional);if(e.dataType==="jsonp"){if(n==="GET")N.test(e.url)||(e.url+=(ka.test(e.url)?
+"&":"?")+(e.jsonp||"callback")+"=?");else if(!e.data||!N.test(e.data))e.data=(e.data?e.data+"&":"")+(e.jsonp||"callback")+"=?";e.dataType="json"}if(e.dataType==="json"&&(e.data&&N.test(e.data)||N.test(e.url))){j=e.jsonpCallback||"jsonp"+sb++;if(e.data)e.data=(e.data+"").replace(N,"="+j+"$1");e.url=e.url.replace(N,"="+j+"$1");e.dataType="script";A[j]=A[j]||function(q){o=q;b();d();A[j]=w;try{delete A[j]}catch(p){}z&&z.removeChild(C)}}if(e.dataType==="script"&&e.cache===null)e.cache=false;if(e.cache===
+false&&n==="GET"){var r=J(),u=e.url.replace(wb,"$1_="+r+"$2");e.url=u+(u===e.url?(ka.test(e.url)?"&":"?")+"_="+r:"")}if(e.data&&n==="GET")e.url+=(ka.test(e.url)?"&":"?")+e.data;e.global&&!c.active++&&c.event.trigger("ajaxStart");r=(r=xb.exec(e.url))&&(r[1]&&r[1]!==location.protocol||r[2]!==location.host);if(e.dataType==="script"&&n==="GET"&&r){var z=s.getElementsByTagName("head")[0]||s.documentElement,C=s.createElement("script");C.src=e.url;if(e.scriptCharset)C.charset=e.scriptCharset;if(!j){var B=
+false;C.onload=C.onreadystatechange=function(){if(!B&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){B=true;b();d();C.onload=C.onreadystatechange=null;z&&C.parentNode&&z.removeChild(C)}}}z.insertBefore(C,z.firstChild);return w}var E=false,x=e.xhr();if(x){e.username?x.open(n,e.url,e.async,e.username,e.password):x.open(n,e.url,e.async);try{if(e.data||a&&a.contentType)x.setRequestHeader("Content-Type",e.contentType);if(e.ifModified){c.lastModified[e.url]&&x.setRequestHeader("If-Modified-Since",
+c.lastModified[e.url]);c.etag[e.url]&&x.setRequestHeader("If-None-Match",c.etag[e.url])}r||x.setRequestHeader("X-Requested-With","XMLHttpRequest");x.setRequestHeader("Accept",e.dataType&&e.accepts[e.dataType]?e.accepts[e.dataType]+", */*":e.accepts._default)}catch(ga){}if(e.beforeSend&&e.beforeSend.call(k,x,e)===false){e.global&&!--c.active&&c.event.trigger("ajaxStop");x.abort();return false}e.global&&f("ajaxSend",[x,e]);var g=x.onreadystatechange=function(q){if(!x||x.readyState===0||q==="abort"){E||
+d();E=true;if(x)x.onreadystatechange=c.noop}else if(!E&&x&&(x.readyState===4||q==="timeout")){E=true;x.onreadystatechange=c.noop;i=q==="timeout"?"timeout":!c.httpSuccess(x)?"error":e.ifModified&&c.httpNotModified(x,e.url)?"notmodified":"success";var p;if(i==="success")try{o=c.httpData(x,e.dataType,e)}catch(v){i="parsererror";p=v}if(i==="success"||i==="notmodified")j||b();else c.handleError(e,x,i,p);d();q==="timeout"&&x.abort();if(e.async)x=null}};try{var h=x.abort;x.abort=function(){x&&h.call(x);
+g("abort")}}catch(l){}e.async&&e.timeout>0&&setTimeout(function(){x&&!E&&g("timeout")},e.timeout);try{x.send(n==="POST"||n==="PUT"||n==="DELETE"?e.data:null)}catch(m){c.handleError(e,x,null,m);d()}e.async||g();return x}},handleError:function(a,b,d,f){if(a.error)a.error.call(a.context||a,b,d,f);if(a.global)(a.context?c(a.context):c.event).trigger("ajaxError",[b,a,f])},active:0,httpSuccess:function(a){try{return!a.status&&location.protocol==="file:"||a.status>=200&&a.status<300||a.status===304||a.status===
+1223||a.status===0}catch(b){}return false},httpNotModified:function(a,b){var d=a.getResponseHeader("Last-Modified"),f=a.getResponseHeader("Etag");if(d)c.lastModified[b]=d;if(f)c.etag[b]=f;return a.status===304||a.status===0},httpData:function(a,b,d){var f=a.getResponseHeader("content-type")||"",e=b==="xml"||!b&&f.indexOf("xml")>=0;a=e?a.responseXML:a.responseText;e&&a.documentElement.nodeName==="parsererror"&&c.error("parsererror");if(d&&d.dataFilter)a=d.dataFilter(a,b);if(typeof a==="string")if(b===
+"json"||!b&&f.indexOf("json")>=0)a=c.parseJSON(a);else if(b==="script"||!b&&f.indexOf("javascript")>=0)c.globalEval(a);return a},param:function(a,b){function d(i,o){if(c.isArray(o))c.each(o,function(k,n){b||/\[\]$/.test(i)?f(i,n):d(i+"["+(typeof n==="object"||c.isArray(n)?k:"")+"]",n)});else!b&&o!=null&&typeof o==="object"?c.each(o,function(k,n){d(i+"["+k+"]",n)}):f(i,o)}function f(i,o){o=c.isFunction(o)?o():o;e[e.length]=encodeURIComponent(i)+"="+encodeURIComponent(o)}var e=[];if(b===w)b=c.ajaxSettings.traditional;
+if(c.isArray(a)||a.jquery)c.each(a,function(){f(this.name,this.value)});else for(var j in a)d(j,a[j]);return e.join("&").replace(yb,"+")}});var la={},Ab=/toggle|show|hide/,Bb=/^([+-]=)?([\d+-.]+)(.*)$/,W,va=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]];c.fn.extend({show:function(a,b){if(a||a===0)return this.animate(K("show",3),a,b);else{a=0;for(b=this.length;a<b;a++){var d=c.data(this[a],"olddisplay");
+this[a].style.display=d||"";if(c.css(this[a],"display")==="none"){d=this[a].nodeName;var f;if(la[d])f=la[d];else{var e=c("<"+d+" />").appendTo("body");f=e.css("display");if(f==="none")f="block";e.remove();la[d]=f}c.data(this[a],"olddisplay",f)}}a=0;for(b=this.length;a<b;a++)this[a].style.display=c.data(this[a],"olddisplay")||"";return this}},hide:function(a,b){if(a||a===0)return this.animate(K("hide",3),a,b);else{a=0;for(b=this.length;a<b;a++){var d=c.data(this[a],"olddisplay");!d&&d!=="none"&&c.data(this[a],
+"olddisplay",c.css(this[a],"display"))}a=0;for(b=this.length;a<b;a++)this[a].style.display="none";return this}},_toggle:c.fn.toggle,toggle:function(a,b){var d=typeof a==="boolean";if(c.isFunction(a)&&c.isFunction(b))this._toggle.apply(this,arguments);else a==null||d?this.each(function(){var f=d?a:c(this).is(":hidden");c(this)[f?"show":"hide"]()}):this.animate(K("toggle",3),a,b);return this},fadeTo:function(a,b,d){return this.filter(":hidden").css("opacity",0).show().end().animate({opacity:b},a,d)},
+animate:function(a,b,d,f){var e=c.speed(b,d,f);if(c.isEmptyObject(a))return this.each(e.complete);return this[e.queue===false?"each":"queue"](function(){var j=c.extend({},e),i,o=this.nodeType===1&&c(this).is(":hidden"),k=this;for(i in a){var n=i.replace(ia,ja);if(i!==n){a[n]=a[i];delete a[i];i=n}if(a[i]==="hide"&&o||a[i]==="show"&&!o)return j.complete.call(this);if((i==="height"||i==="width")&&this.style){j.display=c.css(this,"display");j.overflow=this.style.overflow}if(c.isArray(a[i])){(j.specialEasing=
+j.specialEasing||{})[i]=a[i][1];a[i]=a[i][0]}}if(j.overflow!=null)this.style.overflow="hidden";j.curAnim=c.extend({},a);c.each(a,function(r,u){var z=new c.fx(k,j,r);if(Ab.test(u))z[u==="toggle"?o?"show":"hide":u](a);else{var C=Bb.exec(u),B=z.cur(true)||0;if(C){u=parseFloat(C[2]);var E=C[3]||"px";if(E!=="px"){k.style[r]=(u||1)+E;B=(u||1)/z.cur(true)*B;k.style[r]=B+E}if(C[1])u=(C[1]==="-="?-1:1)*u+B;z.custom(B,u,E)}else z.custom(B,u,"")}});return true})},stop:function(a,b){var d=c.timers;a&&this.queue([]);
+this.each(function(){for(var f=d.length-1;f>=0;f--)if(d[f].elem===this){b&&d[f](true);d.splice(f,1)}});b||this.dequeue();return this}});c.each({slideDown:K("show",1),slideUp:K("hide",1),slideToggle:K("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"}},function(a,b){c.fn[a]=function(d,f){return this.animate(b,d,f)}});c.extend({speed:function(a,b,d){var f=a&&typeof a==="object"?a:{complete:d||!d&&b||c.isFunction(a)&&a,duration:a,easing:d&&b||b&&!c.isFunction(b)&&b};f.duration=c.fx.off?0:typeof f.duration===
+"number"?f.duration:c.fx.speeds[f.duration]||c.fx.speeds._default;f.old=f.complete;f.complete=function(){f.queue!==false&&c(this).dequeue();c.isFunction(f.old)&&f.old.call(this)};return f},easing:{linear:function(a,b,d,f){return d+f*a},swing:function(a,b,d,f){return(-Math.cos(a*Math.PI)/2+0.5)*f+d}},timers:[],fx:function(a,b,d){this.options=b;this.elem=a;this.prop=d;if(!b.orig)b.orig={}}});c.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this);(c.fx.step[this.prop]||
+c.fx.step._default)(this);if((this.prop==="height"||this.prop==="width")&&this.elem.style)this.elem.style.display="block"},cur:function(a){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];return(a=parseFloat(c.css(this.elem,this.prop,a)))&&a>-10000?a:parseFloat(c.curCSS(this.elem,this.prop))||0},custom:function(a,b,d){function f(j){return e.step(j)}this.startTime=J();this.start=a;this.end=b;this.unit=d||this.unit||"px";this.now=this.start;
+this.pos=this.state=0;var e=this;f.elem=this.elem;if(f()&&c.timers.push(f)&&!W)W=setInterval(c.fx.tick,13)},show:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.show=true;this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur());c(this.elem).show()},hide:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.hide=true;this.custom(this.cur(),0)},step:function(a){var b=J(),d=true;if(a||b>=this.options.duration+this.startTime){this.now=
+this.end;this.pos=this.state=1;this.update();this.options.curAnim[this.prop]=true;for(var f in this.options.curAnim)if(this.options.curAnim[f]!==true)d=false;if(d){if(this.options.display!=null){this.elem.style.overflow=this.options.overflow;a=c.data(this.elem,"olddisplay");this.elem.style.display=a?a:this.options.display;if(c.css(this.elem,"display")==="none")this.elem.style.display="block"}this.options.hide&&c(this.elem).hide();if(this.options.hide||this.options.show)for(var e in this.options.curAnim)c.style(this.elem,
+e,this.options.orig[e]);this.options.complete.call(this.elem)}return false}else{e=b-this.startTime;this.state=e/this.options.duration;a=this.options.easing||(c.easing.swing?"swing":"linear");this.pos=c.easing[this.options.specialEasing&&this.options.specialEasing[this.prop]||a](this.state,e,0,1,this.options.duration);this.now=this.start+(this.end-this.start)*this.pos;this.update()}return true}};c.extend(c.fx,{tick:function(){for(var a=c.timers,b=0;b<a.length;b++)a[b]()||a.splice(b--,1);a.length||
+c.fx.stop()},stop:function(){clearInterval(W);W=null},speeds:{slow:600,fast:200,_default:400},step:{opacity:function(a){c.style(a.elem,"opacity",a.now)},_default:function(a){if(a.elem.style&&a.elem.style[a.prop]!=null)a.elem.style[a.prop]=(a.prop==="width"||a.prop==="height"?Math.max(0,a.now):a.now)+a.unit;else a.elem[a.prop]=a.now}}});if(c.expr&&c.expr.filters)c.expr.filters.animated=function(a){return c.grep(c.timers,function(b){return a===b.elem}).length};c.fn.offset="getBoundingClientRect"in s.documentElement?
+function(a){var b=this[0];if(a)return this.each(function(e){c.offset.setOffset(this,a,e)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return c.offset.bodyOffset(b);var d=b.getBoundingClientRect(),f=b.ownerDocument;b=f.body;f=f.documentElement;return{top:d.top+(self.pageYOffset||c.support.boxModel&&f.scrollTop||b.scrollTop)-(f.clientTop||b.clientTop||0),left:d.left+(self.pageXOffset||c.support.boxModel&&f.scrollLeft||b.scrollLeft)-(f.clientLeft||b.clientLeft||0)}}:function(a){var b=
+this[0];if(a)return this.each(function(r){c.offset.setOffset(this,a,r)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return c.offset.bodyOffset(b);c.offset.initialize();var d=b.offsetParent,f=b,e=b.ownerDocument,j,i=e.documentElement,o=e.body;f=(e=e.defaultView)?e.getComputedStyle(b,null):b.currentStyle;for(var k=b.offsetTop,n=b.offsetLeft;(b=b.parentNode)&&b!==o&&b!==i;){if(c.offset.supportsFixedPosition&&f.position==="fixed")break;j=e?e.getComputedStyle(b,null):b.currentStyle;
+k-=b.scrollTop;n-=b.scrollLeft;if(b===d){k+=b.offsetTop;n+=b.offsetLeft;if(c.offset.doesNotAddBorder&&!(c.offset.doesAddBorderForTableAndCells&&/^t(able|d|h)$/i.test(b.nodeName))){k+=parseFloat(j.borderTopWidth)||0;n+=parseFloat(j.borderLeftWidth)||0}f=d;d=b.offsetParent}if(c.offset.subtractsBorderForOverflowNotVisible&&j.overflow!=="visible"){k+=parseFloat(j.borderTopWidth)||0;n+=parseFloat(j.borderLeftWidth)||0}f=j}if(f.position==="relative"||f.position==="static"){k+=o.offsetTop;n+=o.offsetLeft}if(c.offset.supportsFixedPosition&&
+f.position==="fixed"){k+=Math.max(i.scrollTop,o.scrollTop);n+=Math.max(i.scrollLeft,o.scrollLeft)}return{top:k,left:n}};c.offset={initialize:function(){var a=s.body,b=s.createElement("div"),d,f,e,j=parseFloat(c.curCSS(a,"marginTop",true))||0;c.extend(b.style,{position:"absolute",top:0,left:0,margin:0,border:0,width:"1px",height:"1px",visibility:"hidden"});b.innerHTML="<div style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'><div></div></div><table style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;' cellpadding='0' cellspacing='0'><tr><td></td></tr></table>";
+a.insertBefore(b,a.firstChild);d=b.firstChild;f=d.firstChild;e=d.nextSibling.firstChild.firstChild;this.doesNotAddBorder=f.offsetTop!==5;this.doesAddBorderForTableAndCells=e.offsetTop===5;f.style.position="fixed";f.style.top="20px";this.supportsFixedPosition=f.offsetTop===20||f.offsetTop===15;f.style.position=f.style.top="";d.style.overflow="hidden";d.style.position="relative";this.subtractsBorderForOverflowNotVisible=f.offsetTop===-5;this.doesNotIncludeMarginInBodyOffset=a.offsetTop!==j;a.removeChild(b);
+c.offset.initialize=c.noop},bodyOffset:function(a){var b=a.offsetTop,d=a.offsetLeft;c.offset.initialize();if(c.offset.doesNotIncludeMarginInBodyOffset){b+=parseFloat(c.curCSS(a,"marginTop",true))||0;d+=parseFloat(c.curCSS(a,"marginLeft",true))||0}return{top:b,left:d}},setOffset:function(a,b,d){if(/static/.test(c.curCSS(a,"position")))a.style.position="relative";var f=c(a),e=f.offset(),j=parseInt(c.curCSS(a,"top",true),10)||0,i=parseInt(c.curCSS(a,"left",true),10)||0;if(c.isFunction(b))b=b.call(a,
+d,e);d={top:b.top-e.top+j,left:b.left-e.left+i};"using"in b?b.using.call(a,d):f.css(d)}};c.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),d=this.offset(),f=/^body|html$/i.test(b[0].nodeName)?{top:0,left:0}:b.offset();d.top-=parseFloat(c.curCSS(a,"marginTop",true))||0;d.left-=parseFloat(c.curCSS(a,"marginLeft",true))||0;f.top+=parseFloat(c.curCSS(b[0],"borderTopWidth",true))||0;f.left+=parseFloat(c.curCSS(b[0],"borderLeftWidth",true))||0;return{top:d.top-
+f.top,left:d.left-f.left}},offsetParent:function(){return this.map(function(){for(var a=this.offsetParent||s.body;a&&!/^body|html$/i.test(a.nodeName)&&c.css(a,"position")==="static";)a=a.offsetParent;return a})}});c.each(["Left","Top"],function(a,b){var d="scroll"+b;c.fn[d]=function(f){var e=this[0],j;if(!e)return null;if(f!==w)return this.each(function(){if(j=wa(this))j.scrollTo(!a?f:c(j).scrollLeft(),a?f:c(j).scrollTop());else this[d]=f});else return(j=wa(e))?"pageXOffset"in j?j[a?"pageYOffset":
+"pageXOffset"]:c.support.boxModel&&j.document.documentElement[d]||j.document.body[d]:e[d]}});c.each(["Height","Width"],function(a,b){var d=b.toLowerCase();c.fn["inner"+b]=function(){return this[0]?c.css(this[0],d,false,"padding"):null};c.fn["outer"+b]=function(f){return this[0]?c.css(this[0],d,false,f?"margin":"border"):null};c.fn[d]=function(f){var e=this[0];if(!e)return f==null?null:this;if(c.isFunction(f))return this.each(function(j){var i=c(this);i[d](f.call(this,j,i[d]()))});return"scrollTo"in
+e&&e.document?e.document.compatMode==="CSS1Compat"&&e.document.documentElement["client"+b]||e.document.body["client"+b]:e.nodeType===9?Math.max(e.documentElement["client"+b],e.body["scroll"+b],e.documentElement["scroll"+b],e.body["offset"+b],e.documentElement["offset"+b]):f===w?c.css(e,d):this.css(d,typeof f==="string"?f:f+"px")}});A.jQuery=A.$=c})(window);
diff --git a/static/js/jquery-ui-1.7.2.custom.min.js b/static/js/jquery-ui-1.7.2.custom.min.js
new file mode 100644
index 0000000..cf19f30
--- /dev/null
+++ b/static/js/jquery-ui-1.7.2.custom.min.js
@@ -0,0 +1,298 @@
+/*
+ * jQuery UI 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI
+ */
+jQuery.ui||(function(c){var i=c.fn.remove,d=c.browser.mozilla&&(parseFloat(c.browser.version)<1.9);c.ui={version:"1.7.2",plugin:{add:function(k,l,n){var m=c.ui[k].prototype;for(var j in n){m.plugins[j]=m.plugins[j]||[];m.plugins[j].push([l,n[j]])}},call:function(j,l,k){var n=j.plugins[l];if(!n||!j.element[0].parentNode){return}for(var m=0;m<n.length;m++){if(j.options[n[m][0]]){n[m][1].apply(j.element,k)}}}},contains:function(k,j){return document.compareDocumentPosition?k.compareDocumentPosition(j)&16:k!==j&&k.contains(j)},hasScroll:function(m,k){if(c(m).css("overflow")=="hidden"){return false}var j=(k&&k=="left")?"scrollLeft":"scrollTop",l=false;if(m[j]>0){return true}m[j]=1;l=(m[j]>0);m[j]=0;return l},isOverAxis:function(k,j,l){return(k>j)&&(k<(j+l))},isOver:function(o,k,n,m,j,l){return c.ui.isOverAxis(o,n,j)&&c.ui.isOverAxis(k,m,l)},keyCode:{BACKSPACE:8,CAPS_LOCK:20,COMMA:188,CONTROL:17,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,INSERT:45,LEFT:37,NUMPAD_ADD:107,NUMPAD_DECIMAL:110,NUMPAD_DIVIDE:111,NUMPAD_ENTER:108,NUMPAD_MULTIPLY:106,NUMPAD_SUBTRACT:109,PAGE_DOWN:34,PAGE_UP:33,PERIOD:190,RIGHT:39,SHIFT:16,SPACE:32,TAB:9,UP:38}};if(d){var f=c.attr,e=c.fn.removeAttr,h="http://www.w3.org/2005/07/aaa",a=/^aria-/,b=/^wairole:/;c.attr=function(k,j,l){var m=l!==undefined;return(j=="role"?(m?f.call(this,k,j,"wairole:"+l):(f.apply(this,arguments)||"").replace(b,"")):(a.test(j)?(m?k.setAttributeNS(h,j.replace(a,"aaa:"),l):f.call(this,k,j.replace(a,"aaa:"))):f.apply(this,arguments)))};c.fn.removeAttr=function(j){return(a.test(j)?this.each(function(){this.removeAttributeNS(h,j.replace(a,""))}):e.call(this,j))}}c.fn.extend({remove:function(){c("*",this).add(this).each(function(){c(this).triggerHandler("remove")});return i.apply(this,arguments)},enableSelection:function(){return this.attr("unselectable","off").css("MozUserSelect","").unbind("selectstart.ui")},disableSelection:function(){return this.attr("unselectable","on").css("MozUserSelect","none").bind("selectstart.ui",function(){return false})},scrollParent:function(){var j;if((c.browser.msie&&(/(static|relative)/).test(this.css("position")))||(/absolute/).test(this.css("position"))){j=this.parents().filter(function(){return(/(relative|absolute|fixed)/).test(c.curCSS(this,"position",1))&&(/(auto|scroll)/).test(c.curCSS(this,"overflow",1)+c.curCSS(this,"overflow-y",1)+c.curCSS(this,"overflow-x",1))}).eq(0)}else{j=this.parents().filter(function(){return(/(auto|scroll)/).test(c.curCSS(this,"overflow",1)+c.curCSS(this,"overflow-y",1)+c.curCSS(this,"overflow-x",1))}).eq(0)}return(/fixed/).test(this.css("position"))||!j.length?c(document):j}});c.extend(c.expr[":"],{data:function(l,k,j){return !!c.data(l,j[3])},focusable:function(k){var l=k.nodeName.toLowerCase(),j=c.attr(k,"tabindex");return(/input|select|textarea|button|object/.test(l)?!k.disabled:"a"==l||"area"==l?k.href||!isNaN(j):!isNaN(j))&&!c(k)["area"==l?"parents":"closest"](":hidden").length},tabbable:function(k){var j=c.attr(k,"tabindex");return(isNaN(j)||j>=0)&&c(k).is(":focusable")}});function g(m,n,o,l){function k(q){var p=c[m][n][q]||[];return(typeof p=="string"?p.split(/,?\s+/):p)}var j=k("getter");if(l.length==1&&typeof l[0]=="string"){j=j.concat(k("getterSetter"))}return(c.inArray(o,j)!=-1)}c.widget=function(k,j){var l=k.split(".")[0];k=k.split(".")[1];c.fn[k]=function(p){var n=(typeof p=="string"),o=Array.prototype.slice.call(arguments,1);if(n&&p.substring(0,1)=="_"){return this}if(n&&g(l,k,p,o)){var m=c.data(this[0],k);return(m?m[p].apply(m,o):undefined)}return this.each(function(){var q=c.data(this,k);(!q&&!n&&c.data(this,k,new c[l][k](this,p))._init());(q&&n&&c.isFunction(q[p])&&q[p].apply(q,o))})};c[l]=c[l]||{};c[l][k]=function(o,n){var m=this;this.namespace=l;this.widgetName=k;this.widgetEventPrefix=c[l][k].eventPrefix||k;this.widgetBaseClass=l+"-"+k;this.options=c.extend({},c.widget.defaults,c[l][k].defaults,c.metadata&&c.metadata.get(o)[k],n);this.element=c(o).bind("setData."+k,function(q,p,r){if(q.target==o){return m._setData(p,r)}}).bind("getData."+k,function(q,p){if(q.target==o){return m._getData(p)}}).bind("remove",function(){return m.destroy()})};c[l][k].prototype=c.extend({},c.widget.prototype,j);c[l][k].getterSetter="option"};c.widget.prototype={_init:function(){},destroy:function(){this.element.removeData(this.widgetName).removeClass(this.widgetBaseClass+"-disabled "+this.namespace+"-state-disabled").removeAttr("aria-disabled")},option:function(l,m){var k=l,j=this;if(typeof l=="string"){if(m===undefined){return this._getData(l)}k={};k[l]=m}c.each(k,function(n,o){j._setData(n,o)})},_getData:function(j){return this.options[j]},_setData:function(j,k){this.options[j]=k;if(j=="disabled"){this.element[k?"addClass":"removeClass"](this.widgetBaseClass+"-disabled "+this.namespace+"-state-disabled").attr("aria-disabled",k)}},enable:function(){this._setData("disabled",false)},disable:function(){this._setData("disabled",true)},_trigger:function(l,m,n){var p=this.options[l],j=(l==this.widgetEventPrefix?l:this.widgetEventPrefix+l);m=c.Event(m);m.type=j;if(m.originalEvent){for(var k=c.event.props.length,o;k;){o=c.event.props[--k];m[o]=m.originalEvent[o]}}this.element.trigger(m,n);return !(c.isFunction(p)&&p.call(this.element[0],m,n)===false||m.isDefaultPrevented())}};c.widget.defaults={disabled:false};c.ui.mouse={_mouseInit:function(){var j=this;this.element.bind("mousedown."+this.widgetName,function(k){return j._mouseDown(k)}).bind("click."+this.widgetName,function(k){if(j._preventClickEvent){j._preventClickEvent=false;k.stopImmediatePropagation();return false}});if(c.browser.msie){this._mouseUnselectable=this.element.attr("unselectable");this.element.attr("unselectable","on")}this.started=false},_mouseDestroy:function(){this.element.unbind("."+this.widgetName);(c.browser.msie&&this.element.attr("unselectable",this._mouseUnselectable))},_mouseDown:function(l){l.originalEvent=l.originalEvent||{};if(l.originalEvent.mouseHandled){return}(this._mouseStarted&&this._mouseUp(l));this._mouseDownEvent=l;var k=this,m=(l.which==1),j=(typeof this.options.cancel=="string"?c(l.target).parents().add(l.target).filter(this.options.cancel).length:false);if(!m||j||!this._mouseCapture(l)){return true}this.mouseDelayMet=!this.options.delay;if(!this.mouseDelayMet){this._mouseDelayTimer=setTimeout(function(){k.mouseDelayMet=true},this.options.delay)}if(this._mouseDistanceMet(l)&&this._mouseDelayMet(l)){this._mouseStarted=(this._mouseStart(l)!==false);if(!this._mouseStarted){l.preventDefault();return true}}this._mouseMoveDelegate=function(n){return k._mouseMove(n)};this._mouseUpDelegate=function(n){return k._mouseUp(n)};c(document).bind("mousemove."+this.widgetName,this._mouseMoveDelegate).bind("mouseup."+this.widgetName,this._mouseUpDelegate);(c.browser.safari||l.preventDefault());l.originalEvent.mouseHandled=true;return true},_mouseMove:function(j){if(c.browser.msie&&!j.button){return this._mouseUp(j)}if(this._mouseStarted){this._mouseDrag(j);return j.preventDefault()}if(this._mouseDistanceMet(j)&&this._mouseDelayMet(j)){this._mouseStarted=(this._mouseStart(this._mouseDownEvent,j)!==false);(this._mouseStarted?this._mouseDrag(j):this._mouseUp(j))}return !this._mouseStarted},_mouseUp:function(j){c(document).unbind("mousemove."+this.widgetName,this._mouseMoveDelegate).unbind("mouseup."+this.widgetName,this._mouseUpDelegate);if(this._mouseStarted){this._mouseStarted=false;this._preventClickEvent=(j.target==this._mouseDownEvent.target);this._mouseStop(j)}return false},_mouseDistanceMet:function(j){return(Math.max(Math.abs(this._mouseDownEvent.pageX-j.pageX),Math.abs(this._mouseDownEvent.pageY-j.pageY))>=this.options.distance)},_mouseDelayMet:function(j){return this.mouseDelayMet},_mouseStart:function(j){},_mouseDrag:function(j){},_mouseStop:function(j){},_mouseCapture:function(j){return true}};c.ui.mouse.defaults={cancel:null,distance:1,delay:0}})(jQuery);;/*
+ * jQuery UI Draggable 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Draggables
+ *
+ * Depends:
+ *      ui.core.js
+ */
+(function(a){a.widget("ui.draggable",a.extend({},a.ui.mouse,{_init:function(){if(this.options.helper=="original"&&!(/^(?:r|a|f)/).test(this.element.css("position"))){this.element[0].style.position="relative"}(this.options.addClasses&&this.element.addClass("ui-draggable"));(this.options.disabled&&this.element.addClass("ui-draggable-disabled"));this._mouseInit()},destroy:function(){if(!this.element.data("draggable")){return}this.element.removeData("draggable").unbind(".draggable").removeClass("ui-draggable ui-draggable-dragging ui-draggable-disabled");this._mouseDestroy()},_mouseCapture:function(b){var c=this.options;if(this.helper||c.disabled||a(b.target).is(".ui-resizable-handle")){return false}this.handle=this._getHandle(b);if(!this.handle){return false}return true},_mouseStart:function(b){var c=this.options;this.helper=this._createHelper(b);this._cacheHelperProportions();if(a.ui.ddmanager){a.ui.ddmanager.current=this}this._cacheMargins();this.cssPosition=this.helper.css("position");this.scrollParent=this.helper.scrollParent();this.offset=this.element.offset();this.offset={top:this.offset.top-this.margins.top,left:this.offset.left-this.margins.left};a.extend(this.offset,{click:{left:b.pageX-this.offset.left,top:b.pageY-this.offset.top},parent:this._getParentOffset(),relative:this._getRelativeOffset()});this.originalPosition=this._generatePosition(b);this.originalPageX=b.pageX;this.originalPageY=b.pageY;if(c.cursorAt){this._adjustOffsetFromHelper(c.cursorAt)}if(c.containment){this._setContainment()}this._trigger("start",b);this._cacheHelperProportions();if(a.ui.ddmanager&&!c.dropBehaviour){a.ui.ddmanager.prepareOffsets(this,b)}this.helper.addClass("ui-draggable-dragging");this._mouseDrag(b,true);return true},_mouseDrag:function(b,d){this.position=this._generatePosition(b);this.positionAbs=this._convertPositionTo("absolute");if(!d){var c=this._uiHash();this._trigger("drag",b,c);this.position=c.position}if(!this.options.axis||this.options.axis!="y"){this.helper[0].style.left=this.position.left+"px"}if(!this.options.axis||this.options.axis!="x"){this.helper[0].style.top=this.position.top+"px"}if(a.ui.ddmanager){a.ui.ddmanager.drag(this,b)}return false},_mouseStop:function(c){var d=false;if(a.ui.ddmanager&&!this.options.dropBehaviour){d=a.ui.ddmanager.drop(this,c)}if(this.dropped){d=this.dropped;this.dropped=false}if((this.options.revert=="invalid"&&!d)||(this.options.revert=="valid"&&d)||this.options.revert===true||(a.isFunction(this.options.revert)&&this.options.revert.call(this.element,d))){var b=this;a(this.helper).animate(this.originalPosition,parseInt(this.options.revertDuration,10),function(){b._trigger("stop",c);b._clear()})}else{this._trigger("stop",c);this._clear()}return false},_getHandle:function(b){var c=!this.options.handle||!a(this.options.handle,this.element).length?true:false;a(this.options.handle,this.element).find("*").andSelf().each(function(){if(this==b.target){c=true}});return c},_createHelper:function(c){var d=this.options;var b=a.isFunction(d.helper)?a(d.helper.apply(this.element[0],[c])):(d.helper=="clone"?this.element.clone():this.element);if(!b.parents("body").length){b.appendTo((d.appendTo=="parent"?this.element[0].parentNode:d.appendTo))}if(b[0]!=this.element[0]&&!(/(fixed|absolute)/).test(b.css("position"))){b.css("position","absolute")}return b},_adjustOffsetFromHelper:function(b){if(b.left!=undefined){this.offset.click.left=b.left+this.margins.left}if(b.right!=undefined){this.offset.click.left=this.helperProportions.width-b.right+this.margins.left}if(b.top!=undefined){this.offset.click.top=b.top+this.margins.top}if(b.bottom!=undefined){this.offset.click.top=this.helperProportions.height-b.bottom+this.margins.top}},_getParentOffset:function(){this.offsetParent=this.helper.offsetParent();var b=this.offsetParent.offset();if(this.cssPosition=="absolute"&&this.scrollParent[0]!=document&&a.ui.contains(this.scrollParent[0],this.offsetParent[0])){b.left+=this.scrollParent.scrollLeft();b.top+=this.scrollParent.scrollTop()}if((this.offsetParent[0]==document.body)||(this.offsetParent[0].tagName&&this.offsetParent[0].tagName.toLowerCase()=="html"&&a.browser.msie)){b={top:0,left:0}}return{top:b.top+(parseInt(this.offsetParent.css("borderTopWidth"),10)||0),left:b.left+(parseInt(this.offsetParent.css("borderLeftWidth"),10)||0)}},_getRelativeOffset:function(){if(this.cssPosition=="relative"){var b=this.element.position();return{top:b.top-(parseInt(this.helper.css("top"),10)||0)+this.scrollParent.scrollTop(),left:b.left-(parseInt(this.helper.css("left"),10)||0)+this.scrollParent.scrollLeft()}}else{return{top:0,left:0}}},_cacheMargins:function(){this.margins={left:(parseInt(this.element.css("marginLeft"),10)||0),top:(parseInt(this.element.css("marginTop"),10)||0)}},_cacheHelperProportions:function(){this.helperProportions={width:this.helper.outerWidth(),height:this.helper.outerHeight()}},_setContainment:function(){var e=this.options;if(e.containment=="parent"){e.containment=this.helper[0].parentNode}if(e.containment=="document"||e.containment=="window"){this.containment=[0-this.offset.relative.left-this.offset.parent.left,0-this.offset.relative.top-this.offset.parent.top,a(e.containment=="document"?document:window).width()-this.helperProportions.width-this.margins.left,(a(e.containment=="document"?document:window).height()||document.body.parentNode.scrollHeight)-this.helperProportions.height-this.margins.top]}if(!(/^(document|window|parent)$/).test(e.containment)&&e.containment.constructor!=Array){var c=a(e.containment)[0];if(!c){return}var d=a(e.containment).offset();var b=(a(c).css("overflow")!="hidden");this.containment=[d.left+(parseInt(a(c).css("borderLeftWidth"),10)||0)+(parseInt(a(c).css("paddingLeft"),10)||0)-this.margins.left,d.top+(parseInt(a(c).css("borderTopWidth"),10)||0)+(parseInt(a(c).css("paddingTop"),10)||0)-this.margins.top,d.left+(b?Math.max(c.scrollWidth,c.offsetWidth):c.offsetWidth)-(parseInt(a(c).css("borderLeftWidth"),10)||0)-(parseInt(a(c).css("paddingRight"),10)||0)-this.helperProportions.width-this.margins.left,d.top+(b?Math.max(c.scrollHeight,c.offsetHeight):c.offsetHeight)-(parseInt(a(c).css("borderTopWidth"),10)||0)-(parseInt(a(c).css("paddingBottom"),10)||0)-this.helperProportions.height-this.margins.top]}else{if(e.containment.constructor==Array){this.containment=e.containment}}},_convertPositionTo:function(f,h){if(!h){h=this.position}var c=f=="absolute"?1:-1;var e=this.options,b=this.cssPosition=="absolute"&&!(this.scrollParent[0]!=document&&a.ui.contains(this.scrollParent[0],this.offsetParent[0]))?this.offsetParent:this.scrollParent,g=(/(html|body)/i).test(b[0].tagName);return{top:(h.top+this.offset.relative.top*c+this.offset.parent.top*c-(a.browser.safari&&this.cssPosition=="fixed"?0:(this.cssPosition=="fixed"?-this.scrollParent.scrollTop():(g?0:b.scrollTop()))*c)),left:(h.left+this.offset.relative.left*c+this.offset.parent.left*c-(a.browser.safari&&this.cssPosition=="fixed"?0:(this.cssPosition=="fixed"?-this.scrollParent.scrollLeft():g?0:b.scrollLeft())*c))}},_generatePosition:function(e){var h=this.options,b=this.cssPosition=="absolute"&&!(this.scrollParent[0]!=document&&a.ui.contains(this.scrollParent[0],this.offsetParent[0]))?this.offsetParent:this.scrollParent,i=(/(html|body)/i).test(b[0].tagName);if(this.cssPosition=="relative"&&!(this.scrollParent[0]!=document&&this.scrollParent[0]!=this.offsetParent[0])){this.offset.relative=this._getRelativeOffset()}var d=e.pageX;var c=e.pageY;if(this.originalPosition){if(this.containment){if(e.pageX-this.offset.click.left<this.containment[0]){d=this.containment[0]+this.offset.click.left}if(e.pageY-this.offset.click.top<this.containment[1]){c=this.containment[1]+this.offset.click.top}if(e.pageX-this.offset.click.left>this.containment[2]){d=this.containment[2]+this.offset.click.left}if(e.pageY-this.offset.click.top>this.containment[3]){c=this.containment[3]+this.offset.click.top}}if(h.grid){var g=this.originalPageY+Math.round((c-this.originalPageY)/h.grid[1])*h.grid[1];c=this.containment?(!(g-this.offset.click.top<this.containment[1]||g-this.offset.click.top>this.containment[3])?g:(!(g-this.offset.click.top<this.containment[1])?g-h.grid[1]:g+h.grid[1])):g;var f=this.originalPageX+Math.round((d-this.originalPageX)/h.grid[0])*h.grid[0];d=this.containment?(!(f-this.offset.click.left<this.containment[0]||f-this.offset.click.left>this.containment[2])?f:(!(f-this.offset.click.left<this.containment[0])?f-h.grid[0]:f+h.grid[0])):f}}return{top:(c-this.offset.click.top-this.offset.relative.top-this.offset.parent.top+(a.browser.safari&&this.cssPosition=="fixed"?0:(this.cssPosition=="fixed"?-this.scrollParent.scrollTop():(i?0:b.scrollTop())))),left:(d-this.offset.click.left-this.offset.relative.left-this.offset.parent.left+(a.browser.safari&&this.cssPosition=="fixed"?0:(this.cssPosition=="fixed"?-this.scrollParent.scrollLeft():i?0:b.scrollLeft())))}},_clear:function(){this.helper.removeClass("ui-draggable-dragging");if(this.helper[0]!=this.element[0]&&!this.cancelHelperRemoval){this.helper.remove()}this.helper=null;this.cancelHelperRemoval=false},_trigger:function(b,c,d){d=d||this._uiHash();a.ui.plugin.call(this,b,[c,d]);if(b=="drag"){this.positionAbs=this._convertPositionTo("absolute")}return a.widget.prototype._trigger.call(this,b,c,d)},plugins:{},_uiHash:function(b){return{helper:this.helper,position:this.position,absolutePosition:this.positionAbs,offset:this.positionAbs}}}));a.extend(a.ui.draggable,{version:"1.7.2",eventPrefix:"drag",defaults:{addClasses:true,appendTo:"parent",axis:false,cancel:":input,option",connectToSortable:false,containment:false,cursor:"auto",cursorAt:false,delay:0,distance:1,grid:false,handle:false,helper:"original",iframeFix:false,opacity:false,refreshPositions:false,revert:false,revertDuration:500,scope:"default",scroll:true,scrollSensitivity:20,scrollSpeed:20,snap:false,snapMode:"both",snapTolerance:20,stack:false,zIndex:false}});a.ui.plugin.add("draggable","connectToSortable",{start:function(c,e){var d=a(this).data("draggable"),f=d.options,b=a.extend({},e,{item:d.element});d.sortables=[];a(f.connectToSortable).each(function(){var g=a.data(this,"sortable");if(g&&!g.options.disabled){d.sortables.push({instance:g,shouldRevert:g.options.revert});g._refreshItems();g._trigger("activate",c,b)}})},stop:function(c,e){var d=a(this).data("draggable"),b=a.extend({},e,{item:d.element});a.each(d.sortables,function(){if(this.instance.isOver){this.instance.isOver=0;d.cancelHelperRemoval=true;this.instance.cancelHelperRemoval=false;if(this.shouldRevert){this.instance.options.revert=true}this.instance._mouseStop(c);this.instance.options.helper=this.instance.options._helper;if(d.options.helper=="original"){this.instance.currentItem.css({top:"auto",left:"auto"})}}else{this.instance.cancelHelperRemoval=false;this.instance._trigger("deactivate",c,b)}})},drag:function(c,f){var e=a(this).data("draggable"),b=this;var d=function(i){var n=this.offset.click.top,m=this.offset.click.left;var g=this.positionAbs.top,k=this.positionAbs.left;var j=i.height,l=i.width;var p=i.top,h=i.left;return a.ui.isOver(g+n,k+m,p,h,j,l)};a.each(e.sortables,function(g){this.instance.positionAbs=e.positionAbs;this.instance.helperProportions=e.helperProportions;this.instance.offset.click=e.offset.click;if(this.instance._intersectsWith(this.instance.containerCache)){if(!this.instance.isOver){this.instance.isOver=1;this.instance.currentItem=a(b).clone().appendTo(this.instance.element).data("sortable-item",true);this.instance.options._helper=this.instance.options.helper;this.instance.options.helper=function(){return f.helper[0]};c.target=this.instance.currentItem[0];this.instance._mouseCapture(c,true);this.instance._mouseStart(c,true,true);this.instance.offset.click.top=e.offset.click.top;this.instance.offset.click.left=e.offset.click.left;this.instance.offset.parent.left-=e.offset.parent.left-this.instance.offset.parent.left;this.instance.offset.parent.top-=e.offset.parent.top-this.instance.offset.parent.top;e._trigger("toSortable",c);e.dropped=this.instance.element;e.currentItem=e.element;this.instance.fromOutside=e}if(this.instance.currentItem){this.instance._mouseDrag(c)}}else{if(this.instance.isOver){this.instance.isOver=0;this.instance.cancelHelperRemoval=true;this.instance.options.revert=false;this.instance._trigger("out",c,this.instance._uiHash(this.instance));this.instance._mouseStop(c,true);this.instance.options.helper=this.instance.options._helper;this.instance.currentItem.remove();if(this.instance.placeholder){this.instance.placeholder.remove()}e._trigger("fromSortable",c);e.dropped=false}}})}});a.ui.plugin.add("draggable","cursor",{start:function(c,d){var b=a("body"),e=a(this).data("draggable").options;if(b.css("cursor")){e._cursor=b.css("cursor")}b.css("cursor",e.cursor)},stop:function(b,c){var d=a(this).data("draggable").options;if(d._cursor){a("body").css("cursor",d._cursor)}}});a.ui.plugin.add("draggable","iframeFix",{start:function(b,c){var d=a(this).data("draggable").options;a(d.iframeFix===true?"iframe":d.iframeFix).each(function(){a('<div class="ui-draggable-iframeFix" style="background: #fff;"></div>').css({width:this.offsetWidth+"px",height:this.offsetHeight+"px",position:"absolute",opacity:"0.001",zIndex:1000}).css(a(this).offset()).appendTo("body")})},stop:function(b,c){a("div.ui-draggable-iframeFix").each(function(){this.parentNode.removeChild(this)})}});a.ui.plugin.add("draggable","opacity",{start:function(c,d){var b=a(d.helper),e=a(this).data("draggable").options;if(b.css("opacity")){e._opacity=b.css("opacity")}b.css("opacity",e.opacity)},stop:function(b,c){var d=a(this).data("draggable").options;if(d._opacity){a(c.helper).css("opacity",d._opacity)}}});a.ui.plugin.add("draggable","scroll",{start:function(c,d){var b=a(this).data("draggable");if(b.scrollParent[0]!=document&&b.scrollParent[0].tagName!="HTML"){b.overflowOffset=b.scrollParent.offset()}},drag:function(d,e){var c=a(this).data("draggable"),f=c.options,b=false;if(c.scrollParent[0]!=document&&c.scrollParent[0].tagName!="HTML"){if(!f.axis||f.axis!="x"){if((c.overflowOffset.top+c.scrollParent[0].offsetHeight)-d.pageY<f.scrollSensitivity){c.scrollParent[0].scrollTop=b=c.scrollParent[0].scrollTop+f.scrollSpeed}else{if(d.pageY-c.overflowOffset.top<f.scrollSensitivity){c.scrollParent[0].scrollTop=b=c.scrollParent[0].scrollTop-f.scrollSpeed}}}if(!f.axis||f.axis!="y"){if((c.overflowOffset.left+c.scrollParent[0].offsetWidth)-d.pageX<f.scrollSensitivity){c.scrollParent[0].scrollLeft=b=c.scrollParent[0].scrollLeft+f.scrollSpeed}else{if(d.pageX-c.overflowOffset.left<f.scrollSensitivity){c.scrollParent[0].scrollLeft=b=c.scrollParent[0].scrollLeft-f.scrollSpeed}}}}else{if(!f.axis||f.axis!="x"){if(d.pageY-a(document).scrollTop()<f.scrollSensitivity){b=a(document).scrollTop(a(document).scrollTop()-f.scrollSpeed)}else{if(a(window).height()-(d.pageY-a(document).scrollTop())<f.scrollSensitivity){b=a(document).scrollTop(a(document).scrollTop()+f.scrollSpeed)}}}if(!f.axis||f.axis!="y"){if(d.pageX-a(document).scrollLeft()<f.scrollSensitivity){b=a(document).scrollLeft(a(document).scrollLeft()-f.scrollSpeed)}else{if(a(window).width()-(d.pageX-a(document).scrollLeft())<f.scrollSensitivity){b=a(document).scrollLeft(a(document).scrollLeft()+f.scrollSpeed)}}}}if(b!==false&&a.ui.ddmanager&&!f.dropBehaviour){a.ui.ddmanager.prepareOffsets(c,d)}}});a.ui.plugin.add("draggable","snap",{start:function(c,d){var b=a(this).data("draggable"),e=b.options;b.snapElements=[];a(e.snap.constructor!=String?(e.snap.items||":data(draggable)"):e.snap).each(function(){var g=a(this);var f=g.offset();if(this!=b.element[0]){b.snapElements.push({item:this,width:g.outerWidth(),height:g.outerHeight(),top:f.top,left:f.left})}})},drag:function(u,p){var g=a(this).data("draggable"),q=g.options;var y=q.snapTolerance;var x=p.offset.left,w=x+g.helperProportions.width,f=p.offset.top,e=f+g.helperProportions.height;for(var v=g.snapElements.length-1;v>=0;v--){var s=g.snapElements[v].left,n=s+g.snapElements[v].width,m=g.snapElements[v].top,A=m+g.snapElements[v].height;if(!((s-y<x&&x<n+y&&m-y<f&&f<A+y)||(s-y<x&&x<n+y&&m-y<e&&e<A+y)||(s-y<w&&w<n+y&&m-y<f&&f<A+y)||(s-y<w&&w<n+y&&m-y<e&&e<A+y))){if(g.snapElements[v].snapping){(g.options.snap.release&&g.options.snap.release.call(g.element,u,a.extend(g._uiHash(),{snapItem:g.snapElements[v].item})))}g.snapElements[v].snapping=false;continue}if(q.snapMode!="inner"){var c=Math.abs(m-e)<=y;var z=Math.abs(A-f)<=y;var j=Math.abs(s-w)<=y;var k=Math.abs(n-x)<=y;if(c){p.position.top=g._convertPositionTo("relative",{top:m-g.helperProportions.height,left:0}).top-g.margins.top}if(z){p.position.top=g._convertPositionTo("relative",{top:A,left:0}).top-g.margins.top}if(j){p.position.left=g._convertPositionTo("relative",{top:0,left:s-g.helperProportions.width}).left-g.margins.left}if(k){p.position.left=g._convertPositionTo("relative",{top:0,left:n}).left-g.margins.left}}var h=(c||z||j||k);if(q.snapMode!="outer"){var c=Math.abs(m-f)<=y;var z=Math.abs(A-e)<=y;var j=Math.abs(s-x)<=y;var k=Math.abs(n-w)<=y;if(c){p.position.top=g._convertPositionTo("relative",{top:m,left:0}).top-g.margins.top}if(z){p.position.top=g._convertPositionTo("relative",{top:A-g.helperProportions.height,left:0}).top-g.margins.top}if(j){p.position.left=g._convertPositionTo("relative",{top:0,left:s}).left-g.margins.left}if(k){p.position.left=g._convertPositionTo("relative",{top:0,left:n-g.helperProportions.width}).left-g.margins.left}}if(!g.snapElements[v].snapping&&(c||z||j||k||h)){(g.options.snap.snap&&g.options.snap.snap.call(g.element,u,a.extend(g._uiHash(),{snapItem:g.snapElements[v].item})))}g.snapElements[v].snapping=(c||z||j||k||h)}}});a.ui.plugin.add("draggable","stack",{start:function(b,c){var e=a(this).data("draggable").options;var d=a.makeArray(a(e.stack.group)).sort(function(g,f){return(parseInt(a(g).css("zIndex"),10)||e.stack.min)-(parseInt(a(f).css("zIndex"),10)||e.stack.min)});a(d).each(function(f){this.style.zIndex=e.stack.min+f});this[0].style.zIndex=e.stack.min+d.length}});a.ui.plugin.add("draggable","zIndex",{start:function(c,d){var b=a(d.helper),e=a(this).data("draggable").options;if(b.css("zIndex")){e._zIndex=b.css("zIndex")}b.css("zIndex",e.zIndex)},stop:function(b,c){var d=a(this).data("draggable").options;if(d._zIndex){a(c.helper).css("zIndex",d._zIndex)}}})})(jQuery);;/*
+ * jQuery UI Droppable 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Droppables
+ *
+ * Depends:
+ *      ui.core.js
+ *      ui.draggable.js
+ */
+(function(a){a.widget("ui.droppable",{_init:function(){var c=this.options,b=c.accept;this.isover=0;this.isout=1;this.options.accept=this.options.accept&&a.isFunction(this.options.accept)?this.options.accept:function(e){return e.is(b)};this.proportions={width:this.element[0].offsetWidth,height:this.element[0].offsetHeight};a.ui.ddmanager.droppables[this.options.scope]=a.ui.ddmanager.droppables[this.options.scope]||[];a.ui.ddmanager.droppables[this.options.scope].push(this);(this.options.addClasses&&this.element.addClass("ui-droppable"))},destroy:function(){var b=a.ui.ddmanager.droppables[this.options.scope];for(var c=0;c<b.length;c++){if(b[c]==this){b.splice(c,1)}}this.element.removeClass("ui-droppable ui-droppable-disabled").removeData("droppable").unbind(".droppable")},_setData:function(b,c){if(b=="accept"){this.options.accept=c&&a.isFunction(c)?c:function(e){return e.is(c)}}else{a.widget.prototype._setData.apply(this,arguments)}},_activate:function(c){var b=a.ui.ddmanager.current;if(this.options.activeClass){this.element.addClass(this.options.activeClass)}(b&&this._trigger("activate",c,this.ui(b)))},_deactivate:function(c){var b=a.ui.ddmanager.current;if(this.options.activeClass){this.element.removeClass(this.options.activeClass)}(b&&this._trigger("deactivate",c,this.ui(b)))},_over:function(c){var b=a.ui.ddmanager.current;if(!b||(b.currentItem||b.element)[0]==this.element[0]){return}if(this.options.accept.call(this.element[0],(b.currentItem||b.element))){if(this.options.hoverClass){this.element.addClass(this.options.hoverClass)}this._trigger("over",c,this.ui(b))}},_out:function(c){var b=a.ui.ddmanager.current;if(!b||(b.currentItem||b.element)[0]==this.element[0]){return}if(this.options.accept.call(this.element[0],(b.currentItem||b.element))){if(this.options.hoverClass){this.element.removeClass(this.options.hoverClass)}this._trigger("out",c,this.ui(b))}},_drop:function(c,d){var b=d||a.ui.ddmanager.current;if(!b||(b.currentItem||b.element)[0]==this.element[0]){return false}var e=false;this.element.find(":data(droppable)").not(".ui-draggable-dragging").each(function(){var f=a.data(this,"droppable");if(f.options.greedy&&a.ui.intersect(b,a.extend(f,{offset:f.element.offset()}),f.options.tolerance)){e=true;return false}});if(e){return false}if(this.options.accept.call(this.element[0],(b.currentItem||b.element))){if(this.options.activeClass){this.element.removeClass(this.options.activeClass)}if(this.options.hoverClass){this.element.removeClass(this.options.hoverClass)}this._trigger("drop",c,this.ui(b));return this.element}return false},ui:function(b){return{draggable:(b.currentItem||b.element),helper:b.helper,position:b.position,absolutePosition:b.positionAbs,offset:b.positionAbs}}});a.extend(a.ui.droppable,{version:"1.7.2",eventPrefix:"drop",defaults:{accept:"*",activeClass:false,addClasses:true,greedy:false,hoverClass:false,scope:"default",tolerance:"intersect"}});a.ui.intersect=function(q,j,o){if(!j.offset){return false}var e=(q.positionAbs||q.position.absolute).left,d=e+q.helperProportions.width,n=(q.positionAbs||q.position.absolute).top,m=n+q.helperProportions.height;var g=j.offset.left,c=g+j.proportions.width,p=j.offset.top,k=p+j.proportions.height;switch(o){case"fit":return(g<e&&d<c&&p<n&&m<k);break;case"intersect":return(g<e+(q.helperProportions.width/2)&&d-(q.helperProportions.width/2)<c&&p<n+(q.helperProportions.height/2)&&m-(q.helperProportions.height/2)<k);break;case"pointer":var h=((q.positionAbs||q.position.absolute).left+(q.clickOffset||q.offset.click).left),i=((q.positionAbs||q.position.absolute).top+(q.clickOffset||q.offset.click).top),f=a.ui.isOver(i,h,p,g,j.proportions.height,j.proportions.width);return f;break;case"touch":return((n>=p&&n<=k)||(m>=p&&m<=k)||(n<p&&m>k))&&((e>=g&&e<=c)||(d>=g&&d<=c)||(e<g&&d>c));break;default:return false;break}};a.ui.ddmanager={current:null,droppables:{"default":[]},prepareOffsets:function(e,g){var b=a.ui.ddmanager.droppables[e.options.scope];var f=g?g.type:null;var h=(e.currentItem||e.element).find(":data(droppable)").andSelf();droppablesLoop:for(var d=0;d<b.length;d++){if(b[d].options.disabled||(e&&!b[d].options.accept.call(b[d].element[0],(e.currentItem||e.element)))){continue}for(var c=0;c<h.length;c++){if(h[c]==b[d].element[0]){b[d].proportions.height=0;continue droppablesLoop}}b[d].visible=b[d].element.css("display")!="none";if(!b[d].visible){continue}b[d].offset=b[d].element.offset();b[d].proportions={width:b[d].element[0].offsetWidth,height:b[d].element[0].offsetHeight};if(f=="mousedown"){b[d]._activate.call(b[d],g)}}},drop:function(b,c){var d=false;a.each(a.ui.ddmanager.droppables[b.options.scope],function(){if(!this.options){return}if(!this.options.disabled&&this.visible&&a.ui.intersect(b,this,this.options.tolerance)){d=this._drop.call(this,c)}if(!this.options.disabled&&this.visible&&this.options.accept.call(this.element[0],(b.currentItem||b.element))){this.isout=1;this.isover=0;this._deactivate.call(this,c)}});return d},drag:function(b,c){if(b.options.refreshPositions){a.ui.ddmanager.prepareOffsets(b,c)}a.each(a.ui.ddmanager.droppables[b.options.scope],function(){if(this.options.disabled||this.greedyChild||!this.visible){return}var e=a.ui.intersect(b,this,this.options.tolerance);var g=!e&&this.isover==1?"isout":(e&&this.isover==0?"isover":null);if(!g){return}var f;if(this.options.greedy){var d=this.element.parents(":data(droppable):eq(0)");if(d.length){f=a.data(d[0],"droppable");f.greedyChild=(g=="isover"?1:0)}}if(f&&g=="isover"){f.isover=0;f.isout=1;f._out.call(f,c)}this[g]=1;this[g=="isout"?"isover":"isout"]=0;this[g=="isover"?"_over":"_out"].call(this,c);if(f&&g=="isout"){f.isout=0;f.isover=1;f._over.call(f,c)}})}}})(jQuery);;/*
+ * jQuery UI Resizable 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Resizables
+ *
+ * Depends:
+ *      ui.core.js
+ */
+(function(c){c.widget("ui.resizable",c.extend({},c.ui.mouse,{_init:function(){var e=this,j=this.options;this.element.addClass("ui-resizable");c.extend(this,{_aspectRatio:!!(j.aspectRatio),aspectRatio:j.aspectRatio,originalElement:this.element,_proportionallyResizeElements:[],_helper:j.helper||j.ghost||j.animate?j.helper||"ui-resizable-helper":null});if(this.element[0].nodeName.match(/canvas|textarea|input|select|button|img/i)){if(/relative/.test(this.element.css("position"))&&c.browser.opera){this.element.css({position:"relative",top:"auto",left:"auto"})}this.element.wrap(c('<div class="ui-wrapper" style="overflow: hidden;"></div>').css({position:this.element.css("position"),width:this.element.outerWidth(),height:this.element.outerHeight(),top:this.element.css("top"),left:this.element.css("left")}));this.element=this.element.parent().data("resizable",this.element.data("resizable"));this.elementIsWrapper=true;this.element.css({marginLeft:this.originalElement.css("marginLeft"),marginTop:this.originalElement.css("marginTop"),marginRight:this.originalElement.css("marginRight"),marginBottom:this.originalElement.css("marginBottom")});this.originalElement.css({marginLeft:0,marginTop:0,marginRight:0,marginBottom:0});this.originalResizeStyle=this.originalElement.css("resize");this.originalElement.css("resize","none");this._proportionallyResizeElements.push(this.originalElement.css({position:"static",zoom:1,display:"block"}));this.originalElement.css({margin:this.originalElement.css("margin")});this._proportionallyResize()}this.handles=j.handles||(!c(".ui-resizable-handle",this.element).length?"e,s,se":{n:".ui-resizable-n",e:".ui-resizable-e",s:".ui-resizable-s",w:".ui-resizable-w",se:".ui-resizable-se",sw:".ui-resizable-sw",ne:".ui-resizable-ne",nw:".ui-resizable-nw"});if(this.handles.constructor==String){if(this.handles=="all"){this.handles="n,e,s,w,se,sw,ne,nw"}var k=this.handles.split(",");this.handles={};for(var f=0;f<k.length;f++){var h=c.trim(k[f]),d="ui-resizable-"+h;var g=c('<div class="ui-resizable-handle '+d+'"></div>');if(/sw|se|ne|nw/.test(h)){g.css({zIndex:++j.zIndex})}if("se"==h){g.addClass("ui-icon ui-icon-gripsmall-diagonal-se")}this.handles[h]=".ui-resizable-"+h;this.element.append(g)}}this._renderAxis=function(p){p=p||this.element;for(var m in this.handles){if(this.handles[m].constructor==String){this.handles[m]=c(this.handles[m],this.element).show()}if(this.elementIsWrapper&&this.originalElement[0].nodeName.match(/textarea|input|select|button/i)){var n=c(this.handles[m],this.element),o=0;o=/sw|ne|nw|se|n|s/.test(m)?n.outerHeight():n.outerWidth();var l=["padding",/ne|nw|n/.test(m)?"Top":/se|sw|s/.test(m)?"Bottom":/^e$/.test(m)?"Right":"Left"].join("");p.css(l,o);this._proportionallyResize()}if(!c(this.handles[m]).length){continue}}};this._renderAxis(this.element);this._handles=c(".ui-resizable-handle",this.element).disableSelection();this._handles.mouseover(function(){if(!e.resizing){if(this.className){var i=this.className.match(/ui-resizable-(se|sw|ne|nw|n|e|s|w)/i)}e.axis=i&&i[1]?i[1]:"se"}});if(j.autoHide){this._handles.hide();c(this.element).addClass("ui-resizable-autohide").hover(function(){c(this).removeClass("ui-resizable-autohide");e._handles.show()},function(){if(!e.resizing){c(this).addClass("ui-resizable-autohide");e._handles.hide()}})}this._mouseInit()},destroy:function(){this._mouseDestroy();var d=function(f){c(f).removeClass("ui-resizable ui-resizable-disabled ui-resizable-resizing").removeData("resizable").unbind(".resizable").find(".ui-resizable-handle").remove()};if(this.elementIsWrapper){d(this.element);var e=this.element;e.parent().append(this.originalElement.css({position:e.css("position"),width:e.outerWidth(),height:e.outerHeight(),top:e.css("top"),left:e.css("left")})).end().remove()}this.originalElement.css("resize",this.originalResizeStyle);d(this.originalElement)},_mouseCapture:function(e){var f=false;for(var d in this.handles){if(c(this.handles[d])[0]==e.target){f=true}}return this.options.disabled||!!f},_mouseStart:function(f){var i=this.options,e=this.element.position(),d=this.element;this.resizing=true;this.documentScroll={top:c(document).scrollTop(),left:c(document).scrollLeft()};if(d.is(".ui-draggable")||(/absolute/).test(d.css("position"))){d.css({position:"absolute",top:e.top,left:e.left})}if(c.browser.opera&&(/relative/).test(d.css("position"))){d.css({position:"relative",top:"auto",left:"auto"})}this._renderProxy();var j=b(this.helper.css("left")),g=b(this.helper.css("top"));if(i.containment){j+=c(i.containment).scrollLeft()||0;g+=c(i.containment).scrollTop()||0}this.offset=this.helper.offset();this.position={left:j,top:g};this.size=this._helper?{width:d.outerWidth(),height:d.outerHeight()}:{width:d.width(),height:d.height()};this.originalSize=this._helper?{width:d.outerWidth(),height:d.outerHeight()}:{width:d.width(),height:d.height()};this.originalPosition={left:j,top:g};this.sizeDiff={width:d.outerWidth()-d.width(),height:d.outerHeight()-d.height()};this.originalMousePosition={left:f.pageX,top:f.pageY};this.aspectRatio=(typeof i.aspectRatio=="number")?i.aspectRatio:((this.originalSize.width/this.originalSize.height)||1);var h=c(".ui-resizable-"+this.axis).css("cursor");c("body").css("cursor",h=="auto"?this.axis+"-resize":h);d.addClass("ui-resizable-resizing");this._propagate("start",f);return true},_mouseDrag:function(d){var g=this.helper,f=this.options,l={},p=this,i=this.originalMousePosition,m=this.axis;var q=(d.pageX-i.left)||0,n=(d.pageY-i.top)||0;var h=this._change[m];if(!h){return false}var k=h.apply(this,[d,q,n]),j=c.browser.msie&&c.browser.version<7,e=this.sizeDiff;if(this._aspectRatio||d.shiftKey){k=this._updateRatio(k,d)}k=this._respectSize(k,d);this._propagate("resize",d);g.css({top:this.position.top+"px",left:this.position.left+"px",width:this.size.width+"px",height:this.size.height+"px"});if(!this._helper&&this._proportionallyResizeElements.length){this._proportionallyResize()}this._updateCache(k);this._trigger("resize",d,this.ui());return false},_mouseStop:function(g){this.resizing=false;var h=this.options,l=this;if(this._helper){var f=this._proportionallyResizeElements,d=f.length&&(/textarea/i).test(f[0].nodeName),e=d&&c.ui.hasScroll(f[0],"left")?0:l.sizeDiff.height,j=d?0:l.sizeDiff.width;var m={width:(l.size.width-j),height:(l.size.height-e)},i=(parseInt(l.element.css("left"),10)+(l.position.left-l.originalPosition.left))||null,k=(parseInt(l.element.css("top"),10)+(l.position.top-l.originalPosition.top))||null;if(!h.animate){this.element.css(c.extend(m,{top:k,left:i}))}l.helper.height(l.size.height);l.helper.width(l.size.width);if(this._helper&&!h.animate){this._proportionallyResize()}}c("body").css("cursor","auto");this.element.removeClass("ui-resizable-resizing");this._propagate("stop",g);if(this._helper){this.helper.remove()}return false},_updateCache:function(d){var e=this.options;this.offset=this.helper.offset();if(a(d.left)){this.position.left=d.left}if(a(d.top)){this.position.top=d.top}if(a(d.height)){this.size.height=d.height}if(a(d.width)){this.size.width=d.width}},_updateRatio:function(g,f){var h=this.options,i=this.position,e=this.size,d=this.axis;if(g.height){g.width=(e.height*this.aspectRatio)}else{if(g.width){g.height=(e.width/this.aspectRatio)}}if(d=="sw"){g.left=i.left+(e.width-g.width);g.top=null}if(d=="nw"){g.top=i.top+(e.height-g.height);g.left=i.left+(e.width-g.width)}return g},_respectSize:function(k,f){var i=this.helper,h=this.options,q=this._aspectRatio||f.shiftKey,p=this.axis,s=a(k.width)&&h.maxWidth&&(h.maxWidth<k.width),l=a(k.height)&&h.maxHeight&&(h.maxHeight<k.height),g=a(k.width)&&h.minWidth&&(h.minWidth>k.width),r=a(k.height)&&h.minHeight&&(h.minHeight>k.height);if(g){k.width=h.minWidth}if(r){k.height=h.minHeight}if(s){k.width=h.maxWidth}if(l){k.height=h.maxHeight}var e=this.originalPosition.left+this.originalSize.width,n=this.position.top+this.size.height;var j=/sw|nw|w/.test(p),d=/nw|ne|n/.test(p);if(g&&j){k.left=e-h.minWidth}if(s&&j){k.left=e-h.maxWidth}if(r&&d){k.top=n-h.minHeight}if(l&&d){k.top=n-h.maxHeight}var m=!k.width&&!k.height;if(m&&!k.left&&k.top){k.top=null}else{if(m&&!k.top&&k.left){k.left=null}}return k},_proportionallyResize:function(){var j=this.options;if(!this._proportionallyResizeElements.length){return}var f=this.helper||this.element;for(var e=0;e<this._proportionallyResizeElements.length;e++){var g=this._proportionallyResizeElements[e];if(!this.borderDif){var d=[g.css("borderTopWidth"),g.css("borderRightWidth"),g.css("borderBottomWidth"),g.css("borderLeftWidth")],h=[g.css("paddingTop"),g.css("paddingRight"),g.css("paddingBottom"),g.css("paddingLeft")];this.borderDif=c.map(d,function(k,m){var l=parseInt(k,10)||0,n=parseInt(h[m],10)||0;return l+n})}if(c.browser.msie&&!(!(c(f).is(":hidden")||c(f).parents(":hidden").length))){continue}g.css({height:(f.height()-this.borderDif[0]-this.borderDif[2])||0,width:(f.width()-this.borderDif[1]-this.borderDif[3])||0})}},_renderProxy:function(){var e=this.element,h=this.options;this.elementOffset=e.offset();if(this._helper){this.helper=this.helper||c('<div style="overflow:hidden;"></div>');var d=c.browser.msie&&c.browser.version<7,f=(d?1:0),g=(d?2:-1);this.helper.addClass(this._helper).css({width:this.element.outerWidth()+g,height:this.element.outerHeight()+g,position:"absolute",left:this.elementOffset.left-f+"px",top:this.elementOffset.top-f+"px",zIndex:++h.zIndex});this.helper.appendTo("body").disableSelection()}else{this.helper=this.element}},_change:{e:function(f,e,d){return{width:this.originalSize.width+e}},w:function(g,e,d){var i=this.options,f=this.originalSize,h=this.originalPosition;return{left:h.left+e,width:f.width-e}},n:function(g,e,d){var i=this.options,f=this.originalSize,h=this.originalPosition;return{top:h.top+d,height:f.height-d}},s:function(f,e,d){return{height:this.originalSize.height+d}},se:function(f,e,d){return c.extend(this._change.s.apply(this,arguments),this._change.e.apply(this,[f,e,d]))},sw:function(f,e,d){return c.extend(this._change.s.apply(this,arguments),this._change.w.apply(this,[f,e,d]))},ne:function(f,e,d){return c.extend(this._change.n.apply(this,arguments),this._change.e.apply(this,[f,e,d]))},nw:function(f,e,d){return c.extend(this._change.n.apply(this,arguments),this._change.w.apply(this,[f,e,d]))}},_propagate:function(e,d){c.ui.plugin.call(this,e,[d,this.ui()]);(e!="resize"&&this._trigger(e,d,this.ui()))},plugins:{},ui:function(){return{originalElement:this.originalElement,element:this.element,helper:this.helper,position:this.position,size:this.size,originalSize:this.originalSize,originalPosition:this.originalPosition}}}));c.extend(c.ui.resizable,{version:"1.7.2",eventPrefix:"resize",defaults:{alsoResize:false,animate:false,animateDuration:"slow",animateEasing:"swing",aspectRatio:false,autoHide:false,cancel:":input,option",containment:false,delay:0,distance:1,ghost:false,grid:false,handles:"e,s,se",helper:false,maxHeight:null,maxWidth:null,minHeight:10,minWidth:10,zIndex:1000}});c.ui.plugin.add("resizable","alsoResize",{start:function(e,f){var d=c(this).data("resizable"),g=d.options;_store=function(h){c(h).each(function(){c(this).data("resizable-alsoresize",{width:parseInt(c(this).width(),10),height:parseInt(c(this).height(),10),left:parseInt(c(this).css("left"),10),top:parseInt(c(this).css("top"),10)})})};if(typeof(g.alsoResize)=="object"&&!g.alsoResize.parentNode){if(g.alsoResize.length){g.alsoResize=g.alsoResize[0];_store(g.alsoResize)}else{c.each(g.alsoResize,function(h,i){_store(h)})}}else{_store(g.alsoResize)}},resize:function(f,h){var e=c(this).data("resizable"),i=e.options,g=e.originalSize,k=e.originalPosition;var j={height:(e.size.height-g.height)||0,width:(e.size.width-g.width)||0,top:(e.position.top-k.top)||0,left:(e.position.left-k.left)||0},d=function(l,m){c(l).each(function(){var p=c(this),q=c(this).data("resizable-alsoresize"),o={},n=m&&m.length?m:["width","height","top","left"];c.each(n||["width","height","top","left"],function(r,t){var s=(q[t]||0)+(j[t]||0);if(s&&s>=0){o[t]=s||null}});if(/relative/.test(p.css("position"))&&c.browser.opera){e._revertToRelativePosition=true;p.css({position:"absolute",top:"auto",left:"auto"})}p.css(o)})};if(typeof(i.alsoResize)=="object"&&!i.alsoResize.nodeType){c.each(i.alsoResize,function(l,m){d(l,m)})}else{d(i.alsoResize)}},stop:function(e,f){var d=c(this).data("resizable");if(d._revertToRelativePosition&&c.browser.opera){d._revertToRelativePosition=false;el.css({position:"relative"})}c(this).removeData("resizable-alsoresize-start")}});c.ui.plugin.add("resizable","animate",{stop:function(h,m){var n=c(this).data("resizable"),i=n.options;var g=n._proportionallyResizeElements,d=g.length&&(/textarea/i).test(g[0].nodeName),e=d&&c.ui.hasScroll(g[0],"left")?0:n.sizeDiff.height,k=d?0:n.sizeDiff.width;var f={width:(n.size.width-k),height:(n.size.height-e)},j=(parseInt(n.element.css("left"),10)+(n.position.left-n.originalPosition.left))||null,l=(parseInt(n.element.css("top"),10)+(n.position.top-n.originalPosition.top))||null;n.element.animate(c.extend(f,l&&j?{top:l,left:j}:{}),{duration:i.animateDuration,easing:i.animateEasing,step:function(){var o={width:parseInt(n.element.css("width"),10),height:parseInt(n.element.css("height"),10),top:parseInt(n.element.css("top"),10),left:parseInt(n.element.css("left"),10)};if(g&&g.length){c(g[0]).css({width:o.width,height:o.height})}n._updateCache(o);n._propagate("resize",h)}})}});c.ui.plugin.add("resizable","containment",{start:function(e,q){var s=c(this).data("resizable"),i=s.options,k=s.element;var f=i.containment,j=(f instanceof c)?f.get(0):(/parent/.test(f))?k.parent().get(0):f;if(!j){return}s.containerElement=c(j);if(/document/.test(f)||f==document){s.containerOffset={left:0,top:0};s.containerPosition={left:0,top:0};s.parentData={element:c(document),left:0,top:0,width:c(document).width(),height:c(document).height()||document.body.parentNode.scrollHeight}}else{var m=c(j),h=[];c(["Top","Right","Left","Bottom"]).each(function(p,o){h[p]=b(m.css("padding"+o))});s.containerOffset=m.offset();s.containerPosition=m.position();s.containerSize={height:(m.innerHeight()-h[3]),width:(m.innerWidth()-h[1])};var n=s.containerOffset,d=s.containerSize.height,l=s.containerSize.width,g=(c.ui.hasScroll(j,"left")?j.scrollWidth:l),r=(c.ui.hasScroll(j)?j.scrollHeight:d);s.parentData={element:j,left:n.left,top:n.top,width:g,height:r}}},resize:function(f,p){var s=c(this).data("resizable"),h=s.options,e=s.containerSize,n=s.containerOffset,l=s.size,m=s.position,q=s._aspectRatio||f.shiftKey,d={top:0,left:0},g=s.containerElement;if(g[0]!=document&&(/static/).test(g.css("position"))){d=n}if(m.left<(s._helper?n.left:0)){s.size.width=s.size.width+(s._helper?(s.position.left-n.left):(s.position.left-d.left));if(q){s.size.height=s.size.width/h.aspectRatio}s.position.left=h.helper?n.left:0}if(m.top<(s._helper?n.top:0)){s.size.height=s.size.height+(s._helper?(s.position.top-n.top):s.position.top);if(q){s.size.width=s.size.height*h.aspectRatio}s.position.top=s._helper?n.top:0}s.offset.left=s.parentData.left+s.position.left;s.offset.top=s.parentData.top+s.position.top;var k=Math.abs((s._helper?s.offset.left-d.left:(s.offset.left-d.left))+s.sizeDiff.width),r=Math.abs((s._helper?s.offset.top-d.top:(s.offset.top-n.top))+s.sizeDiff.height);var j=s.containerElement.get(0)==s.element.parent().get(0),i=/relative|absolute/.test(s.containerElement.css("position"));if(j&&i){k-=s.parentData.left}if(k+s.size.width>=s.parentData.width){s.size.width=s.parentData.width-k;if(q){s.size.height=s.size.width/s.aspectRatio}}if(r+s.size.height>=s.parentData.height){s.size.height=s.parentData.height-r;if(q){s.size.width=s.size.height*s.aspectRatio}}},stop:function(e,m){var p=c(this).data("resizable"),f=p.options,k=p.position,l=p.containerOffset,d=p.containerPosition,g=p.containerElement;var i=c(p.helper),q=i.offset(),n=i.outerWidth()-p.sizeDiff.width,j=i.outerHeight()-p.sizeDiff.height;if(p._helper&&!f.animate&&(/relative/).test(g.css("position"))){c(this).css({left:q.left-d.left-l.left,width:n,height:j})}if(p._helper&&!f.animate&&(/static/).test(g.css("position"))){c(this).css({left:q.left-d.left-l.left,width:n,height:j})}}});c.ui.plugin.add("resizable","ghost",{start:function(f,g){var d=c(this).data("resizable"),h=d.options,e=d.size;d.ghost=d.originalElement.clone();d.ghost.css({opacity:0.25,display:"block",position:"relative",height:e.height,width:e.width,margin:0,left:0,top:0}).addClass("ui-resizable-ghost").addClass(typeof h.ghost=="string"?h.ghost:"");d.ghost.appendTo(d.helper)},resize:function(e,f){var d=c(this).data("resizable"),g=d.options;if(d.ghost){d.ghost.css({position:"relative",height:d.size.height,width:d.size.width})}},stop:function(e,f){var d=c(this).data("resizable"),g=d.options;if(d.ghost&&d.helper){d.helper.get(0).removeChild(d.ghost.get(0))}}});c.ui.plugin.add("resizable","grid",{resize:function(d,l){var n=c(this).data("resizable"),g=n.options,j=n.size,h=n.originalSize,i=n.originalPosition,m=n.axis,k=g._aspectRatio||d.shiftKey;g.grid=typeof g.grid=="number"?[g.grid,g.grid]:g.grid;var f=Math.round((j.width-h.width)/(g.grid[0]||1))*(g.grid[0]||1),e=Math.round((j.height-h.height)/(g.grid[1]||1))*(g.grid[1]||1);if(/^(se|s|e)$/.test(m)){n.size.width=h.width+f;n.size.height=h.height+e}else{if(/^(ne)$/.test(m)){n.size.width=h.width+f;n.size.height=h.height+e;n.position.top=i.top-e}else{if(/^(sw)$/.test(m)){n.size.width=h.width+f;n.size.height=h.height+e;n.position.left=i.left-f}else{n.size.width=h.width+f;n.size.height=h.height+e;n.position.top=i.top-e;n.position.left=i.left-f}}}}});var b=function(d){return parseInt(d,10)||0};var a=function(d){return !isNaN(parseInt(d,10))}})(jQuery);;/*
+ * jQuery UI Selectable 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Selectables
+ *
+ * Depends:
+ *      ui.core.js
+ */
+(function(a){a.widget("ui.selectable",a.extend({},a.ui.mouse,{_init:function(){var b=this;this.element.addClass("ui-selectable");this.dragged=false;var c;this.refresh=function(){c=a(b.options.filter,b.element[0]);c.each(function(){var d=a(this);var e=d.offset();a.data(this,"selectable-item",{element:this,$element:d,left:e.left,top:e.top,right:e.left+d.outerWidth(),bottom:e.top+d.outerHeight(),startselected:false,selected:d.hasClass("ui-selected"),selecting:d.hasClass("ui-selecting"),unselecting:d.hasClass("ui-unselecting")})})};this.refresh();this.selectees=c.addClass("ui-selectee");this._mouseInit();this.helper=a(document.createElement("div")).css({border:"1px dotted black"}).addClass("ui-selectable-helper")},destroy:function(){this.element.removeClass("ui-selectable ui-selectable-disabled").removeData("selectable").unbind(".selectable");this._mouseDestroy()},_mouseStart:function(d){var b=this;this.opos=[d.pageX,d.pageY];if(this.options.disabled){return}var c=this.options;this.selectees=a(c.filter,this.element[0]);this._trigger("start",d);a(c.appendTo).append(this.helper);this.helper.css({"z-index":100,position:"absolute",left:d.clientX,top:d.clientY,width:0,height:0});if(c.autoRefresh){this.refresh()}this.selectees.filter(".ui-selected").each(function(){var e=a.data(this,"selectable-item");e.startselected=true;if(!d.metaKey){e.$element.removeClass("ui-selected");e.selected=false;e.$element.addClass("ui-unselecting");e.unselecting=true;b._trigger("unselecting",d,{unselecting:e.element})}});a(d.target).parents().andSelf().each(function(){var e=a.data(this,"selectable-item");if(e){e.$element.removeClass("ui-unselecting").addClass("ui-selecting");e.unselecting=false;e.selecting=true;e.selected=true;b._trigger("selecting",d,{selecting:e.element});return false}})},_mouseDrag:function(i){var c=this;this.dragged=true;if(this.options.disabled){return}var e=this.options;var d=this.opos[0],h=this.opos[1],b=i.pageX,g=i.pageY;if(d>b){var f=b;b=d;d=f}if(h>g){var f=g;g=h;h=f}this.helper.css({left:d,top:h,width:b-d,height:g-h});this.selectees.each(function(){var j=a.data(this,"selectable-item");if(!j||j.element==c.element[0]){return}var k=false;if(e.tolerance=="touch"){k=(!(j.left>b||j.right<d||j.top>g||j.bottom<h))}else{if(e.tolerance=="fit"){k=(j.left>d&&j.right<b&&j.top>h&&j.bottom<g)}}if(k){if(j.selected){j.$element.removeClass("ui-selected");j.selected=false}if(j.unselecting){j.$element.removeClass("ui-unselecting");j.unselecting=false}if(!j.selecting){j.$element.addClass("ui-selecting");j.selecting=true;c._trigger("selecting",i,{selecting:j.element})}}else{if(j.selecting){if(i.metaKey&&j.startselected){j.$element.removeClass("ui-selecting");j.selecting=false;j.$element.addClass("ui-selected");j.selected=true}else{j.$element.removeClass("ui-selecting");j.selecting=false;if(j.startselected){j.$element.addClass("ui-unselecting");j.unselecting=true}c._trigger("unselecting",i,{unselecting:j.element})}}if(j.selected){if(!i.metaKey&&!j.startselected){j.$element.removeClass("ui-selected");j.selected=false;j.$element.addClass("ui-unselecting");j.unselecting=true;c._trigger("unselecting",i,{unselecting:j.element})}}}});return false},_mouseStop:function(d){var b=this;this.dragged=false;var c=this.options;a(".ui-unselecting",this.element[0]).each(function(){var e=a.data(this,"selectable-item");e.$element.removeClass("ui-unselecting");e.unselecting=false;e.startselected=false;b._trigger("unselected",d,{unselected:e.element})});a(".ui-selecting",this.element[0]).each(function(){var e=a.data(this,"selectable-item");e.$element.removeClass("ui-selecting").addClass("ui-selected");e.selecting=false;e.selected=true;e.startselected=true;b._trigger("selected",d,{selected:e.element})});this._trigger("stop",d);this.helper.remove();return false}}));a.extend(a.ui.selectable,{version:"1.7.2",defaults:{appendTo:"body",autoRefresh:true,cancel:":input,option",delay:0,distance:0,filter:"*",tolerance:"touch"}})})(jQuery);;/*
+ * jQuery UI Sortable 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Sortables
+ *
+ * Depends:
+ *      ui.core.js
+ */
+(function(a){a.widget("ui.sortable",a.extend({},a.ui.mouse,{_init:function(){var b=this.options;this.containerCache={};this.element.addClass("ui-sortable");this.refresh();this.floating=this.items.length?(/left|right/).test(this.items[0].item.css("float")):false;this.offset=this.element.offset();this._mouseInit()},destroy:function(){this.element.removeClass("ui-sortable ui-sortable-disabled").removeData("sortable").unbind(".sortable");this._mouseDestroy();for(var b=this.items.length-1;b>=0;b--){this.items[b].item.removeData("sortable-item")}},_mouseCapture:function(e,f){if(this.reverting){return false}if(this.options.disabled||this.options.type=="static"){return false}this._refreshItems(e);var d=null,c=this,b=a(e.target).parents().each(function(){if(a.data(this,"sortable-item")==c){d=a(this);return false}});if(a.data(e.target,"sortable-item")==c){d=a(e.target)}if(!d){return false}if(this.options.handle&&!f){var g=false;a(this.options.handle,d).find("*").andSelf().each(function(){if(this==e.target){g=true}});if(!g){return false}}this.currentItem=d;this._removeCurrentsFromItems();return true},_mouseStart:function(e,f,b){var g=this.options,c=this;this.currentContainer=this;this.refreshPositions();this.helper=this._createHelper(e);this._cacheHelperProportions();this._cacheMargins();this.scrollParent=this.helper.scrollParent();this.offset=this.currentItem.offset();this.offset={top:this.offset.top-this.margins.top,left:this.offset.left-this.margins.left};this.helper.css("position","absolute");this.cssPosition=this.helper.css("position");a.extend(this.offset,{click:{left:e.pageX-this.offset.left,top:e.pageY-this.offset.top},parent:this._getParentOffset(),relative:this._getRelativeOffset()});this.originalPosition=this._generatePosition(e);this.originalPageX=e.pageX;this.originalPageY=e.pageY;if(g.cursorAt){this._adjustOffsetFromHelper(g.cursorAt)}this.domPosition={prev:this.currentItem.prev()[0],parent:this.currentItem.parent()[0]};if(this.helper[0]!=this.currentItem[0]){this.currentItem.hide()}this._createPlaceholder();if(g.containment){this._setContainment()}if(g.cursor){if(a("body").css("cursor")){this._storedCursor=a("body").css("cursor")}a("body").css("cursor",g.cursor)}if(g.opacity){if(this.helper.css("opacity")){this._storedOpacity=this.helper.css("opacity")}this.helper.css("opacity",g.opacity)}if(g.zIndex){if(this.helper.css("zIndex")){this._storedZIndex=this.helper.css("zIndex")}this.helper.css("zIndex",g.zIndex)}if(this.scrollParent[0]!=document&&this.scrollParent[0].tagName!="HTML"){this.overflowOffset=this.scrollParent.offset()}this._trigger("start",e,this._uiHash());if(!this._preserveHelperProportions){this._cacheHelperProportions()}if(!b){for(var d=this.containers.length-1;d>=0;d--){this.containers[d]._trigger("activate",e,c._uiHash(this))}}if(a.ui.ddmanager){a.ui.ddmanager.current=this}if(a.ui.ddmanager&&!g.dropBehaviour){a.ui.ddmanager.prepareOffsets(this,e)}this.dragging=true;this.helper.addClass("ui-sortable-helper");this._mouseDrag(e);return true},_mouseDrag:function(f){this.position=this._generatePosition(f);this.positionAbs=this._convertPositionTo("absolute");if(!this.lastPositionAbs){this.lastPositionAbs=this.positionAbs}if(this.options.scroll){var g=this.options,b=false;if(this.scrollParent[0]!=document&&this.scrollParent[0].tagName!="HTML"){if((this.overflowOffset.top+this.scrollParent[0].offsetHeight)-f.pageY<g.scrollSensitivity){this.scrollParent[0].scrollTop=b=this.scrollParent[0].scrollTop+g.scrollSpeed}else{if(f.pageY-this.overflowOffset.top<g.scrollSensitivity){this.scrollParent[0].scrollTop=b=this.scrollParent[0].scrollTop-g.scrollSpeed}}if((this.overflowOffset.left+this.scrollParent[0].offsetWidth)-f.pageX<g.scrollSensitivity){this.scrollParent[0].scrollLeft=b=this.scrollParent[0].scrollLeft+g.scrollSpeed}else{if(f.pageX-this.overflowOffset.left<g.scrollSensitivity){this.scrollParent[0].scrollLeft=b=this.scrollParent[0].scrollLeft-g.scrollSpeed}}}else{if(f.pageY-a(document).scrollTop()<g.scrollSensitivity){b=a(document).scrollTop(a(document).scrollTop()-g.scrollSpeed)}else{if(a(window).height()-(f.pageY-a(document).scrollTop())<g.scrollSensitivity){b=a(document).scrollTop(a(document).scrollTop()+g.scrollSpeed)}}if(f.pageX-a(document).scrollLeft()<g.scrollSensitivity){b=a(document).scrollLeft(a(document).scrollLeft()-g.scrollSpeed)}else{if(a(window).width()-(f.pageX-a(document).scrollLeft())<g.scrollSensitivity){b=a(document).scrollLeft(a(document).scrollLeft()+g.scrollSpeed)}}}if(b!==false&&a.ui.ddmanager&&!g.dropBehaviour){a.ui.ddmanager.prepareOffsets(this,f)}}this.positionAbs=this._convertPositionTo("absolute");if(!this.options.axis||this.options.axis!="y"){this.helper[0].style.left=this.position.left+"px"}if(!this.options.axis||this.options.axis!="x"){this.helper[0].style.top=this.position.top+"px"}for(var d=this.items.length-1;d>=0;d--){var e=this.items[d],c=e.item[0],h=this._intersectsWithPointer(e);if(!h){continue}if(c!=this.currentItem[0]&&this.placeholder[h==1?"next":"prev"]()[0]!=c&&!a.ui.contains(this.placeholder[0],c)&&(this.options.type=="semi-dynamic"?!a.ui.contains(this.element[0],c):true)){this.direction=h==1?"down":"up";if(this.options.tolerance=="pointer"||this._intersectsWithSides(e)){this._rearrange(f,e)}else{break}this._trigger("change",f,this._uiHash());break}}this._contactContainers(f);if(a.ui.ddmanager){a.ui.ddmanager.drag(this,f)}this._trigger("sort",f,this._uiHash());this.lastPositionAbs=this.positionAbs;return false},_mouseStop:function(c,d){if(!c){return}if(a.ui.ddmanager&&!this.options.dropBehaviour){a.ui.ddmanager.drop(this,c)}if(this.options.revert){var b=this;var e=b.placeholder.offset();b.reverting=true;a(this.helper).animate({left:e.left-this.offset.parent.left-b.margins.left+(this.offsetParent[0]==document.body?0:this.offsetParent[0].scrollLeft),top:e.top-this.offset.parent.top-b.margins.top+(this.offsetParent[0]==document.body?0:this.offsetParent[0].scrollTop)},parseInt(this.options.revert,10)||500,function(){b._clear(c)})}else{this._clear(c,d)}return false},cancel:function(){var b=this;if(this.dragging){this._mouseUp();if(this.options.helper=="original"){this.currentItem.css(this._storedCSS).removeClass("ui-sortable-helper")}else{this.currentItem.show()}for(var c=this.containers.length-1;c>=0;c--){this.containers[c]._trigger("deactivate",null,b._uiHash(this));if(this.containers[c].containerCache.over){this.containers[c]._trigger("out",null,b._uiHash(this));this.containers[c].containerCache.over=0}}}if(this.placeholder[0].parentNode){this.placeholder[0].parentNode.removeChild(this.placeholder[0])}if(this.options.helper!="original"&&this.helper&&this.helper[0].parentNode){this.helper.remove()}a.extend(this,{helper:null,dragging:false,reverting:false,_noFinalSort:null});if(this.domPosition.prev){a(this.domPosition.prev).after(this.currentItem)}else{a(this.domPosition.parent).prepend(this.currentItem)}return true},serialize:function(d){var b=this._getItemsAsjQuery(d&&d.connected);var c=[];d=d||{};a(b).each(function(){var e=(a(d.item||this).attr(d.attribute||"id")||"").match(d.expression||(/(.+)[-=_](.+)/));if(e){c.push((d.key||e[1]+"[]")+"="+(d.key&&d.expression?e[1]:e[2]))}});return c.join("&")},toArray:function(d){var b=this._getItemsAsjQuery(d&&d.connected);var c=[];d=d||{};b.each(function(){c.push(a(d.item||this).attr(d.attribute||"id")||"")});return c},_intersectsWith:function(m){var e=this.positionAbs.left,d=e+this.helperProportions.width,k=this.positionAbs.top,j=k+this.helperProportions.height;var f=m.left,c=f+m.width,n=m.top,i=n+m.height;var o=this.offset.click.top,h=this.offset.click.left;var g=(k+o)>n&&(k+o)<i&&(e+h)>f&&(e+h)<c;if(this.options.tolerance=="pointer"||this.options.forcePointerForContainers||(this.options.tolerance!="pointer"&&this.helperProportions[this.floating?"width":"height"]>m[this.floating?"width":"height"])){return g}else{return(f<e+(this.helperProportions.width/2)&&d-(this.helperProportions.width/2)<c&&n<k+(this.helperProportions.height/2)&&j-(this.helperProportions.height/2)<i)}},_intersectsWithPointer:function(d){var e=a.ui.isOverAxis(this.positionAbs.top+this.offset.click.top,d.top,d.height),c=a.ui.isOverAxis(this.positionAbs.left+this.offset.click.left,d.left,d.width),g=e&&c,b=this._getDragVerticalDirection(),f=this._getDragHorizontalDirection();if(!g){return false}return this.floating?(((f&&f=="right")||b=="down")?2:1):(b&&(b=="down"?2:1))},_intersectsWithSides:function(e){var c=a.ui.isOverAxis(this.positionAbs.top+this.offset.click.top,e.top+(e.height/2),e.height),d=a.ui.isOverAxis(this.positionAbs.left+this.offset.click.left,e.left+(e.width/2),e.width),b=this._getDragVerticalDirection(),f=this._getDragHorizontalDirection();if(this.floating&&f){return((f=="right"&&d)||(f=="left"&&!d))}else{return b&&((b=="down"&&c)||(b=="up"&&!c))}},_getDragVerticalDirection:function(){var b=this.positionAbs.top-this.lastPositionAbs.top;return b!=0&&(b>0?"down":"up")},_getDragHorizontalDirection:function(){var b=this.positionAbs.left-this.lastPositionAbs.left;return b!=0&&(b>0?"right":"left")},refresh:function(b){this._refreshItems(b);this.refreshPositions()},_connectWith:function(){var b=this.options;return b.connectWith.constructor==String?[b.connectWith]:b.connectWith},_getItemsAsjQuery:function(b){var l=this;var g=[];var e=[];var h=this._connectWith();if(h&&b){for(var d=h.length-1;d>=0;d--){var k=a(h[d]);for(var c=k.length-1;c>=0;c--){var f=a.data(k[c],"sortable");if(f&&f!=this&&!f.options.disabled){e.push([a.isFunction(f.options.items)?f.options.items.call(f.element):a(f.options.items,f.element).not(".ui-sortable-helper"),f])}}}}e.push([a.isFunction(this.options.items)?this.options.items.call(this.element,null,{options:this.options,item:this.currentItem}):a(this.options.items,this.element).not(".ui-sortable-helper"),this]);for(var d=e.length-1;d>=0;d--){e[d][0].each(function(){g.push(this)})}return a(g)},_removeCurrentsFromItems:function(){var d=this.currentItem.find(":data(sortable-item)");for(var c=0;c<this.items.length;c++){for(var b=0;b<d.length;b++){if(d[b]==this.items[c].item[0]){this.items.splice(c,1)}}}},_refreshItems:function(b){this.items=[];this.containers=[this];var h=this.items;var p=this;var f=[[a.isFunction(this.options.items)?this.options.items.call(this.element[0],b,{item:this.currentItem}):a(this.options.items,this.element),this]];var l=this._connectWith();if(l){for(var e=l.length-1;e>=0;e--){var m=a(l[e]);for(var d=m.length-1;d>=0;d--){var g=a.data(m[d],"sortable");if(g&&g!=this&&!g.options.disabled){f.push([a.isFunction(g.options.items)?g.options.items.call(g.element[0],b,{item:this.currentItem}):a(g.options.items,g.element),g]);this.containers.push(g)}}}}for(var e=f.length-1;e>=0;e--){var k=f[e][1];var c=f[e][0];for(var d=0,n=c.length;d<n;d++){var o=a(c[d]);o.data("sortable-item",k);h.push({item:o,instance:k,width:0,height:0,left:0,top:0})}}},refreshPositions:function(b){if(this.offsetParent&&this.helper){this.offset.parent=this._getParentOffset()}for(var d=this.items.length-1;d>=0;d--){var e=this.items[d];if(e.instance!=this.currentContainer&&this.currentContainer&&e.item[0]!=this.currentItem[0]){continue}var c=this.options.toleranceElement?a(this.options.toleranceElement,e.item):e.item;if(!b){e.width=c.outerWidth();e.height=c.outerHeight()}var f=c.offset();e.left=f.left;e.top=f.top}if(this.options.custom&&this.options.custom.refreshContainers){this.options.custom.refreshContainers.call(this)}else{for(var d=this.containers.length-1;d>=0;d--){var f=this.containers[d].element.offset();this.containers[d].containerCache.left=f.left;this.containers[d].containerCache.top=f.top;this.containers[d].containerCache.width=this.containers[d].element.outerWidth();this.containers[d].containerCache.height=this.containers[d].element.outerHeight()}}},_createPlaceholder:function(d){var b=d||this,e=b.options;if(!e.placeholder||e.placeholder.constructor==String){var c=e.placeholder;e.placeholder={element:function(){var f=a(document.createElement(b.currentItem[0].nodeName)).addClass(c||b.currentItem[0].className+" ui-sortable-placeholder").removeClass("ui-sortable-helper")[0];if(!c){f.style.visibility="hidden"}return f},update:function(f,g){if(c&&!e.forcePlaceholderSize){return}if(!g.height()){g.height(b.currentItem.innerHeight()-parseInt(b.currentItem.css("paddingTop")||0,10)-parseInt(b.currentItem.css("paddingBottom")||0,10))}if(!g.width()){g.width(b.currentItem.innerWidth()-parseInt(b.currentItem.css("paddingLeft")||0,10)-parseInt(b.currentItem.css("paddingRight")||0,10))}}}}b.placeholder=a(e.placeholder.element.call(b.element,b.currentItem));b.currentItem.after(b.placeholder);e.placeholder.update(b,b.placeholder)},_contactContainers:function(d){for(var c=this.containers.length-1;c>=0;c--){if(this._intersectsWith(this.containers[c].containerCache)){if(!this.containers[c].containerCache.over){if(this.currentContainer!=this.containers[c]){var h=10000;var g=null;var e=this.positionAbs[this.containers[c].floating?"left":"top"];for(var b=this.items.length-1;b>=0;b--){if(!a.ui.contains(this.containers[c].element[0],this.items[b].item[0])){continue}var f=this.items[b][this.containers[c].floating?"left":"top"];if(Math.abs(f-e)<h){h=Math.abs(f-e);g=this.items[b]}}if(!g&&!this.options.dropOnEmpty){continue}this.currentContainer=this.containers[c];g?this._rearrange(d,g,null,true):this._rearrange(d,null,this.containers[c].element,true);this._trigger("change",d,this._uiHash());this.containers[c]._trigger("change",d,this._uiHash(this));this.options.placeholder.update(this.currentContainer,this.placeholder)}this.containers[c]._trigger("over",d,this._uiHash(this));this.containers[c].containerCache.over=1}}else{if(this.containers[c].containerCache.over){this.containers[c]._trigger("out",d,this._uiHash(this));this.containers[c].containerCache.over=0}}}},_createHelper:function(c){var d=this.options;var b=a.isFunction(d.helper)?a(d.helper.apply(this.element[0],[c,this.currentItem])):(d.helper=="clone"?this.currentItem.clone():this.currentItem);if(!b.parents("body").length){a(d.appendTo!="parent"?d.appendTo:this.currentItem[0].parentNode)[0].appendChild(b[0])}if(b[0]==this.currentItem[0]){this._storedCSS={width:this.currentItem[0].style.width,height:this.currentItem[0].style.height,position:this.currentItem.css("position"),top:this.currentItem.css("top"),left:this.currentItem.css("left")}}if(b[0].style.width==""||d.forceHelperSize){b.width(this.currentItem.width())}if(b[0].style.height==""||d.forceHelperSize){b.height(this.currentItem.height())}return b},_adjustOffsetFromHelper:function(b){if(b.left!=undefined){this.offset.click.left=b.left+this.margins.left}if(b.right!=undefined){this.offset.click.left=this.helperProportions.width-b.right+this.margins.left}if(b.top!=undefined){this.offset.click.top=b.top+this.margins.top}if(b.bottom!=undefined){this.offset.click.top=this.helperProportions.height-b.bottom+this.margins.top}},_getParentOffset:function(){this.offsetParent=this.helper.offsetParent();var b=this.offsetParent.offset();if(this.cssPosition=="absolute"&&this.scrollParent[0]!=document&&a.ui.contains(this.scrollParent[0],this.offsetParent[0])){b.left+=this.scrollParent.scrollLeft();b.top+=this.scrollParent.scrollTop()}if((this.offsetParent[0]==document.body)||(this.offsetParent[0].tagName&&this.offsetParent[0].tagName.toLowerCase()=="html"&&a.browser.msie)){b={top:0,left:0}}return{top:b.top+(parseInt(this.offsetParent.css("borderTopWidth"),10)||0),left:b.left+(parseInt(this.offsetParent.css("borderLeftWidth"),10)||0)}},_getRelativeOffset:function(){if(this.cssPosition=="relative"){var b=this.currentItem.position();return{top:b.top-(parseInt(this.helper.css("top"),10)||0)+this.scrollParent.scrollTop(),left:b.left-(parseInt(this.helper.css("left"),10)||0)+this.scrollParent.scrollLeft()}}else{return{top:0,left:0}}},_cacheMargins:function(){this.margins={left:(parseInt(this.currentItem.css("marginLeft"),10)||0),top:(parseInt(this.currentItem.css("marginTop"),10)||0)}},_cacheHelperProportions:function(){this.helperProportions={width:this.helper.outerWidth(),height:this.helper.outerHeight()}},_setContainment:function(){var e=this.options;if(e.containment=="parent"){e.containment=this.helper[0].parentNode}if(e.containment=="document"||e.containment=="window"){this.containment=[0-this.offset.relative.left-this.offset.parent.left,0-this.offset.relative.top-this.offset.parent.top,a(e.containment=="document"?document:window).width()-this.helperProportions.width-this.margins.left,(a(e.containment=="document"?document:window).height()||document.body.parentNode.scrollHeight)-this.helperProportions.height-this.margins.top]}if(!(/^(document|window|parent)$/).test(e.containment)){var c=a(e.containment)[0];var d=a(e.containment).offset();var b=(a(c).css("overflow")!="hidden");this.containment=[d.left+(parseInt(a(c).css("borderLeftWidth"),10)||0)+(parseInt(a(c).css("paddingLeft"),10)||0)-this.margins.left,d.top+(parseInt(a(c).css("borderTopWidth"),10)||0)+(parseInt(a(c).css("paddingTop"),10)||0)-this.margins.top,d.left+(b?Math.max(c.scrollWidth,c.offsetWidth):c.offsetWidth)-(parseInt(a(c).css("borderLeftWidth"),10)||0)-(parseInt(a(c).css("paddingRight"),10)||0)-this.helperProportions.width-this.margins.left,d.top+(b?Math.max(c.scrollHeight,c.offsetHeight):c.offsetHeight)-(parseInt(a(c).css("borderTopWidth"),10)||0)-(parseInt(a(c).css("paddingBottom"),10)||0)-this.helperProportions.height-this.margins.top]}},_convertPositionTo:function(f,h){if(!h){h=this.position}var c=f=="absolute"?1:-1;var e=this.options,b=this.cssPosition=="absolute"&&!(this.scrollParent[0]!=document&&a.ui.contains(this.scrollParent[0],this.offsetParent[0]))?this.offsetParent:this.scrollParent,g=(/(html|body)/i).test(b[0].tagName);return{top:(h.top+this.offset.relative.top*c+this.offset.parent.top*c-(a.browser.safari&&this.cssPosition=="fixed"?0:(this.cssPosition=="fixed"?-this.scrollParent.scrollTop():(g?0:b.scrollTop()))*c)),left:(h.left+this.offset.relative.left*c+this.offset.parent.left*c-(a.browser.safari&&this.cssPosition=="fixed"?0:(this.cssPosition=="fixed"?-this.scrollParent.scrollLeft():g?0:b.scrollLeft())*c))}},_generatePosition:function(e){var h=this.options,b=this.cssPosition=="absolute"&&!(this.scrollParent[0]!=document&&a.ui.contains(this.scrollParent[0],this.offsetParent[0]))?this.offsetParent:this.scrollParent,i=(/(html|body)/i).test(b[0].tagName);if(this.cssPosition=="relative"&&!(this.scrollParent[0]!=document&&this.scrollParent[0]!=this.offsetParent[0])){this.offset.relative=this._getRelativeOffset()}var d=e.pageX;var c=e.pageY;if(this.originalPosition){if(this.containment){if(e.pageX-this.offset.click.left<this.containment[0]){d=this.containment[0]+this.offset.click.left}if(e.pageY-this.offset.click.top<this.containment[1]){c=this.containment[1]+this.offset.click.top}if(e.pageX-this.offset.click.left>this.containment[2]){d=this.containment[2]+this.offset.click.left}if(e.pageY-this.offset.click.top>this.containment[3]){c=this.containment[3]+this.offset.click.top}}if(h.grid){var g=this.originalPageY+Math.round((c-this.originalPageY)/h.grid[1])*h.grid[1];c=this.containment?(!(g-this.offset.click.top<this.containment[1]||g-this.offset.click.top>this.containment[3])?g:(!(g-this.offset.click.top<this.containment[1])?g-h.grid[1]:g+h.grid[1])):g;var f=this.originalPageX+Math.round((d-this.originalPageX)/h.grid[0])*h.grid[0];d=this.containment?(!(f-this.offset.click.left<this.containment[0]||f-this.offset.click.left>this.containment[2])?f:(!(f-this.offset.click.left<this.containment[0])?f-h.grid[0]:f+h.grid[0])):f}}return{top:(c-this.offset.click.top-this.offset.relative.top-this.offset.parent.top+(a.browser.safari&&this.cssPosition=="fixed"?0:(this.cssPosition=="fixed"?-this.scrollParent.scrollTop():(i?0:b.scrollTop())))),left:(d-this.offset.click.left-this.offset.relative.left-this.offset.parent.left+(a.browser.safari&&this.cssPosition=="fixed"?0:(this.cssPosition=="fixed"?-this.scrollParent.scrollLeft():i?0:b.scrollLeft())))}},_rearrange:function(g,f,c,e){c?c[0].appendChild(this.placeholder[0]):f.item[0].parentNode.insertBefore(this.placeholder[0],(this.direction=="down"?f.item[0]:f.item[0].nextSibling));this.counter=this.counter?++this.counter:1;var d=this,b=this.counter;window.setTimeout(function(){if(b==d.counter){d.refreshPositions(!e)}},0)},_clear:function(d,e){this.reverting=false;var f=[],b=this;if(!this._noFinalSort&&this.currentItem[0].parentNode){this.placeholder.before(this.currentItem)}this._noFinalSort=null;if(this.helper[0]==this.currentItem[0]){for(var c in this._storedCSS){if(this._storedCSS[c]=="auto"||this._storedCSS[c]=="static"){this._storedCSS[c]=""}}this.currentItem.css(this._storedCSS).removeClass("ui-sortable-helper")}else{this.currentItem.show()}if(this.fromOutside&&!e){f.push(function(g){this._trigger("receive",g,this._uiHash(this.fromOutside))})}if((this.fromOutside||this.domPosition.prev!=this.currentItem.prev().not(".ui-sortable-helper")[0]||this.domPosition.parent!=this.currentItem.parent()[0])&&!e){f.push(function(g){this._trigger("update",g,this._uiHash())})}if(!a.ui.contains(this.element[0],this.currentItem[0])){if(!e){f.push(function(g){this._trigger("remove",g,this._uiHash())})}for(var c=this.containers.length-1;c>=0;c--){if(a.ui.contains(this.containers[c].element[0],this.currentItem[0])&&!e){f.push((function(g){return function(h){g._trigger("receive",h,this._uiHash(this))}}).call(this,this.containers[c]));f.push((function(g){return function(h){g._trigger("update",h,this._uiHash(this))}}).call(this,this.containers[c]))}}}for(var c=this.containers.length-1;c>=0;c--){if(!e){f.push((function(g){return function(h){g._trigger("deactivate",h,this._uiHash(this))}}).call(this,this.containers[c]))}if(this.containers[c].containerCache.over){f.push((function(g){return function(h){g._trigger("out",h,this._uiHash(this))}}).call(this,this.containers[c]));this.containers[c].containerCache.over=0}}if(this._storedCursor){a("body").css("cursor",this._storedCursor)}if(this._storedOpacity){this.helper.css("opacity",this._storedOpacity)}if(this._storedZIndex){this.helper.css("zIndex",this._storedZIndex=="auto"?"":this._storedZIndex)}this.dragging=false;if(this.cancelHelperRemoval){if(!e){this._trigger("beforeStop",d,this._uiHash());for(var c=0;c<f.length;c++){f[c].call(this,d)}this._trigger("stop",d,this._uiHash())}return false}if(!e){this._trigger("beforeStop",d,this._uiHash())}this.placeholder[0].parentNode.removeChild(this.placeholder[0]);if(this.helper[0]!=this.currentItem[0]){this.helper.remove()}this.helper=null;if(!e){for(var c=0;c<f.length;c++){f[c].call(this,d)}this._trigger("stop",d,this._uiHash())}this.fromOutside=false;return true},_trigger:function(){if(a.widget.prototype._trigger.apply(this,arguments)===false){this.cancel()}},_uiHash:function(c){var b=c||this;return{helper:b.helper,placeholder:b.placeholder||a([]),position:b.position,absolutePosition:b.positionAbs,offset:b.positionAbs,item:b.currentItem,sender:c?c.element:null}}}));a.extend(a.ui.sortable,{getter:"serialize toArray",version:"1.7.2",eventPrefix:"sort",defaults:{appendTo:"parent",axis:false,cancel:":input,option",connectWith:false,containment:false,cursor:"auto",cursorAt:false,delay:0,distance:1,dropOnEmpty:true,forcePlaceholderSize:false,forceHelperSize:false,grid:false,handle:false,helper:"original",items:"> *",opacity:false,placeholder:false,revert:false,scroll:true,scrollSensitivity:20,scrollSpeed:20,scope:"default",tolerance:"intersect",zIndex:1000}})})(jQuery);;/*
+ * jQuery UI Accordion 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Accordion
+ *
+ * Depends:
+ *      ui.core.js
+ */
+(function(a){a.widget("ui.accordion",{_init:function(){var d=this.options,b=this;this.running=0;if(d.collapsible==a.ui.accordion.defaults.collapsible&&d.alwaysOpen!=a.ui.accordion.defaults.alwaysOpen){d.collapsible=!d.alwaysOpen}if(d.navigation){var c=this.element.find("a").filter(d.navigationFilter);if(c.length){if(c.filter(d.header).length){this.active=c}else{this.active=c.parent().parent().prev();c.addClass("ui-accordion-content-active")}}}this.element.addClass("ui-accordion ui-widget ui-helper-reset");if(this.element[0].nodeName=="UL"){this.element.children("li").addClass("ui-accordion-li-fix")}this.headers=this.element.find(d.header).addClass("ui-accordion-header ui-helper-reset ui-state-default ui-corner-all").bind("mouseenter.accordion",function(){a(this).addClass("ui-state-hover")}).bind("mouseleave.accordion",function(){a(this).removeClass("ui-state-hover")}).bind("focus.accordion",function(){a(this).addClass("ui-state-focus")}).bind("blur.accordion",function(){a(this).removeClass("ui-state-focus")});this.headers.next().addClass("ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom");this.active=this._findActive(this.active||d.active).toggleClass("ui-state-default").toggleClass("ui-state-active").toggleClass("ui-corner-all").toggleClass("ui-corner-top");this.active.next().addClass("ui-accordion-content-active");a("<span/>").addClass("ui-icon "+d.icons.header).prependTo(this.headers);this.active.find(".ui-icon").toggleClass(d.icons.header).toggleClass(d.icons.headerSelected);if(a.browser.msie){this.element.find("a").css("zoom","1")}this.resize();this.element.attr("role","tablist");this.headers.attr("role","tab").bind("keydown",function(e){return b._keydown(e)}).next().attr("role","tabpanel");this.headers.not(this.active||"").attr("aria-expanded","false").attr("tabIndex","-1").next().hide();if(!this.active.length){this.headers.eq(0).attr("tabIndex","0")}else{this.active.attr("aria-expanded","true").attr("tabIndex","0")}if(!a.browser.safari){this.headers.find("a").attr("tabIndex","-1")}if(d.event){this.headers.bind((d.event)+".accordion",function(e){return b._clickHandler.call(b,e,this)})}},destroy:function(){var c=this.options;this.element.removeClass("ui-accordion ui-widget ui-helper-reset").removeAttr("role").unbind(".accordion").removeData("accordion");this.headers.unbind(".accordion").removeClass("ui-accordion-header ui-helper-reset ui-state-default ui-corner-all ui-state-active ui-corner-top").removeAttr("role").removeAttr("aria-expanded").removeAttr("tabindex");this.headers.find("a").removeAttr("tabindex");this.headers.children(".ui-icon").remove();var b=this.headers.next().css("display","").removeAttr("role").removeClass("ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content ui-accordion-content-active");if(c.autoHeight||c.fillHeight){b.css("height","")}},_setData:function(b,c){if(b=="alwaysOpen"){b="collapsible";c=!c}a.widget.prototype._setData.apply(this,arguments)},_keydown:function(e){var g=this.options,f=a.ui.keyCode;if(g.disabled||e.altKey||e.ctrlKey){return}var d=this.headers.length;var b=this.headers.index(e.target);var c=false;switch(e.keyCode){case f.RIGHT:case f.DOWN:c=this.headers[(b+1)%d];break;case f.LEFT:case f.UP:c=this.headers[(b-1+d)%d];break;case f.SPACE:case f.ENTER:return this._clickHandler({target:e.target},e.target)}if(c){a(e.target).attr("tabIndex","-1");a(c).attr("tabIndex","0");c.focus();return false}return true},resize:function(){var e=this.options,d;if(e.fillSpace){if(a.browser.msie){var b=this.element.parent().css("overflow");this.element.parent().css("overflow","hidden")}d=this.element.parent().height();if(a.browser.msie){this.element.parent().css("overflow",b)}this.headers.each(function(){d-=a(this).outerHeight()});var c=0;this.headers.next().each(function(){c=Math.max(c,a(this).innerHeight()-a(this).height())}).height(Math.max(0,d-c)).css("overflow","auto")}else{if(e.autoHeight){d=0;this.headers.next().each(function(){d=Math.max(d,a(this).outerHeight())}).height(d)}}},activate:function(b){var c=this._findActive(b)[0];this._clickHandler({target:c},c)},_findActive:function(b){return b?typeof b=="number"?this.headers.filter(":eq("+b+")"):this.headers.not(this.headers.not(b)):b===false?a([]):this.headers.filter(":eq(0)")},_clickHandler:function(b,f){var d=this.options;if(d.disabled){return false}if(!b.target&&d.collapsible){this.active.removeClass("ui-state-active ui-corner-top").addClass("ui-state-default ui-corner-all").find(".ui-icon").removeClass(d.icons.headerSelected).addClass(d.icons.header);this.active.next().addClass("ui-accordion-content-active");var h=this.active.next(),e={options:d,newHeader:a([]),oldHeader:d.active,newContent:a([]),oldContent:h},c=(this.active=a([]));this._toggle(c,h,e);return false}var g=a(b.currentTarget||f);var i=g[0]==this.active[0];if(this.running||(!d.collapsible&&i)){return false}this.active.removeClass("ui-state-active ui-corner-top").addClass("ui-state-default ui-corner-all").find(".ui-icon").removeClass(d.icons.headerSelected).addClass(d.icons.header);this.active.next().addClass("ui-accordion-content-active");if(!i){g.removeClass("ui-state-default ui-corner-all").addClass("ui-state-active ui-corner-top").find(".ui-icon").removeClass(d.icons.header).addClass(d.icons.headerSelected);g.next().addClass("ui-accordion-content-active")}var c=g.next(),h=this.active.next(),e={options:d,newHeader:i&&d.collapsible?a([]):g,oldHeader:this.active,newContent:i&&d.collapsible?a([]):c.find("> *"),oldContent:h.find("> *")},j=this.headers.index(this.active[0])>this.headers.index(g[0]);this.active=i?a([]):g;this._toggle(c,h,e,i,j);return false},_toggle:function(b,i,g,j,k){var d=this.options,m=this;this.toShow=b;this.toHide=i;this.data=g;var c=function(){if(!m){return}return m._completed.apply(m,arguments)};this._trigger("changestart",null,this.data);this.running=i.size()===0?b.size():i.size();if(d.animated){var f={};if(d.collapsible&&j){f={toShow:a([]),toHide:i,complete:c,down:k,autoHeight:d.autoHeight||d.fillSpace}}else{f={toShow:b,toHide:i,complete:c,down:k,autoHeight:d.autoHeight||d.fillSpace}}if(!d.proxied){d.proxied=d.animated}if(!d.proxiedDuration){d.proxiedDuration=d.duration}d.animated=a.isFunction(d.proxied)?d.proxied(f):d.proxied;d.duration=a.isFunction(d.proxiedDuration)?d.proxiedDuration(f):d.proxiedDuration;var l=a.ui.accordion.animations,e=d.duration,h=d.animated;if(!l[h]){l[h]=function(n){this.slide(n,{easing:h,duration:e||700})}}l[h](f)}else{if(d.collapsible&&j){b.toggle()}else{i.hide();b.show()}c(true)}i.prev().attr("aria-expanded","false").attr("tabIndex","-1").blur();b.prev().attr("aria-expanded","true").attr("tabIndex","0").focus()},_completed:function(b){var c=this.options;this.running=b?0:--this.running;if(this.running){return}if(c.clearStyle){this.toShow.add(this.toHide).css({height:"",overflow:""})}this._trigger("change",null,this.data)}});a.extend(a.ui.accordion,{version:"1.7.2",defaults:{active:null,alwaysOpen:true,animated:"slide",autoHeight:true,clearStyle:false,collapsible:false,event:"click",fillSpace:false,header:"> li > :first-child,> :not(li):even",icons:{header:"ui-icon-triangle-1-e",headerSelected:"ui-icon-triangle-1-s"},navigation:false,navigationFilter:function(){return this.href.toLowerCase()==location.href.toLowerCase()}},animations:{slide:function(j,h){j=a.extend({easing:"swing",duration:300},j,h);if(!j.toHide.size()){j.toShow.animate({height:"show"},j);return}if(!j.toShow.size()){j.toHide.animate({height:"hide"},j);return}var c=j.toShow.css("overflow"),g,d={},f={},e=["height","paddingTop","paddingBottom"],b;var i=j.toShow;b=i[0].style.width;i.width(parseInt(i.parent().width(),10)-parseInt(i.css("paddingLeft"),10)-parseInt(i.css("paddingRight"),10)-(parseInt(i.css("borderLeftWidth"),10)||0)-(parseInt(i.css("borderRightWidth"),10)||0));a.each(e,function(k,m){f[m]="hide";var l=(""+a.css(j.toShow[0],m)).match(/^([\d+-.]+)(.*)$/);d[m]={value:l[1],unit:l[2]||"px"}});j.toShow.css({height:0,overflow:"hidden"}).show();j.toHide.filter(":hidden").each(j.complete).end().filter(":visible").animate(f,{step:function(k,l){if(l.prop=="height"){g=(l.now-l.start)/(l.end-l.start)}j.toShow[0].style[l.prop]=(g*d[l.prop].value)+d[l.prop].unit},duration:j.duration,easing:j.easing,complete:function(){if(!j.autoHeight){j.toShow.css("height","")}j.toShow.css("width",b);j.toShow.css({overflow:c});j.complete()}})},bounceslide:function(b){this.slide(b,{easing:b.down?"easeOutBounce":"swing",duration:b.down?1000:200})},easeslide:function(b){this.slide(b,{easing:"easeinout",duration:700})}}})})(jQuery);;/*
+ * jQuery UI Dialog 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Dialog
+ *
+ * Depends:
+ *      ui.core.js
+ *      ui.draggable.js
+ *      ui.resizable.js
+ */
+(function(c){var b={dragStart:"start.draggable",drag:"drag.draggable",dragStop:"stop.draggable",maxHeight:"maxHeight.resizable",minHeight:"minHeight.resizable",maxWidth:"maxWidth.resizable",minWidth:"minWidth.resizable",resizeStart:"start.resizable",resize:"drag.resizable",resizeStop:"stop.resizable"},a="ui-dialog ui-widget ui-widget-content ui-corner-all ";c.widget("ui.dialog",{_init:function(){this.originalTitle=this.element.attr("title");var l=this,m=this.options,j=m.title||this.originalTitle||"&nbsp;",e=c.ui.dialog.getTitleId(this.element),k=(this.uiDialog=c("<div/>")).appendTo(document.body).hide().addClass(a+m.dialogClass).css({position:"absolute",overflow:"hidden",zIndex:m.zIndex}).attr("tabIndex",-1).css("outline",0).keydown(function(n){(m.closeOnEscape&&n.keyCode&&n.keyCode==c.ui.keyCode.ESCAPE&&l.close(n))}).attr({role:"dialog","aria-labelledby":e}).mousedown(function(n){l.moveToTop(false,n)}),g=this.element.show().removeAttr("title").addClass("ui-dialog-content ui-widget-content").appendTo(k),f=(this.uiDialogTitlebar=c("<div></div>")).addClass("ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix").prependTo(k),i=c('<a href="#"/>').addClass("ui-dialog-titlebar-close ui-corner-all").attr("role","button").hover(function(){i.addClass("ui-state-hover")},function(){i.removeClass("ui-state-hover")}).focus(function(){i.addClass("ui-state-focus")}).blur(function(){i.removeClass("ui-state-focus")}).mousedown(function(n){n.stopPropagation()}).click(function(n){l.close(n);return false}).appendTo(f),h=(this.uiDialogTitlebarCloseText=c("<span/>")).addClass("ui-icon ui-icon-closethick").text(m.closeText).appendTo(i),d=c("<span/>").addClass("ui-dialog-title").attr("id",e).html(j).prependTo(f);f.find("*").add(f).disableSelection();(m.draggable&&c.fn.draggable&&this._makeDraggable());(m.resizable&&c.fn.resizable&&this._makeResizable());this._createButtons(m.buttons);this._isOpen=false;(m.bgiframe&&c.fn.bgiframe&&k.bgiframe());(m.autoOpen&&this.open())},destroy:function(){(this.overlay&&this.overlay.destroy());this.uiDialog.hide();this.element.unbind(".dialog").removeData("dialog").removeClass("ui-dialog-content ui-widget-content").hide().appendTo("body");this.uiDialog.remove();(this.originalTitle&&this.element.attr("title",this.originalTitle))},close:function(f){var d=this;if(false===d._trigger("beforeclose",f)){return}(d.overlay&&d.overlay.destroy());d.uiDialog.unbind("keypress.ui-dialog");(d.options.hide?d.uiDialog.hide(d.options.hide,function(){d._trigger("close",f)}):d.uiDialog.hide()&&d._trigger("close",f));c.ui.dialog.overlay.resize();d._isOpen=false;if(d.options.modal){var e=0;c(".ui-dialog").each(function(){if(this!=d.uiDialog[0]){e=Math.max(e,c(this).css("z-index"))}});c.ui.dialog.maxZ=e}},isOpen:function(){return this._isOpen},moveToTop:function(f,e){if((this.options.modal&&!f)||(!this.options.stack&&!this.options.modal)){return this._trigger("focus",e)}if(this.options.zIndex>c.ui.dialog.maxZ){c.ui.dialog.maxZ=this.options.zIndex}(this.overlay&&this.overlay.$el.css("z-index",c.ui.dialog.overlay.maxZ=++c.ui.dialog.maxZ));var d={scrollTop:this.element.attr("scrollTop"),scrollLeft:this.element.attr("scrollLeft")};this.uiDialog.css("z-index",++c.ui.dialog.maxZ);this.element.attr(d);this._trigger("focus",e)},open:function(){if(this._isOpen){return}var e=this.options,d=this.uiDialog;this.overlay=e.modal?new c.ui.dialog.overlay(this):null;(d.next().length&&d.appendTo("body"));this._size();this._position(e.position);d.show(e.show);this.moveToTop(true);(e.modal&&d.bind("keypress.ui-dialog",function(h){if(h.keyCode!=c.ui.keyCode.TAB){return}var g=c(":tabbable",this),i=g.filter(":first")[0],f=g.filter(":last")[0];if(h.target==f&&!h.shiftKey){setTimeout(function(){i.focus()},1)}else{if(h.target==i&&h.shiftKey){setTimeout(function(){f.focus()},1)}}}));c([]).add(d.find(".ui-dialog-content :tabbable:first")).add(d.find(".ui-dialog-buttonpane :tabbable:first")).add(d).filter(":first").focus();this._trigger("open");this._isOpen=true},_createButtons:function(g){var f=this,d=false,e=c("<div></div>").addClass("ui-dialog-buttonpane ui-widget-content ui-helper-clearfix");this.uiDialog.find(".ui-dialog-buttonpane").remove();(typeof g=="object"&&g!==null&&c.each(g,function(){return !(d=true)}));if(d){c.each(g,function(h,i){c('<button type="button"></button>').addClass("ui-state-default ui-corner-all").text(h).click(function(){i.apply(f.element[0],arguments)}).hover(function(){c(this).addClass("ui-state-hover")},function(){c(this).removeClass("ui-state-hover")}).focus(function(){c(this).addClass("ui-state-focus")}).blur(function(){c(this).removeClass("ui-state-focus")}).appendTo(e)});e.appendTo(this.uiDialog)}},_makeDraggable:function(){var d=this,f=this.options,e;this.uiDialog.draggable({cancel:".ui-dialog-content",handle:".ui-dialog-titlebar",containment:"document",start:function(){e=f.height;c(this).height(c(this).height()).addClass("ui-dialog-dragging");(f.dragStart&&f.dragStart.apply(d.element[0],arguments))},drag:function(){(f.drag&&f.drag.apply(d.element[0],arguments))},stop:function(){c(this).removeClass("ui-dialog-dragging").height(e);(f.dragStop&&f.dragStop.apply(d.element[0],arguments));c.ui.dialog.overlay.resize()}})},_makeResizable:function(g){g=(g===undefined?this.options.resizable:g);var d=this,f=this.options,e=typeof g=="string"?g:"n,e,s,w,se,sw,ne,nw";this.uiDialog.resizable({cancel:".ui-dialog-content",alsoResize:this.element,maxWidth:f.maxWidth,maxHeight:f.maxHeight,minWidth:f.minWidth,minHeight:f.minHeight,start:function(){c(this).addClass("ui-dialog-resizing");(f.resizeStart&&f.resizeStart.apply(d.element[0],arguments))},resize:function(){(f.resize&&f.resize.apply(d.element[0],arguments))},handles:e,stop:function(){c(this).removeClass("ui-dialog-resizing");f.height=c(this).height();f.width=c(this).width();(f.resizeStop&&f.resizeStop.apply(d.element[0],arguments));c.ui.dialog.overlay.resize()}}).find(".ui-resizable-se").addClass("ui-icon ui-icon-grip-diagonal-se")},_position:function(i){var e=c(window),f=c(document),g=f.scrollTop(),d=f.scrollLeft(),h=g;if(c.inArray(i,["center","top","right","bottom","left"])>=0){i=[i=="right"||i=="left"?i:"center",i=="top"||i=="bottom"?i:"middle"]}if(i.constructor!=Array){i=["center","middle"]}if(i[0].constructor==Number){d+=i[0]}else{switch(i[0]){case"left":d+=0;break;case"right":d+=e.width()-this.uiDialog.outerWidth();break;default:case"center":d+=(e.width()-this.uiDialog.outerWidth())/2}}if(i[1].constructor==Number){g+=i[1]}else{switch(i[1]){case"top":g+=0;break;case"bottom":g+=e.height()-this.uiDialog.outerHeight();break;default:case"middle":g+=(e.height()-this.uiDialog.outerHeight())/2}}g=Math.max(g,h);this.uiDialog.css({top:g,left:d})},_setData:function(e,f){(b[e]&&this.uiDialog.data(b[e],f));switch(e){case"buttons":this._createButtons(f);break;case"closeText":this.uiDialogTitlebarCloseText.text(f);break;case"dialogClass":this.uiDialog.removeClass(this.options.dialogClass).addClass(a+f);break;case"draggable":(f?this._makeDraggable():this.uiDialog.draggable("destroy"));break;case"height":this.uiDialog.height(f);break;case"position":this._position(f);break;case"resizable":var d=this.uiDialog,g=this.uiDialog.is(":data(resizable)");(g&&!f&&d.resizable("destroy"));(g&&typeof f=="string"&&d.resizable("option","handles",f));(g||this._makeResizable(f));break;case"title":c(".ui-dialog-title",this.uiDialogTitlebar).html(f||"&nbsp;");break;case"width":this.uiDialog.width(f);break}c.widget.prototype._setData.apply(this,arguments)},_size:function(){var e=this.options;this.element.css({height:0,minHeight:0,width:"auto"});var d=this.uiDialog.css({height:"auto",width:e.width}).height();this.element.css({minHeight:Math.max(e.minHeight-d,0),height:e.height=="auto"?"auto":Math.max(e.height-d,0)})}});c.extend(c.ui.dialog,{version:"1.7.2",defaults:{autoOpen:true,bgiframe:false,buttons:{},closeOnEscape:true,closeText:"close",dialogClass:"",draggable:true,hide:null,height:"auto",maxHeight:false,maxWidth:false,minHeight:150,minWidth:150,modal:false,position:"center",resizable:true,show:null,stack:true,title:"",width:300,zIndex:1000},getter:"isOpen",uuid:0,maxZ:0,getTitleId:function(d){return"ui-dialog-title-"+(d.attr("id")||++this.uuid)},overlay:function(d){this.$el=c.ui.dialog.overlay.create(d)}});c.extend(c.ui.dialog.overlay,{instances:[],maxZ:0,events:c.map("focus,mousedown,mouseup,keydown,keypress,click".split(","),function(d){return d+".dialog-overlay"}).join(" "),create:function(e){if(this.instances.length===0){setTimeout(function(){if(c.ui.dialog.overlay.instances.length){c(document).bind(c.ui.dialog.overlay.events,function(f){var g=c(f.target).parents(".ui-dialog").css("zIndex")||0;return(g>c.ui.dialog.overlay.maxZ)})}},1);c(document).bind("keydown.dialog-overlay",function(f){(e.options.closeOnEscape&&f.keyCode&&f.keyCode==c.ui.keyCode.ESCAPE&&e.close(f))});c(window).bind("resize.dialog-overlay",c.ui.dialog.overlay.resize)}var d=c("<div></div>").appendTo(document.body).addClass("ui-widget-overlay").css({width:this.width(),height:this.height()});(e.options.bgiframe&&c.fn.bgiframe&&d.bgiframe());this.instances.push(d);return d},destroy:function(d){this.instances.splice(c.inArray(this.instances,d),1);if(this.instances.length===0){c([document,window]).unbind(".dialog-overlay")}d.remove();var e=0;c.each(this.instances,function(){e=Math.max(e,this.css("z-index"))});this.maxZ=e},height:function(){if(c.browser.msie&&c.browser.version<7){var e=Math.max(document.documentElement.scrollHeight,document.body.scrollHeight);var d=Math.max(document.documentElement.offsetHeight,document.body.offsetHeight);if(e<d){return c(window).height()+"px"}else{return e+"px"}}else{return c(document).height()+"px"}},width:function(){if(c.browser.msie&&c.browser.version<7){var d=Math.max(document.documentElement.scrollWidth,document.body.scrollWidth);var e=Math.max(document.documentElement.offsetWidth,document.body.offsetWidth);if(d<e){return c(window).width()+"px"}else{return d+"px"}}else{return c(document).width()+"px"}},resize:function(){var d=c([]);c.each(c.ui.dialog.overlay.instances,function(){d=d.add(this)});d.css({width:0,height:0}).css({width:c.ui.dialog.overlay.width(),height:c.ui.dialog.overlay.height()})}});c.extend(c.ui.dialog.overlay.prototype,{destroy:function(){c.ui.dialog.overlay.destroy(this.$el)}})})(jQuery);;/*
+ * jQuery UI Slider 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Slider
+ *
+ * Depends:
+ *      ui.core.js
+ */
+(function(a){a.widget("ui.slider",a.extend({},a.ui.mouse,{_init:function(){var b=this,c=this.options;this._keySliding=false;this._handleIndex=null;this._detectOrientation();this._mouseInit();this.element.addClass("ui-slider ui-slider-"+this.orientation+" ui-widget ui-widget-content ui-corner-all");this.range=a([]);if(c.range){if(c.range===true){this.range=a("<div></div>");if(!c.values){c.values=[this._valueMin(),this._valueMin()]}if(c.values.length&&c.values.length!=2){c.values=[c.values[0],c.values[0]]}}else{this.range=a("<div></div>")}this.range.appendTo(this.element).addClass("ui-slider-range");if(c.range=="min"||c.range=="max"){this.range.addClass("ui-slider-range-"+c.range)}this.range.addClass("ui-widget-header")}if(a(".ui-slider-handle",this.element).length==0){a('<a href="#"></a>').appendTo(this.element).addClass("ui-slider-handle")}if(c.values&&c.values.length){while(a(".ui-slider-handle",this.element).length<c.values.length){a('<a href="#"></a>').appendTo(this.element).addClass("ui-slider-handle")}}this.handles=a(".ui-slider-handle",this.element).addClass("ui-state-default ui-corner-all");this.handle=this.handles.eq(0);this.handles.add(this.range).filter("a").click(function(d){d.preventDefault()}).hover(function(){if(!c.disabled){a(this).addClass("ui-state-hover")}},function(){a(this).removeClass("ui-state-hover")}).focus(function(){if(!c.disabled){a(".ui-slider .ui-state-focus").removeClass("ui-state-focus");a(this).addClass("ui-state-focus")}else{a(this).blur()}}).blur(function(){a(this).removeClass("ui-state-focus")});this.handles.each(function(d){a(this).data("index.ui-slider-handle",d)});this.handles.keydown(function(i){var f=true;var e=a(this).data("index.ui-slider-handle");if(b.options.disabled){return}switch(i.keyCode){case a.ui.keyCode.HOME:case a.ui.keyCode.END:case a.ui.keyCode.UP:case a.ui.keyCode.RIGHT:case a.ui.keyCode.DOWN:case a.ui.keyCode.LEFT:f=false;if(!b._keySliding){b._keySliding=true;a(this).addClass("ui-state-active");b._start(i,e)}break}var g,d,h=b._step();if(b.options.values&&b.options.values.length){g=d=b.values(e)}else{g=d=b.value()}switch(i.keyCode){case a.ui.keyCode.HOME:d=b._valueMin();break;case a.ui.keyCode.END:d=b._valueMax();break;case a.ui.keyCode.UP:case a.ui.keyCode.RIGHT:if(g==b._valueMax()){return}d=g+h;break;case a.ui.keyCode.DOWN:case a.ui.keyCode.LEFT:if(g==b._valueMin()){return}d=g-h;break}b._slide(i,e,d);return f}).keyup(function(e){var d=a(this).data("index.ui-slider-handle");if(b._keySliding){b._stop(e,d);b._change(e,d);b._keySliding=false;a(this).removeClass("ui-state-active")}});this._refreshValue()},destroy:function(){this.handles.remove();this.range.remove();this.element.removeClass("ui-slider ui-slider-horizontal ui-slider-vertical ui-slider-disabled ui-widget ui-widget-content ui-corner-all").removeData("slider").unbind(".slider");this._mouseDestroy()},_mouseCapture:function(d){var e=this.options;if(e.disabled){return false}this.elementSize={width:this.element.outerWidth(),height:this.element.outerHeight()};this.elementOffset=this.element.offset();var h={x:d.pageX,y:d.pageY};var j=this._normValueFromMouse(h);var c=this._valueMax()-this._valueMin()+1,f;var k=this,i;this.handles.each(function(l){var m=Math.abs(j-k.values(l));if(c>m){c=m;f=a(this);i=l}});if(e.range==true&&this.values(1)==e.min){f=a(this.handles[++i])}this._start(d,i);k._handleIndex=i;f.addClass("ui-state-active").focus();var g=f.offset();var b=!a(d.target).parents().andSelf().is(".ui-slider-handle");this._clickOffset=b?{left:0,top:0}:{left:d.pageX-g.left-(f.width()/2),top:d.pageY-g.top-(f.height()/2)-(parseInt(f.css("borderTopWidth"),10)||0)-(parseInt(f.css("borderBottomWidth"),10)||0)+(parseInt(f.css("marginTop"),10)||0)};j=this._normValueFromMouse(h);this._slide(d,i,j);return true},_mouseStart:function(b){return true},_mouseDrag:function(d){var b={x:d.pageX,y:d.pageY};var c=this._normValueFromMouse(b);this._slide(d,this._handleIndex,c);return false},_mouseStop:function(b){this.handles.removeClass("ui-state-active");this._stop(b,this._handleIndex);this._change(b,this._handleIndex);this._handleIndex=null;this._clickOffset=null;return false},_detectOrientation:function(){this.orientation=this.options.orientation=="vertical"?"vertical":"horizontal"},_normValueFromMouse:function(d){var c,h;if("horizontal"==this.orientation){c=this.elementSize.width;h=d.x-this.elementOffset.left-(this._clickOffset?this._clickOffset.left:0)}else{c=this.elementSize.height;h=d.y-this.elementOffset.top-(this._clickOffset?this._clickOffset.top:0)}var f=(h/c);if(f>1){f=1}if(f<0){f=0}if("vertical"==this.orientation){f=1-f}var e=this._valueMax()-this._valueMin(),i=f*e,b=i%this.options.step,g=this._valueMin()+i-b;if(b>(this.options.step/2)){g+=this.options.step}return parseFloat(g.toFixed(5))},_start:function(d,c){var b={handle:this.handles[c],value:this.value()};if(this.options.values&&this.options.values.length){b.value=this.values(c);b.values=this.values()}this._trigger("start",d,b)},_slide:function(f,e,d){var g=this.handles[e];if(this.options.values&&this.options.values.length){var b=this.values(e?0:1);if((this.options.values.length==2&&this.options.range===true)&&((e==0&&d>b)||(e==1&&d<b))){d=b}if(d!=this.values(e)){var c=this.values();c[e]=d;var h=this._trigger("slide",f,{handle:this.handles[e],value:d,values:c});var b=this.values(e?0:1);if(h!==false){this.values(e,d,(f.type=="mousedown"&&this.options.animate),true)}}}else{if(d!=this.value()){var h=this._trigger("slide",f,{handle:this.handles[e],value:d});if(h!==false){this._setData("value",d,(f.type=="mousedown"&&this.options.animate))}}}},_stop:function(d,c){var b={handle:this.handles[c],value:this.value()};if(this.options.values&&this.options.values.length){b.value=this.values(c);b.values=this.values()}this._trigger("stop",d,b)},_change:function(d,c){var b={handle:this.handles[c],value:this.value()};if(this.options.values&&this.options.values.length){b.value=this.values(c);b.values=this.values()}this._trigger("change",d,b)},value:function(b){if(arguments.length){this._setData("value",b);this._change(null,0)}return this._value()},values:function(b,e,c,d){if(arguments.length>1){this.options.values[b]=e;this._refreshValue(c);if(!d){this._change(null,b)}}if(arguments.length){if(this.options.values&&this.options.values.length){return this._values(b)}else{return this.value()}}else{return this._values()}},_setData:function(b,d,c){a.widget.prototype._setData.apply(this,arguments);switch(b){case"disabled":if(d){this.handles.filter(".ui-state-focus").blur();this.handles.removeClass("ui-state-hover");this.handles.attr("disabled","disabled")}else{this.handles.removeAttr("disabled")}case"orientation":this._detectOrientation();this.element.removeClass("ui-slider-horizontal ui-slider-vertical").addClass("ui-slider-"+this.orientation);this._refreshValue(c);break;case"value":this._refreshValue(c);break}},_step:function(){var b=this.options.step;return b},_value:function(){var b=this.options.value;if(b<this._valueMin()){b=this._valueMin()}if(b>this._valueMax()){b=this._valueMax()}return b},_values:function(b){if(arguments.length){var c=this.options.values[b];if(c<this._valueMin()){c=this._valueMin()}if(c>this._valueMax()){c=this._valueMax()}return c}else{return this.options.values}},_valueMin:function(){var b=this.options.min;return b},_valueMax:function(){var b=this.options.max;return b},_refreshValue:function(c){var f=this.options.range,d=this.options,l=this;if(this.options.values&&this.options.values.length){var i,h;this.handles.each(function(p,n){var o=(l.values(p)-l._valueMin())/(l._valueMax()-l._valueMin())*100;var m={};m[l.orientation=="horizontal"?"left":"bottom"]=o+"%";a(this).stop(1,1)[c?"animate":"css"](m,d.animate);if(l.options.range===true){if(l.orientation=="horizontal"){(p==0)&&l.range.stop(1,1)[c?"animate":"css"]({left:o+"%"},d.animate);(p==1)&&l.range[c?"animate":"css"]({width:(o-lastValPercent)+"%"},{queue:false,duration:d.animate})}else{(p==0)&&l.range.stop(1,1)[c?"animate":"css"]({bottom:(o)+"%"},d.animate);(p==1)&&l.range[c?"animate":"css"]({height:(o-lastValPercent)+"%"},{queue:false,duration:d.animate})}}lastValPercent=o})}else{var j=this.value(),g=this._valueMin(),k=this._valueMax(),e=k!=g?(j-g)/(k-g)*100:0;var b={};b[l.orientation=="horizontal"?"left":"bottom"]=e+"%";this.handle.stop(1,1)[c?"animate":"css"](b,d.animate);(f=="min")&&(this.orientation=="horizontal")&&this.range.stop(1,1)[c?"animate":"css"]({width:e+"%"},d.animate);(f=="max")&&(this.orientation=="horizontal")&&this.range[c?"animate":"css"]({width:(100-e)+"%"},{queue:false,duration:d.animate});(f=="min")&&(this.orientation=="vertical")&&this.range.stop(1,1)[c?"animate":"css"]({height:e+"%"},d.animate);(f=="max")&&(this.orientation=="vertical")&&this.range[c?"animate":"css"]({height:(100-e)+"%"},{queue:false,duration:d.animate})}}}));a.extend(a.ui.slider,{getter:"value values",version:"1.7.2",eventPrefix:"slide",defaults:{animate:false,delay:0,distance:0,max:100,min:0,orientation:"horizontal",range:false,step:1,value:0,values:null}})})(jQuery);;/*
+ * jQuery UI Tabs 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Tabs
+ *
+ * Depends:
+ *      ui.core.js
+ */
+(function(a){a.widget("ui.tabs",{_init:function(){if(this.options.deselectable!==undefined){this.options.collapsible=this.options.deselectable}this._tabify(true)},_setData:function(b,c){if(b=="selected"){if(this.options.collapsible&&c==this.options.selected){return}this.select(c)}else{this.options[b]=c;if(b=="deselectable"){this.options.collapsible=c}this._tabify()}},_tabId:function(b){return b.title&&b.title.replace(/\s/g,"_").replace(/[^A-Za-z0-9\-_:\.]/g,"")||this.options.idPrefix+a.data(b)},_sanitizeSelector:function(b){return b.replace(/:/g,"\\:")},_cookie:function(){var b=this.cookie||(this.cookie=this.options.cookie.name||"ui-tabs-"+a.data(this.list[0]));return a.cookie.apply(null,[b].concat(a.makeArray(arguments)))},_ui:function(c,b){return{tab:c,panel:b,index:this.anchors.index(c)}},_cleanup:function(){this.lis.filter(".ui-state-processing").removeClass("ui-state-processing").find("span:data(label.tabs)").each(function(){var b=a(this);b.html(b.data("label.tabs")).removeData("label.tabs")})},_tabify:function(n){this.list=this.element.children("ul:first");this.lis=a("li:has(a[href])",this.list);this.anchors=this.lis.map(function(){return a("a",this)[0]});this.panels=a([]);var p=this,d=this.options;var c=/^#.+/;this.anchors.each(function(r,o){var q=a(o).attr("href");var s=q.split("#")[0],u;if(s&&(s===location.toString().split("#")[0]||(u=a("base")[0])&&s===u.href)){q=o.hash;o.href=q}if(c.test(q)){p.panels=p.panels.add(p._sanitizeSelector(q))}else{if(q!="#"){a.data(o,"href.tabs",q);a.data(o,"load.tabs",q.replace(/#.*$/,""));var w=p._tabId(o);o.href="#"+w;var v=a("#"+w);if(!v.length){v=a(d.panelTemplate).attr("id",w).addClass("ui-tabs-panel ui-widget-content ui-corner-bottom").insertAfter(p.panels[r-1]||p.list);v.data("destroy.tabs",true)}p.panels=p.panels.add(v)}else{d.disabled.push(r)}}});if(n){this.element.addClass("ui-tabs ui-widget ui-widget-content ui-corner-all");this.list.addClass("ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all");this.lis.addClass("ui-state-default ui-corner-top");this.panels.addClass("ui-tabs-panel ui-widget-content ui-corner-bottom");if(d.selected===undefined){if(location.hash){this.anchors.each(function(q,o){if(o.hash==location.hash){d.selected=q;return false}})}if(typeof d.selected!="number"&&d.cookie){d.selected=parseInt(p._cookie(),10)}if(typeof d.selected!="number"&&this.lis.filter(".ui-tabs-selected").length){d.selected=this.lis.index(this.lis.filter(".ui-tabs-selected"))}d.selected=d.selected||0}else{if(d.selected===null){d.selected=-1}}d.selected=((d.selected>=0&&this.anchors[d.selected])||d.selected<0)?d.selected:0;d.disabled=a.unique(d.disabled.concat(a.map(this.lis.filter(".ui-state-disabled"),function(q,o){return p.lis.index(q)}))).sort();if(a.inArray(d.selected,d.disabled)!=-1){d.disabled.splice(a.inArray(d.selected,d.disabled),1)}this.panels.addClass("ui-tabs-hide");this.lis.removeClass("ui-tabs-selected ui-state-active");if(d.selected>=0&&this.anchors.length){this.panels.eq(d.selected).removeClass("ui-tabs-hide");this.lis.eq(d.selected).addClass("ui-tabs-selected ui-state-active");p.element.queue("tabs",function(){p._trigger("show",null,p._ui(p.anchors[d.selected],p.panels[d.selected]))});this.load(d.selected)}a(window).bind("unload",function(){p.lis.add(p.anchors).unbind(".tabs");p.lis=p.anchors=p.panels=null})}else{d.selected=this.lis.index(this.lis.filter(".ui-tabs-selected"))}this.element[d.collapsible?"addClass":"removeClass"]("ui-tabs-collapsible");if(d.cookie){this._cookie(d.selected,d.cookie)}for(var g=0,m;(m=this.lis[g]);g++){a(m)[a.inArray(g,d.disabled)!=-1&&!a(m).hasClass("ui-tabs-selected")?"addClass":"removeClass"]("ui-state-disabled")}if(d.cache===false){this.anchors.removeData("cache.tabs")}this.lis.add(this.anchors).unbind(".tabs");if(d.event!="mouseover"){var f=function(o,i){if(i.is(":not(.ui-state-disabled)")){i.addClass("ui-state-"+o)}};var j=function(o,i){i.removeClass("ui-state-"+o)};this.lis.bind("mouseover.tabs",function(){f("hover",a(this))});this.lis.bind("mouseout.tabs",function(){j("hover",a(this))});this.anchors.bind("focus.tabs",function(){f("focus",a(this).closest("li"))});this.anchors.bind("blur.tabs",function(){j("focus",a(this).closest("li"))})}var b,h;if(d.fx){if(a.isArray(d.fx)){b=d.fx[0];h=d.fx[1]}else{b=h=d.fx}}function e(i,o){i.css({display:""});if(a.browser.msie&&o.opacity){i[0].style.removeAttribute("filter")}}var k=h?function(i,o){a(i).closest("li").removeClass("ui-state-default").addClass("ui-tabs-selected ui-state-active");o.hide().removeClass("ui-tabs-hide").animate(h,h.duration||"normal",function(){e(o,h);p._trigger("show",null,p._ui(i,o[0]))})}:function(i,o){a(i).closest("li").removeClass("ui-state-default").addClass("ui-tabs-selected ui-state-active");o.removeClass("ui-tabs-hide");p._trigger("show",null,p._ui(i,o[0]))};var l=b?function(o,i){i.animate(b,b.duration||"normal",function(){p.lis.removeClass("ui-tabs-selected ui-state-active").addClass("ui-state-default");i.addClass("ui-tabs-hide");e(i,b);p.element.dequeue("tabs")})}:function(o,i,q){p.lis.removeClass("ui-tabs-selected ui-state-active").addClass("ui-state-default");i.addClass("ui-tabs-hide");p.element.dequeue("tabs")};this.anchors.bind(d.event+".tabs",function(){var o=this,r=a(this).closest("li"),i=p.panels.filter(":not(.ui-tabs-hide)"),q=a(p._sanitizeSelector(this.hash));if((r.hasClass("ui-tabs-selected")&&!d.collapsible)||r.hasClass("ui-state-disabled")||r.hasClass("ui-state-processing")||p._trigger("select",null,p._ui(this,q[0]))===false){this.blur();return false}d.selected=p.anchors.index(this);p.abort();if(d.collapsible){if(r.hasClass("ui-tabs-selected")){d.selected=-1;if(d.cookie){p._cookie(d.selected,d.cookie)}p.element.queue("tabs",function(){l(o,i)}).dequeue("tabs");this.blur();return false}else{if(!i.length){if(d.cookie){p._cookie(d.selected,d.cookie)}p.element.queue("tabs",function(){k(o,q)});p.load(p.anchors.index(this));this.blur();return false}}}if(d.cookie){p._cookie(d.selected,d.cookie)}if(q.length){if(i.length){p.element.queue("tabs",function(){l(o,i)})}p.element.queue("tabs",function(){k(o,q)});p.load(p.anchors.index(this))}else{throw"jQuery UI Tabs: Mismatching fragment identifier."}if(a.browser.msie){this.blur()}});this.anchors.bind("click.tabs",function(){return false})},destroy:function(){var b=this.options;this.abort();this.element.unbind(".tabs").removeClass("ui-tabs ui-widget ui-widget-content ui-corner-all ui-tabs-collapsible").removeData("tabs");this.list.removeClass("ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all");this.anchors.each(function(){var c=a.data(this,"href.tabs");if(c){this.href=c}var d=a(this).unbind(".tabs");a.each(["href","load","cache"],function(e,f){d.removeData(f+".tabs")})});this.lis.unbind(".tabs").add(this.panels).each(function(){if(a.data(this,"destroy.tabs")){a(this).remove()}else{a(this).removeClass(["ui-state-default","ui-corner-top","ui-tabs-selected","ui-state-active","ui-state-hover","ui-state-focus","ui-state-disabled","ui-tabs-panel","ui-widget-content","ui-corner-bottom","ui-tabs-hide"].join(" "))}});if(b.cookie){this._cookie(null,b.cookie)}},add:function(e,d,c){if(c===undefined){c=this.anchors.length}var b=this,g=this.options,i=a(g.tabTemplate.replace(/#\{href\}/g,e).replace(/#\{label\}/g,d)),h=!e.indexOf("#")?e.replace("#",""):this._tabId(a("a",i)[0]);i.addClass("ui-state-default ui-corner-top").data("destroy.tabs",true);var f=a("#"+h);if(!f.length){f=a(g.panelTemplate).attr("id",h).data("destroy.tabs",true)}f.addClass("ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide");if(c>=this.lis.length){i.appendTo(this.list);f.appendTo(this.list[0].parentNode)}else{i.insertBefore(this.lis[c]);f.insertBefore(this.panels[c])}g.disabled=a.map(g.disabled,function(k,j){return k>=c?++k:k});this._tabify();if(this.anchors.length==1){i.addClass("ui-tabs-selected ui-state-active");f.removeClass("ui-tabs-hide");this.element.queue("tabs",function(){b._trigger("show",null,b._ui(b.anchors[0],b.panels[0]))});this.load(0)}this._trigger("add",null,this._ui(this.anchors[c],this.panels[c]))},remove:function(b){var d=this.options,e=this.lis.eq(b).remove(),c=this.panels.eq(b).remove();if(e.hasClass("ui-tabs-selected")&&this.anchors.length>1){this.select(b+(b+1<this.anchors.length?1:-1))}d.disabled=a.map(a.grep(d.disabled,function(g,f){return g!=b}),function(g,f){return g>=b?--g:g});this._tabify();this._trigger("remove",null,this._ui(e.find("a")[0],c[0]))},enable:function(b){var c=this.options;if(a.inArray(b,c.disabled)==-1){return}this.lis.eq(b).removeClass("ui-state-disabled");c.disabled=a.grep(c.disabled,function(e,d){return e!=b});this._trigger("enable",null,this._ui(this.anchors[b],this.panels[b]))},disable:function(c){var b=this,d=this.options;if(c!=d.selected){this.lis.eq(c).addClass("ui-state-disabled");d.disabled.push(c);d.disabled.sort();this._trigger("disable",null,this._ui(this.anchors[c],this.panels[c]))}},select:function(b){if(typeof b=="string"){b=this.anchors.index(this.anchors.filter("[href$="+b+"]"))}else{if(b===null){b=-1}}if(b==-1&&this.options.collapsible){b=this.options.selected}this.anchors.eq(b).trigger(this.options.event+".tabs")},load:function(e){var c=this,g=this.options,b=this.anchors.eq(e)[0],d=a.data(b,"load.tabs");this.abort();if(!d||this.element.queue("tabs").length!==0&&a.data(b,"cache.tabs")){this.element.dequeue("tabs");return}this.lis.eq(e).addClass("ui-state-processing");if(g.spinner){var f=a("span",b);f.data("label.tabs",f.html()).html(g.spinner)}this.xhr=a.ajax(a.extend({},g.ajaxOptions,{url:d,success:function(i,h){a(c._sanitizeSelector(b.hash)).html(i);c._cleanup();if(g.cache){a.data(b,"cache.tabs",true)}c._trigger("load",null,c._ui(c.anchors[e],c.panels[e]));try{g.ajaxOptions.success(i,h)}catch(j){}c.element.dequeue("tabs")}}))},abort:function(){this.element.queue([]);this.panels.stop(false,true);if(this.xhr){this.xhr.abort();delete this.xhr}this._cleanup()},url:function(c,b){this.anchors.eq(c).removeData("cache.tabs").data("load.tabs",b)},length:function(){return this.anchors.length}});a.extend(a.ui.tabs,{version:"1.7.2",getter:"length",defaults:{ajaxOptions:null,cache:false,cookie:null,collapsible:false,disabled:[],event:"click",fx:null,idPrefix:"ui-tabs-",panelTemplate:"<div></div>",spinner:"<em>Loading&#8230;</em>",tabTemplate:'<li><a href="#{href}"><span>#{label}</span></a></li>'}});a.extend(a.ui.tabs.prototype,{rotation:null,rotate:function(d,f){var b=this,g=this.options;var c=b._rotate||(b._rotate=function(h){clearTimeout(b.rotation);b.rotation=setTimeout(function(){var i=g.selected;b.select(++i<b.anchors.length?i:0)},d);if(h){h.stopPropagation()}});var e=b._unrotate||(b._unrotate=!f?function(h){if(h.clientX){b.rotate(null)}}:function(h){t=g.selected;c()});if(d){this.element.bind("tabsshow",c);this.anchors.bind(g.event+".tabs",e);c()}else{clearTimeout(b.rotation);this.element.unbind("tabsshow",c);this.anchors.unbind(g.event+".tabs",e);delete this._rotate;delete this._unrotate}}})})(jQuery);;/*
+ * jQuery UI Datepicker 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Datepicker
+ *
+ * Depends:
+ *      ui.core.js
+ */
+(function($){$.extend($.ui,{datepicker:{version:"1.7.2"}});var PROP_NAME="datepicker";function Datepicker(){this.debug=false;this._curInst=null;this._keyEvent=false;this._disabledInputs=[];this._datepickerShowing=false;this._inDialog=false;this._mainDivId="ui-datepicker-div";this._inlineClass="ui-datepicker-inline";this._appendClass="ui-datepicker-append";this._triggerClass="ui-datepicker-trigger";this._dialogClass="ui-datepicker-dialog";this._disableClass="ui-datepicker-disabled";this._unselectableClass="ui-datepicker-unselectable";this._currentClass="ui-datepicker-current-day";this._dayOverClass="ui-datepicker-days-cell-over";this.regional=[];this.regional[""]={closeText:"Done",prevText:"Prev",nextText:"Next",currentText:"Today",monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],dateFormat:"mm/dd/yy",firstDay:0,isRTL:false};this._defaults={showOn:"focus",showAnim:"show",showOptions:{},defaultDate:null,appendText:"",buttonText:"...",buttonImage:"",buttonImageOnly:false,hideIfNoPrevNext:false,navigationAsDateFormat:false,gotoCurrent:false,changeMonth:false,changeYear:false,showMonthAfterYear:false,yearRange:"-10:+10",showOtherMonths:false,calculateWeek:this.iso8601Week,shortYearCutoff:"+10",minDate:null,maxDate:null,duration:"normal",beforeShowDay:null,beforeShow:null,onSelect:null,onChangeMonthYear:null,onClose:null,numberOfMonths:1,showCurrentAtPos:0,stepMonths:1,stepBigMonths:12,altField:"",altFormat:"",constrainInput:true,showButtonPanel:false};$.extend(this._defaults,this.regional[""]);this.dpDiv=$('<div id="'+this._mainDivId+'" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible"></div>')}$.extend(Datepicker.prototype,{markerClassName:"hasDatepicker",log:function(){if(this.debug){console.log.apply("",arguments)}},setDefaults:function(settings){extendRemove(this._defaults,settings||{});return this},_attachDatepicker:function(target,settings){var inlineSettings=null;for(var attrName in this._defaults){var attrValue=target.getAttribute("date:"+attrName);if(attrValue){inlineSettings=inlineSettings||{};try{inlineSettings[attrName]=eval(attrValue)}catch(err){inlineSettings[attrName]=attrValue}}}var nodeName=target.nodeName.toLowerCase();var inline=(nodeName=="div"||nodeName=="span");if(!target.id){target.id="dp"+(++this.uuid)}var inst=this._newInst($(target),inline);inst.settings=$.extend({},settings||{},inlineSettings||{});if(nodeName=="input"){this._connectDatepicker(target,inst)}else{if(inline){this._inlineDatepicker(target,inst)}}},_newInst:function(target,inline){var id=target[0].id.replace(/([:\[\]\.])/g,"\\\\$1");return{id:id,input:target,selectedDay:0,selectedMonth:0,selectedYear:0,drawMonth:0,drawYear:0,inline:inline,dpDiv:(!inline?this.dpDiv:$('<div class="'+this._inlineClass+' ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"></div>'))}},_connectDatepicker:function(target,inst){var input=$(target);inst.append=$([]);inst.trigger=$([]);if(input.hasClass(this.markerClassName)){return}var appendText=this._get(inst,"appendText");var isRTL=this._get(inst,"isRTL");if(appendText){inst.append=$('<span class="'+this._appendClass+'">'+appendText+"</span>");input[isRTL?"before":"after"](inst.append)}var showOn=this._get(inst,"showOn");if(showOn=="focus"||showOn=="both"){input.focus(this._showDatepicker)}if(showOn=="button"||showOn=="both"){var buttonText=this._get(inst,"buttonText");var buttonImage=this._get(inst,"buttonImage");inst.trigger=$(this._get(inst,"buttonImageOnly")?$("<img/>").addClass(this._triggerClass).attr({src:buttonImage,alt:buttonText,title:buttonText}):$('<button type="button"></button>').addClass(this._triggerClass).html(buttonImage==""?buttonText:$("<img/>").attr({src:buttonImage,alt:buttonText,title:buttonText})));input[isRTL?"before":"after"](inst.trigger);inst.trigger.click(function(){if($.datepicker._datepickerShowing&&$.datepicker._lastInput==target){$.datepicker._hideDatepicker()}else{$.datepicker._showDatepicker(target)}return false})}input.addClass(this.markerClassName).keydown(this._doKeyDown).keypress(this._doKeyPress).bind("setData.datepicker",function(event,key,value){inst.settings[key]=value}).bind("getData.datepicker",function(event,key){return this._get(inst,key)});$.data(target,PROP_NAME,inst)},_inlineDatepicker:function(target,inst){var divSpan=$(target);if(divSpan.hasClass(this.markerClassName)){return}divSpan.addClass(this.markerClassName).append(inst.dpDiv).bind("setData.datepicker",function(event,key,value){inst.settings[key]=value}).bind("getData.datepicker",function(event,key){return this._get(inst,key)});$.data(target,PROP_NAME,inst);this._setDate(inst,this._getDefaultDate(inst));this._updateDatepicker(inst);this._updateAlternate(inst)},_dialogDatepicker:function(input,dateText,onSelect,settings,pos){var inst=this._dialogInst;if(!inst){var id="dp"+(++this.uuid);this._dialogInput=$('<input type="text" id="'+id+'" size="1" style="position: absolute; top: -100px;"/>');this._dialogInput.keydown(this._doKeyDown);$("body").append(this._dialogInput);inst=this._dialogInst=this._newInst(this._dialogInput,false);inst.settings={};$.data(this._dialogInput[0],PROP_NAME,inst)}extendRemove(inst.settings,settings||{});this._dialogInput.val(dateText);this._pos=(pos?(pos.length?pos:[pos.pageX,pos.pageY]):null);if(!this._pos){var browserWidth=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;var browserHeight=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight;var scrollX=document.documentElement.scrollLeft||document.body.scrollLeft;var scrollY=document.documentElement.scrollTop||document.body.scrollTop;this._pos=[(browserWidth/2)-100+scrollX,(browserHeight/2)-150+scrollY]}this._dialogInput.css("left",this._pos[0]+"px").css("top",this._pos[1]+"px");inst.settings.onSelect=onSelect;this._inDialog=true;this.dpDiv.addClass(this._dialogClass);this._showDatepicker(this._dialogInput[0]);if($.blockUI){$.blockUI(this.dpDiv)}$.data(this._dialogInput[0],PROP_NAME,inst);return this},_destroyDatepicker:function(target){var $target=$(target);var inst=$.data(target,PROP_NAME);if(!$target.hasClass(this.markerClassName)){return}var nodeName=target.nodeName.toLowerCase();$.removeData(target,PROP_NAME);if(nodeName=="input"){inst.append.remove();inst.trigger.remove();$target.removeClass(this.markerClassName).unbind("focus",this._showDatepicker).unbind("keydown",this._doKeyDown).unbind("keypress",this._doKeyPress)}else{if(nodeName=="div"||nodeName=="span"){$target.removeClass(this.markerClassName).empty()}}},_enableDatepicker:function(target){var $target=$(target);var inst=$.data(target,PROP_NAME);if(!$target.hasClass(this.markerClassName)){return}var nodeName=target.nodeName.toLowerCase();if(nodeName=="input"){target.disabled=false;inst.trigger.filter("button").each(function(){this.disabled=false}).end().filter("img").css({opacity:"1.0",cursor:""})}else{if(nodeName=="div"||nodeName=="span"){var inline=$target.children("."+this._inlineClass);inline.children().removeClass("ui-state-disabled")}}this._disabledInputs=$.map(this._disabledInputs,function(value){return(value==target?null:value)})},_disableDatepicker:function(target){var $target=$(target);var inst=$.data(target,PROP_NAME);if(!$target.hasClass(this.markerClassName)){return}var nodeName=target.nodeName.toLowerCase();if(nodeName=="input"){target.disabled=true;inst.trigger.filter("button").each(function(){this.disabled=true}).end().filter("img").css({opacity:"0.5",cursor:"default"})}else{if(nodeName=="div"||nodeName=="span"){var inline=$target.children("."+this._inlineClass);inline.children().addClass("ui-state-disabled")}}this._disabledInputs=$.map(this._disabledInputs,function(value){return(value==target?null:value)});this._disabledInputs[this._disabledInputs.length]=target},_isDisabledDatepicker:function(target){if(!target){return false}for(var i=0;i<this._disabledInputs.length;i++){if(this._disabledInputs[i]==target){return true}}return false},_getInst:function(target){try{return $.data(target,PROP_NAME)}catch(err){throw"Missing instance data for this datepicker"}},_optionDatepicker:function(target,name,value){var inst=this._getInst(target);if(arguments.length==2&&typeof name=="string"){return(name=="defaults"?$.extend({},$.datepicker._defaults):(inst?(name=="all"?$.extend({},inst.settings):this._get(inst,name)):null))}var settings=name||{};if(typeof name=="string"){settings={};settings[name]=value}if(inst){if(this._curInst==inst){this._hideDatepicker(null)}var date=this._getDateDatepicker(target);extendRemove(inst.settings,settings);this._setDateDatepicker(target,date);this._updateDatepicker(inst)}},_changeDatepicker:function(target,name,value){this._optionDatepicker(target,name,value)},_refreshDatepicker:function(target){var inst=this._getInst(target);if(inst){this._updateDatepicker(inst)}},_setDateDatepicker:function(target,date,endDate){var inst=this._getInst(target);if(inst){this._setDate(inst,date,endDate);this._updateDatepicker(inst);this._updateAlternate(inst)}},_getDateDatepicker:function(target){var inst=this._getInst(target);if(inst&&!inst.inline){this._setDateFromField(inst)}return(inst?this._getDate(inst):null)},_doKeyDown:function(event){var inst=$.datepicker._getInst(event.target);var handled=true;var isRTL=inst.dpDiv.is(".ui-datepicker-rtl");inst._keyEvent=true;if($.datepicker._datepickerShowing){switch(event.keyCode){case 9:$.datepicker._hideDatepicker(null,"");break;case 13:var sel=$("td."+$.datepicker._dayOverClass+", td."+$.datepicker._currentClass,inst.dpDiv);if(sel[0]){$.datepicker._selectDay(event.target,inst.selectedMonth,inst.selectedYear,sel[0])}else{$.datepicker._hideDatepicker(null,$.datepicker._get(inst,"duration"))}return false;break;case 27:$.datepicker._hideDatepicker(null,$.datepicker._get(inst,"duration"));break;case 33:$.datepicker._adjustDate(event.target,(event.ctrlKey?-$.datepicker._get(inst,"stepBigMonths"):-$.datepicker._get(inst,"stepMonths")),"M");break;case 34:$.datepicker._adjustDate(event.target,(event.ctrlKey?+$.datepicker._get(inst,"stepBigMonths"):+$.datepicker._get(inst,"stepMonths")),"M");break;case 35:if(event.ctrlKey||event.metaKey){$.datepicker._clearDate(event.target)}handled=event.ctrlKey||event.metaKey;break;case 36:if(event.ctrlKey||event.metaKey){$.datepicker._gotoToday(event.target)}handled=event.ctrlKey||event.metaKey;break;case 37:if(event.ctrlKey||event.metaKey){$.datepicker._adjustDate(event.target,(isRTL?+1:-1),"D")}handled=event.ctrlKey||event.metaKey;if(event.originalEvent.altKey){$.datepicker._adjustDate(event.target,(event.ctrlKey?-$.datepicker._get(inst,"stepBigMonths"):-$.datepicker._get(inst,"stepMonths")),"M")}break;case 38:if(event.ctrlKey||event.metaKey){$.datepicker._adjustDate(event.target,-7,"D")}handled=event.ctrlKey||event.metaKey;break;case 39:if(event.ctrlKey||event.metaKey){$.datepicker._adjustDate(event.target,(isRTL?-1:+1),"D")}handled=event.ctrlKey||event.metaKey;if(event.originalEvent.altKey){$.datepicker._adjustDate(event.target,(event.ctrlKey?+$.datepicker._get(inst,"stepBigMonths"):+$.datepicker._get(inst,"stepMonths")),"M")}break;case 40:if(event.ctrlKey||event.metaKey){$.datepicker._adjustDate(event.target,+7,"D")}handled=event.ctrlKey||event.metaKey;break;default:handled=false}}else{if(event.keyCode==36&&event.ctrlKey){$.datepicker._showDatepicker(this)}else{handled=false}}if(handled){event.preventDefault();event.stopPropagation()}},_doKeyPress:function(event){var inst=$.datepicker._getInst(event.target);if($.datepicker._get(inst,"constrainInput")){var chars=$.datepicker._possibleChars($.datepicker._get(inst,"dateFormat"));var chr=String.fromCharCode(event.charCode==undefined?event.keyCode:event.charCode);return event.ctrlKey||(chr<" "||!chars||chars.indexOf(chr)>-1)}},_showDatepicker:function(input){input=input.target||input;if(input.nodeName.toLowerCase()!="input"){input=$("input",input.parentNode)[0]}if($.datepicker._isDisabledDatepicker(input)||$.datepicker._lastInput==input){return}var inst=$.datepicker._getInst(input);var beforeShow=$.datepicker._get(inst,"beforeShow");extendRemove(inst.settings,(beforeShow?beforeShow.apply(input,[input,inst]):{}));$.datepicker._hideDatepicker(null,"");$.datepicker._lastInput=input;$.datepicker._setDateFromField(inst);if($.datepicker._inDialog){input.value=""}if(!$.datepicker._pos){$.datepicker._pos=$.datepicker._findPos(input);$.datepicker._pos[1]+=input.offsetHeight}var isFixed=false;$(input).parents().each(function(){isFixed|=$(this).css("position")=="fixed";return !isFixed});if(isFixed&&$.browser.opera){$.datepicker._pos[0]-=document.documentElement.scrollLeft;$.datepicker._pos[1]-=document.documentElement.scrollTop}var offset={left:$.datepicker._pos[0],top:$.datepicker._pos[1]};$.datepicker._pos=null;inst.rangeStart=null;inst.dpDiv.css({position:"absolute",display:"block",top:"-1000px"});$.datepicker._updateDatepicker(inst);offset=$.datepicker._checkOffset(inst,offset,isFixed);inst.dpDiv.css({position:($.datepicker._inDialog&&$.blockUI?"static":(isFixed?"fixed":"absolute")),display:"none",left:offset.left+"px",top:offset.top+"px"});if(!inst.inline){var showAnim=$.datepicker._get(inst,"showAnim")||"show";var duration=$.datepicker._get(inst,"duration");var postProcess=function(){$.datepicker._datepickerShowing=true;if($.browser.msie&&parseInt($.browser.version,10)<7){$("iframe.ui-datepicker-cover").css({width:inst.dpDiv.width()+4,height:inst.dpDiv.height()+4})}};if($.effects&&$.effects[showAnim]){inst.dpDiv.show(showAnim,$.datepicker._get(inst,"showOptions"),duration,postProcess)}else{inst.dpDiv[showAnim](duration,postProcess)}if(duration==""){postProcess()}if(inst.input[0].type!="hidden"){inst.input[0].focus()}$.datepicker._curInst=inst}},_updateDatepicker:function(inst){var dims={width:inst.dpDiv.width()+4,height:inst.dpDiv.height()+4};var self=this;inst.dpDiv.empty().append(this._generateHTML(inst)).find("iframe.ui-datepicker-cover").css({width:dims.width,height:dims.height}).end().find("button, .ui-datepicker-prev, .ui-datepicker-next, .ui-datepicker-calendar td a").bind("mouseout",function(){$(this).removeClass("ui-state-hover");if(this.className.indexOf("ui-datepicker-prev")!=-1){$(this).removeClass("ui-datepicker-prev-hover")}if(this.className.indexOf("ui-datepicker-next")!=-1){$(this).removeClass("ui-datepicker-next-hover")}}).bind("mouseover",function(){if(!self._isDisabledDatepicker(inst.inline?inst.dpDiv.parent()[0]:inst.input[0])){$(this).parents(".ui-datepicker-calendar").find("a").removeClass("ui-state-hover");$(this).addClass("ui-state-hover");if(this.className.indexOf("ui-datepicker-prev")!=-1){$(this).addClass("ui-datepicker-prev-hover")}if(this.className.indexOf("ui-datepicker-next")!=-1){$(this).addClass("ui-datepicker-next-hover")}}}).end().find("."+this._dayOverClass+" a").trigger("mouseover").end();var numMonths=this._getNumberOfMonths(inst);var cols=numMonths[1];var width=17;if(cols>1){inst.dpDiv.addClass("ui-datepicker-multi-"+cols).css("width",(width*cols)+"em")}else{inst.dpDiv.removeClass("ui-datepicker-multi-2 ui-datepicker-multi-3 ui-datepicker-multi-4").width("")}inst.dpDiv[(numMonths[0]!=1||numMonths[1]!=1?"add":"remove")+"Class"]("ui-datepicker-multi");inst.dpDiv[(this._get(inst,"isRTL")?"add":"remove")+"Class"]("ui-datepicker-rtl");if(inst.input&&inst.input[0].type!="hidden"&&inst==$.datepicker._curInst){$(inst.input[0]).focus()}},_checkOffset:function(inst,offset,isFixed){var dpWidth=inst.dpDiv.outerWidth();var dpHeight=inst.dpDiv.outerHeight();var inputWidth=inst.input?inst.input.outerWidth():0;var inputHeight=inst.input?inst.input.outerHeight():0;var viewWidth=(window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth)+$(document).scrollLeft();var viewHeight=(window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight)+$(document).scrollTop();offset.left-=(this._get(inst,"isRTL")?(dpWidth-inputWidth):0);offset.left-=(isFixed&&offset.left==inst.input.offset().left)?$(document).scrollLeft():0;offset.top-=(isFixed&&offset.top==(inst.input.offset().top+inputHeight))?$(document).scrollTop():0;offset.left-=(offset.left+dpWidth>viewWidth&&viewWidth>dpWidth)?Math.abs(offset.left+dpWidth-viewWidth):0;offset.top-=(offset.top+dpHeight>viewHeight&&viewHeight>dpHeight)?Math.abs(offset.top+dpHeight+inputHeight*2-viewHeight):0;return offset},_findPos:function(obj){while(obj&&(obj.type=="hidden"||obj.nodeType!=1)){obj=obj.nextSibling}var position=$(obj).offset();return[position.left,position.top]},_hideDatepicker:function(input,duration){var inst=this._curInst;if(!inst||(input&&inst!=$.data(input,PROP_NAME))){return}if(inst.stayOpen){this._selectDate("#"+inst.id,this._formatDate(inst,inst.currentDay,inst.currentMonth,inst.currentYear))}inst.stayOpen=false;if(this._datepickerShowing){duration=(duration!=null?duration:this._get(inst,"duration"));var showAnim=this._get(inst,"showAnim");var postProcess=function(){$.datepicker._tidyDialog(inst)};if(duration!=""&&$.effects&&$.effects[showAnim]){inst.dpDiv.hide(showAnim,$.datepicker._get(inst,"showOptions"),duration,postProcess)}else{inst.dpDiv[(duration==""?"hide":(showAnim=="slideDown"?"slideUp":(showAnim=="fadeIn"?"fadeOut":"hide")))](duration,postProcess)}if(duration==""){this._tidyDialog(inst)}var onClose=this._get(inst,"onClose");if(onClose){onClose.apply((inst.input?inst.input[0]:null),[(inst.input?inst.input.val():""),inst])}this._datepickerShowing=false;this._lastInput=null;if(this._inDialog){this._dialogInput.css({position:"absolute",left:"0",top:"-100px"});if($.blockUI){$.unblockUI();$("body").append(this.dpDiv)}}this._inDialog=false}this._curInst=null},_tidyDialog:function(inst){inst.dpDiv.removeClass(this._dialogClass).unbind(".ui-datepicker-calendar")},_checkExternalClick:function(event){if(!$.datepicker._curInst){return}var $target=$(event.target);if(($target.parents("#"+$.datepicker._mainDivId).length==0)&&!$target.hasClass($.datepicker.markerClassName)&&!$target.hasClass($.datepicker._triggerClass)&&$.datepicker._datepickerShowing&&!($.datepicker._inDialog&&$.blockUI)){$.datepicker._hideDatepicker(null,"")}},_adjustDate:function(id,offset,period){var target=$(id);var inst=this._getInst(target[0]);if(this._isDisabledDatepicker(target[0])){return}this._adjustInstDate(inst,offset+(period=="M"?this._get(inst,"showCurrentAtPos"):0),period);this._updateDatepicker(inst)},_gotoToday:function(id){var target=$(id);var inst=this._getInst(target[0]);if(this._get(inst,"gotoCurrent")&&inst.currentDay){inst.selectedDay=inst.currentDay;inst.drawMonth=inst.selectedMonth=inst.currentMonth;inst.drawYear=inst.selectedYear=inst.currentYear}else{var date=new Date();inst.selectedDay=date.getDate();inst.drawMonth=inst.selectedMonth=date.getMonth();inst.drawYear=inst.selectedYear=date.getFullYear()}this._notifyChange(inst);this._adjustDate(target)},_selectMonthYear:function(id,select,period){var target=$(id);var inst=this._getInst(target[0]);inst._selectingMonthYear=false;inst["selected"+(period=="M"?"Month":"Year")]=inst["draw"+(period=="M"?"Month":"Year")]=parseInt(select.options[select.selectedIndex].value,10);this._notifyChange(inst);this._adjustDate(target)},_clickMonthYear:function(id){var target=$(id);var inst=this._getInst(target[0]);if(inst.input&&inst._selectingMonthYear&&!$.browser.msie){inst.input[0].focus()}inst._selectingMonthYear=!inst._selectingMonthYear},_selectDay:function(id,month,year,td){var target=$(id);if($(td).hasClass(this._unselectableClass)||this._isDisabledDatepicker(target[0])){return}var inst=this._getInst(target[0]);inst.selectedDay=inst.currentDay=$("a",td).html();inst.selectedMonth=inst.currentMonth=month;inst.selectedYear=inst.currentYear=year;if(inst.stayOpen){inst.endDay=inst.endMonth=inst.endYear=null}this._selectDate(id,this._formatDate(inst,inst.currentDay,inst.currentMonth,inst.currentYear));if(inst.stayOpen){inst.rangeStart=this._daylightSavingAdjust(new Date(inst.currentYear,inst.currentMonth,inst.currentDay));this._updateDatepicker(inst)}},_clearDate:function(id){var target=$(id);var inst=this._getInst(target[0]);inst.stayOpen=false;inst.endDay=inst.endMonth=inst.endYear=inst.rangeStart=null;this._selectDate(target,"")},_selectDate:function(id,dateStr){var target=$(id);var inst=this._getInst(target[0]);dateStr=(dateStr!=null?dateStr:this._formatDate(inst));if(inst.input){inst.input.val(dateStr)}this._updateAlternate(inst);var onSelect=this._get(inst,"onSelect");if(onSelect){onSelect.apply((inst.input?inst.input[0]:null),[dateStr,inst])}else{if(inst.input){inst.input.trigger("change")}}if(inst.inline){this._updateDatepicker(inst)}else{if(!inst.stayOpen){this._hideDatepicker(null,this._get(inst,"duration"));this._lastInput=inst.input[0];if(typeof(inst.input[0])!="object"){inst.input[0].focus()}this._lastInput=null}}},_updateAlternate:function(inst){var altField=this._get(inst,"altField");if(altField){var altFormat=this._get(inst,"altFormat")||this._get(inst,"dateFormat");var date=this._getDate(inst);dateStr=this.formatDate(altFormat,date,this._getFormatConfig(inst));$(altField).each(function(){$(this).val(dateStr)})}},noWeekends:function(date){var day=date.getDay();return[(day>0&&day<6),""]},iso8601Week:function(date){var checkDate=new Date(date.getFullYear(),date.getMonth(),date.getDate());var firstMon=new Date(checkDate.getFullYear(),1-1,4);var firstDay=firstMon.getDay()||7;firstMon.setDate(firstMon.getDate()+1-firstDay);if(firstDay<4&&checkDate<firstMon){checkDate.setDate(checkDate.getDate()-3);return $.datepicker.iso8601Week(checkDate)}else{if(checkDate>new Date(checkDate.getFullYear(),12-1,28)){firstDay=new Date(checkDate.getFullYear()+1,1-1,4).getDay()||7;if(firstDay>4&&(checkDate.getDay()||7)<firstDay-3){return 1}}}return Math.floor(((checkDate-firstMon)/86400000)/7)+1},parseDate:function(format,value,settings){if(format==null||value==null){throw"Invalid arguments"}value=(typeof value=="object"?value.toString():value+"");if(value==""){return null}var shortYearCutoff=(settings?settings.shortYearCutoff:null)||this._defaults.shortYearCutoff;var dayNamesShort=(settings?settings.dayNamesShort:null)||this._defaults.dayNamesShort;var dayNames=(settings?settings.dayNames:null)||this._defaults.dayNames;var monthNamesShort=(settings?settings.monthNamesShort:null)||this._defaults.monthNamesShort;var monthNames=(settings?settings.monthNames:null)||this._defaults.monthNames;var year=-1;var month=-1;var day=-1;var doy=-1;var literal=false;var lookAhead=function(match){var matches=(iFormat+1<format.length&&format.charAt(iFormat+1)==match);if(matches){iFormat++}return matches};var getNumber=function(match){lookAhead(match);var origSize=(match=="@"?14:(match=="y"?4:(match=="o"?3:2)));var size=origSize;var num=0;while(size>0&&iValue<value.length&&value.charAt(iValue)>="0"&&value.charAt(iValue)<="9"){num=num*10+parseInt(value.charAt(iValue++),10);size--}if(size==origSize){throw"Missing number at position "+iValue}return num};var getName=function(match,shortNames,longNames){var names=(lookAhead(match)?longNames:shortNames);var size=0;for(var j=0;j<names.length;j++){size=Math.max(size,names[j].length)}var name="";var iInit=iValue;while(size>0&&iValue<value.length){name+=value.charAt(iValue++);for(var i=0;i<names.length;i++){if(name==names[i]){return i+1}}size--}throw"Unknown name at position "+iInit};var checkLiteral=function(){if(value.charAt(iValue)!=format.charAt(iFormat)){throw"Unexpected literal at position "+iValue}iValue++};var iValue=0;for(var iFormat=0;iFormat<format.length;iFormat++){if(literal){if(format.charAt(iFormat)=="'"&&!lookAhead("'")){literal=false}else{checkLiteral()}}else{switch(format.charAt(iFormat)){case"d":day=getNumber("d");break;case"D":getName("D",dayNamesShort,dayNames);break;case"o":doy=getNumber("o");break;case"m":month=getNumber("m");break;case"M":month=getName("M",monthNamesShort,monthNames);break;case"y":year=getNumber("y");break;case"@":var date=new Date(getNumber("@"));year=date.getFullYear();month=date.getMonth()+1;day=date.getDate();break;case"'":if(lookAhead("'")){checkLiteral()}else{literal=true}break;default:checkLiteral()}}}if(year==-1){year=new Date().getFullYear()}else{if(year<100){year+=new Date().getFullYear()-new Date().getFullYear()%100+(year<=shortYearCutoff?0:-100)}}if(doy>-1){month=1;day=doy;do{var dim=this._getDaysInMonth(year,month-1);if(day<=dim){break}month++;day-=dim}while(true)}var date=this._daylightSavingAdjust(new Date(year,month-1,day));if(date.getFullYear()!=year||date.getMonth()+1!=month||date.getDate()!=day){throw"Invalid date"}return date},ATOM:"yy-mm-dd",COOKIE:"D, dd M yy",ISO_8601:"yy-mm-dd",RFC_822:"D, d M y",RFC_850:"DD, dd-M-y",RFC_1036:"D, d M y",RFC_1123:"D, d M yy",RFC_2822:"D, d M yy",RSS:"D, d M y",TIMESTAMP:"@",W3C:"yy-mm-dd",formatDate:function(format,date,settings){if(!date){return""}var dayNamesShort=(settings?settings.dayNamesShort:null)||this._defaults.dayNamesShort;var dayNames=(settings?settings.dayNames:null)||this._defaults.dayNames;var monthNamesShort=(settings?settings.monthNamesShort:null)||this._defaults.monthNamesShort;var monthNames=(settings?settings.monthNames:null)||this._defaults.monthNames;var lookAhead=function(match){var matches=(iFormat+1<format.length&&format.charAt(iFormat+1)==match);if(matches){iFormat++}return matches};var formatNumber=function(match,value,len){var num=""+value;if(lookAhead(match)){while(num.length<len){num="0"+num}}return num};var formatName=function(match,value,shortNames,longNames){return(lookAhead(match)?longNames[value]:shortNames[value])};var output="";var literal=false;if(date){for(var iFormat=0;iFormat<format.length;iFormat++){if(literal){if(format.charAt(iFormat)=="'"&&!lookAhead("'")){literal=false}else{output+=format.charAt(iFormat)}}else{switch(format.charAt(iFormat)){case"d":output+=formatNumber("d",date.getDate(),2);break;case"D":output+=formatName("D",date.getDay(),dayNamesShort,dayNames);break;case"o":var doy=date.getDate();for(var m=date.getMonth()-1;m>=0;m--){doy+=this._getDaysInMonth(date.getFullYear(),m)}output+=formatNumber("o",doy,3);break;case"m":output+=formatNumber("m",date.getMonth()+1,2);break;case"M":output+=formatName("M",date.getMonth(),monthNamesShort,monthNames);break;case"y":output+=(lookAhead("y")?date.getFullYear():(date.getYear()%100<10?"0":"")+date.getYear()%100);break;case"@":output+=date.getTime();break;case"'":if(lookAhead("'")){output+="'"}else{literal=true}break;default:output+=format.charAt(iFormat)}}}}return output},_possibleChars:function(format){var chars="";var literal=false;for(var iFormat=0;iFormat<format.length;iFormat++){if(literal){if(format.charAt(iFormat)=="'"&&!lookAhead("'")){literal=false}else{chars+=format.charAt(iFormat)}}else{switch(format.charAt(iFormat)){case"d":case"m":case"y":case"@":chars+="0123456789";break;case"D":case"M":return null;case"'":if(lookAhead("'")){chars+="'"}else{literal=true}break;default:chars+=format.charAt(iFormat)}}}return chars},_get:function(inst,name){return inst.settings[name]!==undefined?inst.settings[name]:this._defaults[name]},_setDateFromField:function(inst){var dateFormat=this._get(inst,"dateFormat");var dates=inst.input?inst.input.val():null;inst.endDay=inst.endMonth=inst.endYear=null;var date=defaultDate=this._getDefaultDate(inst);var settings=this._getFormatConfig(inst);try{date=this.parseDate(dateFormat,dates,settings)||defaultDate}catch(event){this.log(event);date=defaultDate}inst.selectedDay=date.getDate();inst.drawMonth=inst.selectedMonth=date.getMonth();inst.drawYear=inst.selectedYear=date.getFullYear();inst.currentDay=(dates?date.getDate():0);inst.currentMonth=(dates?date.getMonth():0);inst.currentYear=(dates?date.getFullYear():0);this._adjustInstDate(inst)},_getDefaultDate:function(inst){var date=this._determineDate(this._get(inst,"defaultDate"),new Date());var minDate=this._getMinMaxDate(inst,"min",true);var maxDate=this._getMinMaxDate(inst,"max");date=(minDate&&date<minDate?minDate:date);date=(maxDate&&date>maxDate?maxDate:date);return date},_determineDate:function(date,defaultDate){var offsetNumeric=function(offset){var date=new Date();date.setDate(date.getDate()+offset);return date};var offsetString=function(offset,getDaysInMonth){var date=new Date();var year=date.getFullYear();var month=date.getMonth();var day=date.getDate();var pattern=/([+-]?[0-9]+)\s*(d|D|w|W|m|M|y|Y)?/g;var matches=pattern.exec(offset);while(matches){switch(matches[2]||"d"){case"d":case"D":day+=parseInt(matches[1],10);break;case"w":case"W":day+=parseInt(matches[1],10)*7;break;case"m":case"M":month+=parseInt(matches[1],10);day=Math.min(day,getDaysInMonth(year,month));break;case"y":case"Y":year+=parseInt(matches[1],10);day=Math.min(day,getDaysInMonth(year,month));break}matches=pattern.exec(offset)}return new Date(year,month,day)};date=(date==null?defaultDate:(typeof date=="string"?offsetString(date,this._getDaysInMonth):(typeof date=="number"?(isNaN(date)?defaultDate:offsetNumeric(date)):date)));date=(date&&date.toString()=="Invalid Date"?defaultDate:date);if(date){date.setHours(0);date.setMinutes(0);date.setSeconds(0);date.setMilliseconds(0)}return this._daylightSavingAdjust(date)},_daylightSavingAdjust:function(date){if(!date){return null}date.setHours(date.getHours()>12?date.getHours()+2:0);return date},_setDate:function(inst,date,endDate){var clear=!(date);var origMonth=inst.selectedMonth;var origYear=inst.selectedYear;date=this._determineDate(date,new Date());inst.selectedDay=inst.currentDay=date.getDate();inst.drawMonth=inst.selectedMonth=inst.currentMonth=date.getMonth();inst.drawYear=inst.selectedYear=inst.currentYear=date.getFullYear();if(origMonth!=inst.selectedMonth||origYear!=inst.selectedYear){this._notifyChange(inst)}this._adjustInstDate(inst);if(inst.input){inst.input.val(clear?"":this._formatDate(inst))}},_getDate:function(inst){var startDate=(!inst.currentYear||(inst.input&&inst.input.val()=="")?null:this._daylightSavingAdjust(new Date(inst.currentYear,inst.currentMonth,inst.currentDay)));return startDate},_generateHTML:function(inst){var today=new Date();today=this._daylightSavingAdjust(new Date(today.getFullYear(),today.getMonth(),today.getDate()));var isRTL=this._get(inst,"isRTL");var showButtonPanel=this._get(inst,"showButtonPanel");var hideIfNoPrevNext=this._get(inst,"hideIfNoPrevNext");var navigationAsDateFormat=this._get(inst,"navigationAsDateFormat");var numMonths=this._getNumberOfMonths(inst);var showCurrentAtPos=this._get(inst,"showCurrentAtPos");var stepMonths=this._get(inst,"stepMonths");var stepBigMonths=this._get(inst,"stepBigMonths");var isMultiMonth=(numMonths[0]!=1||numMonths[1]!=1);var currentDate=this._daylightSavingAdjust((!inst.currentDay?new Date(9999,9,9):new Date(inst.currentYear,inst.currentMonth,inst.currentDay)));var minDate=this._getMinMaxDate(inst,"min",true);var maxDate=this._getMinMaxDate(inst,"max");var drawMonth=inst.drawMonth-showCurrentAtPos;var drawYear=inst.drawYear;if(drawMonth<0){drawMonth+=12;drawYear--}if(maxDate){var maxDraw=this._daylightSavingAdjust(new Date(maxDate.getFullYear(),maxDate.getMonth()-numMonths[1]+1,maxDate.getDate()));maxDraw=(minDate&&maxDraw<minDate?minDate:maxDraw);while(this._daylightSavingAdjust(new Date(drawYear,drawMonth,1))>maxDraw){drawMonth--;if(drawMonth<0){drawMonth=11;drawYear--}}}inst.drawMonth=drawMonth;inst.drawYear=drawYear;var prevText=this._get(inst,"prevText");prevText=(!navigationAsDateFormat?prevText:this.formatDate(prevText,this._daylightSavingAdjust(new Date(drawYear,drawMonth-stepMonths,1)),this._getFormatConfig(inst)));var prev=(this._canAdjustMonth(inst,-1,drawYear,drawMonth)?'<a class="ui-datepicker-prev ui-corner-all" onclick="DP_jQuery.datepicker._adjustDate(\'#'+inst.id+"', -"+stepMonths+", 'M');\" title=\""+prevText+'"><span class="ui-icon ui-icon-circle-triangle-'+(isRTL?"e":"w")+'">'+prevText+"</span></a>":(hideIfNoPrevNext?"":'<a class="ui-datepicker-prev ui-corner-all ui-state-disabled" title="'+prevText+'"><span class="ui-icon ui-icon-circle-triangle-'+(isRTL?"e":"w")+'">'+prevText+"</span></a>"));var nextText=this._get(inst,"nextText");nextText=(!navigationAsDateFormat?nextText:this.formatDate(nextText,this._daylightSavingAdjust(new Date(drawYear,drawMonth+stepMonths,1)),this._getFormatConfig(inst)));var next=(this._canAdjustMonth(inst,+1,drawYear,drawMonth)?'<a class="ui-datepicker-next ui-corner-all" onclick="DP_jQuery.datepicker._adjustDate(\'#'+inst.id+"', +"+stepMonths+", 'M');\" title=\""+nextText+'"><span class="ui-icon ui-icon-circle-triangle-'+(isRTL?"w":"e")+'">'+nextText+"</span></a>":(hideIfNoPrevNext?"":'<a class="ui-datepicker-next ui-corner-all ui-state-disabled" title="'+nextText+'"><span class="ui-icon ui-icon-circle-triangle-'+(isRTL?"w":"e")+'">'+nextText+"</span></a>"));var currentText=this._get(inst,"currentText");var gotoDate=(this._get(inst,"gotoCurrent")&&inst.currentDay?currentDate:today);currentText=(!navigationAsDateFormat?currentText:this.formatDate(currentText,gotoDate,this._getFormatConfig(inst)));var controls=(!inst.inline?'<button type="button" class="ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all" onclick="DP_jQuery.datepicker._hideDatepicker();">'+this._get(inst,"closeText")+"</button>":"");var buttonPanel=(showButtonPanel)?'<div class="ui-datepicker-buttonpane ui-widget-content">'+(isRTL?controls:"")+(this._isInRange(inst,gotoDate)?'<button type="button" class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all" onclick="DP_jQuery.datepicker._gotoToday(\'#'+inst.id+"');\">"+currentText+"</button>":"")+(isRTL?"":controls)+"</div>":"";var firstDay=parseInt(this._get(inst,"firstDay"),10);firstDay=(isNaN(firstDay)?0:firstDay);var dayNames=this._get(inst,"dayNames");var dayNamesShort=this._get(inst,"dayNamesShort");var dayNamesMin=this._get(inst,"dayNamesMin");var monthNames=this._get(inst,"monthNames");var monthNamesShort=this._get(inst,"monthNamesShort");var beforeShowDay=this._get(inst,"beforeShowDay");var showOtherMonths=this._get(inst,"showOtherMonths");var calculateWeek=this._get(inst,"calculateWeek")||this.iso8601Week;var endDate=inst.endDay?this._daylightSavingAdjust(new Date(inst.endYear,inst.endMonth,inst.endDay)):currentDate;var defaultDate=this._getDefaultDate(inst);var html="";for(var row=0;row<numMonths[0];row++){var group="";for(var col=0;col<numMonths[1];col++){var selectedDate=this._daylightSavingAdjust(new Date(drawYear,drawMonth,inst.selectedDay));var cornerClass=" ui-corner-all";var calender="";if(isMultiMonth){calender+='<div class="ui-datepicker-group ui-datepicker-group-';switch(col){case 0:calender+="first";cornerClass=" ui-corner-"+(isRTL?"right":"left");break;case numMonths[1]-1:calender+="last";cornerClass=" ui-corner-"+(isRTL?"left":"right");break;default:calender+="middle";cornerClass="";break}calender+='">'}calender+='<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix'+cornerClass+'">'+(/all|left/.test(cornerClass)&&row==0?(isRTL?next:prev):"")+(/all|right/.test(cornerClass)&&row==0?(isRTL?prev:next):"")+this._generateMonthYearHeader(inst,drawMonth,drawYear,minDate,maxDate,selectedDate,row>0||col>0,monthNames,monthNamesShort)+'</div><table class="ui-datepicker-calendar"><thead><tr>';var thead="";for(var dow=0;dow<7;dow++){var day=(dow+firstDay)%7;thead+="<th"+((dow+firstDay+6)%7>=5?' class="ui-datepicker-week-end"':"")+'><span title="'+dayNames[day]+'">'+dayNamesMin[day]+"</span></th>"}calender+=thead+"</tr></thead><tbody>";var daysInMonth=this._getDaysInMonth(drawYear,drawMonth);if(drawYear==inst.selectedYear&&drawMonth==inst.selectedMonth){inst.selectedDay=Math.min(inst.selectedDay,daysInMonth)}var leadDays=(this._getFirstDayOfMonth(drawYear,drawMonth)-firstDay+7)%7;var numRows=(isMultiMonth?6:Math.ceil((leadDays+daysInMonth)/7));var printDate=this._daylightSavingAdjust(new Date(drawYear,drawMonth,1-leadDays));for(var dRow=0;dRow<numRows;dRow++){calender+="<tr>";var tbody="";for(var dow=0;dow<7;dow++){var daySettings=(beforeShowDay?beforeShowDay.apply((inst.input?inst.input[0]:null),[printDate]):[true,""]);var otherMonth=(printDate.getMonth()!=drawMonth);var unselectable=otherMonth||!daySettings[0]||(minDate&&printDate<minDate)||(maxDate&&printDate>maxDate);tbody+='<td class="'+((dow+firstDay+6)%7>=5?" ui-datepicker-week-end":"")+(otherMonth?" ui-datepicker-other-month":"")+((printDate.getTime()==selectedDate.getTime()&&drawMonth==inst.selectedMonth&&inst._keyEvent)||(defaultDate.getTime()==printDate.getTime()&&defaultDate.getTime()==selectedDate.getTime())?" "+this._dayOverClass:"")+(unselectable?" "+this._unselectableClass+" ui-state-disabled":"")+(otherMonth&&!showOtherMonths?"":" "+daySettings[1]+(printDate.getTime()>=currentDate.getTime()&&printDate.getTime()<=endDate.getTime()?" "+this._currentClass:"")+(printDate.getTime()==today.getTime()?" ui-datepicker-today":""))+'"'+((!otherMonth||showOtherMonths)&&daySettings[2]?' title="'+daySettings[2]+'"':"")+(unselectable?"":" onclick=\"DP_jQuery.datepicker._selectDay('#"+inst.id+"',"+drawMonth+","+drawYear+', this);return false;"')+">"+(otherMonth?(showOtherMonths?printDate.getDate():"&#xa0;"):(unselectable?'<span class="ui-state-default">'+printDate.getDate()+"</span>":'<a class="ui-state-default'+(printDate.getTime()==today.getTime()?" ui-state-highlight":"")+(printDate.getTime()>=currentDate.getTime()&&printDate.getTime()<=endDate.getTime()?" ui-state-active":"")+'" href="#">'+printDate.getDate()+"</a>"))+"</td>";printDate.setDate(printDate.getDate()+1);printDate=this._daylightSavingAdjust(printDate)}calender+=tbody+"</tr>"}drawMonth++;if(drawMonth>11){drawMonth=0;drawYear++}calender+="</tbody></table>"+(isMultiMonth?"</div>"+((numMonths[0]>0&&col==numMonths[1]-1)?'<div class="ui-datepicker-row-break"></div>':""):"");group+=calender}html+=group}html+=buttonPanel+($.browser.msie&&parseInt($.browser.version,10)<7&&!inst.inline?'<iframe src="javascript:false;" class="ui-datepicker-cover" frameborder="0"></iframe>':"");inst._keyEvent=false;return html},_generateMonthYearHeader:function(inst,drawMonth,drawYear,minDate,maxDate,selectedDate,secondary,monthNames,monthNamesShort){minDate=(inst.rangeStart&&minDate&&selectedDate<minDate?selectedDate:minDate);var changeMonth=this._get(inst,"changeMonth");var changeYear=this._get(inst,"changeYear");var showMonthAfterYear=this._get(inst,"showMonthAfterYear");var html='<div class="ui-datepicker-title">';var monthHtml="";if(secondary||!changeMonth){monthHtml+='<span class="ui-datepicker-month">'+monthNames[drawMonth]+"</span> "}else{var inMinYear=(minDate&&minDate.getFullYear()==drawYear);var inMaxYear=(maxDate&&maxDate.getFullYear()==drawYear);monthHtml+='<select class="ui-datepicker-month" onchange="DP_jQuery.datepicker._selectMonthYear(\'#'+inst.id+"', this, 'M');\" onclick=\"DP_jQuery.datepicker._clickMonthYear('#"+inst.id+"');\">";for(var month=0;month<12;month++){if((!inMinYear||month>=minDate.getMonth())&&(!inMaxYear||month<=maxDate.getMonth())){monthHtml+='<option value="'+month+'"'+(month==drawMonth?' selected="selected"':"")+">"+monthNamesShort[month]+"</option>"}}monthHtml+="</select>"}if(!showMonthAfterYear){html+=monthHtml+((secondary||changeMonth||changeYear)&&(!(changeMonth&&changeYear))?"&#xa0;":"")}if(secondary||!changeYear){html+='<span class="ui-datepicker-year">'+drawYear+"</span>"}else{var years=this._get(inst,"yearRange").split(":");var year=0;var endYear=0;if(years.length!=2){year=drawYear-10;endYear=drawYear+10}else{if(years[0].charAt(0)=="+"||years[0].charAt(0)=="-"){year=drawYear+parseInt(years[0],10);endYear=drawYear+parseInt(years[1],10)}else{year=parseInt(years[0],10);endYear=parseInt(years[1],10)}}year=(minDate?Math.max(year,minDate.getFullYear()):year);endYear=(maxDate?Math.min(endYear,maxDate.getFullYear()):endYear);html+='<select class="ui-datepicker-year" onchange="DP_jQuery.datepicker._selectMonthYear(\'#'+inst.id+"', this, 'Y');\" onclick=\"DP_jQuery.datepicker._clickMonthYear('#"+inst.id+"');\">";for(;year<=endYear;year++){html+='<option value="'+year+'"'+(year==drawYear?' selected="selected"':"")+">"+year+"</option>"}html+="</select>"}if(showMonthAfterYear){html+=(secondary||changeMonth||changeYear?"&#xa0;":"")+monthHtml}html+="</div>";return html},_adjustInstDate:function(inst,offset,period){var year=inst.drawYear+(period=="Y"?offset:0);var month=inst.drawMonth+(period=="M"?offset:0);var day=Math.min(inst.selectedDay,this._getDaysInMonth(year,month))+(period=="D"?offset:0);var date=this._daylightSavingAdjust(new Date(year,month,day));var minDate=this._getMinMaxDate(inst,"min",true);var maxDate=this._getMinMaxDate(inst,"max");date=(minDate&&date<minDate?minDate:date);date=(maxDate&&date>maxDate?maxDate:date);inst.selectedDay=date.getDate();inst.drawMonth=inst.selectedMonth=date.getMonth();inst.drawYear=inst.selectedYear=date.getFullYear();if(period=="M"||period=="Y"){this._notifyChange(inst)}},_notifyChange:function(inst){var onChange=this._get(inst,"onChangeMonthYear");if(onChange){onChange.apply((inst.input?inst.input[0]:null),[inst.selectedYear,inst.selectedMonth+1,inst])}},_getNumberOfMonths:function(inst){var numMonths=this._get(inst,"numberOfMonths");return(numMonths==null?[1,1]:(typeof numMonths=="number"?[1,numMonths]:numMonths))},_getMinMaxDate:function(inst,minMax,checkRange){var date=this._determineDate(this._get(inst,minMax+"Date"),null);return(!checkRange||!inst.rangeStart?date:(!date||inst.rangeStart>date?inst.rangeStart:date))},_getDaysInMonth:function(year,month){return 32-new Date(year,month,32).getDate()},_getFirstDayOfMonth:function(year,month){return new Date(year,month,1).getDay()},_canAdjustMonth:function(inst,offset,curYear,curMonth){var numMonths=this._getNumberOfMonths(inst);var date=this._daylightSavingAdjust(new Date(curYear,curMonth+(offset<0?offset:numMonths[1]),1));if(offset<0){date.setDate(this._getDaysInMonth(date.getFullYear(),date.getMonth()))}return this._isInRange(inst,date)},_isInRange:function(inst,date){var newMinDate=(!inst.rangeStart?null:this._daylightSavingAdjust(new Date(inst.selectedYear,inst.selectedMonth,inst.selectedDay)));newMinDate=(newMinDate&&inst.rangeStart<newMinDate?inst.rangeStart:newMinDate);var minDate=newMinDate||this._getMinMaxDate(inst,"min");var maxDate=this._getMinMaxDate(inst,"max");return((!minDate||date>=minDate)&&(!maxDate||date<=maxDate))},_getFormatConfig:function(inst){var shortYearCutoff=this._get(inst,"shortYearCutoff");shortYearCutoff=(typeof shortYearCutoff!="string"?shortYearCutoff:new Date().getFullYear()%100+parseInt(shortYearCutoff,10));return{shortYearCutoff:shortYearCutoff,dayNamesShort:this._get(inst,"dayNamesShort"),dayNames:this._get(inst,"dayNames"),monthNamesShort:this._get(inst,"monthNamesShort"),monthNames:this._get(inst,"monthNames")}},_formatDate:function(inst,day,month,year){if(!day){inst.currentDay=inst.selectedDay;inst.currentMonth=inst.selectedMonth;inst.currentYear=inst.selectedYear}var date=(day?(typeof day=="object"?day:this._daylightSavingAdjust(new Date(year,month,day))):this._daylightSavingAdjust(new Date(inst.currentYear,inst.currentMonth,inst.currentDay)));return this.formatDate(this._get(inst,"dateFormat"),date,this._getFormatConfig(inst))}});function extendRemove(target,props){$.extend(target,props);for(var name in props){if(props[name]==null||props[name]==undefined){target[name]=props[name]}}return target}function isArray(a){return(a&&(($.browser.safari&&typeof a=="object"&&a.length)||(a.constructor&&a.constructor.toString().match(/\Array\(\)/))))}$.fn.datepicker=function(options){if(!$.datepicker.initialized){$(document).mousedown($.datepicker._checkExternalClick).find("body").append($.datepicker.dpDiv);$.datepicker.initialized=true}var otherArgs=Array.prototype.slice.call(arguments,1);if(typeof options=="string"&&(options=="isDisabled"||options=="getDate")){return $.datepicker["_"+options+"Datepicker"].apply($.datepicker,[this[0]].concat(otherArgs))}if(options=="option"&&arguments.length==2&&typeof arguments[1]=="string"){return $.datepicker["_"+options+"Datepicker"].apply($.datepicker,[this[0]].concat(otherArgs))}return this.each(function(){typeof options=="string"?$.datepicker["_"+options+"Datepicker"].apply($.datepicker,[this].concat(otherArgs)):$.datepicker._attachDatepicker(this,options)})};$.datepicker=new Datepicker();$.datepicker.initialized=false;$.datepicker.uuid=new Date().getTime();$.datepicker.version="1.7.2";window.DP_jQuery=$})(jQuery);;/*
+ * jQuery UI Progressbar 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Progressbar
+ *
+ * Depends:
+ *   ui.core.js
+ */
+(function(a){a.widget("ui.progressbar",{_init:function(){this.element.addClass("ui-progressbar ui-widget ui-widget-content ui-corner-all").attr({role:"progressbar","aria-valuemin":this._valueMin(),"aria-valuemax":this._valueMax(),"aria-valuenow":this._value()});this.valueDiv=a('<div class="ui-progressbar-value ui-widget-header ui-corner-left"></div>').appendTo(this.element);this._refreshValue()},destroy:function(){this.element.removeClass("ui-progressbar ui-widget ui-widget-content ui-corner-all").removeAttr("role").removeAttr("aria-valuemin").removeAttr("aria-valuemax").removeAttr("aria-valuenow").removeData("progressbar").unbind(".progressbar");this.valueDiv.remove();a.widget.prototype.destroy.apply(this,arguments)},value:function(b){if(b===undefined){return this._value()}this._setData("value",b);return this},_setData:function(b,c){switch(b){case"value":this.options.value=c;this._refreshValue();this._trigger("change",null,{});break}a.widget.prototype._setData.apply(this,arguments)},_value:function(){var b=this.options.value;if(b<this._valueMin()){b=this._valueMin()}if(b>this._valueMax()){b=this._valueMax()}return b},_valueMin:function(){var b=0;return b},_valueMax:function(){var b=100;return b},_refreshValue:function(){var b=this.value();this.valueDiv[b==this._valueMax()?"addClass":"removeClass"]("ui-corner-right");this.valueDiv.width(b+"%");this.element.attr("aria-valuenow",b)}});a.extend(a.ui.progressbar,{version:"1.7.2",defaults:{value:0}})})(jQuery);;/*
+ * jQuery UI Effects 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/
+ */
+jQuery.effects||(function(d){d.effects={version:"1.7.2",save:function(g,h){for(var f=0;f<h.length;f++){if(h[f]!==null){g.data("ec.storage."+h[f],g[0].style[h[f]])}}},restore:function(g,h){for(var f=0;f<h.length;f++){if(h[f]!==null){g.css(h[f],g.data("ec.storage."+h[f]))}}},setMode:function(f,g){if(g=="toggle"){g=f.is(":hidden")?"show":"hide"}return g},getBaseline:function(g,h){var i,f;switch(g[0]){case"top":i=0;break;case"middle":i=0.5;break;case"bottom":i=1;break;default:i=g[0]/h.height}switch(g[1]){case"left":f=0;break;case"center":f=0.5;break;case"right":f=1;break;default:f=g[1]/h.width}return{x:f,y:i}},createWrapper:function(f){if(f.parent().is(".ui-effects-wrapper")){return f.parent()}var g={width:f.outerWidth(true),height:f.outerHeight(true),"float":f.css("float")};f.wrap('<div class="ui-effects-wrapper" style="font-size:100%;background:transparent;border:none;margin:0;padding:0"></div>');var j=f.parent();if(f.css("position")=="static"){j.css({position:"relative"});f.css({position:"relative"})}else{var i=f.css("top");if(isNaN(parseInt(i,10))){i="auto"}var h=f.css("left");if(isNaN(parseInt(h,10))){h="auto"}j.css({position:f.css("position"),top:i,left:h,zIndex:f.css("z-index")}).show();f.css({position:"relative",top:0,left:0})}j.css(g);return j},removeWrapper:function(f){if(f.parent().is(".ui-effects-wrapper")){return f.parent().replaceWith(f)}return f},setTransition:function(g,i,f,h){h=h||{};d.each(i,function(k,j){unit=g.cssUnit(j);if(unit[0]>0){h[j]=unit[0]*f+unit[1]}});return h},animateClass:function(h,i,k,j){var f=(typeof k=="function"?k:(j?j:null));var g=(typeof k=="string"?k:null);return this.each(function(){var q={};var o=d(this);var p=o.attr("style")||"";if(typeof p=="object"){p=p.cssText}if(h.toggle){o.hasClass(h.toggle)?h.remove=h.toggle:h.add=h.toggle}var l=d.extend({},(document.defaultView?document.defaultView.getComputedStyle(this,null):this.currentStyle));if(h.add){o.addClass(h.add)}if(h.remove){o.removeClass(h.remove)}var m=d.extend({},(document.defaultView?document.defaultView.getComputedStyle(this,null):this.currentStyle));if(h.add){o.removeClass(h.add)}if(h.remove){o.addClass(h.remove)}for(var r in m){if(typeof m[r]!="function"&&m[r]&&r.indexOf("Moz")==-1&&r.indexOf("length")==-1&&m[r]!=l[r]&&(r.match(/color/i)||(!r.match(/color/i)&&!isNaN(parseInt(m[r],10))))&&(l.position!="static"||(l.position=="static"&&!r.match(/left|top|bottom|right/)))){q[r]=m[r]}}o.animate(q,i,g,function(){if(typeof d(this).attr("style")=="object"){d(this).attr("style")["cssText"]="";d(this).attr("style")["cssText"]=p}else{d(this).attr("style",p)}if(h.add){d(this).addClass(h.add)}if(h.remove){d(this).removeClass(h.remove)}if(f){f.apply(this,arguments)}})})}};function c(g,f){var i=g[1]&&g[1].constructor==Object?g[1]:{};if(f){i.mode=f}var h=g[1]&&g[1].constructor!=Object?g[1]:(i.duration?i.duration:g[2]);h=d.fx.off?0:typeof h==="number"?h:d.fx.speeds[h]||d.fx.speeds._default;var j=i.callback||(d.isFunction(g[1])&&g[1])||(d.isFunction(g[2])&&g[2])||(d.isFunction(g[3])&&g[3]);return[g[0],i,h,j]}d.fn.extend({_show:d.fn.show,_hide:d.fn.hide,__toggle:d.fn.toggle,_addClass:d.fn.addClass,_removeClass:d.fn.removeClass,_toggleClass:d.fn.toggleClass,effect:function(g,f,h,i){return d.effects[g]?d.effects[g].call(this,{method:g,options:f||{},duration:h,callback:i}):null},show:function(){if(!arguments[0]||(arguments[0].constructor==Number||(/(slow|normal|fast)/).test(arguments[0]))){return this._show.apply(this,arguments)}else{return this.effect.apply(this,c(arguments,"show"))}},hide:function(){if(!arguments[0]||(arguments[0].constructor==Number||(/(slow|normal|fast)/).test(arguments[0]))){return this._hide.apply(this,arguments)}else{return this.effect.apply(this,c(arguments,"hide"))}},toggle:function(){if(!arguments[0]||(arguments[0].constructor==Number||(/(slow|normal|fast)/).test(arguments[0]))||(d.isFunction(arguments[0])||typeof arguments[0]=="boolean")){return this.__toggle.apply(this,arguments)}else{return this.effect.apply(this,c(arguments,"toggle"))}},addClass:function(g,f,i,h){return f?d.effects.animateClass.apply(this,[{add:g},f,i,h]):this._addClass(g)},removeClass:function(g,f,i,h){return f?d.effects.animateClass.apply(this,[{remove:g},f,i,h]):this._removeClass(g)},toggleClass:function(g,f,i,h){return((typeof f!=="boolean")&&f)?d.effects.animateClass.apply(this,[{toggle:g},f,i,h]):this._toggleClass(g,f)},morph:function(f,h,g,j,i){return d.effects.animateClass.apply(this,[{add:h,remove:f},g,j,i])},switchClass:function(){return this.morph.apply(this,arguments)},cssUnit:function(f){var g=this.css(f),h=[];d.each(["em","px","%","pt"],function(j,k){if(g.indexOf(k)>0){h=[parseFloat(g),k]}});return h}});d.each(["backgroundColor","borderBottomColor","borderLeftColor","borderRightColor","borderTopColor","color","outlineColor"],function(g,f){d.fx.step[f]=function(h){if(h.state==0){h.start=e(h.elem,f);h.end=b(h.end)}h.elem.style[f]="rgb("+[Math.max(Math.min(parseInt((h.pos*(h.end[0]-h.start[0]))+h.start[0],10),255),0),Math.max(Math.min(parseInt((h.pos*(h.end[1]-h.start[1]))+h.start[1],10),255),0),Math.max(Math.min(parseInt((h.pos*(h.end[2]-h.start[2]))+h.start[2],10),255),0)].join(",")+")"}});function b(g){var f;if(g&&g.constructor==Array&&g.length==3){return g}if(f=/rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(g)){return[parseInt(f[1],10),parseInt(f[2],10),parseInt(f[3],10)]}if(f=/rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(g)){return[parseFloat(f[1])*2.55,parseFloat(f[2])*2.55,parseFloat(f[3])*2.55]}if(f=/#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(g)){return[parseInt(f[1],16),parseInt(f[2],16),parseInt(f[3],16)]}if(f=/#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(g)){return[parseInt(f[1]+f[1],16),parseInt(f[2]+f[2],16),parseInt(f[3]+f[3],16)]}if(f=/rgba\(0, 0, 0, 0\)/.exec(g)){return a.transparent}return a[d.trim(g).toLowerCase()]}function e(h,f){var g;do{g=d.curCSS(h,f);if(g!=""&&g!="transparent"||d.nodeName(h,"body")){break}f="backgroundColor"}while(h=h.parentNode);return b(g)}var a={aqua:[0,255,255],azure:[240,255,255],beige:[245,245,220],black:[0,0,0],blue:[0,0,255],brown:[165,42,42],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgrey:[169,169,169],darkgreen:[0,100,0],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkviolet:[148,0,211],fuchsia:[255,0,255],gold:[255,215,0],green:[0,128,0],indigo:[75,0,130],khaki:[240,230,140],lightblue:[173,216,230],lightcyan:[224,255,255],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightyellow:[255,255,224],lime:[0,255,0],magenta:[255,0,255],maroon:[128,0,0],navy:[0,0,128],olive:[128,128,0],orange:[255,165,0],pink:[255,192,203],purple:[128,0,128],violet:[128,0,128],red:[255,0,0],silver:[192,192,192],white:[255,255,255],yellow:[255,255,0],transparent:[255,255,255]};d.easing.jswing=d.easing.swing;d.extend(d.easing,{def:"easeOutQuad",swing:function(g,h,f,j,i){return d.easing[d.easing.def](g,h,f,j,i)},easeInQuad:function(g,h,f,j,i){return j*(h/=i)*h+f},easeOutQuad:function(g,h,f,j,i){return -j*(h/=i)*(h-2)+f},easeInOutQuad:function(g,h,f,j,i){if((h/=i/2)<1){return j/2*h*h+f}return -j/2*((--h)*(h-2)-1)+f},easeInCubic:function(g,h,f,j,i){return j*(h/=i)*h*h+f},easeOutCubic:function(g,h,f,j,i){return j*((h=h/i-1)*h*h+1)+f},easeInOutCubic:function(g,h,f,j,i){if((h/=i/2)<1){return j/2*h*h*h+f}return j/2*((h-=2)*h*h+2)+f},easeInQuart:function(g,h,f,j,i){return j*(h/=i)*h*h*h+f},easeOutQuart:function(g,h,f,j,i){return -j*((h=h/i-1)*h*h*h-1)+f},easeInOutQuart:function(g,h,f,j,i){if((h/=i/2)<1){return j/2*h*h*h*h+f}return -j/2*((h-=2)*h*h*h-2)+f},easeInQuint:function(g,h,f,j,i){return j*(h/=i)*h*h*h*h+f},easeOutQuint:function(g,h,f,j,i){return j*((h=h/i-1)*h*h*h*h+1)+f},easeInOutQuint:function(g,h,f,j,i){if((h/=i/2)<1){return j/2*h*h*h*h*h+f}return j/2*((h-=2)*h*h*h*h+2)+f},easeInSine:function(g,h,f,j,i){return -j*Math.cos(h/i*(Math.PI/2))+j+f},easeOutSine:function(g,h,f,j,i){return j*Math.sin(h/i*(Math.PI/2))+f},easeInOutSine:function(g,h,f,j,i){return -j/2*(Math.cos(Math.PI*h/i)-1)+f},easeInExpo:function(g,h,f,j,i){return(h==0)?f:j*Math.pow(2,10*(h/i-1))+f},easeOutExpo:function(g,h,f,j,i){return(h==i)?f+j:j*(-Math.pow(2,-10*h/i)+1)+f},easeInOutExpo:function(g,h,f,j,i){if(h==0){return f}if(h==i){return f+j}if((h/=i/2)<1){return j/2*Math.pow(2,10*(h-1))+f}return j/2*(-Math.pow(2,-10*--h)+2)+f},easeInCirc:function(g,h,f,j,i){return -j*(Math.sqrt(1-(h/=i)*h)-1)+f},easeOutCirc:function(g,h,f,j,i){return j*Math.sqrt(1-(h=h/i-1)*h)+f},easeInOutCirc:function(g,h,f,j,i){if((h/=i/2)<1){return -j/2*(Math.sqrt(1-h*h)-1)+f}return j/2*(Math.sqrt(1-(h-=2)*h)+1)+f},easeInElastic:function(g,i,f,m,l){var j=1.70158;var k=0;var h=m;if(i==0){return f}if((i/=l)==1){return f+m}if(!k){k=l*0.3}if(h<Math.abs(m)){h=m;var j=k/4}else{var j=k/(2*Math.PI)*Math.asin(m/h)}return -(h*Math.pow(2,10*(i-=1))*Math.sin((i*l-j)*(2*Math.PI)/k))+f},easeOutElastic:function(g,i,f,m,l){var j=1.70158;var k=0;var h=m;if(i==0){return f}if((i/=l)==1){return f+m}if(!k){k=l*0.3}if(h<Math.abs(m)){h=m;var j=k/4}else{var j=k/(2*Math.PI)*Math.asin(m/h)}return h*Math.pow(2,-10*i)*Math.sin((i*l-j)*(2*Math.PI)/k)+m+f},easeInOutElastic:function(g,i,f,m,l){var j=1.70158;var k=0;var h=m;if(i==0){return f}if((i/=l/2)==2){return f+m}if(!k){k=l*(0.3*1.5)}if(h<Math.abs(m)){h=m;var j=k/4}else{var j=k/(2*Math.PI)*Math.asin(m/h)}if(i<1){return -0.5*(h*Math.pow(2,10*(i-=1))*Math.sin((i*l-j)*(2*Math.PI)/k))+f}return h*Math.pow(2,-10*(i-=1))*Math.sin((i*l-j)*(2*Math.PI)/k)*0.5+m+f},easeInBack:function(g,h,f,k,j,i){if(i==undefined){i=1.70158}return k*(h/=j)*h*((i+1)*h-i)+f},easeOutBack:function(g,h,f,k,j,i){if(i==undefined){i=1.70158}return k*((h=h/j-1)*h*((i+1)*h+i)+1)+f},easeInOutBack:function(g,h,f,k,j,i){if(i==undefined){i=1.70158}if((h/=j/2)<1){return k/2*(h*h*(((i*=(1.525))+1)*h-i))+f}return k/2*((h-=2)*h*(((i*=(1.525))+1)*h+i)+2)+f},easeInBounce:function(g,h,f,j,i){return j-d.easing.easeOutBounce(g,i-h,0,j,i)+f},easeOutBounce:function(g,h,f,j,i){if((h/=i)<(1/2.75)){return j*(7.5625*h*h)+f}else{if(h<(2/2.75)){return j*(7.5625*(h-=(1.5/2.75))*h+0.75)+f}else{if(h<(2.5/2.75)){return j*(7.5625*(h-=(2.25/2.75))*h+0.9375)+f}else{return j*(7.5625*(h-=(2.625/2.75))*h+0.984375)+f}}}},easeInOutBounce:function(g,h,f,j,i){if(h<i/2){return d.easing.easeInBounce(g,h*2,0,j,i)*0.5+f}return d.easing.easeOutBounce(g,h*2-i,0,j,i)*0.5+j*0.5+f}})})(jQuery);;/*
+ * jQuery UI Effects Blind 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Blind
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function(a){a.effects.blind=function(b){return this.queue(function(){var d=a(this),c=["position","top","left"];var h=a.effects.setMode(d,b.options.mode||"hide");var g=b.options.direction||"vertical";a.effects.save(d,c);d.show();var j=a.effects.createWrapper(d).css({overflow:"hidden"});var e=(g=="vertical")?"height":"width";var i=(g=="vertical")?j.height():j.width();if(h=="show"){j.css(e,0)}var f={};f[e]=h=="show"?i:0;j.animate(f,b.duration,b.options.easing,function(){if(h=="hide"){d.hide()}a.effects.restore(d,c);a.effects.removeWrapper(d);if(b.callback){b.callback.apply(d[0],arguments)}d.dequeue()})})}})(jQuery);;/*
+ * jQuery UI Effects Bounce 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Bounce
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function(a){a.effects.bounce=function(b){return this.queue(function(){var e=a(this),l=["position","top","left"];var k=a.effects.setMode(e,b.options.mode||"effect");var n=b.options.direction||"up";var c=b.options.distance||20;var d=b.options.times||5;var g=b.duration||250;if(/show|hide/.test(k)){l.push("opacity")}a.effects.save(e,l);e.show();a.effects.createWrapper(e);var f=(n=="up"||n=="down")?"top":"left";var p=(n=="up"||n=="left")?"pos":"neg";var c=b.options.distance||(f=="top"?e.outerHeight({margin:true})/3:e.outerWidth({margin:true})/3);if(k=="show"){e.css("opacity",0).css(f,p=="pos"?-c:c)}if(k=="hide"){c=c/(d*2)}if(k!="hide"){d--}if(k=="show"){var h={opacity:1};h[f]=(p=="pos"?"+=":"-=")+c;e.animate(h,g/2,b.options.easing);c=c/2;d--}for(var j=0;j<d;j++){var o={},m={};o[f]=(p=="pos"?"-=":"+=")+c;m[f]=(p=="pos"?"+=":"-=")+c;e.animate(o,g/2,b.options.easing).animate(m,g/2,b.options.easing);c=(k=="hide")?c*2:c/2}if(k=="hide"){var h={opacity:0};h[f]=(p=="pos"?"-=":"+=")+c;e.animate(h,g/2,b.options.easing,function(){e.hide();a.effects.restore(e,l);a.effects.removeWrapper(e);if(b.callback){b.callback.apply(this,arguments)}})}else{var o={},m={};o[f]=(p=="pos"?"-=":"+=")+c;m[f]=(p=="pos"?"+=":"-=")+c;e.animate(o,g/2,b.options.easing).animate(m,g/2,b.options.easing,function(){a.effects.restore(e,l);a.effects.removeWrapper(e);if(b.callback){b.callback.apply(this,arguments)}})}e.queue("fx",function(){e.dequeue()});e.dequeue()})}})(jQuery);;/*
+ * jQuery UI Effects Clip 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Clip
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function(a){a.effects.clip=function(b){return this.queue(function(){var f=a(this),j=["position","top","left","height","width"];var i=a.effects.setMode(f,b.options.mode||"hide");var k=b.options.direction||"vertical";a.effects.save(f,j);f.show();var c=a.effects.createWrapper(f).css({overflow:"hidden"});var e=f[0].tagName=="IMG"?c:f;var g={size:(k=="vertical")?"height":"width",position:(k=="vertical")?"top":"left"};var d=(k=="vertical")?e.height():e.width();if(i=="show"){e.css(g.size,0);e.css(g.position,d/2)}var h={};h[g.size]=i=="show"?d:0;h[g.position]=i=="show"?0:d/2;e.animate(h,{queue:false,duration:b.duration,easing:b.options.easing,complete:function(){if(i=="hide"){f.hide()}a.effects.restore(f,j);a.effects.removeWrapper(f);if(b.callback){b.callback.apply(f[0],arguments)}f.dequeue()}})})}})(jQuery);;/*
+ * jQuery UI Effects Drop 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Drop
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function(a){a.effects.drop=function(b){return this.queue(function(){var e=a(this),d=["position","top","left","opacity"];var i=a.effects.setMode(e,b.options.mode||"hide");var h=b.options.direction||"left";a.effects.save(e,d);e.show();a.effects.createWrapper(e);var f=(h=="up"||h=="down")?"top":"left";var c=(h=="up"||h=="left")?"pos":"neg";var j=b.options.distance||(f=="top"?e.outerHeight({margin:true})/2:e.outerWidth({margin:true})/2);if(i=="show"){e.css("opacity",0).css(f,c=="pos"?-j:j)}var g={opacity:i=="show"?1:0};g[f]=(i=="show"?(c=="pos"?"+=":"-="):(c=="pos"?"-=":"+="))+j;e.animate(g,{queue:false,duration:b.duration,easing:b.options.easing,complete:function(){if(i=="hide"){e.hide()}a.effects.restore(e,d);a.effects.removeWrapper(e);if(b.callback){b.callback.apply(this,arguments)}e.dequeue()}})})}})(jQuery);;/*
+ * jQuery UI Effects Explode 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Explode
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function(a){a.effects.explode=function(b){return this.queue(function(){var k=b.options.pieces?Math.round(Math.sqrt(b.options.pieces)):3;var e=b.options.pieces?Math.round(Math.sqrt(b.options.pieces)):3;b.options.mode=b.options.mode=="toggle"?(a(this).is(":visible")?"hide":"show"):b.options.mode;var h=a(this).show().css("visibility","hidden");var l=h.offset();l.top-=parseInt(h.css("marginTop"),10)||0;l.left-=parseInt(h.css("marginLeft"),10)||0;var g=h.outerWidth(true);var c=h.outerHeight(true);for(var f=0;f<k;f++){for(var d=0;d<e;d++){h.clone().appendTo("body").wrap("<div></div>").css({position:"absolute",visibility:"visible",left:-d*(g/e),top:-f*(c/k)}).parent().addClass("ui-effects-explode").css({position:"absolute",overflow:"hidden",width:g/e,height:c/k,left:l.left+d*(g/e)+(b.options.mode=="show"?(d-Math.floor(e/2))*(g/e):0),top:l.top+f*(c/k)+(b.options.mode=="show"?(f-Math.floor(k/2))*(c/k):0),opacity:b.options.mode=="show"?0:1}).animate({left:l.left+d*(g/e)+(b.options.mode=="show"?0:(d-Math.floor(e/2))*(g/e)),top:l.top+f*(c/k)+(b.options.mode=="show"?0:(f-Math.floor(k/2))*(c/k)),opacity:b.options.mode=="show"?1:0},b.duration||500)}}setTimeout(function(){b.options.mode=="show"?h.css({visibility:"visible"}):h.css({visibility:"visible"}).hide();if(b.callback){b.callback.apply(h[0])}h.dequeue();a("div.ui-effects-explode").remove()},b.duration||500)})}})(jQuery);;/*
+ * jQuery UI Effects Fold 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Fold
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function(a){a.effects.fold=function(b){return this.queue(function(){var e=a(this),k=["position","top","left"];var h=a.effects.setMode(e,b.options.mode||"hide");var o=b.options.size||15;var n=!(!b.options.horizFirst);var g=b.duration?b.duration/2:a.fx.speeds._default/2;a.effects.save(e,k);e.show();var d=a.effects.createWrapper(e).css({overflow:"hidden"});var i=((h=="show")!=n);var f=i?["width","height"]:["height","width"];var c=i?[d.width(),d.height()]:[d.height(),d.width()];var j=/([0-9]+)%/.exec(o);if(j){o=parseInt(j[1],10)/100*c[h=="hide"?0:1]}if(h=="show"){d.css(n?{height:0,width:o}:{height:o,width:0})}var m={},l={};m[f[0]]=h=="show"?c[0]:o;l[f[1]]=h=="show"?c[1]:0;d.animate(m,g,b.options.easing).animate(l,g,b.options.easing,function(){if(h=="hide"){e.hide()}a.effects.restore(e,k);a.effects.removeWrapper(e);if(b.callback){b.callback.apply(e[0],arguments)}e.dequeue()})})}})(jQuery);;/*
+ * jQuery UI Effects Highlight 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Highlight
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function(a){a.effects.highlight=function(b){return this.queue(function(){var e=a(this),d=["backgroundImage","backgroundColor","opacity"];var h=a.effects.setMode(e,b.options.mode||"show");var c=b.options.color||"#ffff99";var g=e.css("backgroundColor");a.effects.save(e,d);e.show();e.css({backgroundImage:"none",backgroundColor:c});var f={backgroundColor:g};if(h=="hide"){f.opacity=0}e.animate(f,{queue:false,duration:b.duration,easing:b.options.easing,complete:function(){if(h=="hide"){e.hide()}a.effects.restore(e,d);if(h=="show"&&a.browser.msie){this.style.removeAttribute("filter")}if(b.callback){b.callback.apply(this,arguments)}e.dequeue()}})})}})(jQuery);;/*
+ * jQuery UI Effects Pulsate 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Pulsate
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function(a){a.effects.pulsate=function(b){return this.queue(function(){var d=a(this);var g=a.effects.setMode(d,b.options.mode||"show");var f=b.options.times||5;var e=b.duration?b.duration/2:a.fx.speeds._default/2;if(g=="hide"){f--}if(d.is(":hidden")){d.css("opacity",0);d.show();d.animate({opacity:1},e,b.options.easing);f=f-2}for(var c=0;c<f;c++){d.animate({opacity:0},e,b.options.easing).animate({opacity:1},e,b.options.easing)}if(g=="hide"){d.animate({opacity:0},e,b.options.easing,function(){d.hide();if(b.callback){b.callback.apply(this,arguments)}})}else{d.animate({opacity:0},e,b.options.easing).animate({opacity:1},e,b.options.easing,function(){if(b.callback){b.callback.apply(this,arguments)}})}d.queue("fx",function(){d.dequeue()});d.dequeue()})}})(jQuery);;/*
+ * jQuery UI Effects Scale 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Scale
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function(a){a.effects.puff=function(b){return this.queue(function(){var f=a(this);var c=a.extend(true,{},b.options);var h=a.effects.setMode(f,b.options.mode||"hide");var g=parseInt(b.options.percent,10)||150;c.fade=true;var e={height:f.height(),width:f.width()};var d=g/100;f.from=(h=="hide")?e:{height:e.height*d,width:e.width*d};c.from=f.from;c.percent=(h=="hide")?g:100;c.mode=h;f.effect("scale",c,b.duration,b.callback);f.dequeue()})};a.effects.scale=function(b){return this.queue(function(){var g=a(this);var d=a.extend(true,{},b.options);var j=a.effects.setMode(g,b.options.mode||"effect");var h=parseInt(b.options.percent,10)||(parseInt(b.options.percent,10)==0?0:(j=="hide"?0:100));var i=b.options.direction||"both";var c=b.options.origin;if(j!="effect"){d.origin=c||["middle","center"];d.restore=true}var f={height:g.height(),width:g.width()};g.from=b.options.from||(j=="show"?{height:0,width:0}:f);var e={y:i!="horizontal"?(h/100):1,x:i!="vertical"?(h/100):1};g.to={height:f.height*e.y,width:f.width*e.x};if(b.options.fade){if(j=="show"){g.from.opacity=0;g.to.opacity=1}if(j=="hide"){g.from.opacity=1;g.to.opacity=0}}d.from=g.from;d.to=g.to;d.mode=j;g.effect("size",d,b.duration,b.callback);g.dequeue()})};a.effects.size=function(b){return this.queue(function(){var c=a(this),n=["position","top","left","width","height","overflow","opacity"];var m=["position","top","left","overflow","opacity"];var j=["width","height","overflow"];var p=["fontSize"];var k=["borderTopWidth","borderBottomWidth","paddingTop","paddingBottom"];var f=["borderLeftWidth","borderRightWidth","paddingLeft","paddingRight"];var g=a.effects.setMode(c,b.options.mode||"effect");var i=b.options.restore||false;var e=b.options.scale||"both";var o=b.options.origin;var d={height:c.height(),width:c.width()};c.from=b.options.from||d;c.to=b.options.to||d;if(o){var h=a.effects.getBaseline(o,d);c.from.top=(d.height-c.from.height)*h.y;c.from.left=(d.width-c.from.width)*h.x;c.to.top=(d.height-c.to.height)*h.y;c.to.left=(d.width-c.to.width)*h.x}var l={from:{y:c.from.height/d.height,x:c.from.width/d.width},to:{y:c.to.height/d.height,x:c.to.width/d.width}};if(e=="box"||e=="both"){if(l.from.y!=l.to.y){n=n.concat(k);c.from=a.effects.setTransition(c,k,l.from.y,c.from);c.to=a.effects.setTransition(c,k,l.to.y,c.to)}if(l.from.x!=l.to.x){n=n.concat(f);c.from=a.effects.setTransition(c,f,l.from.x,c.from);c.to=a.effects.setTransition(c,f,l.to.x,c.to)}}if(e=="content"||e=="both"){if(l.from.y!=l.to.y){n=n.concat(p);c.from=a.effects.setTransition(c,p,l.from.y,c.from);c.to=a.effects.setTransition(c,p,l.to.y,c.to)}}a.effects.save(c,i?n:m);c.show();a.effects.createWrapper(c);c.css("overflow","hidden").css(c.from);if(e=="content"||e=="both"){k=k.concat(["marginTop","marginBottom"]).concat(p);f=f.concat(["marginLeft","marginRight"]);j=n.concat(k).concat(f);c.find("*[width]").each(function(){child=a(this);if(i){a.effects.save(child,j)}var q={height:child.height(),width:child.width()};child.from={height:q.height*l.from.y,width:q.width*l.from.x};child.to={height:q.height*l.to.y,width:q.width*l.to.x};if(l.from.y!=l.to.y){child.from=a.effects.setTransition(child,k,l.from.y,child.from);child.to=a.effects.setTransition(child,k,l.to.y,child.to)}if(l.from.x!=l.to.x){child.from=a.effects.setTransition(child,f,l.from.x,child.from);child.to=a.effects.setTransition(child,f,l.to.x,child.to)}child.css(child.from);child.animate(child.to,b.duration,b.options.easing,function(){if(i){a.effects.restore(child,j)}})})}c.animate(c.to,{queue:false,duration:b.duration,easing:b.options.easing,complete:function(){if(g=="hide"){c.hide()}a.effects.restore(c,i?n:m);a.effects.removeWrapper(c);if(b.callback){b.callback.apply(this,arguments)}c.dequeue()}})})}})(jQuery);;/*
+ * jQuery UI Effects Shake 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Shake
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function(a){a.effects.shake=function(b){return this.queue(function(){var e=a(this),l=["position","top","left"];var k=a.effects.setMode(e,b.options.mode||"effect");var n=b.options.direction||"left";var c=b.options.distance||20;var d=b.options.times||3;var g=b.duration||b.options.duration||140;a.effects.save(e,l);e.show();a.effects.createWrapper(e);var f=(n=="up"||n=="down")?"top":"left";var p=(n=="up"||n=="left")?"pos":"neg";var h={},o={},m={};h[f]=(p=="pos"?"-=":"+=")+c;o[f]=(p=="pos"?"+=":"-=")+c*2;m[f]=(p=="pos"?"-=":"+=")+c*2;e.animate(h,g,b.options.easing);for(var j=1;j<d;j++){e.animate(o,g,b.options.easing).animate(m,g,b.options.easing)}e.animate(o,g,b.options.easing).animate(h,g/2,b.options.easing,function(){a.effects.restore(e,l);a.effects.removeWrapper(e);if(b.callback){b.callback.apply(this,arguments)}});e.queue("fx",function(){e.dequeue()});e.dequeue()})}})(jQuery);;/*
+ * jQuery UI Effects Slide 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Slide
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function(a){a.effects.slide=function(b){return this.queue(function(){var e=a(this),d=["position","top","left"];var i=a.effects.setMode(e,b.options.mode||"show");var h=b.options.direction||"left";a.effects.save(e,d);e.show();a.effects.createWrapper(e).css({overflow:"hidden"});var f=(h=="up"||h=="down")?"top":"left";var c=(h=="up"||h=="left")?"pos":"neg";var j=b.options.distance||(f=="top"?e.outerHeight({margin:true}):e.outerWidth({margin:true}));if(i=="show"){e.css(f,c=="pos"?-j:j)}var g={};g[f]=(i=="show"?(c=="pos"?"+=":"-="):(c=="pos"?"-=":"+="))+j;e.animate(g,{queue:false,duration:b.duration,easing:b.options.easing,complete:function(){if(i=="hide"){e.hide()}a.effects.restore(e,d);a.effects.removeWrapper(e);if(b.callback){b.callback.apply(this,arguments)}e.dequeue()}})})}})(jQuery);;/*
+ * jQuery UI Effects Transfer 1.7.2
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Transfer
+ *
+ * Depends:
+ *      effects.core.js
+ */
+(function(a){a.effects.transfer=function(b){return this.queue(function(){var f=a(this),h=a(b.options.to),e=h.offset(),g={top:e.top,left:e.left,height:h.innerHeight(),width:h.innerWidth()},d=f.offset(),c=a('<div class="ui-effects-transfer"></div>').appendTo(document.body).addClass(b.options.className).css({top:d.top,left:d.left,height:f.innerHeight(),width:f.innerWidth(),position:"absolute"}).animate(g,b.duration,b.options.easing,function(){c.remove();(b.callback&&b.callback.apply(f[0],arguments));f.dequeue()})})}})(jQuery);;
\ No newline at end of file