MINOR: imported chosen master via piston

admin/thirdparty/chosen/.piston.yml

@@ -0,0 +1,8 @@
+--- 
+format: 1
+handler: 
+  commit: b7a531f211b3074c922edf10a4a14b2ab9e9b6c8
+  branch: master
+lock: false
+repository_class: Piston::Git::Repository
+repository_url: https://github.com/harvesthq/chosen.git

admin/thirdparty/chosen/Cakefile

@@ -0,0 +1,133 @@
+# Building Chosen requires coffee-script and uglify-js. For
+# help installing, try:
+#
+# `npm -g install coffee-script uglify-js`
+#
+fs               = require 'fs'
+path             = require 'path'
+{spawn, exec}    = require 'child_process'
+CoffeeScript     = require 'coffee-script'
+{parser, uglify} = require 'uglify-js'
+
+javascripts = {
+  'chosen/chosen.jquery.js': [
+    'coffee/chosen.jquery.coffee'
+    'coffee/lib/select-parser.coffee'
+  ]
+  'chosen/chosen.proto.js': [
+    'coffee/chosen.proto.coffee'
+    'coffee/lib/select-parser.coffee'
+  ]
+}
+
+Array::unique = ->
+  output = {}
+  output[@[key]] = @[key] for key in [0...@length]
+  value for key, value of output
+
+# Gather a list of unique source files.
+#
+source_files = ->
+  all_sources = []
+  for javascript, sources of javascripts
+    for source in sources
+      all_sources.push source
+  all_sources.unique()
+
+# Get the version number
+#
+version = ->
+  "#{fs.readFileSync('VERSION')}".replace /[^0-9a-zA-Z.]*/gm, ''
+
+version_tag = ->
+  "v#{version()}"
+
+# Write chosen files with a header
+#
+write_chosen_javascript = (filename, body) ->
+  fs.writeFileSync filename, """
+// Chosen, a Select Box Enhancer for jQuery and Protoype
+// by Patrick Filler for Harvest, http://getharvest.com
+// 
+// Version #{version()}
+// Full source at https://github.com/harvesthq/chosen
+// Copyright (c) 2011 Harvest http://getharvest.com
+
+// MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
+// This file is generated by `cake build`, do not edit it by hand.
+#{body}
+"""
+
+# Build Chosen.
+#
+task 'build', 'build Chosen from source', build = (cb) ->
+  for javascript, sources of javascripts
+    code = ''
+    for source in sources
+      code += CoffeeScript.compile "#{fs.readFileSync source}"
+    write_chosen_javascript javascript, code
+    unless process.env.MINIFY is 'false'
+      write_chosen_javascript javascript.replace(/\.js$/,'.min.js'), (
+        uglify.gen_code uglify.ast_squeeze uglify.ast_mangle parser.parse code
+      )
+  cb() if typeof cb is 'function'
+ 
+task 'watch', 'watch coffee/ for changes and build Chosen', ->
+  console.log "Watching for changes in coffee/"
+  for file in source_files()
+    # Coffeescript wasn't scoping file correctly-
+    # without this closure the file name displayed
+    # is incorrect.
+    ((file) ->
+      fs.watchFile file, (curr, prev) ->
+        if +curr.mtime isnt +prev.mtime
+          console.log "Saw change in #{file}"
+          invoke 'build'
+    )(file)
+
+run = (cmd, args, cb, err_cb) ->
+  exec "#{cmd} #{args.join(' ')}", (err, stdout, stderr) ->
+    if err isnt null
+      console.error stderr
+      if typeof err_cb is 'function'
+        err_cb()
+      else
+        throw "Failed command execution (#{err})."
+    else
+      cb(stdout) if typeof cb is 'function'
+
+with_clean_repo = (cb) ->
+  run 'git', ['diff', '--exit-code'], cb, ->
+    throw 'There are files that need to be committed first.'
+
+without_existing_tag = (cb) ->
+  run 'git', ['tag'], (stdout) ->
+    if stdout.split("\n").indexOf( version_tag() ) >= 0
+      throw 'This tag has already been committed to the repo.'
+    else
+      cb()
+
+tag_release = (cb, cb_err) ->
+  run 'git', ['tag', '-a', '-m', "\"Version #{version()}\"", version_tag()], cb, cb_err
+
+untag_release = (e) ->
+  console.log "Failure to tag caught: #{e}"
+  console.log "Removing tag #{version_tag()}"
+  run 'git', ['tag', '-d', version_tag()]
+
+push_repo = (args=[], cb, cb_err) ->
+  run 'git', ['push'].concat(args), cb, cb_err
+
+task 'release', 'build, tag the current release, and push', ->
+  console.log "Trying to tag #{version_tag()}..."
+  with_clean_repo ->
+    without_existing_tag ->
+      build ->
+        tag_release ->
+          push_repo [], ->
+            push_repo ['--tags'], ->
+              console.log "Successfully tagged #{version_tag()}: https://github.com/harvesthq/chosen/tree/#{version_tag()}"
+
+            , untag_release
+          , untag_release
+        , untag_release

admin/thirdparty/chosen/LICENSE.md

@@ -0,0 +1,24 @@
+# Chosen, a Select Box Enhancer for jQuery and Protoype
+## by Patrick Filler for [Harvest](http://getharvest.com)
+
+Available for use under the [MIT License](http://en.wikipedia.org/wiki/MIT_License)
+
+Copyright (c) 2011 by Harvest
+
+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.

admin/thirdparty/chosen/README.md

@@ -0,0 +1,46 @@
+# Chosen
+
+Chosen is a library for making long, unwieldy select boxes more user friendly.
+
+- jQuery support: 1.4+
+- Prototype support: 1.7+
+
+For documentation, usage, and examples, see:  
+http://harvesthq.github.com/chosen
+
+### Contributing to Chosen
+
+Contributions and pull requests are very welcome. Please follow these guidelines when submitting new code.
+
+1. Make all changes in Coffeescript files, **not** JavaScript files.
+2. For feature changes, update both jQuery *and* Prototype versions
+3. Use 'cake build' to generate Chosen's JavaScript file and minified version.
+4. Don't touch the VERSION file
+5. Submit a Pull Request using GitHub.
+
+### Using CoffeeScript & Cake
+
+First, make sure you have the proper CoffeeScript / Cake set-up in place.
+
+1. Install Coffeescript: the [CoffeeScript documentation](http://jashkenas.github.com/coffee-script/) provides easy-to-follow instructions.
+2. Install UglifyJS: <code>npm -g install uglify-js</code>
+3. Verify that your $NODE_PATH is properly configured using <code>echo $NODE_PATH</code>
+
+Once you're configured, building the JavasScript from the command line is easy:
+
+    cake build                # build Chosen from source
+    cake watch                # watch coffee/ for changes and build Chosen
+    
+If you're interested, you can find the recipes in Cakefile.
+
+
+### Chosen Credits
+
+- Built by [Harvest](http://www.getharvest.com/)
+- Concept and development by [Patrick Filler](http://www.patrickfiller.com/)
+- Design and CSS by [Matthew Lettini](http://matthewlettini.com/)
+
+### Notable Forks
+
+- [Chosen for MooTools](https://github.com/julesjanssen/chosen), by Jules Janssen
+- [Chosen Drupal 7 Module](https://github.com/Polzme/chosen), by Pol Dell'Aiera

admin/thirdparty/chosen/VERSION

@@ -0,0 +1 @@
+0.9.1

admin/thirdparty/chosen/chosen/chosen.css

@@ -0,0 +1,339 @@
+/* @group Base */
+select.chzn-select {
+  visibility: hidden;
+  height: 28px !important;
+  min-height: 28px !important;
+}
+.chzn-container {
+  font-size: 13px;
+  position: relative;
+  display: inline-block;
+  zoom: 1;
+  *display: inline;
+}
+.chzn-container .chzn-drop {
+  background: #fff;
+  border: 1px solid #aaa;
+  border-top: 0;
+  position: absolute;
+  top: 29px;
+  left: 0;
+  -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
+  -moz-box-shadow   : 0 4px 5px rgba(0,0,0,.15);
+  -o-box-shadow     : 0 4px 5px rgba(0,0,0,.15);
+  box-shadow        : 0 4px 5px rgba(0,0,0,.15);
+  z-index: 999;
+}
+/* @end */
+
+/* @group Single Chosen */
+.chzn-container-single .chzn-single {
+  background-color: #fff;
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
+  background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
+  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
+  background-image: -o-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
+  background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
+  background-image: linear-gradient(top, #eeeeee 0%,#ffffff 50%);
+  -webkit-border-radius: 4px;
+  -moz-border-radius   : 4px;
+  border-radius        : 4px;
+  -moz-background-clip   : padding;
+  -webkit-background-clip: padding-box;
+  background-clip        : padding-box;
+  border: 1px solid #aaa;
+  display: block;
+  overflow: hidden;
+  white-space: nowrap;
+  position: relative;
+  height: 26px;
+  line-height: 26px;
+  padding: 0 0 0 8px;
+  color: #444;
+  text-decoration: none;
+}
+.chzn-container-single .chzn-single span {
+  margin-right: 26px;
+  display: block;
+  overflow: hidden;
+  white-space: nowrap;
+  -o-text-overflow: ellipsis;
+  -ms-text-overflow: ellipsis;
+  text-overflow: ellipsis;
+}
+.chzn-container-single .chzn-single div {
+  -webkit-border-radius: 0 4px 4px 0;
+  -moz-border-radius   : 0 4px 4px 0;
+  border-radius        : 0 4px 4px 0;
+  -moz-background-clip   : padding;
+  -webkit-background-clip: padding-box;
+  background-clip        : padding-box;
+  background: #ccc;
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
+  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
+  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
+  background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
+  background-image: -ms-linear-gradient(top, #cccccc 0%,#eeeeee 60%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
+  background-image: linear-gradient(top, #cccccc 0%,#eeeeee 60%);
+  border-left: 1px solid #aaa;
+  position: absolute;
+  right: 0;
+  top: 0;
+  display: block;
+  height: 100%;
+  width: 18px;
+}
+.chzn-container-single .chzn-single div b {
+  background: url('chosen-sprite.png') no-repeat 0 1px;
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+.chzn-container-single .chzn-search {
+  padding: 3px 4px;
+  margin: 0;
+  white-space: nowrap;
+}
+.chzn-container-single .chzn-search input {
+  background: #fff url('chosen-sprite.png') no-repeat 100% -20px;
+  background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
+  background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
+  background: url('chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
+  background: url('chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
+  background: url('chosen-sprite.png') no-repeat 100% -20px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
+  background: url('chosen-sprite.png') no-repeat 100% -20px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
+  background: url('chosen-sprite.png') no-repeat 100% -20px, linear-gradient(top, #ffffff 85%,#eeeeee 99%);
+  margin: 1px 0;
+  padding: 4px 20px 4px 5px;
+  outline: 0;
+  border: 1px solid #aaa;
+  font-family: sans-serif;
+  font-size: 1em;
+}
+.chzn-container-single .chzn-drop {
+  -webkit-border-radius: 0 0 4px 4px;
+  -moz-border-radius   : 0 0 4px 4px;
+  border-radius        : 0 0 4px 4px;
+  -moz-background-clip   : padding;
+  -webkit-background-clip: padding-box;
+  background-clip        : padding-box;
+}
+/* @end */
+
+/* @group Multi Chosen */
+.chzn-container-multi .chzn-choices {
+  background-color: #fff;
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
+  background-image: -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
+  background-image: -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
+  background-image: -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
+  background-image: -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
+  background-image: linear-gradient(top, #ffffff 85%,#eeeeee 99%);
+  border: 1px solid #aaa;
+  margin: 0;
+  padding: 0;
+  cursor: text;
+  overflow: hidden;
+  height: auto !important;
+  height: 1%;
+  position: relative;
+}
+.chzn-container-multi .chzn-choices li {
+  float: left;
+  list-style: none;
+}
+.chzn-container-multi .chzn-choices .search-field {
+  white-space: nowrap;
+  margin: 0;
+  padding: 0;
+}
+.chzn-container-multi .chzn-choices .search-field input {
+  color: #666;
+  background: transparent !important;
+  border: 0 !important;
+  padding: 5px;
+  margin: 1px 0;
+  outline: 0;
+  -webkit-box-shadow: none;
+  -moz-box-shadow   : none;
+  -o-box-shadow     : none;
+  box-shadow        : none;
+}
+.chzn-container-multi .chzn-choices .search-field .default {
+  color: #999;
+}
+.chzn-container-multi .chzn-choices .search-choice {
+  -webkit-border-radius: 3px;
+  -moz-border-radius   : 3px;
+  border-radius        : 3px;
+  -moz-background-clip   : padding;
+  -webkit-background-clip: padding-box;
+  background-clip        : padding-box;
+  background-color: #e4e4e4;
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e4e4), color-stop(0.7, #eeeeee));
+  background-image: -webkit-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%);
+  background-image: -moz-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%);
+  background-image: -o-linear-gradient(bottom, #e4e4e4 0%, #eeeeee 70%);
+  background-image: -ms-linear-gradient(top, #e4e4e4 0%,#eeeeee 70%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#eeeeee',GradientType=0 );
+  background-image: linear-gradient(top, #e4e4e4 0%,#eeeeee 70%);
+  color: #333;
+  border: 1px solid #b4b4b4;
+  line-height: 13px;
+  padding: 3px 19px 3px 6px;
+  margin: 3px 0 3px 5px;
+  position: relative;
+}
+.chzn-container-multi .chzn-choices .search-choice span {
+  cursor: default;
+}
+.chzn-container-multi .chzn-choices .search-choice-focus {
+  background: #d4d4d4;
+}
+.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
+  display: block;
+  position: absolute;
+  right: 5px;
+  top: 6px;
+  width: 8px;
+  height: 9px;
+  font-size: 1px;
+  background: url(chosen-sprite.png) right top no-repeat;
+}
+.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
+  background-position: right -9px;
+}
+.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
+  background-position: right -9px;
+}
+/* @end */
+
+/* @group Results */
+.chzn-container .chzn-results {
+  margin: 0 4px 4px 0;
+  max-height: 190px;
+  padding: 0 0 0 4px;
+  position: relative;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.chzn-container-multi .chzn-results {
+  margin: -1px 0 0;
+  padding: 0;
+}
+.chzn-container .chzn-results li {
+  line-height: 80%;
+  padding: 7px 7px 8px;
+  margin: 0;
+  list-style: none;
+}
+.chzn-container .chzn-results .active-result {
+  cursor: pointer;
+}
+.chzn-container .chzn-results .highlighted {
+  background: #3875d7;
+  color: #fff;
+}
+.chzn-container .chzn-results li em {
+  background: #feffde;
+  font-style: normal;
+}
+.chzn-container .chzn-results .highlighted em {
+  background: transparent;
+}
+.chzn-container .chzn-results .no-results {
+  background: #f4f4f4;
+}
+.chzn-container .chzn-results .group-result {
+  cursor: default;
+  color: #999;
+  font-weight: bold;
+}
+.chzn-container .chzn-results .group-option {
+  padding-left: 20px;
+}
+.chzn-container-multi .chzn-drop .result-selected {
+  display: none;
+}
+/* @end */
+
+/* @group Active  */
+.chzn-container-active .chzn-single {
+  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
+  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
+  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
+  box-shadow        : 0 0 5px rgba(0,0,0,.3);
+  border: 1px solid #5897fb;
+}
+.chzn-container-active .chzn-single-with-drop {
+  border: 1px solid #aaa;
+  -webkit-box-shadow: 0 1px 0 #fff inset;
+  -moz-box-shadow   : 0 1px 0 #fff inset;
+  -o-box-shadow     : 0 1px 0 #fff inset;
+  box-shadow        : 0 1px 0 #fff inset;
+  background-color: #eee;
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
+  background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
+  background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
+  background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
+  background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
+  background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%);
+  -webkit-border-bottom-left-radius : 0;
+  -webkit-border-bottom-right-radius: 0;
+  -moz-border-radius-bottomleft : 0;
+  -moz-border-radius-bottomright: 0;
+  border-bottom-left-radius : 0;
+  border-bottom-right-radius: 0;
+}
+.chzn-container-active .chzn-single-with-drop div {
+  background: transparent;
+  border-left: none;
+}
+.chzn-container-active .chzn-single-with-drop div b {
+  background-position: -18px 1px;
+}
+.chzn-container-active .chzn-choices {
+  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
+  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
+  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
+  box-shadow        : 0 0 5px rgba(0,0,0,.3);
+  border: 1px solid #5897fb;
+}
+.chzn-container-active .chzn-choices .search-field input {
+  color: #111 !important;
+}
+/* @end */
+
+/* @group Right to Left */
+.chzn-rtl { direction:rtl;text-align: right; }
+.chzn-rtl .chzn-single { padding-left: 0; padding-right: 8px; }
+.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; }
+.chzn-rtl .chzn-single div { 
+  left: 0; right: auto; 
+  border-left: none; border-right: 1px solid #aaaaaa;
+  -webkit-border-radius: 4px 0 0 4px;
+  -moz-border-radius   : 4px 0 0 4px;
+  border-radius        : 4px 0 0 4px; 
+}
+.chzn-rtl .chzn-choices li { float: right; }
+.chzn-rtl .chzn-choices .search-choice { padding: 3px 6px 3px 19px; margin: 3px 5px 3px 0; }
+.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 5px; right: auto; background-position: right top;}
+.chzn-rtl.chzn-container-single .chzn-results { margin-left: 4px; margin-right: 0; padding-left: 0; padding-right: 4px; }
+.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 20px; }
+.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
+.chzn-rtl .chzn-search input {
+  background: url('chosen-sprite.png') no-repeat -38px -20px, #ffffff;
+  background: url('chosen-sprite.png') no-repeat -38px -20px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
+  background: url('chosen-sprite.png') no-repeat -38px -20px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);  
+  background: url('chosen-sprite.png') no-repeat -38px -20px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
+  background: url('chosen-sprite.png') no-repeat -38px -20px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
+  background: url('chosen-sprite.png') no-repeat -38px -20px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
+  background: url('chosen-sprite.png') no-repeat -38px -20px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
+  background: url('chosen-sprite.png') no-repeat -38px -20px, linear-gradient(top, #ffffff 85%,#eeeeee 99%);
+  padding: 4px 5px 4px 20px;
+}
+/* @end */

admin/thirdparty/chosen/chosen/chosen.jquery.js

@@ -0,0 +1,787 @@
+// Chosen, a Select Box Enhancer for jQuery and Protoype
+// by Patrick Filler for Harvest, http://getharvest.com
+// 
+// Version 0.9.1
+// Full source at https://github.com/harvesthq/chosen
+// Copyright (c) 2011 Harvest http://getharvest.com
+
+// MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
+// This file is generated by `cake build`, do not edit it by hand.
+(function() {
+  /*
+  Chosen source: generate output using 'cake build'
+  Copyright (c) 2011 by Harvest
+  */  var $, Chosen, get_side_border_padding, root;
+  var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
+  root = this;
+  $ = jQuery;
+  $.fn.extend({
+    chosen: function(data, options) {
+      return $(this).each(function(input_field) {
+        if (!($(this)).hasClass("chzn-done")) {
+          return new Chosen(this, data, options);
+        }
+      });
+    }
+  });
+  Chosen = (function() {
+    function Chosen(elmn) {
+      this.set_default_values();
+      this.form_field = elmn;
+      this.form_field_jq = $(this.form_field);
+      this.is_multiple = this.form_field.multiple;
+      this.is_rtl = this.form_field_jq.hasClass("chzn-rtl");
+      this.default_text_default = this.form_field.multiple ? "Select Some Options" : "Select an Option";
+      this.set_up_html();
+      this.register_observers();
+      this.form_field_jq.addClass("chzn-done");
+    }
+    Chosen.prototype.set_default_values = function() {
+      this.click_test_action = __bind(function(evt) {
+        return this.test_active_click(evt);
+      }, this);
+      this.active_field = false;
+      this.mouse_on_container = false;
+      this.results_showing = false;
+      this.result_highlighted = null;
+      this.result_single_selected = null;
+      return this.choices = 0;
+    };
+    Chosen.prototype.set_up_html = function() {
+      var container_div, dd_top, dd_width, sf_width;
+      this.container_id = this.form_field.id.length ? this.form_field.id.replace(/(:|\.)/g, '_') : this.generate_field_id();
+      this.container_id += "_chzn";
+      this.f_width = this.form_field_jq.width();
+      this.default_text = this.form_field_jq.data('placeholder') ? this.form_field_jq.data('placeholder') : this.default_text_default;
+      container_div = $("<div />", {
+        id: this.container_id,
+        "class": "chzn-container " + (this.is_rtl ? 'chzn-rtl' : ''),
+        style: 'width: ' + this.f_width + 'px;'
+      });
+      if (this.is_multiple) {
+        container_div.html('<ul class="chzn-choices"><li class="search-field"><input type="text" value="' + this.default_text + '" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chzn-drop" style="left:-9000px;"><ul class="chzn-results"></ul></div>');
+      } else {
+        container_div.html('<a href="javascript:void(0)" class="chzn-single"><span>' + this.default_text + '</span><div><b></b></div></a><div class="chzn-drop" style="left:-9000px;"><div class="chzn-search"><input type="text" autocomplete="off" /></div><ul class="chzn-results"></ul></div>');
+      }
+      this.form_field_jq.hide().after(container_div);
+      this.container = $('#' + this.container_id);
+      this.container.addClass("chzn-container-" + (this.is_multiple ? "multi" : "single"));
+      this.dropdown = this.container.find('div.chzn-drop').first();
+      dd_top = this.container.height();
+      dd_width = this.f_width - get_side_border_padding(this.dropdown);
+      this.dropdown.css({
+        "width": dd_width + "px",
+        "top": dd_top + "px"
+      });
+      this.search_field = this.container.find('input').first();
+      this.search_results = this.container.find('ul.chzn-results').first();
+      this.search_field_scale();
+      this.search_no_results = this.container.find('li.no-results').first();
+      if (this.is_multiple) {
+        this.search_choices = this.container.find('ul.chzn-choices').first();
+        this.search_container = this.container.find('li.search-field').first();
+      } else {
+        this.search_container = this.container.find('div.chzn-search').first();
+        this.selected_item = this.container.find('.chzn-single').first();
+        sf_width = dd_width - get_side_border_padding(this.search_container) - get_side_border_padding(this.search_field);
+        this.search_field.css({
+          "width": sf_width + "px"
+        });
+      }
+      this.results_build();
+      return this.set_tab_index();
+    };
+    Chosen.prototype.register_observers = function() {
+      this.container.click(__bind(function(evt) {
+        return this.container_click(evt);
+      }, this));
+      this.container.mouseenter(__bind(function(evt) {
+        return this.mouse_enter(evt);
+      }, this));
+      this.container.mouseleave(__bind(function(evt) {
+        return this.mouse_leave(evt);
+      }, this));
+      this.search_results.click(__bind(function(evt) {
+        return this.search_results_click(evt);
+      }, this));
+      this.search_results.mouseover(__bind(function(evt) {
+        return this.search_results_mouseover(evt);
+      }, this));
+      this.search_results.mouseout(__bind(function(evt) {
+        return this.search_results_mouseout(evt);
+      }, this));
+      this.form_field_jq.bind("liszt:updated", __bind(function(evt) {
+        return this.results_update_field(evt);
+      }, this));
+      this.search_field.blur(__bind(function(evt) {
+        return this.input_blur(evt);
+      }, this));
+      this.search_field.keyup(__bind(function(evt) {
+        return this.keyup_checker(evt);
+      }, this));
+      this.search_field.keydown(__bind(function(evt) {
+        return this.keydown_checker(evt);
+      }, this));
+      if (this.is_multiple) {
+        this.search_choices.click(__bind(function(evt) {
+          return this.choices_click(evt);
+        }, this));
+        return this.search_field.focus(__bind(function(evt) {
+          return this.input_focus(evt);
+        }, this));
+      } else {
+        return this.selected_item.focus(__bind(function(evt) {
+          return this.activate_field(evt);
+        }, this));
+      }
+    };
+    Chosen.prototype.container_click = function(evt) {
+      if (evt && evt.type === "click") {
+        evt.stopPropagation();
+      }
+      if (!this.pending_destroy_click) {
+        if (!this.active_field) {
+          if (this.is_multiple) {
+            this.search_field.val("");
+          }
+          $(document).click(this.click_test_action);
+          this.results_show();
+        } else if (!this.is_multiple && evt && ($(evt.target) === this.selected_item || $(evt.target).parents("a.chzn-single").length)) {
+          evt.preventDefault();
+          this.results_toggle();
+        }
+        return this.activate_field();
+      } else {
+        return this.pending_destroy_click = false;
+      }
+    };
+    Chosen.prototype.mouse_enter = function() {
+      return this.mouse_on_container = true;
+    };
+    Chosen.prototype.mouse_leave = function() {
+      return this.mouse_on_container = false;
+    };
+    Chosen.prototype.input_focus = function(evt) {
+      if (!this.active_field) {
+        return setTimeout((__bind(function() {
+          return this.container_click();
+        }, this)), 50);
+      }
+    };
+    Chosen.prototype.input_blur = function(evt) {
+      if (!this.mouse_on_container) {
+        this.active_field = false;
+        return setTimeout((__bind(function() {
+          return this.blur_test();
+        }, this)), 100);
+      }
+    };
+    Chosen.prototype.blur_test = function(evt) {
+      if (!this.active_field && this.container.hasClass("chzn-container-active")) {
+        return this.close_field();
+      }
+    };
+    Chosen.prototype.close_field = function() {
+      $(document).unbind("click", this.click_test_action);
+      if (!this.is_multiple) {
+        this.selected_item.attr("tabindex", this.search_field.attr("tabindex"));
+        this.search_field.attr("tabindex", -1);
+      }
+      this.active_field = false;
+      this.results_hide();
+      this.container.removeClass("chzn-container-active");
+      this.winnow_results_clear();
+      this.clear_backstroke();
+      this.show_search_field_default();
+      return this.search_field_scale();
+    };
+    Chosen.prototype.activate_field = function() {
+      if (!this.is_multiple && !this.active_field) {
+        this.search_field.attr("tabindex", this.selected_item.attr("tabindex"));
+        this.selected_item.attr("tabindex", -1);
+      }
+      this.container.addClass("chzn-container-active");
+      this.active_field = true;
+      this.search_field.val(this.search_field.val());
+      return this.search_field.focus();
+    };
+    Chosen.prototype.test_active_click = function(evt) {
+      if ($(evt.target).parents('#' + this.container_id).length) {
+        return this.active_field = true;
+      } else {
+        return this.close_field();
+      }
+    };
+    Chosen.prototype.results_build = function() {
+      var content, data, startTime, _i, _len, _ref;
+      startTime = new Date();
+      this.parsing = true;
+      this.results_data = root.SelectParser.select_to_array(this.form_field);
+      if (this.is_multiple && this.choices > 0) {
+        this.search_choices.find("li.search-choice").remove();
+        this.choices = 0;
+      } else if (!this.is_multiple) {
+        this.selected_item.find("span").text(this.default_text);
+      }
+      content = '';
+      _ref = this.results_data;
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        data = _ref[_i];
+        if (data.group) {
+          content += this.result_add_group(data);
+        } else if (!data.empty) {
+          content += this.result_add_option(data);
+          if (data.selected && this.is_multiple) {
+            this.choice_build(data);
+          } else if (data.selected && !this.is_multiple) {
+            this.selected_item.find("span").text(data.text);
+          }
+        }
+      }
+      this.show_search_field_default();
+      this.search_field_scale();
+      this.search_results.html(content);
+      return this.parsing = false;
+    };
+    Chosen.prototype.result_add_group = function(group) {
+      if (!group.disabled) {
+        group.dom_id = this.container_id + "_g_" + group.array_index;
+        return '<li id="' + group.dom_id + '" class="group-result">' + $("<div />").text(group.label).html() + '</li>';
+      } else {
+        return "";
+      }
+    };
+    Chosen.prototype.result_add_option = function(option) {
+      var classes;
+      if (!option.disabled) {
+        option.dom_id = this.container_id + "_o_" + option.array_index;
+        classes = option.selected && this.is_multiple ? [] : ["active-result"];
+        if (option.selected) {
+          classes.push("result-selected");
+        }
+        if (option.group_array_index != null) {
+          classes.push("group-option");
+        }
+        return '<li id="' + option.dom_id + '" class="' + classes.join(' ') + '">' + option.html + '</li>';
+      } else {
+        return "";
+      }
+    };
+    Chosen.prototype.results_update_field = function() {
+      this.result_clear_highlight();
+      this.result_single_selected = null;
+      return this.results_build();
+    };
+    Chosen.prototype.result_do_highlight = function(el) {
+      var high_bottom, high_top, maxHeight, visible_bottom, visible_top;
+      if (el.length) {
+        this.result_clear_highlight();
+        this.result_highlight = el;
+        this.result_highlight.addClass("highlighted");
+        maxHeight = parseInt(this.search_results.css("maxHeight"), 10);
+        visible_top = this.search_results.scrollTop();
+        visible_bottom = maxHeight + visible_top;
+        high_top = this.result_highlight.position().top + this.search_results.scrollTop();
+        high_bottom = high_top + this.result_highlight.outerHeight();
+        if (high_bottom >= visible_bottom) {
+          return this.search_results.scrollTop((high_bottom - maxHeight) > 0 ? high_bottom - maxHeight : 0);
+        } else if (high_top < visible_top) {
+          return this.search_results.scrollTop(high_top);
+        }
+      }
+    };
+    Chosen.prototype.result_clear_highlight = function() {
+      if (this.result_highlight) {
+        this.result_highlight.removeClass("highlighted");
+      }
+      return this.result_highlight = null;
+    };
+    Chosen.prototype.results_toggle = function() {
+      if (this.results_showing) {
+        return this.results_hide();
+      } else {
+        return this.results_show();
+      }
+    };
+    Chosen.prototype.results_show = function() {
+      var dd_top;
+      if (!this.is_multiple) {
+        this.selected_item.addClass("chzn-single-with-drop");
+        if (this.result_single_selected) {
+          this.result_do_highlight(this.result_single_selected);
+        }
+      }
+      dd_top = this.is_multiple ? this.container.height() : this.container.height() - 1;
+      this.dropdown.css({
+        "top": dd_top + "px",
+        "left": 0
+      });
+      this.results_showing = true;
+      this.search_field.focus();
+      this.search_field.val(this.search_field.val());
+      return this.winnow_results();
+    };
+    Chosen.prototype.results_hide = function() {
+      if (!this.is_multiple) {
+        this.selected_item.removeClass("chzn-single-with-drop");
+      }
+      this.result_clear_highlight();
+      this.dropdown.css({
+        "left": "-9000px"
+      });
+      return this.results_showing = false;
+    };
+    Chosen.prototype.set_tab_index = function(el) {
+      var ti;
+      if (this.form_field_jq.attr("tabindex")) {
+        ti = this.form_field_jq.attr("tabindex");
+        this.form_field_jq.attr("tabindex", -1);
+        if (this.is_multiple) {
+          return this.search_field.attr("tabindex", ti);
+        } else {
+          this.selected_item.attr("tabindex", ti);
+          return this.search_field.attr("tabindex", -1);
+        }
+      }
+    };
+    Chosen.prototype.show_search_field_default = function() {
+      if (this.is_multiple && this.choices < 1 && !this.active_field) {
+        this.search_field.val(this.default_text);
+        return this.search_field.addClass("default");
+      } else {
+        this.search_field.val("");
+        return this.search_field.removeClass("default");
+      }
+    };
+    Chosen.prototype.search_results_click = function(evt) {
+      var target;
+      target = $(evt.target).hasClass("active-result") ? $(evt.target) : $(evt.target).parents(".active-result").first();
+      if (target.length) {
+        this.result_highlight = target;
+        return this.result_select();
+      }
+    };
+    Chosen.prototype.search_results_mouseover = function(evt) {
+      var target;
+      target = $(evt.target).hasClass("active-result") ? $(evt.target) : $(evt.target).parents(".active-result").first();
+      if (target) {
+        return this.result_do_highlight(target);
+      }
+    };
+    Chosen.prototype.search_results_mouseout = function(evt) {
+      if ($(evt.target).hasClass("active-result" || $(evt.target).parents('.active-result').first())) {
+        return this.result_clear_highlight();
+      }
+    };
+    Chosen.prototype.choices_click = function(evt) {
+      evt.preventDefault();
+      if (this.active_field && !($(evt.target).hasClass("search-choice" || $(evt.target).parents('.search-choice').first)) && !this.results_showing) {
+        return this.results_show();
+      }
+    };
+    Chosen.prototype.choice_build = function(item) {
+      var choice_id, link;
+      choice_id = this.container_id + "_c_" + item.array_index;
+      this.choices += 1;
+      this.search_container.before('<li class="search-choice" id="' + choice_id + '"><span>' + item.html + '</span><a href="javascript:void(0)" class="search-choice-close" rel="' + item.array_index + '"></a></li>');
+      link = $('#' + choice_id).find("a").first();
+      return link.click(__bind(function(evt) {
+        return this.choice_destroy_link_click(evt);
+      }, this));
+    };
+    Chosen.prototype.choice_destroy_link_click = function(evt) {
+      evt.preventDefault();
+      this.pending_destroy_click = true;
+      return this.choice_destroy($(evt.target));
+    };
+    Chosen.prototype.choice_destroy = function(link) {
+      this.choices -= 1;
+      this.show_search_field_default();
+      if (this.is_multiple && this.choices > 0 && this.search_field.val().length < 1) {
+        this.results_hide();
+      }
+      this.result_deselect(link.attr("rel"));
+      return link.parents('li').first().remove();
+    };
+    Chosen.prototype.result_select = function() {
+      var high, high_id, item, position;
+      if (this.result_highlight) {
+        high = this.result_highlight;
+        high_id = high.attr("id");
+        this.result_clear_highlight();
+        high.addClass("result-selected");
+        if (this.is_multiple) {
+          this.result_deactivate(high);
+        } else {
+          this.result_single_selected = high;
+        }
+        position = high_id.substr(high_id.lastIndexOf("_") + 1);
+        item = this.results_data[position];
+        item.selected = true;
+        this.form_field.options[item.options_index].selected = true;
+        if (this.is_multiple) {
+          this.choice_build(item);
+        } else {
+          this.selected_item.find("span").first().text(item.text);
+        }
+        this.results_hide();
+        this.search_field.val("");
+        this.form_field_jq.trigger("change");
+        return this.search_field_scale();
+      }
+    };
+    Chosen.prototype.result_activate = function(el) {
+      return el.addClass("active-result").show();
+    };
+    Chosen.prototype.result_deactivate = function(el) {
+      return el.removeClass("active-result").hide();
+    };
+    Chosen.prototype.result_deselect = function(pos) {
+      var result, result_data;
+      result_data = this.results_data[pos];
+      result_data.selected = false;
+      this.form_field.options[result_data.options_index].selected = false;
+      result = $("#" + this.container_id + "_o_" + pos);
+      result.removeClass("result-selected").addClass("active-result").show();
+      this.result_clear_highlight();
+      this.winnow_results();
+      this.form_field_jq.trigger("change");
+      return this.search_field_scale();
+    };
+    Chosen.prototype.results_search = function(evt) {
+      if (this.results_showing) {
+        return this.winnow_results();
+      } else {
+        return this.results_show();
+      }
+    };
+    Chosen.prototype.winnow_results = function() {
+      var found, option, part, parts, regex, result_id, results, searchText, startTime, startpos, text, zregex, _i, _j, _len, _len2, _ref;
+      startTime = new Date();
+      this.no_results_clear();
+      results = 0;
+      searchText = this.search_field.val() === this.default_text ? "" : $('<div/>').text($.trim(this.search_field.val())).html();
+      regex = new RegExp('^' + searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i');
+      zregex = new RegExp(searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i');
+      _ref = this.results_data;
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        option = _ref[_i];
+        if (!option.disabled && !option.empty) {
+          if (option.group) {
+            $('#' + option.dom_id).hide();
+          } else if (!(this.is_multiple && option.selected)) {
+            found = false;
+            result_id = option.dom_id;
+            if (regex.test(option.html)) {
+              found = true;
+              results += 1;
+            } else if (option.html.indexOf(" ") >= 0 || option.html.indexOf("[") === 0) {
+              parts = option.html.replace(/\[|\]/g, "").split(" ");
+              if (parts.length) {
+                for (_j = 0, _len2 = parts.length; _j < _len2; _j++) {
+                  part = parts[_j];
+                  if (regex.test(part)) {
+                    found = true;
+                    results += 1;
+                  }
+                }
+              }
+            }
+            if (found) {
+              if (searchText.length) {
+                startpos = option.html.search(zregex);
+                text = option.html.substr(0, startpos + searchText.length) + '</em>' + option.html.substr(startpos + searchText.length);
+                text = text.substr(0, startpos) + '<em>' + text.substr(startpos);
+              } else {
+                text = option.html;
+              }
+              if ($("#" + result_id).html !== text) {
+                $("#" + result_id).html(text);
+              }
+              this.result_activate($("#" + result_id));
+              if (option.group_array_index != null) {
+                $("#" + this.results_data[option.group_array_index].dom_id).show();
+              }
+            } else {
+              if (this.result_highlight && result_id === this.result_highlight.attr('id')) {
+                this.result_clear_highlight();
+              }
+              this.result_deactivate($("#" + result_id));
+            }
+          }
+        }
+      }
+      if (results < 1 && searchText.length) {
+        return this.no_results(searchText);
+      } else {
+        return this.winnow_results_set_highlight();
+      }
+    };
+    Chosen.prototype.winnow_results_clear = function() {
+      var li, lis, _i, _len, _results;
+      this.search_field.val("");
+      lis = this.search_results.find("li");
+      _results = [];
+      for (_i = 0, _len = lis.length; _i < _len; _i++) {
+        li = lis[_i];
+        li = $(li);
+        _results.push(li.hasClass("group-result") ? li.show() : !this.is_multiple || !li.hasClass("result-selected") ? this.result_activate(li) : void 0);
+      }
+      return _results;
+    };
+    Chosen.prototype.winnow_results_set_highlight = function() {
+      var do_high, selected_results;
+      if (!this.result_highlight) {
+        selected_results = !this.is_multiple ? this.search_results.find(".result-selected") : [];
+        do_high = selected_results.length ? selected_results.first() : this.search_results.find(".active-result").first();
+        if (do_high != null) {
+          return this.result_do_highlight(do_high);
+        }
+      }
+    };
+    Chosen.prototype.no_results = function(terms) {
+      var no_results_html;
+      no_results_html = $('<li class="no-results">No results match "<span></span>"</li>');
+      no_results_html.find("span").first().html(terms);
+      return this.search_results.append(no_results_html);
+    };
+    Chosen.prototype.no_results_clear = function() {
+      return this.search_results.find(".no-results").remove();
+    };
+    Chosen.prototype.keydown_arrow = function() {
+      var first_active, next_sib;
+      if (!this.result_highlight) {
+        first_active = this.search_results.find("li.active-result").first();
+        if (first_active) {
+          this.result_do_highlight($(first_active));
+        }
+      } else if (this.results_showing) {
+        next_sib = this.result_highlight.nextAll("li.active-result").first();
+        if (next_sib) {
+          this.result_do_highlight(next_sib);
+        }
+      }
+      if (!this.results_showing) {
+        return this.results_show();
+      }
+    };
+    Chosen.prototype.keyup_arrow = function() {
+      var prev_sibs;
+      if (!this.results_showing && !this.is_multiple) {
+        return this.results_show();
+      } else if (this.result_highlight) {
+        prev_sibs = this.result_highlight.prevAll("li.active-result");
+        if (prev_sibs.length) {
+          return this.result_do_highlight(prev_sibs.first());
+        } else {
+          if (this.choices > 0) {
+            this.results_hide();
+          }
+          return this.result_clear_highlight();
+        }
+      }
+    };
+    Chosen.prototype.keydown_backstroke = function() {
+      if (this.pending_backstroke) {
+        this.choice_destroy(this.pending_backstroke.find("a").first());
+        return this.clear_backstroke();
+      } else {
+        this.pending_backstroke = this.search_container.siblings("li.search-choice").last();
+        return this.pending_backstroke.addClass("search-choice-focus");
+      }
+    };
+    Chosen.prototype.clear_backstroke = function() {
+      if (this.pending_backstroke) {
+        this.pending_backstroke.removeClass("search-choice-focus");
+      }
+      return this.pending_backstroke = null;
+    };
+    Chosen.prototype.keyup_checker = function(evt) {
+      var stroke, _ref;
+      stroke = (_ref = evt.which) != null ? _ref : evt.keyCode;
+      this.search_field_scale();
+      switch (stroke) {
+        case 8:
+          if (this.is_multiple && this.backstroke_length < 1 && this.choices > 0) {
+            return this.keydown_backstroke();
+          } else if (!this.pending_backstroke) {
+            this.result_clear_highlight();
+            return this.results_search();
+          }
+          break;
+        case 13:
+          evt.preventDefault();
+          if (this.results_showing) {
+            return this.result_select();
+          }
+          break;
+        case 27:
+          if (this.results_showing) {
+            return this.results_hide();
+          }
+          break;
+        case 9:
+        case 38:
+        case 40:
+        case 16:
+          break;
+        default:
+          return this.results_search();
+      }
+    };
+    Chosen.prototype.keydown_checker = function(evt) {
+      var stroke, _ref;
+      stroke = (_ref = evt.which) != null ? _ref : evt.keyCode;
+      this.search_field_scale();
+      if (stroke !== 8 && this.pending_backstroke) {
+        this.clear_backstroke();
+      }
+      switch (stroke) {
+        case 8:
+          this.backstroke_length = this.search_field.val().length;
+          break;
+        case 9:
+          this.mouse_on_container = false;
+          break;
+        case 13:
+          evt.preventDefault();
+          break;
+        case 38:
+          evt.preventDefault();
+          this.keyup_arrow();
+          break;
+        case 40:
+          this.keydown_arrow();
+          break;
+      }
+    };
+    Chosen.prototype.search_field_scale = function() {
+      var dd_top, div, h, style, style_block, styles, w, _i, _len;
+      if (this.is_multiple) {
+        h = 0;
+        w = 0;
+        style_block = "position:absolute; left: -1000px; top: -1000px; display:none;";
+        styles = ['font-size', 'font-style', 'font-weight', 'font-family', 'line-height', 'text-transform', 'letter-spacing'];
+        for (_i = 0, _len = styles.length; _i < _len; _i++) {
+          style = styles[_i];
+          style_block += style + ":" + this.search_field.css(style) + ";";
+        }
+        div = $('<div />', {
+          'style': style_block
+        });
+        div.text(this.search_field.val());
+        $('body').append(div);
+        w = div.width() + 25;
+        div.remove();
+        if (w > this.f_width - 10) {
+          w = this.f_width - 10;
+        }
+        this.search_field.css({
+          'width': w + 'px'
+        });
+        dd_top = this.container.height();
+        return this.dropdown.css({
+          "top": dd_top + "px"
+        });
+      }
+    };
+    Chosen.prototype.generate_field_id = function() {
+      var new_id;
+      new_id = this.generate_random_id();
+      this.form_field.id = new_id;
+      return new_id;
+    };
+    Chosen.prototype.generate_random_id = function() {
+      var string;
+      string = "sel" + this.generate_random_char() + this.generate_random_char() + this.generate_random_char();
+      while ($("#" + string).length > 0) {
+        string += this.generate_random_char();
+      }
+      return string;
+    };
+    Chosen.prototype.generate_random_char = function() {
+      var chars, newchar, rand;
+      chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZ";
+      rand = Math.floor(Math.random() * chars.length);
+      return newchar = chars.substring(rand, rand + 1);
+    };
+    return Chosen;
+  })();
+  get_side_border_padding = function(elmt) {
+    var side_border_padding;
+    return side_border_padding = elmt.outerWidth() - elmt.width();
+  };
+  root.get_side_border_padding = get_side_border_padding;
+}).call(this);
+(function() {
+  var SelectParser;
+  SelectParser = (function() {
+    function SelectParser() {
+      this.options_index = 0;
+      this.parsed = [];
+    }
+    SelectParser.prototype.add_node = function(child) {
+      if (child.nodeName === "OPTGROUP") {
+        return this.add_group(child);
+      } else {
+        return this.add_option(child);
+      }
+    };
+    SelectParser.prototype.add_group = function(group) {
+      var group_position, option, _i, _len, _ref, _results;
+      group_position = this.parsed.length;
+      this.parsed.push({
+        array_index: group_position,
+        group: true,
+        label: group.label,
+        children: 0,
+        disabled: group.disabled
+      });
+      _ref = group.childNodes;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        option = _ref[_i];
+        _results.push(this.add_option(option, group_position, group.disabled));
+      }
+      return _results;
+    };
+    SelectParser.prototype.add_option = function(option, group_position, group_disabled) {
+      if (option.nodeName === "OPTION") {
+        if (option.text !== "") {
+          if (group_position != null) {
+            this.parsed[group_position].children += 1;
+          }
+          this.parsed.push({
+            array_index: this.parsed.length,
+            options_index: this.options_index,
+            value: option.value,
+            text: option.text,
+            html: option.innerHTML,
+            selected: option.selected,
+            disabled: group_disabled === true ? group_disabled : option.disabled,
+            group_array_index: group_position
+          });
+        } else {
+          this.parsed.push({
+            array_index: this.parsed.length,
+            options_index: this.options_index,
+            empty: true
+          });
+        }
+        return this.options_index += 1;
+      }
+    };
+    return SelectParser;
+  })();
+  SelectParser.select_to_array = function(select) {
+    var child, parser, _i, _len, _ref;
+    parser = new SelectParser();
+    _ref = select.childNodes;
+    for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+      child = _ref[_i];
+      parser.add_node(child);
+    }
+    return parser.parsed;
+  };
+  this.SelectParser = SelectParser;
+}).call(this);

admin/thirdparty/chosen/chosen/chosen.jquery.min.js

@@ -0,0 +1,10 @@
+// Chosen, a Select Box Enhancer for jQuery and Protoype
+// by Patrick Filler for Harvest, http://getharvest.com
+// 
+// Version 0.9.1
+// Full source at https://github.com/harvesthq/chosen
+// Copyright (c) 2011 Harvest http://getharvest.com
+
+// MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
+// This file is generated by `cake build`, do not edit it by hand.
+(function(){var a,b,c,d,e=function(a,b){return function(){return a.apply(b,arguments)}};d=this,a=jQuery,a.fn.extend({chosen:function(c,d){return a(this).each(function(e){if(!a(this).hasClass("chzn-done"))return new b(this,c,d)})}}),b=function(){function b(b){this.set_default_values(),this.form_field=b,this.form_field_jq=a(this.form_field),this.is_multiple=this.form_field.multiple,this.is_rtl=this.form_field_jq.hasClass("chzn-rtl"),this.default_text_default=this.form_field.multiple?"Select Some Options":"Select an Option",this.set_up_html(),this.register_observers(),this.form_field_jq.addClass("chzn-done")}b.prototype.set_default_values=function(){this.click_test_action=e(function(a){return this.test_active_click(a)},this),this.active_field=!1,this.mouse_on_container=!1,this.results_showing=!1,this.result_highlighted=null,this.result_single_selected=null;return this.choices=0},b.prototype.set_up_html=function(){var b,d,e,f;this.container_id=this.form_field.id.length?this.form_field.id.replace(/(:|\.)/g,"_"):this.generate_field_id(),this.container_id+="_chzn",this.f_width=this.form_field_jq.width(),this.default_text=this.form_field_jq.data("placeholder")?this.form_field_jq.data("placeholder"):this.default_text_default,b=a("<div />",{id:this.container_id,"class":"chzn-container "+(this.is_rtl?"chzn-rtl":""),style:"width: "+this.f_width+"px;"}),this.is_multiple?b.html('<ul class="chzn-choices"><li class="search-field"><input type="text" value="'+this.default_text+'" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chzn-drop" style="left:-9000px;"><ul class="chzn-results"></ul></div>'):b.html('<a href="javascript:void(0)" class="chzn-single"><span>'+this.default_text+'</span><div><b></b></div></a><div class="chzn-drop" style="left:-9000px;"><div class="chzn-search"><input type="text" autocomplete="off" /></div><ul class="chzn-results"></ul></div>'),this.form_field_jq.hide().after(b),this.container=a("#"+this.container_id),this.container.addClass("chzn-container-"+(this.is_multiple?"multi":"single")),this.dropdown=this.container.find("div.chzn-drop").first(),d=this.container.height(),e=this.f_width-c(this.dropdown),this.dropdown.css({width:e+"px",top:d+"px"}),this.search_field=this.container.find("input").first(),this.search_results=this.container.find("ul.chzn-results").first(),this.search_field_scale(),this.search_no_results=this.container.find("li.no-results").first(),this.is_multiple?(this.search_choices=this.container.find("ul.chzn-choices").first(),this.search_container=this.container.find("li.search-field").first()):(this.search_container=this.container.find("div.chzn-search").first(),this.selected_item=this.container.find(".chzn-single").first(),f=e-c(this.search_container)-c(this.search_field),this.search_field.css({width:f+"px"})),this.results_build();return this.set_tab_index()},b.prototype.register_observers=function(){this.container.click(e(function(a){return this.container_click(a)},this)),this.container.mouseenter(e(function(a){return this.mouse_enter(a)},this)),this.container.mouseleave(e(function(a){return this.mouse_leave(a)},this)),this.search_results.click(e(function(a){return this.search_results_click(a)},this)),this.search_results.mouseover(e(function(a){return this.search_results_mouseover(a)},this)),this.search_results.mouseout(e(function(a){return this.search_results_mouseout(a)},this)),this.form_field_jq.bind("liszt:updated",e(function(a){return this.results_update_field(a)},this)),this.search_field.blur(e(function(a){return this.input_blur(a)},this)),this.search_field.keyup(e(function(a){return this.keyup_checker(a)},this)),this.search_field.keydown(e(function(a){return this.keydown_checker(a)},this));if(this.is_multiple){this.search_choices.click(e(function(a){return this.choices_click(a)},this));return this.search_field.focus(e(function(a){return this.input_focus(a)},this))}return this.selected_item.focus(e(function(a){return this.activate_field(a)},this))},b.prototype.container_click=function(b){b&&b.type==="click"&&b.stopPropagation();if(!this.pending_destroy_click){this.active_field?!this.is_multiple&&b&&(a(b.target)===this.selected_item||a(b.target).parents("a.chzn-single").length)&&(b.preventDefault(),this.results_toggle()):(this.is_multiple&&this.search_field.val(""),a(document).click(this.click_test_action),this.results_show());return this.activate_field()}return this.pending_destroy_click=!1},b.prototype.mouse_enter=function(){return this.mouse_on_container=!0},b.prototype.mouse_leave=function(){return this.mouse_on_container=!1},b.prototype.input_focus=function(a){if(!this.active_field)return setTimeout(e(function(){return this.container_click()},this),50)},b.prototype.input_blur=function(a){if(!this.mouse_on_container){this.active_field=!1;return setTimeout(e(function(){return this.blur_test()},this),100)}},b.prototype.blur_test=function(a){if(!this.active_field&&this.container.hasClass("chzn-container-active"))return this.close_field()},b.prototype.close_field=function(){a(document).unbind("click",this.click_test_action),this.is_multiple||(this.selected_item.attr("tabindex",this.search_field.attr("tabindex")),this.search_field.attr("tabindex",-1)),this.active_field=!1,this.results_hide(),this.container.removeClass("chzn-container-active"),this.winnow_results_clear(),this.clear_backstroke(),this.show_search_field_default();return this.search_field_scale()},b.prototype.activate_field=function(){!this.is_multiple&&!this.active_field&&(this.search_field.attr("tabindex",this.selected_item.attr("tabindex")),this.selected_item.attr("tabindex",-1)),this.container.addClass("chzn-container-active"),this.active_field=!0,this.search_field.val(this.search_field.val());return this.search_field.focus()},b.prototype.test_active_click=function(b){return a(b.target).parents("#"+this.container_id).length?this.active_field=!0:this.close_field()},b.prototype.results_build=function(){var a,b,c,e,f,g;c=new Date,this.parsing=!0,this.results_data=d.SelectParser.select_to_array(this.form_field),this.is_multiple&&this.choices>0?(this.search_choices.find("li.search-choice").remove(),this.choices=0):this.is_multiple||this.selected_item.find("span").text(this.default_text),a="",g=this.results_data;for(e=0,f=g.length;e<f;e++)b=g[e],b.group?a+=this.result_add_group(b):b.empty||(a+=this.result_add_option(b),b.selected&&this.is_multiple?this.choice_build(b):b.selected&&!this.is_multiple&&this.selected_item.find("span").text(b.text));this.show_search_field_default(),this.search_field_scale(),this.search_results.html(a);return this.parsing=!1},b.prototype.result_add_group=function(b){if(!b.disabled){b.dom_id=this.container_id+"_g_"+b.array_index;return'<li id="'+b.dom_id+'" class="group-result">'+a("<div />").text(b.label).html()+"</li>"}return""},b.prototype.result_add_option=function(a){var b;if(!a.disabled){a.dom_id=this.container_id+"_o_"+a.array_index,b=a.selected&&this.is_multiple?[]:["active-result"],a.selected&&b.push("result-selected"),a.group_array_index!=null&&b.push("group-option");return'<li id="'+a.dom_id+'" class="'+b.join(" ")+'">'+a.html+"</li>"}return""},b.prototype.results_update_field=function(){this.result_clear_highlight(),this.result_single_selected=null;return this.results_build()},b.prototype.result_do_highlight=function(a){var b,c,d,e,f;if(a.length){this.result_clear_highlight(),this.result_highlight=a,this.result_highlight.addClass("highlighted"),d=parseInt(this.search_results.css("maxHeight"),10),f=this.search_results.scrollTop(),e=d+f,c=this.result_highlight.position().top+this.search_results.scrollTop(),b=c+this.result_highlight.outerHeight();if(b>=e)return this.search_results.scrollTop(b-d>0?b-d:0);if(c<f)return this.search_results.scrollTop(c)}},b.prototype.result_clear_highlight=function(){this.result_highlight&&this.result_highlight.removeClass("highlighted");return this.result_highlight=null},b.prototype.results_toggle=function(){return this.results_showing?this.results_hide():this.results_show()},b.prototype.results_show=function(){var a;this.is_multiple||(this.selected_item.addClass("chzn-single-with-drop"),this.result_single_selected&&this.result_do_highlight(this.result_single_selected)),a=this.is_multiple?this.container.height():this.container.height()-1,this.dropdown.css({top:a+"px",left:0}),this.results_showing=!0,this.search_field.focus(),this.search_field.val(this.search_field.val());return this.winnow_results()},b.prototype.results_hide=function(){this.is_multiple||this.selected_item.removeClass("chzn-single-with-drop"),this.result_clear_highlight(),this.dropdown.css({left:"-9000px"});return this.results_showing=!1},b.prototype.set_tab_index=function(a){var b;if(this.form_field_jq.attr("tabindex")){b=this.form_field_jq.attr("tabindex"),this.form_field_jq.attr("tabindex",-1);if(this.is_multiple)return this.search_field.attr("tabindex",b);this.selected_item.attr("tabindex",b);return this.search_field.attr("tabindex",-1)}},b.prototype.show_search_field_default=function(){if(this.is_multiple&&this.choices<1&&!this.active_field){this.search_field.val(this.default_text);return this.search_field.addClass("default")}this.search_field.val("");return this.search_field.removeClass("default")},b.prototype.search_results_click=function(b){var c;c=a(b.target).hasClass("active-result")?a(b.target):a(b.target).parents(".active-result").first();if(c.length){this.result_highlight=c;return this.result_select()}},b.prototype.search_results_mouseover=function(b){var c;c=a(b.target).hasClass("active-result")?a(b.target):a(b.target).parents(".active-result").first();if(c)return this.result_do_highlight(c)},b.prototype.search_results_mouseout=function(b){if(a(b.target).hasClass("active-result"))return this.result_clear_highlight()},b.prototype.choices_click=function(b){b.preventDefault();if(this.active_field&&!a(b.target).hasClass("search-choice")&&!this.results_showing)return this.results_show()},b.prototype.choice_build=function(b){var c,d;c=this.container_id+"_c_"+b.array_index,this.choices+=1,this.search_container.before('<li class="search-choice" id="'+c+'"><span>'+b.html+'</span><a href="javascript:void(0)" class="search-choice-close" rel="'+b.array_index+'"></a></li>'),d=a("#"+c).find("a").first();return d.click(e(function(a){return this.choice_destroy_link_click(a)},this))},b.prototype.choice_destroy_link_click=function(b){b.preventDefault(),this.pending_destroy_click=!0;return this.choice_destroy(a(b.target))},b.prototype.choice_destroy=function(a){this.choices-=1,this.show_search_field_default(),this.is_multiple&&this.choices>0&&this.search_field.val().length<1&&this.results_hide(),this.result_deselect(a.attr("rel"));return a.parents("li").first().remove()},b.prototype.result_select=function(){var a,b,c,d;if(this.result_highlight){a=this.result_highlight,b=a.attr("id"),this.result_clear_highlight(),a.addClass("result-selected"),this.is_multiple?this.result_deactivate(a):this.result_single_selected=a,d=b.substr(b.lastIndexOf("_")+1),c=this.results_data[d],c.selected=!0,this.form_field.options[c.options_index].selected=!0,this.is_multiple?this.choice_build(c):this.selected_item.find("span").first().text(c.text),this.results_hide(),this.search_field.val(""),this.form_field_jq.trigger("change");return this.search_field_scale()}},b.prototype.result_activate=function(a){return a.addClass("active-result").show()},b.prototype.result_deactivate=function(a){return a.removeClass("active-result").hide()},b.prototype.result_deselect=function(b){var c,d;d=this.results_data[b],d.selected=!1,this.form_field.options[d.options_index].selected=!1,c=a("#"+this.container_id+"_o_"+b),c.removeClass("result-selected").addClass("active-result").show(),this.result_clear_highlight(),this.winnow_results(),this.form_field_jq.trigger("change");return this.search_field_scale()},b.prototype.results_search=function(a){return this.results_showing?this.winnow_results():this.results_show()},b.prototype.winnow_results=function(){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r;j=new Date,this.no_results_clear(),h=0,i=this.search_field.val()===this.default_text?"":a("<div/>").text(a.trim(this.search_field.val())).html(),f=new RegExp("^"+i.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&"),"i"),m=new RegExp(i.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&"),"i"),r=this.results_data;for(n=0,p=r.length;n<p;n++){c=r[n];if(!c.disabled&&!c.empty)if(c.group)a("#"+c.dom_id).hide();else if(!this.is_multiple||!c.selected){b=!1,g=c.dom_id;if(f.test(c.html))b=!0,h+=1;else if(c.html.indexOf(" ")>=0||c.html.indexOf("[")===0){e=c.html.replace(/\[|\]/g,"").split(" ");if(e.length)for(o=0,q=e.length;o<q;o++)d=e[o],f.test(d)&&(b=!0,h+=1)}b?(i.length?(k=c.html.search(m),l=c.html.substr(0,k+i.length)+"</em>"+c.html.substr(k+i.length),l=l.substr(0,k)+"<em>"+l.substr(k)):l=c.html,a("#"+g).html!==l&&a("#"+g).html(l),this.result_activate(a("#"+g)),c.group_array_index!=null&&a("#"+this.results_data[c.group_array_index].dom_id).show()):(this.result_highlight&&g===this.result_highlight.attr("id")&&this.result_clear_highlight(),this.result_deactivate(a("#"+g)))}}return h<1&&i.length?this.no_results(i):this.winnow_results_set_highlight()},b.prototype.winnow_results_clear=function(){var b,c,d,e,f;this.search_field.val(""),c=this.search_results.find("li"),f=[];for(d=0,e=c.length;d<e;d++)b=c[d],b=a(b),f.push(b.hasClass("group-result")?b.show():!this.is_multiple||!b.hasClass("result-selected")?this.result_activate(b):void 0);return f},b.prototype.winnow_results_set_highlight=function(){var a,b;if(!this.result_highlight){b=this.is_multiple?[]:this.search_results.find(".result-selected"),a=b.length?b.first():this.search_results.find(".active-result").first();if(a!=null)return this.result_do_highlight(a)}},b.prototype.no_results=function(b){var c;c=a('<li class="no-results">No results match "<span></span>"</li>'),c.find("span").first().html(b);return this.search_results.append(c)},b.prototype.no_results_clear=function(){return this.search_results.find(".no-results").remove()},b.prototype.keydown_arrow=function(){var b,c;this.result_highlight?this.results_showing&&(c=this.result_highlight.nextAll("li.active-result").first(),c&&this.result_do_highlight(c)):(b=this.search_results.find("li.active-result").first(),b&&this.result_do_highlight(a(b)));if(!this.results_showing)return this.results_show()},b.prototype.keyup_arrow=function(){var a;if(!this.results_showing&&!this.is_multiple)return this.results_show();if(this.result_highlight){a=this.result_highlight.prevAll("li.active-result");if(a.length)return this.result_do_highlight(a.first());this.choices>0&&this.results_hide();return this.result_clear_highlight()}},b.prototype.keydown_backstroke=function(){if(this.pending_backstroke){this.choice_destroy(this.pending_backstroke.find("a").first());return this.clear_backstroke()}this.pending_backstroke=this.search_container.siblings("li.search-choice").last();return this.pending_backstroke.addClass("search-choice-focus")},b.prototype.clear_backstroke=function(){this.pending_backstroke&&this.pending_backstroke.removeClass("search-choice-focus");return this.pending_backstroke=null},b.prototype.keyup_checker=function(a){var b,c;b=(c=a.which)!=null?c:a.keyCode,this.search_field_scale();switch(b){case 8:if(this.is_multiple&&this.backstroke_length<1&&this.choices>0)return this.keydown_backstroke();if(!this.pending_backstroke){this.result_clear_highlight();return this.results_search()}break;case 13:a.preventDefault();if(this.results_showing)return this.result_select();break;case 27:if(this.results_showing)return this.results_hide();break;case 9:case 38:case 40:case 16:break;default:return this.results_search()}},b.prototype.keydown_checker=function(a){var b,c;b=(c=a.which)!=null?c:a.keyCode,this.search_field_scale(),b!==8&&this.pending_backstroke&&this.clear_backstroke();switch(b){case 8:this.backstroke_length=this.search_field.val().length;break;case 9:this.mouse_on_container=!1;break;case 13:a.preventDefault();break;case 38:a.preventDefault(),this.keyup_arrow();break;case 40:this.keydown_arrow()}},b.prototype.search_field_scale=function(){var b,c,d,e,f,g,h,i,j;if(this.is_multiple){d=0,h=0,f="position:absolute; left: -1000px; top: -1000px; display:none;",g=["font-size","font-style","font-weight","font-family","line-height","text-transform","letter-spacing"];for(i=0,j=g.length;i<j;i++)e=g[i],f+=e+":"+this.search_field.css(e)+";";c=a("<div />",{style:f}),c.text(this.search_field.val()),a("body").append(c),h=c.width()+25,c.remove(),h>this.f_width-10&&(h=this.f_width-10),this.search_field.css({width:h+"px"}),b=this.container.height();return this.dropdown.css({top:b+"px"})}},b.prototype.generate_field_id=function(){var a;a=this.generate_random_id(),this.form_field.id=a;return a},b.prototype.generate_random_id=function(){var b;b="sel"+this.generate_random_char()+this.generate_random_char()+this.generate_random_char();while(a("#"+b).length>0)b+=this.generate_random_char();return b},b.prototype.generate_random_char=function(){var a,b,c;a="0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZ",c=Math.floor(Math.random()*a.length);return b=a.substring(c,c+1)};return b}(),c=function(a){var b;return b=a.outerWidth()-a.width()},d.get_side_border_padding=c}).call(this),function(){var a;a=function(){function a(){this.options_index=0,this.parsed=[]}a.prototype.add_node=function(a){return a.nodeName==="OPTGROUP"?this.add_group(a):this.add_option(a)},a.prototype.add_group=function(a){var b,c,d,e,f,g;b=this.parsed.length,this.parsed.push({array_index:b,group:!0,label:a.label,children:0,disabled:a.disabled}),f=a.childNodes,g=[];for(d=0,e=f.length;d<e;d++)c=f[d],g.push(this.add_option(c,b,a.disabled));return g},a.prototype.add_option=function(a,b,c){if(a.nodeName==="OPTION"){a.text!==""?(b!=null&&(this.parsed[b].children+=1),this.parsed.push({array_index:this.parsed.length,options_index:this.options_index,value:a.value,text:a.text,html:a.innerHTML,selected:a.selected,disabled:c===!0?c:a.disabled,group_array_index:b})):this.parsed.push({array_index:this.parsed.length,options_index:this.options_index,empty:!0});return this.options_index+=1}};return a}(),a.select_to_array=function(b){var c,d,e,f,g;d=new a,g=b.childNodes;for(e=0,f=g.length;e<f;e++)c=g[e],d.add_node(c);return d.parsed},this.SelectParser=a}.call(this)

admin/thirdparty/chosen/chosen/chosen.proto.js

@@ -0,0 +1,780 @@
+// Chosen, a Select Box Enhancer for jQuery and Protoype
+// by Patrick Filler for Harvest, http://getharvest.com
+// 
+// Version 0.9.1
+// Full source at https://github.com/harvesthq/chosen
+// Copyright (c) 2011 Harvest http://getharvest.com
+
+// MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
+// This file is generated by `cake build`, do not edit it by hand.
+(function() {
+  /*
+  Chosen source: generate output using 'cake build'
+  Copyright (c) 2011 by Harvest
+  */  var Chosen, get_side_border_padding, root;
+  var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
+  root = this;
+  Chosen = (function() {
+    function Chosen(elmn) {
+      this.set_default_values();
+      this.form_field = elmn;
+      this.is_multiple = this.form_field.multiple;
+      this.is_rtl = this.form_field.hasClassName("chzn-rtl");
+      this.default_text_default = this.form_field.multiple ? "Select Some Options" : "Select an Option";
+      this.set_up_html();
+      this.register_observers();
+      this.form_field.addClassName("chzn-done");
+    }
+    Chosen.prototype.set_default_values = function() {
+      this.click_test_action = __bind(function(evt) {
+        return this.test_active_click(evt);
+      }, this);
+      this.active_field = false;
+      this.mouse_on_container = false;
+      this.results_showing = false;
+      this.result_highlighted = null;
+      this.result_single_selected = null;
+      this.choices = 0;
+      this.single_temp = new Template('<a href="javascript:void(0)" class="chzn-single"><span>#{default}</span><div><b></b></div></a><div class="chzn-drop" style="left:-9000px;"><div class="chzn-search"><input type="text" autocomplete="off" /></div><ul class="chzn-results"></ul></div>');
+      this.multi_temp = new Template('<ul class="chzn-choices"><li class="search-field"><input type="text" value="#{default}" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chzn-drop" style="left:-9000px;"><ul class="chzn-results"></ul></div>');
+      this.choice_temp = new Template('<li class="search-choice" id="#{id}"><span>#{choice}</span><a href="javascript:void(0)" class="search-choice-close" rel="#{position}"></a></li>');
+      return this.no_results_temp = new Template('<li class="no-results">No results match "<span>#{terms}</span>"</li>');
+    };
+    Chosen.prototype.set_up_html = function() {
+      var base_template, container_props, dd_top, dd_width, sf_width;
+      this.container_id = this.form_field.identify().replace(/(:|\.)/g, '_') + "_chzn";
+      this.f_width = this.form_field.getStyle("width") ? parseInt(this.form_field.getStyle("width"), 10) : this.form_field.getWidth();
+      container_props = {
+        'id': this.container_id,
+        'class': "chzn-container " + (this.is_rtl ? 'chzn-rtl' : ''),
+        'style': 'width: ' + this.f_width + 'px'
+      };
+      this.default_text = this.form_field.readAttribute('data-placeholder') ? this.form_field.readAttribute('data-placeholder') : this.default_text_default;
+      base_template = this.is_multiple ? new Element('div', container_props).update(this.multi_temp.evaluate({
+        "default": this.default_text
+      })) : new Element('div', container_props).update(this.single_temp.evaluate({
+        "default": this.default_text
+      }));
+      this.form_field.hide().insert({
+        after: base_template
+      });
+      this.container = $(this.container_id);
+      this.container.addClassName("chzn-container-" + (this.is_multiple ? "multi" : "single"));
+      this.dropdown = this.container.down('div.chzn-drop');
+      dd_top = this.container.getHeight();
+      dd_width = this.f_width - get_side_border_padding(this.dropdown);
+      this.dropdown.setStyle({
+        "width": dd_width + "px",
+        "top": dd_top + "px"
+      });
+      this.search_field = this.container.down('input');
+      this.search_results = this.container.down('ul.chzn-results');
+      this.search_field_scale();
+      this.search_no_results = this.container.down('li.no-results');
+      if (this.is_multiple) {
+        this.search_choices = this.container.down('ul.chzn-choices');
+        this.search_container = this.container.down('li.search-field');
+      } else {
+        this.search_container = this.container.down('div.chzn-search');
+        this.selected_item = this.container.down('.chzn-single');
+        sf_width = dd_width - get_side_border_padding(this.search_container) - get_side_border_padding(this.search_field);
+        this.search_field.setStyle({
+          "width": sf_width + "px"
+        });
+      }
+      this.results_build();
+      return this.set_tab_index();
+    };
+    Chosen.prototype.register_observers = function() {
+      this.container.observe("click", __bind(function(evt) {
+        return this.container_click(evt);
+      }, this));
+      this.container.observe("mouseenter", __bind(function(evt) {
+        return this.mouse_enter(evt);
+      }, this));
+      this.container.observe("mouseleave", __bind(function(evt) {
+        return this.mouse_leave(evt);
+      }, this));
+      this.search_results.observe("click", __bind(function(evt) {
+        return this.search_results_click(evt);
+      }, this));
+      this.search_results.observe("mouseover", __bind(function(evt) {
+        return this.search_results_mouseover(evt);
+      }, this));
+      this.search_results.observe("mouseout", __bind(function(evt) {
+        return this.search_results_mouseout(evt);
+      }, this));
+      this.form_field.observe("liszt:updated", __bind(function(evt) {
+        return this.results_update_field(evt);
+      }, this));
+      this.search_field.observe("blur", __bind(function(evt) {
+        return this.input_blur(evt);
+      }, this));
+      this.search_field.observe("keyup", __bind(function(evt) {
+        return this.keyup_checker(evt);
+      }, this));
+      this.search_field.observe("keydown", __bind(function(evt) {
+        return this.keydown_checker(evt);
+      }, this));
+      if (this.is_multiple) {
+        this.search_choices.observe("click", __bind(function(evt) {
+          return this.choices_click(evt);
+        }, this));
+        return this.search_field.observe("focus", __bind(function(evt) {
+          return this.input_focus(evt);
+        }, this));
+      } else {
+        return this.selected_item.observe("focus", __bind(function(evt) {
+          return this.activate_field(evt);
+        }, this));
+      }
+    };
+    Chosen.prototype.container_click = function(evt) {
+      if (evt && evt.type === "click") {
+        evt.stop();
+      }
+      if (!this.pending_destroy_click) {
+        if (!this.active_field) {
+          if (this.is_multiple) {
+            this.search_field.clear();
+          }
+          document.observe("click", this.click_test_action);
+          this.results_show();
+        } else if (!this.is_multiple && evt && (evt.target === this.selected_item || evt.target.up("a.chzn-single"))) {
+          this.results_toggle();
+        }
+        return this.activate_field();
+      } else {
+        return this.pending_destroy_click = false;
+      }
+    };
+    Chosen.prototype.mouse_enter = function() {
+      return this.mouse_on_container = true;
+    };
+    Chosen.prototype.mouse_leave = function() {
+      return this.mouse_on_container = false;
+    };
+    Chosen.prototype.input_focus = function(evt) {
+      if (!this.active_field) {
+        return setTimeout(this.container_click.bind(this), 50);
+      }
+    };
+    Chosen.prototype.input_blur = function(evt) {
+      if (!this.mouse_on_container) {
+        this.active_field = false;
+        return setTimeout(this.blur_test.bind(this), 100);
+      }
+    };
+    Chosen.prototype.blur_test = function(evt) {
+      if (!this.active_field && this.container.hasClassName("chzn-container-active")) {
+        return this.close_field();
+      }
+    };
+    Chosen.prototype.close_field = function() {
+      document.stopObserving("click", this.click_test_action);
+      if (!this.is_multiple) {
+        this.selected_item.tabIndex = this.search_field.tabIndex;
+        this.search_field.tabIndex = -1;
+      }
+      this.active_field = false;
+      this.results_hide();
+      this.container.removeClassName("chzn-container-active");
+      this.winnow_results_clear();
+      this.clear_backstroke();
+      this.show_search_field_default();
+      return this.search_field_scale();
+    };
+    Chosen.prototype.activate_field = function() {
+      if (!this.is_multiple && !this.active_field) {
+        this.search_field.tabIndex = this.selected_item.tabIndex;
+        this.selected_item.tabIndex = -1;
+      }
+      this.container.addClassName("chzn-container-active");
+      this.active_field = true;
+      this.search_field.value = this.search_field.value;
+      return this.search_field.focus();
+    };
+    Chosen.prototype.test_active_click = function(evt) {
+      if (evt.target.up('#' + this.container_id)) {
+        return this.active_field = true;
+      } else {
+        return this.close_field();
+      }
+    };
+    Chosen.prototype.results_build = function() {
+      var content, data, startTime, _i, _len, _ref;
+      startTime = new Date();
+      this.parsing = true;
+      this.results_data = root.SelectParser.select_to_array(this.form_field);
+      if (this.is_multiple && this.choices > 0) {
+        this.search_choices.select("li.search-choice").invoke("remove");
+        this.choices = 0;
+      } else if (!this.is_multiple) {
+        this.selected_item.down("span").update(this.default_text);
+      }
+      content = '';
+      _ref = this.results_data;
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        data = _ref[_i];
+        if (data.group) {
+          content += this.result_add_group(data);
+        } else if (!data.empty) {
+          content += this.result_add_option(data);
+          if (data.selected && this.is_multiple) {
+            this.choice_build(data);
+          } else if (data.selected && !this.is_multiple) {
+            this.selected_item.down("span").update(data.html);
+          }
+        }
+      }
+      this.show_search_field_default();
+      this.search_field_scale();
+      this.search_results.update(content);
+      return this.parsing = false;
+    };
+    Chosen.prototype.result_add_group = function(group) {
+      if (!group.disabled) {
+        group.dom_id = this.container_id + "_g_" + group.array_index;
+        return '<li id="' + group.dom_id + '" class="group-result">' + group.label.escapeHTML() + '</li>';
+      } else {
+        return "";
+      }
+    };
+    Chosen.prototype.result_add_option = function(option) {
+      var classes;
+      if (!option.disabled) {
+        option.dom_id = this.container_id + "_o_" + option.array_index;
+        classes = option.selected && this.is_multiple ? [] : ["active-result"];
+        if (option.selected) {
+          classes.push("result-selected");
+        }
+        if (option.group_array_index != null) {
+          classes.push("group-option");
+        }
+        return '<li id="' + option.dom_id + '" class="' + classes.join(' ') + '">' + option.html + '</li>';
+      } else {
+        return "";
+      }
+    };
+    Chosen.prototype.results_update_field = function() {
+      this.result_clear_highlight();
+      this.result_single_selected = null;
+      return this.results_build();
+    };
+    Chosen.prototype.result_do_highlight = function(el) {
+      var high_bottom, high_top, maxHeight, visible_bottom, visible_top;
+      this.result_clear_highlight();
+      this.result_highlight = el;
+      this.result_highlight.addClassName("highlighted");
+      maxHeight = parseInt(this.search_results.getStyle('maxHeight'), 10);
+      visible_top = this.search_results.scrollTop;
+      visible_bottom = maxHeight + visible_top;
+      high_top = this.result_highlight.positionedOffset().top;
+      high_bottom = high_top + this.result_highlight.getHeight();
+      if (high_bottom >= visible_bottom) {
+        return this.search_results.scrollTop = (high_bottom - maxHeight) > 0 ? high_bottom - maxHeight : 0;
+      } else if (high_top < visible_top) {
+        return this.search_results.scrollTop = high_top;
+      }
+    };
+    Chosen.prototype.result_clear_highlight = function() {
+      if (this.result_highlight) {
+        this.result_highlight.removeClassName('highlighted');
+      }
+      return this.result_highlight = null;
+    };
+    Chosen.prototype.results_toggle = function() {
+      if (this.results_showing) {
+        return this.results_hide();
+      } else {
+        return this.results_show();
+      }
+    };
+    Chosen.prototype.results_show = function() {
+      var dd_top;
+      if (!this.is_multiple) {
+        this.selected_item.addClassName('chzn-single-with-drop');
+        if (this.result_single_selected) {
+          this.result_do_highlight(this.result_single_selected);
+        }
+      }
+      dd_top = this.is_multiple ? this.container.getHeight() : this.container.getHeight() - 1;
+      this.dropdown.setStyle({
+        "top": dd_top + "px",
+        "left": 0
+      });
+      this.results_showing = true;
+      this.search_field.focus();
+      this.search_field.value = this.search_field.value;
+      return this.winnow_results();
+    };
+    Chosen.prototype.results_hide = function() {
+      if (!this.is_multiple) {
+        this.selected_item.removeClassName('chzn-single-with-drop');
+      }
+      this.result_clear_highlight();
+      this.dropdown.setStyle({
+        "left": "-9000px"
+      });
+      return this.results_showing = false;
+    };
+    Chosen.prototype.set_tab_index = function(el) {
+      var ti;
+      if (this.form_field.tabIndex) {
+        ti = this.form_field.tabIndex;
+        this.form_field.tabIndex = -1;
+        if (this.is_multiple) {
+          return this.search_field.tabIndex = ti;
+        } else {
+          this.selected_item.tabIndex = ti;
+          return this.search_field.tabIndex = -1;
+        }
+      }
+    };
+    Chosen.prototype.show_search_field_default = function() {
+      if (this.is_multiple && this.choices < 1 && !this.active_field) {
+        this.search_field.value = this.default_text;
+        return this.search_field.addClassName("default");
+      } else {
+        this.search_field.value = "";
+        return this.search_field.removeClassName("default");
+      }
+    };
+    Chosen.prototype.search_results_click = function(evt) {
+      var target;
+      target = evt.target.hasClassName("active-result") ? evt.target : evt.target.up(".active-result");
+      if (target) {
+        this.result_highlight = target;
+        return this.result_select();
+      }
+    };
+    Chosen.prototype.search_results_mouseover = function(evt) {
+      var target;
+      target = evt.target.hasClassName("active-result") ? evt.target : evt.target.up(".active-result");
+      if (target) {
+        return this.result_do_highlight(target);
+      }
+    };
+    Chosen.prototype.search_results_mouseout = function(evt) {
+      if (evt.target.hasClassName('active-result') || evt.target.up('.active-result')) {
+        return this.result_clear_highlight();
+      }
+    };
+    Chosen.prototype.choices_click = function(evt) {
+      evt.preventDefault();
+      if (this.active_field && !(evt.target.hasClassName('search-choice') || evt.target.up('.search-choice')) && !this.results_showing) {
+        return this.results_show();
+      }
+    };
+    Chosen.prototype.choice_build = function(item) {
+      var choice_id, link;
+      choice_id = this.container_id + "_c_" + item.array_index;
+      this.choices += 1;
+      this.search_container.insert({
+        before: this.choice_temp.evaluate({
+          id: choice_id,
+          choice: item.html,
+          position: item.array_index
+        })
+      });
+      link = $(choice_id).down('a');
+      return link.observe("click", __bind(function(evt) {
+        return this.choice_destroy_link_click(evt);
+      }, this));
+    };
+    Chosen.prototype.choice_destroy_link_click = function(evt) {
+      evt.preventDefault();
+      this.pending_destroy_click = true;
+      return this.choice_destroy(evt.target);
+    };
+    Chosen.prototype.choice_destroy = function(link) {
+      this.choices -= 1;
+      this.show_search_field_default();
+      if (this.is_multiple && this.choices > 0 && this.search_field.value.length < 1) {
+        this.results_hide();
+      }
+      this.result_deselect(link.readAttribute("rel"));
+      return link.up('li').remove();
+    };
+    Chosen.prototype.result_select = function() {
+      var high, item, position;
+      if (this.result_highlight) {
+        high = this.result_highlight;
+        this.result_clear_highlight();
+        high.addClassName("result-selected");
+        if (this.is_multiple) {
+          this.result_deactivate(high);
+        } else {
+          this.result_single_selected = high;
+        }
+        position = high.id.substr(high.id.lastIndexOf("_") + 1);
+        item = this.results_data[position];
+        item.selected = true;
+        this.form_field.options[item.options_index].selected = true;
+        if (this.is_multiple) {
+          this.choice_build(item);
+        } else {
+          this.selected_item.down("span").update(item.html);
+        }
+        this.results_hide();
+        this.search_field.value = "";
+        if (typeof Event.simulate === 'function') {
+          this.form_field.simulate("change");
+        }
+        return this.search_field_scale();
+      }
+    };
+    Chosen.prototype.result_activate = function(el) {
+      return el.addClassName("active-result").show();
+    };
+    Chosen.prototype.result_deactivate = function(el) {
+      return el.removeClassName("active-result").hide();
+    };
+    Chosen.prototype.result_deselect = function(pos) {
+      var result, result_data;
+      result_data = this.results_data[pos];
+      result_data.selected = false;
+      this.form_field.options[result_data.options_index].selected = false;
+      result = $(this.container_id + "_o_" + pos);
+      result.removeClassName("result-selected").addClassName("active-result").show();
+      this.result_clear_highlight();
+      this.winnow_results();
+      if (typeof Event.simulate === 'function') {
+        this.form_field.simulate("change");
+      }
+      return this.search_field_scale();
+    };
+    Chosen.prototype.results_search = function(evt) {
+      if (this.results_showing) {
+        return this.winnow_results();
+      } else {
+        return this.results_show();
+      }
+    };
+    Chosen.prototype.winnow_results = function() {
+      var found, option, part, parts, regex, result_id, results, searchText, startTime, startpos, text, zregex, _i, _j, _len, _len2, _ref;
+      startTime = new Date();
+      this.no_results_clear();
+      results = 0;
+      searchText = this.search_field.value === this.default_text ? "" : this.search_field.value.strip().escapeHTML();
+      regex = new RegExp('^' + searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i');
+      zregex = new RegExp(searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i');
+      _ref = this.results_data;
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        option = _ref[_i];
+        if (!option.disabled && !option.empty) {
+          if (option.group) {
+            $(option.dom_id).hide();
+          } else if (!(this.is_multiple && option.selected)) {
+            found = false;
+            result_id = option.dom_id;
+            if (regex.test(option.html)) {
+              found = true;
+              results += 1;
+            } else if (option.html.indexOf(" ") >= 0 || option.html.indexOf("[") === 0) {
+              parts = option.html.replace(/\[|\]/g, "").split(" ");
+              if (parts.length) {
+                for (_j = 0, _len2 = parts.length; _j < _len2; _j++) {
+                  part = parts[_j];
+                  if (regex.test(part)) {
+                    found = true;
+                    results += 1;
+                  }
+                }
+              }
+            }
+            if (found) {
+              if (searchText.length) {
+                startpos = option.html.search(zregex);
+                text = option.html.substr(0, startpos + searchText.length) + '</em>' + option.html.substr(startpos + searchText.length);
+                text = text.substr(0, startpos) + '<em>' + text.substr(startpos);
+              } else {
+                text = option.html;
+              }
+              if ($(result_id).innerHTML !== text) {
+                $(result_id).update(text);
+              }
+              this.result_activate($(result_id));
+              if (option.group_array_index != null) {
+                $(this.results_data[option.group_array_index].dom_id).show();
+              }
+            } else {
+              if ($(result_id) === this.result_highlight) {
+                this.result_clear_highlight();
+              }
+              this.result_deactivate($(result_id));
+            }
+          }
+        }
+      }
+      if (results < 1 && searchText.length) {
+        return this.no_results(searchText);
+      } else {
+        return this.winnow_results_set_highlight();
+      }
+    };
+    Chosen.prototype.winnow_results_clear = function() {
+      var li, lis, _i, _len, _results;
+      this.search_field.clear();
+      lis = this.search_results.select("li");
+      _results = [];
+      for (_i = 0, _len = lis.length; _i < _len; _i++) {
+        li = lis[_i];
+        _results.push(li.hasClassName("group-result") ? li.show() : !this.is_multiple || !li.hasClassName("result-selected") ? this.result_activate(li) : void 0);
+      }
+      return _results;
+    };
+    Chosen.prototype.winnow_results_set_highlight = function() {
+      var do_high;
+      if (!this.result_highlight) {
+        if (!this.is_multiple) {
+          do_high = this.search_results.down(".result-selected");
+        }
+        if (!(do_high != null)) {
+          do_high = this.search_results.down(".active-result");
+        }
+        if (do_high != null) {
+          return this.result_do_highlight(do_high);
+        }
+      }
+    };
+    Chosen.prototype.no_results = function(terms) {
+      return this.search_results.insert(this.no_results_temp.evaluate({
+        terms: terms
+      }));
+    };
+    Chosen.prototype.no_results_clear = function() {
+      var nr, _results;
+      nr = null;
+      _results = [];
+      while (nr = this.search_results.down(".no-results")) {
+        _results.push(nr.remove());
+      }
+      return _results;
+    };
+    Chosen.prototype.keydown_arrow = function() {
+      var actives, nexts, sibs;
+      actives = this.search_results.select("li.active-result");
+      if (actives.length) {
+        if (!this.result_highlight) {
+          this.result_do_highlight(actives.first());
+        } else if (this.results_showing) {
+          sibs = this.result_highlight.nextSiblings();
+          nexts = sibs.intersect(actives);
+          if (nexts.length) {
+            this.result_do_highlight(nexts.first());
+          }
+        }
+        if (!this.results_showing) {
+          return this.results_show();
+        }
+      }
+    };
+    Chosen.prototype.keyup_arrow = function() {
+      var actives, prevs, sibs;
+      if (!this.results_showing && !this.is_multiple) {
+        return this.results_show();
+      } else if (this.result_highlight) {
+        sibs = this.result_highlight.previousSiblings();
+        actives = this.search_results.select("li.active-result");
+        prevs = sibs.intersect(actives);
+        if (prevs.length) {
+          return this.result_do_highlight(prevs.first());
+        } else {
+          if (this.choices > 0) {
+            this.results_hide();
+          }
+          return this.result_clear_highlight();
+        }
+      }
+    };
+    Chosen.prototype.keydown_backstroke = function() {
+      if (this.pending_backstroke) {
+        this.choice_destroy(this.pending_backstroke.down("a"));
+        return this.clear_backstroke();
+      } else {
+        this.pending_backstroke = this.search_container.siblings("li.search-choice").last();
+        return this.pending_backstroke.addClassName("search-choice-focus");
+      }
+    };
+    Chosen.prototype.clear_backstroke = function() {
+      if (this.pending_backstroke) {
+        this.pending_backstroke.removeClassName("search-choice-focus");
+      }
+      return this.pending_backstroke = null;
+    };
+    Chosen.prototype.keyup_checker = function(evt) {
+      var stroke, _ref;
+      stroke = (_ref = evt.which) != null ? _ref : evt.keyCode;
+      this.search_field_scale();
+      switch (stroke) {
+        case 8:
+          if (this.is_multiple && this.backstroke_length < 1 && this.choices > 0) {
+            return this.keydown_backstroke();
+          } else if (!this.pending_backstroke) {
+            this.result_clear_highlight();
+            return this.results_search();
+          }
+          break;
+        case 13:
+          evt.preventDefault();
+          if (this.results_showing) {
+            return this.result_select();
+          }
+          break;
+        case 27:
+          if (this.results_showing) {
+            return this.results_hide();
+          }
+          break;
+        case 9:
+        case 38:
+        case 40:
+        case 16:
+          break;
+        default:
+          return this.results_search();
+      }
+    };
+    Chosen.prototype.keydown_checker = function(evt) {
+      var stroke, _ref;
+      stroke = (_ref = evt.which) != null ? _ref : evt.keyCode;
+      this.search_field_scale();
+      if (stroke !== 8 && this.pending_backstroke) {
+        this.clear_backstroke();
+      }
+      switch (stroke) {
+        case 8:
+          return this.backstroke_length = this.search_field.value.length;
+        case 9:
+          return this.mouse_on_container = false;
+        case 13:
+          return evt.preventDefault();
+        case 38:
+          evt.preventDefault();
+          return this.keyup_arrow();
+        case 40:
+          return this.keydown_arrow();
+      }
+    };
+    Chosen.prototype.search_field_scale = function() {
+      var dd_top, div, h, style, style_block, styles, w, _i, _len;
+      if (this.is_multiple) {
+        h = 0;
+        w = 0;
+        style_block = "position:absolute; left: -1000px; top: -1000px; display:none;";
+        styles = ['font-size', 'font-style', 'font-weight', 'font-family', 'line-height', 'text-transform', 'letter-spacing'];
+        for (_i = 0, _len = styles.length; _i < _len; _i++) {
+          style = styles[_i];
+          style_block += style + ":" + this.search_field.getStyle(style) + ";";
+        }
+        div = new Element('div', {
+          'style': style_block
+        }).update(this.search_field.value.escapeHTML());
+        document.body.appendChild(div);
+        w = Element.measure(div, 'width') + 25;
+        div.remove();
+        if (w > this.f_width - 10) {
+          w = this.f_width - 10;
+        }
+        this.search_field.setStyle({
+          'width': w + 'px'
+        });
+        dd_top = this.container.getHeight();
+        return this.dropdown.setStyle({
+          "top": dd_top + "px"
+        });
+      }
+    };
+    return Chosen;
+  })();
+  root.Chosen = Chosen;
+  document.observe('dom:loaded', function(evt) {
+    var select, selects, _i, _len, _results;
+    selects = $$(".chzn-select");
+    _results = [];
+    for (_i = 0, _len = selects.length; _i < _len; _i++) {
+      select = selects[_i];
+      _results.push(new Chosen(select));
+    }
+    return _results;
+  });
+  get_side_border_padding = function(elmt) {
+    var layout, side_border_padding;
+    layout = new Element.Layout(elmt);
+    return side_border_padding = layout.get("border-left") + layout.get("border-right") + layout.get("padding-left") + layout.get("padding-right");
+  };
+  root.get_side_border_padding = get_side_border_padding;
+}).call(this);
+(function() {
+  var SelectParser;
+  SelectParser = (function() {
+    function SelectParser() {
+      this.options_index = 0;
+      this.parsed = [];
+    }
+    SelectParser.prototype.add_node = function(child) {
+      if (child.nodeName === "OPTGROUP") {
+        return this.add_group(child);
+      } else {
+        return this.add_option(child);
+      }
+    };
+    SelectParser.prototype.add_group = function(group) {
+      var group_position, option, _i, _len, _ref, _results;
+      group_position = this.parsed.length;
+      this.parsed.push({
+        array_index: group_position,
+        group: true,
+        label: group.label,
+        children: 0,
+        disabled: group.disabled
+      });
+      _ref = group.childNodes;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        option = _ref[_i];
+        _results.push(this.add_option(option, group_position, group.disabled));
+      }
+      return _results;
+    };
+    SelectParser.prototype.add_option = function(option, group_position, group_disabled) {
+      if (option.nodeName === "OPTION") {
+        if (option.text !== "") {
+          if (group_position != null) {
+            this.parsed[group_position].children += 1;
+          }
+          this.parsed.push({
+            array_index: this.parsed.length,
+            options_index: this.options_index,
+            value: option.value,
+            text: option.text,
+            html: option.innerHTML,
+            selected: option.selected,
+            disabled: group_disabled === true ? group_disabled : option.disabled,
+            group_array_index: group_position
+          });
+        } else {
+          this.parsed.push({
+            array_index: this.parsed.length,
+            options_index: this.options_index,
+            empty: true
+          });
+        }
+        return this.options_index += 1;
+      }
+    };
+    return SelectParser;
+  })();
+  SelectParser.select_to_array = function(select) {
+    var child, parser, _i, _len, _ref;
+    parser = new SelectParser();
+    _ref = select.childNodes;
+    for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+      child = _ref[_i];
+      parser.add_node(child);
+    }
+    return parser.parsed;
+  };
+  this.SelectParser = SelectParser;
+}).call(this);

admin/thirdparty/chosen/chosen/chosen.proto.min.js

@@ -0,0 +1,10 @@
+// Chosen, a Select Box Enhancer for jQuery and Protoype
+// by Patrick Filler for Harvest, http://getharvest.com
+// 
+// Version 0.9.1
+// Full source at https://github.com/harvesthq/chosen
+// Copyright (c) 2011 Harvest http://getharvest.com
+
+// MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
+// This file is generated by `cake build`, do not edit it by hand.
+(function(){var a,b,c,d=function(a,b){return function(){return a.apply(b,arguments)}};c=this,a=function(){function a(a){this.set_default_values(),this.form_field=a,this.is_multiple=this.form_field.multiple,this.is_rtl=this.form_field.hasClassName("chzn-rtl"),this.default_text_default=this.form_field.multiple?"Select Some Options":"Select an Option",this.set_up_html(),this.register_observers(),this.form_field.addClassName("chzn-done")}a.prototype.set_default_values=function(){this.click_test_action=d(function(a){return this.test_active_click(a)},this),this.active_field=!1,this.mouse_on_container=!1,this.results_showing=!1,this.result_highlighted=null,this.result_single_selected=null,this.choices=0,this.single_temp=new Template('<a href="javascript:void(0)" class="chzn-single"><span>#{default}</span><div><b></b></div></a><div class="chzn-drop" style="left:-9000px;"><div class="chzn-search"><input type="text" autocomplete="off" /></div><ul class="chzn-results"></ul></div>'),this.multi_temp=new Template('<ul class="chzn-choices"><li class="search-field"><input type="text" value="#{default}" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chzn-drop" style="left:-9000px;"><ul class="chzn-results"></ul></div>'),this.choice_temp=new Template('<li class="search-choice" id="#{id}"><span>#{choice}</span><a href="javascript:void(0)" class="search-choice-close" rel="#{position}"></a></li>');return this.no_results_temp=new Template('<li class="no-results">No results match "<span>#{terms}</span>"</li>')},a.prototype.set_up_html=function(){var a,c,d,e,f;this.container_id=this.form_field.identify().replace(/(:|\.)/g,"_")+"_chzn",this.f_width=this.form_field.getStyle("width")?parseInt(this.form_field.getStyle("width"),10):this.form_field.getWidth(),c={id:this.container_id,"class":"chzn-container "+(this.is_rtl?"chzn-rtl":""),style:"width: "+this.f_width+"px"},this.default_text=this.form_field.readAttribute("data-placeholder")?this.form_field.readAttribute("data-placeholder"):this.default_text_default,a=this.is_multiple?(new Element("div",c)).update(this.multi_temp.evaluate({"default":this.default_text})):(new Element("div",c)).update(this.single_temp.evaluate({"default":this.default_text})),this.form_field.hide().insert({after:a}),this.container=$(this.container_id),this.container.addClassName("chzn-container-"+(this.is_multiple?"multi":"single")),this.dropdown=this.container.down("div.chzn-drop"),d=this.container.getHeight(),e=this.f_width-b(this.dropdown),this.dropdown.setStyle({width:e+"px",top:d+"px"}),this.search_field=this.container.down("input"),this.search_results=this.container.down("ul.chzn-results"),this.search_field_scale(),this.search_no_results=this.container.down("li.no-results"),this.is_multiple?(this.search_choices=this.container.down("ul.chzn-choices"),this.search_container=this.container.down("li.search-field")):(this.search_container=this.container.down("div.chzn-search"),this.selected_item=this.container.down(".chzn-single"),f=e-b(this.search_container)-b(this.search_field),this.search_field.setStyle({width:f+"px"})),this.results_build();return this.set_tab_index()},a.prototype.register_observers=function(){this.container.observe("click",d(function(a){return this.container_click(a)},this)),this.container.observe("mouseenter",d(function(a){return this.mouse_enter(a)},this)),this.container.observe("mouseleave",d(function(a){return this.mouse_leave(a)},this)),this.search_results.observe("click",d(function(a){return this.search_results_click(a)},this)),this.search_results.observe("mouseover",d(function(a){return this.search_results_mouseover(a)},this)),this.search_results.observe("mouseout",d(function(a){return this.search_results_mouseout(a)},this)),this.form_field.observe("liszt:updated",d(function(a){return this.results_update_field(a)},this)),this.search_field.observe("blur",d(function(a){return this.input_blur(a)},this)),this.search_field.observe("keyup",d(function(a){return this.keyup_checker(a)},this)),this.search_field.observe("keydown",d(function(a){return this.keydown_checker(a)},this));if(this.is_multiple){this.search_choices.observe("click",d(function(a){return this.choices_click(a)},this));return this.search_field.observe("focus",d(function(a){return this.input_focus(a)},this))}return this.selected_item.observe("focus",d(function(a){return this.activate_field(a)},this))},a.prototype.container_click=function(a){a&&a.type==="click"&&a.stop();if(!this.pending_destroy_click){this.active_field?!this.is_multiple&&a&&(a.target===this.selected_item||a.target.up("a.chzn-single"))&&this.results_toggle():(this.is_multiple&&this.search_field.clear(),document.observe("click",this.click_test_action),this.results_show());return this.activate_field()}return this.pending_destroy_click=!1},a.prototype.mouse_enter=function(){return this.mouse_on_container=!0},a.prototype.mouse_leave=function(){return this.mouse_on_container=!1},a.prototype.input_focus=function(a){if(!this.active_field)return setTimeout(this.container_click.bind(this),50)},a.prototype.input_blur=function(a){if(!this.mouse_on_container){this.active_field=!1;return setTimeout(this.blur_test.bind(this),100)}},a.prototype.blur_test=function(a){if(!this.active_field&&this.container.hasClassName("chzn-container-active"))return this.close_field()},a.prototype.close_field=function(){document.stopObserving("click",this.click_test_action),this.is_multiple||(this.selected_item.tabIndex=this.search_field.tabIndex,this.search_field.tabIndex=-1),this.active_field=!1,this.results_hide(),this.container.removeClassName("chzn-container-active"),this.winnow_results_clear(),this.clear_backstroke(),this.show_search_field_default();return this.search_field_scale()},a.prototype.activate_field=function(){!this.is_multiple&&!this.active_field&&(this.search_field.tabIndex=this.selected_item.tabIndex,this.selected_item.tabIndex=-1),this.container.addClassName("chzn-container-active"),this.active_field=!0,this.search_field.value=this.search_field.value;return this.search_field.focus()},a.prototype.test_active_click=function(a){return a.target.up("#"+this.container_id)?this.active_field=!0:this.close_field()},a.prototype.results_build=function(){var a,b,d,e,f,g;d=new Date,this.parsing=!0,this.results_data=c.SelectParser.select_to_array(this.form_field),this.is_multiple&&this.choices>0?(this.search_choices.select("li.search-choice").invoke("remove"),this.choices=0):this.is_multiple||this.selected_item.down("span").update(this.default_text),a="",g=this.results_data;for(e=0,f=g.length;e<f;e++)b=g[e],b.group?a+=this.result_add_group(b):b.empty||(a+=this.result_add_option(b),b.selected&&this.is_multiple?this.choice_build(b):b.selected&&!this.is_multiple&&this.selected_item.down("span").update(b.html));this.show_search_field_default(),this.search_field_scale(),this.search_results.update(a);return this.parsing=!1},a.prototype.result_add_group=function(a){if(!a.disabled){a.dom_id=this.container_id+"_g_"+a.array_index;return'<li id="'+a.dom_id+'" class="group-result">'+a.label.escapeHTML()+"</li>"}return""},a.prototype.result_add_option=function(a){var b;if(!a.disabled){a.dom_id=this.container_id+"_o_"+a.array_index,b=a.selected&&this.is_multiple?[]:["active-result"],a.selected&&b.push("result-selected"),a.group_array_index!=null&&b.push("group-option");return'<li id="'+a.dom_id+'" class="'+b.join(" ")+'">'+a.html+"</li>"}return""},a.prototype.results_update_field=function(){this.result_clear_highlight(),this.result_single_selected=null;return this.results_build()},a.prototype.result_do_highlight=function(a){var b,c,d,e,f;this.result_clear_highlight(),this.result_highlight=a,this.result_highlight.addClassName("highlighted"),d=parseInt(this.search_results.getStyle("maxHeight"),10),f=this.search_results.scrollTop,e=d+f,c=this.result_highlight.positionedOffset().top,b=c+this.result_highlight.getHeight();if(b>=e)return this.search_results.scrollTop=b-d>0?b-d:0;if(c<f)return this.search_results.scrollTop=c},a.prototype.result_clear_highlight=function(){this.result_highlight&&this.result_highlight.removeClassName("highlighted");return this.result_highlight=null},a.prototype.results_toggle=function(){return this.results_showing?this.results_hide():this.results_show()},a.prototype.results_show=function(){var a;this.is_multiple||(this.selected_item.addClassName("chzn-single-with-drop"),this.result_single_selected&&this.result_do_highlight(this.result_single_selected)),a=this.is_multiple?this.container.getHeight():this.container.getHeight()-1,this.dropdown.setStyle({top:a+"px",left:0}),this.results_showing=!0,this.search_field.focus(),this.search_field.value=this.search_field.value;return this.winnow_results()},a.prototype.results_hide=function(){this.is_multiple||this.selected_item.removeClassName("chzn-single-with-drop"),this.result_clear_highlight(),this.dropdown.setStyle({left:"-9000px"});return this.results_showing=!1},a.prototype.set_tab_index=function(a){var b;if(this.form_field.tabIndex){b=this.form_field.tabIndex,this.form_field.tabIndex=-1;if(this.is_multiple)return this.search_field.tabIndex=b;this.selected_item.tabIndex=b;return this.search_field.tabIndex=-1}},a.prototype.show_search_field_default=function(){if(this.is_multiple&&this.choices<1&&!this.active_field){this.search_field.value=this.default_text;return this.search_field.addClassName("default")}this.search_field.value="";return this.search_field.removeClassName("default")},a.prototype.search_results_click=function(a){var b;b=a.target.hasClassName("active-result")?a.target:a.target.up(".active-result");if(b){this.result_highlight=b;return this.result_select()}},a.prototype.search_results_mouseover=function(a){var b;b=a.target.hasClassName("active-result")?a.target:a.target.up(".active-result");if(b)return this.result_do_highlight(b)},a.prototype.search_results_mouseout=function(a){if(a.target.hasClassName("active-result")||a.target.up(".active-result"))return this.result_clear_highlight()},a.prototype.choices_click=function(a){a.preventDefault();if(this.active_field&&!a.target.hasClassName("search-choice")&&!a.target.up(".search-choice")&&!this.results_showing)return this.results_show()},a.prototype.choice_build=function(a){var b,c;b=this.container_id+"_c_"+a.array_index,this.choices+=1,this.search_container.insert({before:this.choice_temp.evaluate({id:b,choice:a.html,position:a.array_index})}),c=$(b).down("a");return c.observe("click",d(function(a){return this.choice_destroy_link_click(a)},this))},a.prototype.choice_destroy_link_click=function(a){a.preventDefault(),this.pending_destroy_click=!0;return this.choice_destroy(a.target)},a.prototype.choice_destroy=function(a){this.choices-=1,this.show_search_field_default(),this.is_multiple&&this.choices>0&&this.search_field.value.length<1&&this.results_hide(),this.result_deselect(a.readAttribute("rel"));return a.up("li").remove()},a.prototype.result_select=function(){var a,b,c;if(this.result_highlight){a=this.result_highlight,this.result_clear_highlight(),a.addClassName("result-selected"),this.is_multiple?this.result_deactivate(a):this.result_single_selected=a,c=a.id.substr(a.id.lastIndexOf("_")+1),b=this.results_data[c],b.selected=!0,this.form_field.options[b.options_index].selected=!0,this.is_multiple?this.choice_build(b):this.selected_item.down("span").update(b.html),this.results_hide(),this.search_field.value="",typeof Event.simulate=="function"&&this.form_field.simulate("change");return this.search_field_scale()}},a.prototype.result_activate=function(a){return a.addClassName("active-result").show()},a.prototype.result_deactivate=function(a){return a.removeClassName("active-result").hide()},a.prototype.result_deselect=function(a){var b,c;c=this.results_data[a],c.selected=!1,this.form_field.options[c.options_index].selected=!1,b=$(this.container_id+"_o_"+a),b.removeClassName("result-selected").addClassName("active-result").show(),this.result_clear_highlight(),this.winnow_results(),typeof Event.simulate=="function"&&this.form_field.simulate("change");return this.search_field_scale()},a.prototype.results_search=function(a){return this.results_showing?this.winnow_results():this.results_show()},a.prototype.winnow_results=function(){var a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q;i=new Date,this.no_results_clear(),g=0,h=this.search_field.value===this.default_text?"":this.search_field.value.strip().escapeHTML(),e=new RegExp("^"+h.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&"),"i"),l=new RegExp(h.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&"),"i"),q=this.results_data;for(m=0,o=q.length;m<o;m++){b=q[m];if(!b.disabled&&!b.empty)if(b.group)$(b.dom_id).hide();else if(!this.is_multiple||!b.selected){a=!1,f=b.dom_id;if(e.test(b.html))a=!0,g+=1;else if(b.html.indexOf(" ")>=0||b.html.indexOf("[")===0){d=b.html.replace(/\[|\]/g,"").split(" ");if(d.length)for(n=0,p=d.length;n<p;n++)c=d[n],e.test(c)&&(a=!0,g+=1)}a?(h.length?(j=b.html.search(l),k=b.html.substr(0,j+h.length)+"</em>"+b.html.substr(j+h.length),k=k.substr(0,j)+"<em>"+k.substr(j)):k=b.html,$(f).innerHTML!==k&&$(f).update(k),this.result_activate($(f)),b.group_array_index!=null&&$(this.results_data[b.group_array_index].dom_id).show()):($(f)===this.result_highlight&&this.result_clear_highlight(),this.result_deactivate($(f)))}}return g<1&&h.length?this.no_results(h):this.winnow_results_set_highlight()},a.prototype.winnow_results_clear=function(){var a,b,c,d,e;this.search_field.clear(),b=this.search_results.select("li"),e=[];for(c=0,d=b.length;c<d;c++)a=b[c],e.push(a.hasClassName("group-result")?a.show():!this.is_multiple||!a.hasClassName("result-selected")?this.result_activate(a):void 0);return e},a.prototype.winnow_results_set_highlight=function(){var a;if(!this.result_highlight){this.is_multiple||(a=this.search_results.down(".result-selected")),a==null&&(a=this.search_results.down(".active-result"));if(a!=null)return this.result_do_highlight(a)}},a.prototype.no_results=function(a){return this.search_results.insert(this.no_results_temp.evaluate({terms:a}))},a.prototype.no_results_clear=function(){var a,b;a=null,b=[];while(a=this.search_results.down(".no-results"))b.push(a.remove());return b},a.prototype.keydown_arrow=function(){var a,b,c;a=this.search_results.select("li.active-result");if(a.length){this.result_highlight?this.results_showing&&(c=this.result_highlight.nextSiblings(),b=c.intersect(a),b.length&&this.result_do_highlight(b.first())):this.result_do_highlight(a.first());if(!this.results_showing)return this.results_show()}},a.prototype.keyup_arrow=function(){var a,b,c;if(!this.results_showing&&!this.is_multiple)return this.results_show();if(this.result_highlight){c=this.result_highlight.previousSiblings(),a=this.search_results.select("li.active-result"),b=c.intersect(a);if(b.length)return this.result_do_highlight(b.first());this.choices>0&&this.results_hide();return this.result_clear_highlight()}},a.prototype.keydown_backstroke=function(){if(this.pending_backstroke){this.choice_destroy(this.pending_backstroke.down("a"));return this.clear_backstroke()}this.pending_backstroke=this.search_container.siblings("li.search-choice").last();return this.pending_backstroke.addClassName("search-choice-focus")},a.prototype.clear_backstroke=function(){this.pending_backstroke&&this.pending_backstroke.removeClassName("search-choice-focus");return this.pending_backstroke=null},a.prototype.keyup_checker=function(a){var b,c;b=(c=a.which)!=null?c:a.keyCode,this.search_field_scale();switch(b){case 8:if(this.is_multiple&&this.backstroke_length<1&&this.choices>0)return this.keydown_backstroke();if(!this.pending_backstroke){this.result_clear_highlight();return this.results_search()}break;case 13:a.preventDefault();if(this.results_showing)return this.result_select();break;case 27:if(this.results_showing)return this.results_hide();break;case 9:case 38:case 40:case 16:break;default:return this.results_search()}},a.prototype.keydown_checker=function(a){var b,c;b=(c=a.which)!=null?c:a.keyCode,this.search_field_scale(),b!==8&&this.pending_backstroke&&this.clear_backstroke();switch(b){case 8:return this.backstroke_length=this.search_field.value.length;case 9:return this.mouse_on_container=!1;case 13:return a.preventDefault();case 38:a.preventDefault();return this.keyup_arrow();case 40:return this.keydown_arrow()}},a.prototype.search_field_scale=function(){var a,b,c,d,e,f,g,h,i;if(this.is_multiple){c=0,g=0,e="position:absolute; left: -1000px; top: -1000px; display:none;",f=["font-size","font-style","font-weight","font-family","line-height","text-transform","letter-spacing"];for(h=0,i=f.length;h<i;h++)d=f[h],e+=d+":"+this.search_field.getStyle(d)+";";b=(new Element("div",{style:e})).update(this.search_field.value.escapeHTML()),document.body.appendChild(b),g=Element.measure(b,"width")+25,b.remove(),g>this.f_width-10&&(g=this.f_width-10),this.search_field.setStyle({width:g+"px"}),a=this.container.getHeight();return this.dropdown.setStyle({top:a+"px"})}};return a}(),c.Chosen=a,document.observe("dom:loaded",function(b){var c,d,e,f,g;d=$$(".chzn-select"),g=[];for(e=0,f=d.length;e<f;e++)c=d[e],g.push(new a(c));return g}),b=function(a){var b,c;b=new Element.Layout(a);return c=b.get("border-left")+b.get("border-right")+b.get("padding-left")+b.get("padding-right")},c.get_side_border_padding=b}).call(this),function(){var a;a=function(){function a(){this.options_index=0,this.parsed=[]}a.prototype.add_node=function(a){return a.nodeName==="OPTGROUP"?this.add_group(a):this.add_option(a)},a.prototype.add_group=function(a){var b,c,d,e,f,g;b=this.parsed.length,this.parsed.push({array_index:b,group:!0,label:a.label,children:0,disabled:a.disabled}),f=a.childNodes,g=[];for(d=0,e=f.length;d<e;d++)c=f[d],g.push(this.add_option(c,b,a.disabled));return g},a.prototype.add_option=function(a,b,c){if(a.nodeName==="OPTION"){a.text!==""?(b!=null&&(this.parsed[b].children+=1),this.parsed.push({array_index:this.parsed.length,options_index:this.options_index,value:a.value,text:a.text,html:a.innerHTML,selected:a.selected,disabled:c===!0?c:a.disabled,group_array_index:b})):this.parsed.push({array_index:this.parsed.length,options_index:this.options_index,empty:!0});return this.options_index+=1}};return a}(),a.select_to_array=function(b){var c,d,e,f,g;d=new a,g=b.childNodes;for(e=0,f=g.length;e<f;e++)c=g[e],d.add_node(c);return d.parsed},this.SelectParser=a}.call(this)

admin/thirdparty/chosen/coffee/chosen.jquery.coffee

@@ -0,0 +1,599 @@
+###
+Chosen source: generate output using 'cake build'
+Copyright (c) 2011 by Harvest
+###
+root = this
+$ = jQuery
+
+$.fn.extend({
+  chosen: (data, options) ->
+    $(this).each((input_field) ->
+      new Chosen(this, data, options) unless ($ this).hasClass "chzn-done"
+    )
+}) 
+
+class Chosen
+
+  constructor: (elmn) ->
+    this.set_default_values()
+    
+    @form_field = elmn
+    @form_field_jq = $ @form_field
+    @is_multiple = @form_field.multiple
+    @is_rtl = @form_field_jq.hasClass "chzn-rtl"
+
+    @default_text_default = if @form_field.multiple then "Select Some Options" else "Select an Option"
+
+    this.set_up_html()
+    this.register_observers()
+    @form_field_jq.addClass "chzn-done"
+
+  set_default_values: ->
+    
+    @click_test_action = (evt) => this.test_active_click(evt)
+    @active_field = false
+    @mouse_on_container = false
+    @results_showing = false
+    @result_highlighted = null
+    @result_single_selected = null
+    @choices = 0
+
+  set_up_html: ->
+    @container_id = if @form_field.id.length then @form_field.id.replace(/(:|\.)/g, '_') else this.generate_field_id()
+    @container_id += "_chzn"
+    
+    @f_width = @form_field_jq.width()
+    
+    @default_text = if @form_field_jq.data 'placeholder' then @form_field_jq.data 'placeholder' else @default_text_default
+    
+    container_div = ($ "<div />", {
+      id: @container_id
+      class: "chzn-container #{ if @is_rtl then 'chzn-rtl' else '' }"
+      style: 'width: ' + (@f_width) + 'px;' #use parens around @f_width so coffeescript doesn't think + ' px' is a function parameter
+    })
+    
+    if @is_multiple
+      container_div.html '<ul class="chzn-choices"><li class="search-field"><input type="text" value="' + @default_text + '" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chzn-drop" style="left:-9000px;"><ul class="chzn-results"></ul></div>'
+    else
+      container_div.html '<a href="javascript:void(0)" class="chzn-single"><span>' + @default_text + '</span><div><b></b></div></a><div class="chzn-drop" style="left:-9000px;"><div class="chzn-search"><input type="text" autocomplete="off" /></div><ul class="chzn-results"></ul></div>'
+
+    @form_field_jq.hide().after container_div
+    @container = ($ '#' + @container_id)
+    @container.addClass( "chzn-container-" + (if @is_multiple then "multi" else "single") )
+    @dropdown = @container.find('div.chzn-drop').first()
+    
+    dd_top = @container.height()
+    dd_width = (@f_width - get_side_border_padding(@dropdown))
+    
+    @dropdown.css({"width": dd_width  + "px", "top": dd_top + "px"})
+
+    @search_field = @container.find('input').first()
+    @search_results = @container.find('ul.chzn-results').first()
+    this.search_field_scale()
+
+    @search_no_results = @container.find('li.no-results').first()
+    
+    if @is_multiple
+      @search_choices = @container.find('ul.chzn-choices').first()
+      @search_container = @container.find('li.search-field').first()
+    else
+      @search_container = @container.find('div.chzn-search').first()
+      @selected_item = @container.find('.chzn-single').first()
+      sf_width = dd_width - get_side_border_padding(@search_container) - get_side_border_padding(@search_field)
+      @search_field.css( {"width" : sf_width + "px"} )
+    
+    this.results_build()
+    this.set_tab_index()
+
+
+  register_observers: ->
+    @container.click (evt) => this.container_click(evt)
+    @container.mouseenter (evt) => this.mouse_enter(evt)
+    @container.mouseleave (evt) => this.mouse_leave(evt)
+  
+    @search_results.click (evt) => this.search_results_click(evt)
+    @search_results.mouseover (evt) => this.search_results_mouseover(evt)
+    @search_results.mouseout (evt) => this.search_results_mouseout(evt)
+
+    @form_field_jq.bind "liszt:updated", (evt) => this.results_update_field(evt)
+
+    @search_field.blur (evt) => this.input_blur(evt)
+    @search_field.keyup (evt) => this.keyup_checker(evt)
+    @search_field.keydown (evt) => this.keydown_checker(evt)
+
+    if @is_multiple
+      @search_choices.click (evt) => this.choices_click(evt)
+      @search_field.focus (evt) => this.input_focus(evt)
+    else
+      @selected_item.focus (evt) => this.activate_field(evt)
+
+  container_click: (evt) ->
+    if evt and evt.type is "click"
+      evt.stopPropagation()
+    if not @pending_destroy_click
+      if not @active_field
+        @search_field.val "" if @is_multiple
+        $(document).click @click_test_action
+        this.results_show()
+      else if not @is_multiple and evt and ($(evt.target) is @selected_item || $(evt.target).parents("a.chzn-single").length)
+        evt.preventDefault()
+        this.results_toggle()
+
+      this.activate_field()
+    else
+      @pending_destroy_click = false
+
+  mouse_enter: -> @mouse_on_container = true
+  mouse_leave: -> @mouse_on_container = false
+
+  input_focus: (evt) ->
+    setTimeout (=> this.container_click()), 50 unless @active_field
+  
+  input_blur: (evt) ->
+    if not @mouse_on_container
+      @active_field = false
+      setTimeout (=> this.blur_test()), 100
+
+  blur_test: (evt) ->
+    this.close_field() if not @active_field and @container.hasClass "chzn-container-active"
+
+  close_field: ->
+    $(document).unbind "click", @click_test_action
+    
+    if not @is_multiple
+      @selected_item.attr "tabindex", @search_field.attr("tabindex")
+      @search_field.attr "tabindex", -1
+    
+    @active_field = false
+    this.results_hide()
+
+    @container.removeClass "chzn-container-active"
+    this.winnow_results_clear()
+    this.clear_backstroke()
+
+    this.show_search_field_default()
+    this.search_field_scale()
+
+  activate_field: ->
+    if not @is_multiple and not @active_field
+      @search_field.attr "tabindex", (@selected_item.attr "tabindex")
+      @selected_item.attr "tabindex", -1
+
+    @container.addClass "chzn-container-active"
+    @active_field = true
+
+    @search_field.val(@search_field.val())
+    @search_field.focus()
+
+
+  test_active_click: (evt) ->
+    if $(evt.target).parents('#' + @container_id).length
+      @active_field = true
+    else
+      this.close_field()
+    
+  results_build: ->
+    startTime = new Date()
+    @parsing = true
+    @results_data = root.SelectParser.select_to_array @form_field
+
+    if @is_multiple and @choices > 0
+      @search_choices.find("li.search-choice").remove()
+      @choices = 0
+    else if not @is_multiple
+      @selected_item.find("span").text @default_text
+
+    content = ''
+    for data in @results_data
+      if data.group
+        content += this.result_add_group data
+      else if !data.empty
+        content += this.result_add_option data
+        if data.selected and @is_multiple
+          this.choice_build data
+        else if data.selected and not @is_multiple
+          @selected_item.find("span").text data.text
+
+    this.show_search_field_default()
+    this.search_field_scale()
+    
+    @search_results.html content
+    @parsing = false
+
+
+  result_add_group: (group) ->
+    if not group.disabled
+      group.dom_id = @container_id + "_g_" + group.array_index
+      '<li id="' + group.dom_id + '" class="group-result">' + $("<div />").text(group.label).html() + '</li>'
+    else
+      ""
+  
+  result_add_option: (option) ->
+    if not option.disabled
+      option.dom_id = @container_id + "_o_" + option.array_index
+      
+      classes = if option.selected and @is_multiple then [] else ["active-result"]
+      classes.push "result-selected" if option.selected
+      classes.push "group-option" if option.group_array_index?
+      
+      '<li id="' + option.dom_id + '" class="' + classes.join(' ') + '">' + option.html + '</li>'
+    else
+      ""
+
+  results_update_field: ->
+    this.result_clear_highlight()
+    @result_single_selected = null
+    this.results_build()
+
+  result_do_highlight: (el) ->
+    if el.length
+      this.result_clear_highlight()
+
+      @result_highlight = el
+      @result_highlight.addClass "highlighted"
+
+      maxHeight = parseInt @search_results.css("maxHeight"), 10
+      visible_top = @search_results.scrollTop()
+      visible_bottom = maxHeight + visible_top
+      
+      high_top = @result_highlight.position().top + @search_results.scrollTop()
+      high_bottom = high_top + @result_highlight.outerHeight()
+
+      if high_bottom >= visible_bottom
+        @search_results.scrollTop if (high_bottom - maxHeight) > 0 then (high_bottom - maxHeight) else 0
+      else if high_top < visible_top
+        @search_results.scrollTop high_top
+    
+  result_clear_highlight: ->
+    @result_highlight.removeClass "highlighted" if @result_highlight
+    @result_highlight = null
+
+  results_toggle: ->
+    if @results_showing
+      this.results_hide()
+    else
+      this.results_show()
+
+  results_show: ->
+    if not @is_multiple
+      @selected_item.addClass "chzn-single-with-drop"
+      if @result_single_selected
+        this.result_do_highlight( @result_single_selected )
+
+    dd_top = if @is_multiple then @container.height() else (@container.height() - 1)
+    @dropdown.css {"top":  dd_top + "px", "left":0}
+    @results_showing = true
+
+    @search_field.focus()
+    @search_field.val @search_field.val()
+
+    this.winnow_results()
+
+  results_hide: ->
+    @selected_item.removeClass "chzn-single-with-drop" unless @is_multiple
+    this.result_clear_highlight()
+    @dropdown.css {"left":"-9000px"}
+    @results_showing = false
+
+
+  set_tab_index: (el) ->
+    if @form_field_jq.attr "tabindex"
+      ti = @form_field_jq.attr "tabindex"
+      @form_field_jq.attr "tabindex", -1
+
+      if @is_multiple
+        @search_field.attr "tabindex", ti
+      else
+        @selected_item.attr "tabindex", ti
+        @search_field.attr "tabindex", -1
+
+  show_search_field_default: ->
+    if @is_multiple and @choices < 1 and not @active_field
+      @search_field.val(@default_text)
+      @search_field.addClass "default"
+    else
+      @search_field.val("")
+      @search_field.removeClass "default"
+
+  search_results_click: (evt) ->
+    target = if $(evt.target).hasClass "active-result" then $(evt.target) else $(evt.target).parents(".active-result").first()
+    if target.length
+      @result_highlight = target
+      this.result_select()
+
+  search_results_mouseover: (evt) ->
+    target = if $(evt.target).hasClass "active-result" then $(evt.target) else $(evt.target).parents(".active-result").first()
+    this.result_do_highlight( target ) if target
+
+  search_results_mouseout: (evt) ->
+    this.result_clear_highlight() if $(evt.target).hasClass "active-result" or $(evt.target).parents('.active-result').first()
+
+
+  choices_click: (evt) ->
+    evt.preventDefault()
+    if( @active_field and not($(evt.target).hasClass "search-choice" or $(evt.target).parents('.search-choice').first) and not @results_showing )
+      this.results_show()
+
+  choice_build: (item) ->
+    choice_id = @container_id + "_c_" + item.array_index
+    @choices += 1
+    @search_container.before  '<li class="search-choice" id="' + choice_id + '"><span>' + item.html + '</span><a href="javascript:void(0)" class="search-choice-close" rel="' + item.array_index + '"></a></li>'
+    link = $('#' + choice_id).find("a").first()
+    link.click (evt) => this.choice_destroy_link_click(evt)
+
+  choice_destroy_link_click: (evt) ->
+    evt.preventDefault()
+    @pending_destroy_click = true
+    this.choice_destroy $(evt.target)
+
+  choice_destroy: (link) ->
+    @choices -= 1
+    this.show_search_field_default()
+
+    this.results_hide() if @is_multiple and @choices > 0 and @search_field.val().length < 1
+
+    this.result_deselect (link.attr "rel")
+    link.parents('li').first().remove()
+
+  result_select: ->
+    if @result_highlight
+      high = @result_highlight
+      high_id = high.attr "id"
+      
+      this.result_clear_highlight()
+
+      high.addClass "result-selected"
+      
+      if @is_multiple
+        this.result_deactivate high
+      else
+        @result_single_selected = high
+      
+      position = high_id.substr(high_id.lastIndexOf("_") + 1 )
+      item = @results_data[position]
+      item.selected = true
+
+      @form_field.options[item.options_index].selected = true
+
+      if @is_multiple
+        this.choice_build item
+      else
+        @selected_item.find("span").first().text item.text
+
+      this.results_hide()
+      @search_field.val ""
+
+      @form_field_jq.trigger "change"
+      this.search_field_scale()
+
+  result_activate: (el) ->
+    el.addClass("active-result").show()
+
+  result_deactivate: (el) ->
+    el.removeClass("active-result").hide()
+
+  result_deselect: (pos) ->
+    result_data = @results_data[pos]
+    result_data.selected = false
+
+    @form_field.options[result_data.options_index].selected = false
+    result = $("#" + @container_id + "_o_" + pos)
+    result.removeClass("result-selected").addClass("active-result").show()
+
+    this.result_clear_highlight()
+    this.winnow_results()
+
+    @form_field_jq.trigger "change"
+    this.search_field_scale()
+
+  results_search: (evt) ->
+    if @results_showing
+      this.winnow_results()
+    else
+      this.results_show()
+
+  winnow_results: ->
+    startTime = new Date()
+    this.no_results_clear()
+    
+    results = 0
+
+    searchText = if @search_field.val() is @default_text then "" else $('<div/>').text($.trim(@search_field.val())).html()
+    regex = new RegExp('^' + searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i')
+    zregex = new RegExp(searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i')
+
+    for option in @results_data
+      if not option.disabled and not option.empty
+        if option.group
+          $('#' + option.dom_id).hide()
+        else if not (@is_multiple and option.selected)
+          found = false
+          result_id = option.dom_id
+          
+          if regex.test option.html
+            found = true
+            results += 1
+          else if option.html.indexOf(" ") >= 0 or option.html.indexOf("[") == 0
+            #TODO: replace this substitution of /\[\]/ with a list of characters to skip.
+            parts = option.html.replace(/\[|\]/g, "").split(" ")
+            if parts.length
+              for part in parts
+                if regex.test part
+                  found = true
+                  results += 1
+
+          if found
+            if searchText.length
+              startpos = option.html.search zregex
+              text = option.html.substr(0, startpos + searchText.length) + '</em>' + option.html.substr(startpos + searchText.length)
+              text = text.substr(0, startpos) + '<em>' + text.substr(startpos)
+            else
+              text = option.html
+
+            $("#" + result_id).html text if $("#" + result_id).html != text
+
+            this.result_activate $("#" + result_id)
+
+            $("#" + @results_data[option.group_array_index].dom_id).show() if option.group_array_index?
+          else
+            this.result_clear_highlight() if @result_highlight and result_id is @result_highlight.attr 'id'
+            this.result_deactivate $("#" + result_id)
+    
+    if results < 1 and searchText.length
+      this.no_results searchText
+    else
+      this.winnow_results_set_highlight()
+
+  winnow_results_clear: ->
+    @search_field.val ""
+    lis = @search_results.find("li")
+
+    for li in lis
+      li = $(li)
+      if li.hasClass "group-result"
+        li.show()
+      else if not @is_multiple or not li.hasClass "result-selected"
+        this.result_activate li
+
+  winnow_results_set_highlight: ->
+    if not @result_highlight
+
+      selected_results = if not @is_multiple then @search_results.find(".result-selected") else []
+      do_high = if selected_results.length then selected_results.first() else @search_results.find(".active-result").first()
+
+      this.result_do_highlight do_high if do_high?
+  
+  no_results: (terms) ->
+    no_results_html = $('<li class="no-results">No results match "<span></span>"</li>')
+    no_results_html.find("span").first().html(terms)
+
+    @search_results.append no_results_html
+  
+  no_results_clear: ->
+    @search_results.find(".no-results").remove()
+
+  keydown_arrow: ->
+    if not @result_highlight
+      first_active = @search_results.find("li.active-result").first()
+      this.result_do_highlight $(first_active) if first_active
+    else if @results_showing
+      next_sib = @result_highlight.nextAll("li.active-result").first()
+      this.result_do_highlight next_sib if next_sib
+    this.results_show() if not @results_showing
+
+  keyup_arrow: ->
+    if not @results_showing and not @is_multiple
+      this.results_show()
+    else if @result_highlight
+      prev_sibs = @result_highlight.prevAll("li.active-result")
+      
+      if prev_sibs.length
+        this.result_do_highlight prev_sibs.first()
+      else
+        this.results_hide() if @choices > 0
+        this.result_clear_highlight()
+
+  keydown_backstroke: ->
+    if @pending_backstroke
+      this.choice_destroy @pending_backstroke.find("a").first()
+      this.clear_backstroke()
+    else
+      @pending_backstroke = @search_container.siblings("li.search-choice").last()
+      @pending_backstroke.addClass "search-choice-focus"
+
+  clear_backstroke: ->
+    @pending_backstroke.removeClass "search-choice-focus" if @pending_backstroke
+    @pending_backstroke = null
+
+  keyup_checker: (evt) ->
+    stroke = evt.which ? evt.keyCode
+    this.search_field_scale()
+
+    switch stroke
+      when 8
+        if @is_multiple and @backstroke_length < 1 and @choices > 0
+          this.keydown_backstroke()
+        else if not @pending_backstroke
+          this.result_clear_highlight()
+          this.results_search()
+      when 13
+        evt.preventDefault()
+        this.result_select() if this.results_showing
+      when 27
+        this.results_hide() if @results_showing
+      when 9, 38, 40, 16
+        # don't do anything on these keys
+      else this.results_search()
+
+
+  keydown_checker: (evt) ->
+    stroke = evt.which ? evt.keyCode
+    this.search_field_scale()
+
+    this.clear_backstroke() if stroke != 8 and this.pending_backstroke
+    
+    switch stroke
+      when 8
+        @backstroke_length = this.search_field.val().length
+        break
+      when 9
+        @mouse_on_container = false
+        break
+      when 13
+        evt.preventDefault()
+        break
+      when 38
+        evt.preventDefault()
+        this.keyup_arrow()
+        break
+      when 40
+        this.keydown_arrow()
+        break
+
+
+  search_field_scale: ->
+    if @is_multiple
+      h = 0
+      w = 0
+
+      style_block = "position:absolute; left: -1000px; top: -1000px; display:none;"
+      styles = ['font-size','font-style', 'font-weight', 'font-family','line-height', 'text-transform', 'letter-spacing']
+      
+      for style in styles
+        style_block += style + ":" + @search_field.css(style) + ";"
+      
+      div = $('<div />', { 'style' : style_block })
+      div.text @search_field.val()
+      $('body').append div
+
+      w = div.width() + 25
+      div.remove()
+
+      if( w > @f_width-10 )
+        w = @f_width - 10
+
+      @search_field.css({'width': w + 'px'})
+
+      dd_top = @container.height()
+      @dropdown.css({"top":  dd_top + "px"})
+  
+  generate_field_id: ->
+    new_id = this.generate_random_id()
+    @form_field.id = new_id
+    new_id
+  
+  generate_random_id: ->
+    string = "sel" + this.generate_random_char() + this.generate_random_char() + this.generate_random_char()
+    while $("#" + string).length > 0
+      string += this.generate_random_char()
+    string
+    
+  generate_random_char: ->
+    chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZ";
+    rand = Math.floor(Math.random() * chars.length)
+    newchar = chars.substring rand, rand+1
+
+get_side_border_padding = (elmt) ->
+  side_border_padding = elmt.outerWidth() - elmt.width()
+
+root.get_side_border_padding = get_side_border_padding

admin/thirdparty/chosen/coffee/chosen.proto.coffee

@@ -0,0 +1,584 @@
+###
+Chosen source: generate output using 'cake build'
+Copyright (c) 2011 by Harvest
+###
+root = this
+
+class Chosen
+
+  constructor: (elmn) ->
+    this.set_default_values()
+    
+    @form_field = elmn
+    @is_multiple = @form_field.multiple
+    @is_rtl = @form_field.hasClassName "chzn-rtl"
+
+    @default_text_default = if @form_field.multiple then "Select Some Options" else "Select an Option"
+
+    this.set_up_html()
+    this.register_observers()
+    @form_field.addClassName "chzn-done"
+
+
+  set_default_values: ->
+    
+    @click_test_action = (evt) => this.test_active_click(evt)
+    @active_field = false
+    @mouse_on_container = false
+    @results_showing = false
+    @result_highlighted = null
+    @result_single_selected = null
+    @choices = 0
+
+    # HTML Templates
+    @single_temp = new Template('<a href="javascript:void(0)" class="chzn-single"><span>#{default}</span><div><b></b></div></a><div class="chzn-drop" style="left:-9000px;"><div class="chzn-search"><input type="text" autocomplete="off" /></div><ul class="chzn-results"></ul></div>')
+    @multi_temp = new Template('<ul class="chzn-choices"><li class="search-field"><input type="text" value="#{default}" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chzn-drop" style="left:-9000px;"><ul class="chzn-results"></ul></div>')
+    @choice_temp = new Template('<li class="search-choice" id="#{id}"><span>#{choice}</span><a href="javascript:void(0)" class="search-choice-close" rel="#{position}"></a></li>')
+    @no_results_temp = new Template('<li class="no-results">No results match "<span>#{terms}</span>"</li>')
+
+
+  set_up_html: ->
+    @container_id = @form_field.identify().replace(/(:|\.)/g, '_') + "_chzn"
+    
+    @f_width = if @form_field.getStyle("width") then parseInt @form_field.getStyle("width"), 10 else @form_field.getWidth()
+    
+    container_props =
+      'id': @container_id
+      'class': "chzn-container #{ if @is_rtl then 'chzn-rtl' else '' }"
+      'style': 'width: ' + (@f_width) + 'px' #use parens around @f_width so coffeescript doesn't think + ' px' is a function parameter
+    
+    @default_text = if @form_field.readAttribute 'data-placeholder' then @form_field.readAttribute 'data-placeholder' else @default_text_default
+    
+    base_template = if @is_multiple then new Element('div', container_props).update( @multi_temp.evaluate({ "default": @default_text}) ) else new Element('div', container_props).update( @single_temp.evaluate({ "default":@default_text }) )
+
+    @form_field.hide().insert({ after: base_template })
+    @container = $(@container_id)
+    @container.addClassName( "chzn-container-" + (if @is_multiple then "multi" else "single") )
+    @dropdown = @container.down('div.chzn-drop')
+    
+    dd_top = @container.getHeight()
+    dd_width = (@f_width - get_side_border_padding(@dropdown))
+    
+    @dropdown.setStyle({"width": dd_width  + "px", "top": dd_top + "px"})
+
+    @search_field = @container.down('input')
+    @search_results = @container.down('ul.chzn-results')
+    this.search_field_scale()
+
+    @search_no_results = @container.down('li.no-results')
+    
+    if @is_multiple
+      @search_choices = @container.down('ul.chzn-choices')
+      @search_container = @container.down('li.search-field')
+    else
+      @search_container = @container.down('div.chzn-search')
+      @selected_item = @container.down('.chzn-single')
+      sf_width = dd_width - get_side_border_padding(@search_container) - get_side_border_padding(@search_field)
+      @search_field.setStyle( {"width" : sf_width + "px"} )
+    
+    this.results_build()
+    this.set_tab_index()
+
+
+  register_observers: ->
+    @container.observe "click", (evt) => this.container_click(evt)
+    @container.observe "mouseenter", (evt) => this.mouse_enter(evt)
+    @container.observe "mouseleave", (evt) => this.mouse_leave(evt)
+    
+    @search_results.observe "click", (evt) => this.search_results_click(evt)
+    @search_results.observe "mouseover", (evt) => this.search_results_mouseover(evt)
+    @search_results.observe "mouseout", (evt) => this.search_results_mouseout(evt)
+    
+    @form_field.observe "liszt:updated", (evt) => this.results_update_field(evt)
+
+    @search_field.observe "blur", (evt) => this.input_blur(evt)
+    @search_field.observe "keyup", (evt) => this.keyup_checker(evt)
+    @search_field.observe "keydown", (evt) => this.keydown_checker(evt)
+
+    if @is_multiple
+      @search_choices.observe "click", (evt) => this.choices_click(evt)
+      @search_field.observe "focus", (evt) => this.input_focus(evt)
+    else
+      @selected_item.observe "focus", (evt) => this.activate_field(evt)
+
+
+  container_click: (evt) ->
+    if evt and evt.type is "click"
+      evt.stop()
+    if not @pending_destroy_click
+      if not @active_field
+        @search_field.clear() if @is_multiple
+        document.observe "click", @click_test_action
+        this.results_show()
+      else if not @is_multiple and evt and (evt.target is @selected_item || evt.target.up("a.chzn-single"))
+        this.results_toggle()
+
+      this.activate_field()
+    else
+      @pending_destroy_click = false
+
+  mouse_enter: -> @mouse_on_container = true
+  mouse_leave: -> @mouse_on_container = false
+
+  input_focus: (evt) ->
+    setTimeout this.container_click.bind(this), 50 unless @active_field
+  
+  input_blur: (evt) ->
+    if not @mouse_on_container
+      @active_field = false
+      setTimeout this.blur_test.bind(this), 100
+
+  blur_test: (evt) ->
+    this.close_field() if not @active_field and @container.hasClassName("chzn-container-active")
+
+  close_field: ->
+    document.stopObserving "click", @click_test_action
+    
+    if not @is_multiple
+      @selected_item.tabIndex = @search_field.tabIndex
+      @search_field.tabIndex = -1
+    
+    @active_field = false
+    this.results_hide()
+
+    @container.removeClassName "chzn-container-active"
+    this.winnow_results_clear()
+    this.clear_backstroke()
+
+    this.show_search_field_default()
+    this.search_field_scale()
+
+  activate_field: ->
+    if not @is_multiple and not @active_field
+      @search_field.tabIndex = @selected_item.tabIndex
+      @selected_item.tabIndex = -1
+
+    @container.addClassName "chzn-container-active"
+    @active_field = true
+
+    @search_field.value = @search_field.value
+    @search_field.focus()
+
+
+  test_active_click: (evt) ->
+    if evt.target.up('#' + @container_id)
+      @active_field = true
+    else
+      this.close_field()
+
+  results_build: ->
+    startTime = new Date()
+    @parsing = true
+    @results_data = root.SelectParser.select_to_array @form_field
+
+    if @is_multiple and @choices > 0
+      @search_choices.select("li.search-choice").invoke("remove")
+      @choices = 0
+    else if not @is_multiple
+      @selected_item.down("span").update(@default_text)
+
+    content = ''
+    for data in @results_data
+      if data.group
+        content += this.result_add_group data
+      else if !data.empty
+        content += this.result_add_option data
+        if data.selected and @is_multiple
+          this.choice_build data
+        else if data.selected and not @is_multiple
+          @selected_item.down("span").update( data.html )
+
+    this.show_search_field_default()
+    this.search_field_scale()
+    
+    @search_results.update content
+    @parsing = false
+
+
+  result_add_group: (group) ->
+    if not group.disabled
+      group.dom_id = @container_id + "_g_" + group.array_index
+      '<li id="' + group.dom_id + '" class="group-result">' + group.label.escapeHTML() + '</li>'
+    else
+      ""
+  
+  result_add_option: (option) ->
+    if not option.disabled
+      option.dom_id = @container_id + "_o_" + option.array_index
+      
+      classes = if option.selected and @is_multiple then [] else ["active-result"]
+      classes.push "result-selected" if option.selected
+      classes.push "group-option" if option.group_array_index?
+      
+      '<li id="' + option.dom_id + '" class="' + classes.join(' ') + '">' + option.html + '</li>'
+    else
+      ""
+
+  results_update_field: ->
+    this.result_clear_highlight()
+    @result_single_selected = null
+    this.results_build()
+
+  result_do_highlight: (el) ->
+      this.result_clear_highlight()
+
+      @result_highlight = el
+      @result_highlight.addClassName "highlighted"
+
+      maxHeight = parseInt @search_results.getStyle('maxHeight'), 10
+      visible_top = @search_results.scrollTop
+      visible_bottom = maxHeight + visible_top
+
+      high_top = @result_highlight.positionedOffset().top
+      high_bottom = high_top + @result_highlight.getHeight()
+
+      if high_bottom >= visible_bottom
+        @search_results.scrollTop = if (high_bottom - maxHeight) > 0 then (high_bottom - maxHeight) else 0
+      else if high_top < visible_top
+        @search_results.scrollTop = high_top
+    
+  result_clear_highlight: ->
+    @result_highlight.removeClassName('highlighted') if @result_highlight
+    @result_highlight = null
+
+  results_toggle: ->
+    if @results_showing
+      this.results_hide()
+    else
+      this.results_show()
+
+  results_show: ->
+    if not @is_multiple
+      @selected_item.addClassName('chzn-single-with-drop')
+      if @result_single_selected
+        this.result_do_highlight( @result_single_selected )
+
+    dd_top = if @is_multiple then @container.getHeight() else (@container.getHeight() - 1)
+    @dropdown.setStyle {"top":  dd_top + "px", "left":0}
+    @results_showing = true
+
+    @search_field.focus()
+    @search_field.value = @search_field.value
+
+    this.winnow_results()
+
+  results_hide: ->
+    @selected_item.removeClassName('chzn-single-with-drop') unless @is_multiple
+    this.result_clear_highlight()
+    @dropdown.setStyle({"left":"-9000px"})
+    @results_showing = false
+
+
+  set_tab_index: (el) ->
+    if @form_field.tabIndex
+      ti = @form_field.tabIndex
+      @form_field.tabIndex = -1
+
+      if @is_multiple
+        @search_field.tabIndex = ti
+      else
+        @selected_item.tabIndex = ti
+        @search_field.tabIndex = -1
+
+  show_search_field_default: ->
+    if @is_multiple and @choices < 1 and not @active_field
+      @search_field.value = @default_text
+      @search_field.addClassName "default"
+    else
+      @search_field.value = ""
+      @search_field.removeClassName "default"
+
+  search_results_click: (evt) ->
+    target = if evt.target.hasClassName("active-result") then evt.target else evt.target.up(".active-result")
+    if target
+      @result_highlight = target
+      this.result_select()
+
+  search_results_mouseover: (evt) ->
+    target = if evt.target.hasClassName("active-result") then evt.target else evt.target.up(".active-result")
+    this.result_do_highlight( target ) if target
+
+  search_results_mouseout: (evt) ->
+    this.result_clear_highlight() if evt.target.hasClassName('active-result') or evt.target.up('.active-result')
+
+
+  choices_click: (evt) ->
+    evt.preventDefault()
+    if( @active_field and not(evt.target.hasClassName('search-choice') or evt.target.up('.search-choice')) and not @results_showing )
+      this.results_show()
+
+  choice_build: (item) ->
+    choice_id = @container_id + "_c_" + item.array_index
+    @choices += 1
+    @search_container.insert
+      before: @choice_temp.evaluate
+        id:       choice_id
+        choice:   item.html
+        position: item.array_index
+    link = $(choice_id).down('a')
+    link.observe "click", (evt) => this.choice_destroy_link_click(evt)
+
+  choice_destroy_link_click: (evt) ->
+    evt.preventDefault()
+    @pending_destroy_click = true
+    this.choice_destroy evt.target
+
+  choice_destroy: (link) ->
+    @choices -= 1
+    this.show_search_field_default()
+
+    this.results_hide() if @is_multiple and @choices > 0 and @search_field.value.length < 1
+
+    this.result_deselect link.readAttribute("rel")
+    link.up('li').remove()
+
+  result_select: ->
+    if @result_highlight
+      high = @result_highlight
+      this.result_clear_highlight()
+
+      high.addClassName("result-selected")
+      
+      if @is_multiple
+        this.result_deactivate high
+      else
+        @result_single_selected = high
+        
+      position = high.id.substr(high.id.lastIndexOf("_") + 1 )
+      item = @results_data[position]
+      item.selected = true
+
+      @form_field.options[item.options_index].selected = true
+
+      if @is_multiple
+        this.choice_build item
+      else
+        @selected_item.down("span").update(item.html)
+
+      this.results_hide()
+      @search_field.value = ""
+
+      @form_field.simulate("change") if typeof Event.simulate is 'function'
+      this.search_field_scale()
+
+  result_activate: (el) ->
+    el.addClassName("active-result").show()
+
+  result_deactivate: (el) ->
+    el.removeClassName("active-result").hide()
+
+  result_deselect: (pos) ->
+    result_data = @results_data[pos]
+    result_data.selected = false
+
+    @form_field.options[result_data.options_index].selected = false
+    result = $(@container_id + "_o_" + pos)
+    result.removeClassName("result-selected").addClassName("active-result").show()
+
+    this.result_clear_highlight()
+    this.winnow_results()
+
+    @form_field.simulate("change") if typeof Event.simulate is 'function'
+    this.search_field_scale()
+
+  results_search: (evt) ->
+    if @results_showing
+      this.winnow_results()
+    else
+      this.results_show()
+
+  winnow_results: ->
+    startTime = new Date()
+    this.no_results_clear()
+
+    results = 0
+
+    searchText = if @search_field.value is @default_text then "" else @search_field.value.strip().escapeHTML()
+    regex = new RegExp('^' + searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i')
+    zregex = new RegExp(searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i')
+
+    for option in @results_data
+      if not option.disabled and not option.empty
+        if option.group
+          $(option.dom_id).hide()
+        else if not (@is_multiple and option.selected)
+          found = false
+          result_id = option.dom_id
+          
+          if regex.test option.html
+            found = true
+            results += 1
+          else if option.html.indexOf(" ") >= 0 or option.html.indexOf("[") == 0
+            #TODO: replace this substitution of /\[\]/ with a list of characters to skip.
+            parts = option.html.replace(/\[|\]/g, "").split(" ")
+            if parts.length
+              for part in parts
+                if regex.test part
+                  found = true
+                  results += 1
+
+          if found
+            if searchText.length
+              startpos = option.html.search zregex
+              text = option.html.substr(0, startpos + searchText.length) + '</em>' + option.html.substr(startpos + searchText.length)
+              text = text.substr(0, startpos) + '<em>' + text.substr(startpos)
+            else
+              text = option.html
+
+            $(result_id).update text if $(result_id).innerHTML != text
+
+            this.result_activate $(result_id)
+
+            $(@results_data[option.group_array_index].dom_id).show() if option.group_array_index?
+          else
+            this.result_clear_highlight() if $(result_id) is @result_highlight
+            this.result_deactivate $(result_id)
+
+    if results < 1 and searchText.length
+      this.no_results(searchText)
+    else
+      this.winnow_results_set_highlight()
+
+  winnow_results_clear: ->
+    @search_field.clear()
+    lis = @search_results.select("li")
+
+    for li in lis
+      if li.hasClassName("group-result")
+        li.show()
+      else if not @is_multiple or not li.hasClassName("result-selected")
+        this.result_activate li
+
+  winnow_results_set_highlight: ->
+    if not @result_highlight
+
+      if not @is_multiple
+        do_high = @search_results.down(".result-selected")
+
+      if not do_high?
+        do_high = @search_results.down(".active-result")
+
+      this.result_do_highlight do_high if do_high?
+  
+  no_results: (terms) ->
+    @search_results.insert @no_results_temp.evaluate( terms: terms )
+  
+  no_results_clear: ->
+    nr = null
+    nr.remove() while nr = @search_results.down(".no-results")
+
+
+  keydown_arrow: ->
+    actives = @search_results.select("li.active-result")
+    if actives.length
+      if not @result_highlight
+        this.result_do_highlight actives.first()
+      else if @results_showing
+        sibs = @result_highlight.nextSiblings()
+        nexts = sibs.intersect(actives)
+        this.result_do_highlight nexts.first() if nexts.length
+      this.results_show() if not @results_showing
+
+  keyup_arrow: ->
+    if not @results_showing and not @is_multiple
+      this.results_show()
+    else if @result_highlight
+      sibs = @result_highlight.previousSiblings()
+      actives = @search_results.select("li.active-result")
+      prevs = sibs.intersect(actives)
+
+      if prevs.length
+        this.result_do_highlight prevs.first()
+      else
+        this.results_hide() if @choices > 0
+        this.result_clear_highlight()
+
+  keydown_backstroke: ->
+    if @pending_backstroke
+      this.choice_destroy @pending_backstroke.down("a")
+      this.clear_backstroke()
+    else
+      @pending_backstroke = @search_container.siblings("li.search-choice").last()
+      @pending_backstroke.addClassName("search-choice-focus")
+
+  clear_backstroke: ->
+    @pending_backstroke.removeClassName("search-choice-focus") if @pending_backstroke
+    @pending_backstroke = null
+
+  keyup_checker: (evt) ->
+    stroke = evt.which ? evt.keyCode
+    this.search_field_scale()
+
+    switch stroke
+      when 8
+        if @is_multiple and @backstroke_length < 1 and @choices > 0
+          this.keydown_backstroke()
+        else if not @pending_backstroke
+          this.result_clear_highlight()
+          this.results_search()
+      when 13
+        evt.preventDefault()
+        this.result_select() if this.results_showing
+      when 27
+        this.results_hide() if @results_showing
+      when 9, 38, 40, 16
+        # don't do anything on these keys
+      else this.results_search()
+
+
+  keydown_checker: (evt) ->
+    stroke = evt.which ? evt.keyCode
+    this.search_field_scale()
+
+    this.clear_backstroke() if stroke != 8 and this.pending_backstroke
+    
+    switch stroke
+      when 8
+        @backstroke_length = this.search_field.value.length
+      when 9
+        @mouse_on_container = false
+      when 13
+        evt.preventDefault()
+      when 38
+        evt.preventDefault()
+        this.keyup_arrow()
+      when 40
+        this.keydown_arrow()
+
+
+  search_field_scale: ->
+    if @is_multiple
+      h = 0
+      w = 0
+
+      style_block = "position:absolute; left: -1000px; top: -1000px; display:none;"
+      styles = ['font-size','font-style', 'font-weight', 'font-family','line-height', 'text-transform', 'letter-spacing']
+      
+      for style in styles
+        style_block += style + ":" + @search_field.getStyle(style) + ";"
+      
+      div = new Element('div', { 'style' : style_block }).update(@search_field.value.escapeHTML())
+      document.body.appendChild(div)
+
+      w = Element.measure(div, 'width') + 25
+      div.remove()
+
+      if( w > @f_width-10 )
+        w = @f_width - 10
+
+      @search_field.setStyle({'width': w + 'px'})
+
+      dd_top = @container.getHeight()
+      @dropdown.setStyle({"top":  dd_top + "px"})
+
+root.Chosen = Chosen
+
+document.observe 'dom:loaded', (evt) ->
+  selects = $$(".chzn-select")
+  new Chosen select for select in selects
+
+get_side_border_padding = (elmt) ->
+  layout = new Element.Layout(elmt)
+  side_border_padding = layout.get("border-left") + layout.get("border-right") + layout.get("padding-left") + layout.get("padding-right")
+
+root.get_side_border_padding = get_side_border_padding

admin/thirdparty/chosen/coffee/lib/select-parser.coffee

@@ -0,0 +1,49 @@
+class SelectParser
+  
+  constructor: ->
+    @options_index = 0
+    @parsed = []
+
+  add_node: (child) ->
+    if child.nodeName is "OPTGROUP"
+      this.add_group child
+    else
+      this.add_option child
+
+  add_group: (group) ->
+    group_position = @parsed.length
+    @parsed.push
+      array_index: group_position
+      group: true
+      label: group.label
+      children: 0
+      disabled: group.disabled
+    this.add_option( option, group_position, group.disabled ) for option in group.childNodes
+
+  add_option: (option, group_position, group_disabled) ->
+    if option.nodeName is "OPTION"
+      if option.text != ""
+        if group_position?
+          @parsed[group_position].children += 1
+        @parsed.push
+          array_index: @parsed.length
+          options_index: @options_index
+          value: option.value
+          text: option.text
+          html: option.innerHTML
+          selected: option.selected
+          disabled: if group_disabled is true then group_disabled else option.disabled
+          group_array_index: group_position
+      else
+        @parsed.push
+          array_index: @parsed.length
+          options_index: @options_index
+          empty: true
+      @options_index += 1
+
+SelectParser.select_to_array = (select) ->
+  parser = new SelectParser()
+  parser.add_node( child ) for child in select.childNodes
+  parser.parsed
+
+this.SelectParser = SelectParser

admin/thirdparty/chosen/example.html

@@ -0,0 +1,1273 @@
+<!doctype html> 
+<html lang="en"> 
+<head>
+  <style>
+    /* RESET */
+    html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a,
+    font, img, dl, dt, dd, ol, ul, li, legend, table, tbody, tr, th, td 
+    {margin:0px;padding:0px;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;list-style:none;}
+    a img {border: none;}
+    ol li {list-style: decimal outside;}
+    fieldset {border:0;padding:0;}
+    
+    body { font-family: sans-serif; font-size: 1em; }
+    
+    div#container { width: 780px; margin: 0 auto; padding: 1em 0;  }
+    p { margin: 1em 0; max-width: 700px; }
+    h1 + p { margin-top: 0; }
+    
+    h1, h2 { font-family: Georgia, Times, serif; }
+    h1 { font-size: 2em; margin-bottom: .75em; }
+    h2 { font-size: 1.5em; margin: 2.5em 0 .5em; border-bottom: 1px solid #999; padding-bottom: 5px; }
+    h3 { font-weight: bold; }
+    
+    ul li { list-style: disc; margin-left: 1em; }
+    ol li { margin-left: 1.25em; }
+    
+    div.side-by-side { width: 100%; margin-bottom: 1em; }
+    div.side-by-side > div { float: left; width: 50%; }
+    div.side-by-side > div > em { margin-bottom: 10px; display: block; }
+    
+    a { color: orange; text-decoration: underline; }
+    
+    .faqs em { display: block; }
+    
+    .clearfix:after {
+      content: "\0020";
+      display: block;
+      height: 0;
+      clear: both;
+      overflow: hidden;
+      visibility: hidden;
+    }
+    
+    footer {
+      margin-top: 2em;
+      border-top: 1px solid #666;
+      padding-top: 5px;
+    }
+  </style>
+  <link rel="stylesheet" href="chosen/chosen.css" />
+</head>
+<body>
+  <div id="container">
+    <h1>Chosen</h1>
+    <p>Chosen is a JavaScript plugin for jQuery and  Prototype that makes long, unwieldy select boxes much more user-friendly. For more information (including usage, explanation and faqs), check out the <a href="http://harvesthq.github.com/chosen/">online documentation</a>.</p>
+    
+    <h2>Standard Select</h2>
+    <div class="side-by-side clearfix">
+      <div>
+        <em>Turns This</em>
+        <select data-placeholder="Choose a Country..." style="width:350px;" tabindex="1">
+          <option value=""></option> 
+          <option value="United States">United States</option> 
+          <option value="United Kingdom">United Kingdom</option> 
+          <option value="Afghanistan">Afghanistan</option> 
+          <option value="Albania">Albania</option> 
+          <option value="Algeria">Algeria</option> 
+          <option value="American Samoa">American Samoa</option> 
+          <option value="Andorra">Andorra</option> 
+          <option value="Angola">Angola</option> 
+          <option value="Anguilla">Anguilla</option> 
+          <option value="Antarctica">Antarctica</option> 
+          <option value="Antigua and Barbuda">Antigua and Barbuda</option> 
+          <option value="Argentina">Argentina</option> 
+          <option value="Armenia">Armenia</option> 
+          <option value="Aruba">Aruba</option> 
+          <option value="Australia">Australia</option> 
+          <option value="Austria">Austria</option> 
+          <option value="Azerbaijan">Azerbaijan</option> 
+          <option value="Bahamas">Bahamas</option> 
+          <option value="Bahrain">Bahrain</option> 
+          <option value="Bangladesh">Bangladesh</option> 
+          <option value="Barbados">Barbados</option> 
+          <option value="Belarus">Belarus</option> 
+          <option value="Belgium">Belgium</option> 
+          <option value="Belize">Belize</option> 
+          <option value="Benin">Benin</option> 
+          <option value="Bermuda">Bermuda</option> 
+          <option value="Bhutan">Bhutan</option> 
+          <option value="Bolivia">Bolivia</option> 
+          <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> 
+          <option value="Botswana">Botswana</option> 
+          <option value="Bouvet Island">Bouvet Island</option> 
+          <option value="Brazil">Brazil</option> 
+          <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> 
+          <option value="Brunei Darussalam">Brunei Darussalam</option> 
+          <option value="Bulgaria">Bulgaria</option> 
+          <option value="Burkina Faso">Burkina Faso</option> 
+          <option value="Burundi">Burundi</option> 
+          <option value="Cambodia">Cambodia</option> 
+          <option value="Cameroon">Cameroon</option> 
+          <option value="Canada">Canada</option> 
+          <option value="Cape Verde">Cape Verde</option> 
+          <option value="Cayman Islands">Cayman Islands</option> 
+          <option value="Central African Republic">Central African Republic</option> 
+          <option value="Chad">Chad</option> 
+          <option value="Chile">Chile</option> 
+          <option value="China">China</option> 
+          <option value="Christmas Island">Christmas Island</option> 
+          <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> 
+          <option value="Colombia">Colombia</option> 
+          <option value="Comoros">Comoros</option> 
+          <option value="Congo">Congo</option> 
+          <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> 
+          <option value="Cook Islands">Cook Islands</option> 
+          <option value="Costa Rica">Costa Rica</option> 
+          <option value="Cote D'ivoire">Cote D'ivoire</option> 
+          <option value="Croatia">Croatia</option> 
+          <option value="Cuba">Cuba</option> 
+          <option value="Cyprus">Cyprus</option> 
+          <option value="Czech Republic">Czech Republic</option> 
+          <option value="Denmark">Denmark</option> 
+          <option value="Djibouti">Djibouti</option> 
+          <option value="Dominica">Dominica</option> 
+          <option value="Dominican Republic">Dominican Republic</option> 
+          <option value="Ecuador">Ecuador</option> 
+          <option value="Egypt">Egypt</option> 
+          <option value="El Salvador">El Salvador</option> 
+          <option value="Equatorial Guinea">Equatorial Guinea</option> 
+          <option value="Eritrea">Eritrea</option> 
+          <option value="Estonia">Estonia</option> 
+          <option value="Ethiopia">Ethiopia</option> 
+          <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> 
+          <option value="Faroe Islands">Faroe Islands</option> 
+          <option value="Fiji">Fiji</option> 
+          <option value="Finland">Finland</option> 
+          <option value="France">France</option> 
+          <option value="French Guiana">French Guiana</option> 
+          <option value="French Polynesia">French Polynesia</option> 
+          <option value="French Southern Territories">French Southern Territories</option> 
+          <option value="Gabon">Gabon</option> 
+          <option value="Gambia">Gambia</option> 
+          <option value="Georgia">Georgia</option> 
+          <option value="Germany">Germany</option> 
+          <option value="Ghana">Ghana</option> 
+          <option value="Gibraltar">Gibraltar</option> 
+          <option value="Greece">Greece</option> 
+          <option value="Greenland">Greenland</option> 
+          <option value="Grenada">Grenada</option> 
+          <option value="Guadeloupe">Guadeloupe</option> 
+          <option value="Guam">Guam</option> 
+          <option value="Guatemala">Guatemala</option> 
+          <option value="Guinea">Guinea</option> 
+          <option value="Guinea-bissau">Guinea-bissau</option> 
+          <option value="Guyana">Guyana</option> 
+          <option value="Haiti">Haiti</option> 
+          <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option> 
+          <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option> 
+          <option value="Honduras">Honduras</option> 
+          <option value="Hong Kong">Hong Kong</option> 
+          <option value="Hungary">Hungary</option> 
+          <option value="Iceland">Iceland</option> 
+          <option value="India">India</option> 
+          <option value="Indonesia">Indonesia</option> 
+          <option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option> 
+          <option value="Iraq">Iraq</option> 
+          <option value="Ireland">Ireland</option> 
+          <option value="Israel">Israel</option> 
+          <option value="Italy">Italy</option> 
+          <option value="Jamaica">Jamaica</option> 
+          <option value="Japan">Japan</option> 
+          <option value="Jordan">Jordan</option> 
+          <option value="Kazakhstan">Kazakhstan</option> 
+          <option value="Kenya">Kenya</option> 
+          <option value="Kiribati">Kiribati</option> 
+          <option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option> 
+          <option value="Korea, Republic of">Korea, Republic of</option> 
+          <option value="Kuwait">Kuwait</option> 
+          <option value="Kyrgyzstan">Kyrgyzstan</option> 
+          <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option> 
+          <option value="Latvia">Latvia</option> 
+          <option value="Lebanon">Lebanon</option> 
+          <option value="Lesotho">Lesotho</option> 
+          <option value="Liberia">Liberia</option> 
+          <option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option> 
+          <option value="Liechtenstein">Liechtenstein</option> 
+          <option value="Lithuania">Lithuania</option> 
+          <option value="Luxembourg">Luxembourg</option> 
+          <option value="Macao">Macao</option> 
+          <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option> 
+          <option value="Madagascar">Madagascar</option> 
+          <option value="Malawi">Malawi</option> 
+          <option value="Malaysia">Malaysia</option> 
+          <option value="Maldives">Maldives</option> 
+          <option value="Mali">Mali</option> 
+          <option value="Malta">Malta</option> 
+          <option value="Marshall Islands">Marshall Islands</option> 
+          <option value="Martinique">Martinique</option> 
+          <option value="Mauritania">Mauritania</option> 
+          <option value="Mauritius">Mauritius</option> 
+          <option value="Mayotte">Mayotte</option> 
+          <option value="Mexico">Mexico</option> 
+          <option value="Micronesia, Federated States of">Micronesia, Federated States of</option> 
+          <option value="Moldova, Republic of">Moldova, Republic of</option> 
+          <option value="Monaco">Monaco</option> 
+          <option value="Mongolia">Mongolia</option> 
+          <option value="Montenegro">Montenegro</option>
+          <option value="Montserrat">Montserrat</option> 
+          <option value="Morocco">Morocco</option> 
+          <option value="Mozambique">Mozambique</option> 
+          <option value="Myanmar">Myanmar</option> 
+          <option value="Namibia">Namibia</option> 
+          <option value="Nauru">Nauru</option> 
+          <option value="Nepal">Nepal</option> 
+          <option value="Netherlands">Netherlands</option> 
+          <option value="Netherlands Antilles">Netherlands Antilles</option> 
+          <option value="New Caledonia">New Caledonia</option> 
+          <option value="New Zealand">New Zealand</option> 
+          <option value="Nicaragua">Nicaragua</option> 
+          <option value="Niger">Niger</option> 
+          <option value="Nigeria">Nigeria</option> 
+          <option value="Niue">Niue</option> 
+          <option value="Norfolk Island">Norfolk Island</option> 
+          <option value="Northern Mariana Islands">Northern Mariana Islands</option> 
+          <option value="Norway">Norway</option> 
+          <option value="Oman">Oman</option> 
+          <option value="Pakistan">Pakistan</option> 
+          <option value="Palau">Palau</option> 
+          <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option> 
+          <option value="Panama">Panama</option> 
+          <option value="Papua New Guinea">Papua New Guinea</option> 
+          <option value="Paraguay">Paraguay</option> 
+          <option value="Peru">Peru</option> 
+          <option value="Philippines">Philippines</option> 
+          <option value="Pitcairn">Pitcairn</option> 
+          <option value="Poland">Poland</option> 
+          <option value="Portugal">Portugal</option> 
+          <option value="Puerto Rico">Puerto Rico</option> 
+          <option value="Qatar">Qatar</option> 
+          <option value="Reunion">Reunion</option> 
+          <option value="Romania">Romania</option> 
+          <option value="Russian Federation">Russian Federation</option> 
+          <option value="Rwanda">Rwanda</option> 
+          <option value="Saint Helena">Saint Helena</option> 
+          <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> 
+          <option value="Saint Lucia">Saint Lucia</option> 
+          <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> 
+          <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option> 
+          <option value="Samoa">Samoa</option> 
+          <option value="San Marino">San Marino</option> 
+          <option value="Sao Tome and Principe">Sao Tome and Principe</option> 
+          <option value="Saudi Arabia">Saudi Arabia</option> 
+          <option value="Senegal">Senegal</option> 
+          <option value="Serbia">Serbia</option> 
+          <option value="Seychelles">Seychelles</option> 
+          <option value="Sierra Leone">Sierra Leone</option> 
+          <option value="Singapore">Singapore</option> 
+          <option value="Slovakia">Slovakia</option> 
+          <option value="Slovenia">Slovenia</option> 
+          <option value="Solomon Islands">Solomon Islands</option> 
+          <option value="Somalia">Somalia</option> 
+          <option value="South Africa">South Africa</option> 
+          <option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option> 
+          <option value="South Sudan">South Sudan</option> 
+          <option value="Spain">Spain</option> 
+          <option value="Sri Lanka">Sri Lanka</option> 
+          <option value="Sudan">Sudan</option> 
+          <option value="Suriname">Suriname</option> 
+          <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> 
+          <option value="Swaziland">Swaziland</option> 
+          <option value="Sweden">Sweden</option> 
+          <option value="Switzerland">Switzerland</option> 
+          <option value="Syrian Arab Republic">Syrian Arab Republic</option> 
+          <option value="Taiwan, Republic of China">Taiwan, Republic of China</option> 
+          <option value="Tajikistan">Tajikistan</option> 
+          <option value="Tanzania, United Republic of">Tanzania, United Republic of</option> 
+          <option value="Thailand">Thailand</option> 
+          <option value="Timor-leste">Timor-leste</option> 
+          <option value="Togo">Togo</option> 
+          <option value="Tokelau">Tokelau</option> 
+          <option value="Tonga">Tonga</option> 
+          <option value="Trinidad and Tobago">Trinidad and Tobago</option> 
+          <option value="Tunisia">Tunisia</option> 
+          <option value="Turkey">Turkey</option> 
+          <option value="Turkmenistan">Turkmenistan</option> 
+          <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> 
+          <option value="Tuvalu">Tuvalu</option> 
+          <option value="Uganda">Uganda</option> 
+          <option value="Ukraine">Ukraine</option> 
+          <option value="United Arab Emirates">United Arab Emirates</option> 
+          <option value="United Kingdom">United Kingdom</option> 
+          <option value="United States">United States</option> 
+          <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> 
+          <option value="Uruguay">Uruguay</option> 
+          <option value="Uzbekistan">Uzbekistan</option> 
+          <option value="Vanuatu">Vanuatu</option> 
+          <option value="Venezuela">Venezuela</option> 
+          <option value="Viet Nam">Viet Nam</option> 
+          <option value="Virgin Islands, British">Virgin Islands, British</option> 
+          <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option> 
+          <option value="Wallis and Futuna">Wallis and Futuna</option> 
+          <option value="Western Sahara">Western Sahara</option> 
+          <option value="Yemen">Yemen</option> 
+          <option value="Zambia">Zambia</option> 
+          <option value="Zimbabwe">Zimbabwe</option>
+        </select>
+      </div>
+      <div>
+        <em>Into This</em>        
+        <select data-placeholder="Choose a Country..." class="chzn-select" style="width:350px;" tabindex="2">
+          <option value=""></option> 
+          <option value="United States">United States</option> 
+          <option value="United Kingdom">United Kingdom</option> 
+          <option value="Afghanistan">Afghanistan</option> 
+          <option value="Albania">Albania</option> 
+          <option value="Algeria">Algeria</option> 
+          <option value="American Samoa">American Samoa</option> 
+          <option value="Andorra">Andorra</option> 
+          <option value="Angola">Angola</option> 
+          <option value="Anguilla">Anguilla</option> 
+          <option value="Antarctica">Antarctica</option> 
+          <option value="Antigua and Barbuda">Antigua and Barbuda</option> 
+          <option value="Argentina">Argentina</option> 
+          <option value="Armenia">Armenia</option> 
+          <option value="Aruba">Aruba</option> 
+          <option value="Australia">Australia</option> 
+          <option value="Austria">Austria</option> 
+          <option value="Azerbaijan">Azerbaijan</option> 
+          <option value="Bahamas">Bahamas</option> 
+          <option value="Bahrain">Bahrain</option> 
+          <option value="Bangladesh">Bangladesh</option> 
+          <option value="Barbados">Barbados</option> 
+          <option value="Belarus">Belarus</option> 
+          <option value="Belgium">Belgium</option> 
+          <option value="Belize">Belize</option> 
+          <option value="Benin">Benin</option> 
+          <option value="Bermuda">Bermuda</option> 
+          <option value="Bhutan">Bhutan</option> 
+          <option value="Bolivia">Bolivia</option> 
+          <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> 
+          <option value="Botswana">Botswana</option> 
+          <option value="Bouvet Island">Bouvet Island</option> 
+          <option value="Brazil">Brazil</option> 
+          <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> 
+          <option value="Brunei Darussalam">Brunei Darussalam</option> 
+          <option value="Bulgaria">Bulgaria</option> 
+          <option value="Burkina Faso">Burkina Faso</option> 
+          <option value="Burundi">Burundi</option> 
+          <option value="Cambodia">Cambodia</option> 
+          <option value="Cameroon">Cameroon</option> 
+          <option value="Canada">Canada</option> 
+          <option value="Cape Verde">Cape Verde</option> 
+          <option value="Cayman Islands">Cayman Islands</option> 
+          <option value="Central African Republic">Central African Republic</option> 
+          <option value="Chad">Chad</option> 
+          <option value="Chile">Chile</option> 
+          <option value="China">China</option> 
+          <option value="Christmas Island">Christmas Island</option> 
+          <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> 
+          <option value="Colombia">Colombia</option> 
+          <option value="Comoros">Comoros</option> 
+          <option value="Congo">Congo</option> 
+          <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> 
+          <option value="Cook Islands">Cook Islands</option> 
+          <option value="Costa Rica">Costa Rica</option> 
+          <option value="Cote D'ivoire">Cote D'ivoire</option> 
+          <option value="Croatia">Croatia</option> 
+          <option value="Cuba">Cuba</option> 
+          <option value="Cyprus">Cyprus</option> 
+          <option value="Czech Republic">Czech Republic</option> 
+          <option value="Denmark">Denmark</option> 
+          <option value="Djibouti">Djibouti</option> 
+          <option value="Dominica">Dominica</option> 
+          <option value="Dominican Republic">Dominican Republic</option> 
+          <option value="Ecuador">Ecuador</option> 
+          <option value="Egypt">Egypt</option> 
+          <option value="El Salvador">El Salvador</option> 
+          <option value="Equatorial Guinea">Equatorial Guinea</option> 
+          <option value="Eritrea">Eritrea</option> 
+          <option value="Estonia">Estonia</option> 
+          <option value="Ethiopia">Ethiopia</option> 
+          <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> 
+          <option value="Faroe Islands">Faroe Islands</option> 
+          <option value="Fiji">Fiji</option> 
+          <option value="Finland">Finland</option> 
+          <option value="France">France</option> 
+          <option value="French Guiana">French Guiana</option> 
+          <option value="French Polynesia">French Polynesia</option> 
+          <option value="French Southern Territories">French Southern Territories</option> 
+          <option value="Gabon">Gabon</option> 
+          <option value="Gambia">Gambia</option> 
+          <option value="Georgia">Georgia</option> 
+          <option value="Germany">Germany</option> 
+          <option value="Ghana">Ghana</option> 
+          <option value="Gibraltar">Gibraltar</option> 
+          <option value="Greece">Greece</option> 
+          <option value="Greenland">Greenland</option> 
+          <option value="Grenada">Grenada</option> 
+          <option value="Guadeloupe">Guadeloupe</option> 
+          <option value="Guam">Guam</option> 
+          <option value="Guatemala">Guatemala</option> 
+          <option value="Guinea">Guinea</option> 
+          <option value="Guinea-bissau">Guinea-bissau</option> 
+          <option value="Guyana">Guyana</option> 
+          <option value="Haiti">Haiti</option> 
+          <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option> 
+          <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option> 
+          <option value="Honduras">Honduras</option> 
+          <option value="Hong Kong">Hong Kong</option> 
+          <option value="Hungary">Hungary</option> 
+          <option value="Iceland">Iceland</option> 
+          <option value="India">India</option> 
+          <option value="Indonesia">Indonesia</option> 
+          <option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option> 
+          <option value="Iraq">Iraq</option> 
+          <option value="Ireland">Ireland</option> 
+          <option value="Israel">Israel</option> 
+          <option value="Italy">Italy</option> 
+          <option value="Jamaica">Jamaica</option> 
+          <option value="Japan">Japan</option> 
+          <option value="Jordan">Jordan</option> 
+          <option value="Kazakhstan">Kazakhstan</option> 
+          <option value="Kenya">Kenya</option> 
+          <option value="Kiribati">Kiribati</option> 
+          <option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option> 
+          <option value="Korea, Republic of">Korea, Republic of</option> 
+          <option value="Kuwait">Kuwait</option> 
+          <option value="Kyrgyzstan">Kyrgyzstan</option> 
+          <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option> 
+          <option value="Latvia">Latvia</option> 
+          <option value="Lebanon">Lebanon</option> 
+          <option value="Lesotho">Lesotho</option> 
+          <option value="Liberia">Liberia</option> 
+          <option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option> 
+          <option value="Liechtenstein">Liechtenstein</option> 
+          <option value="Lithuania">Lithuania</option> 
+          <option value="Luxembourg">Luxembourg</option> 
+          <option value="Macao">Macao</option> 
+          <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option> 
+          <option value="Madagascar">Madagascar</option> 
+          <option value="Malawi">Malawi</option> 
+          <option value="Malaysia">Malaysia</option> 
+          <option value="Maldives">Maldives</option> 
+          <option value="Mali">Mali</option> 
+          <option value="Malta">Malta</option> 
+          <option value="Marshall Islands">Marshall Islands</option> 
+          <option value="Martinique">Martinique</option> 
+          <option value="Mauritania">Mauritania</option> 
+          <option value="Mauritius">Mauritius</option> 
+          <option value="Mayotte">Mayotte</option> 
+          <option value="Mexico">Mexico</option> 
+          <option value="Micronesia, Federated States of">Micronesia, Federated States of</option> 
+          <option value="Moldova, Republic of">Moldova, Republic of</option> 
+          <option value="Monaco">Monaco</option> 
+          <option value="Mongolia">Mongolia</option> 
+          <option value="Montenegro">Montenegro</option>
+          <option value="Montserrat">Montserrat</option> 
+          <option value="Morocco">Morocco</option> 
+          <option value="Mozambique">Mozambique</option> 
+          <option value="Myanmar">Myanmar</option> 
+          <option value="Namibia">Namibia</option> 
+          <option value="Nauru">Nauru</option> 
+          <option value="Nepal">Nepal</option> 
+          <option value="Netherlands">Netherlands</option> 
+          <option value="Netherlands Antilles">Netherlands Antilles</option> 
+          <option value="New Caledonia">New Caledonia</option> 
+          <option value="New Zealand">New Zealand</option> 
+          <option value="Nicaragua">Nicaragua</option> 
+          <option value="Niger">Niger</option> 
+          <option value="Nigeria">Nigeria</option> 
+          <option value="Niue">Niue</option> 
+          <option value="Norfolk Island">Norfolk Island</option> 
+          <option value="Northern Mariana Islands">Northern Mariana Islands</option> 
+          <option value="Norway">Norway</option> 
+          <option value="Oman">Oman</option> 
+          <option value="Pakistan">Pakistan</option> 
+          <option value="Palau">Palau</option> 
+          <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option> 
+          <option value="Panama">Panama</option> 
+          <option value="Papua New Guinea">Papua New Guinea</option> 
+          <option value="Paraguay">Paraguay</option> 
+          <option value="Peru">Peru</option> 
+          <option value="Philippines">Philippines</option> 
+          <option value="Pitcairn">Pitcairn</option> 
+          <option value="Poland">Poland</option> 
+          <option value="Portugal">Portugal</option> 
+          <option value="Puerto Rico">Puerto Rico</option> 
+          <option value="Qatar">Qatar</option> 
+          <option value="Reunion">Reunion</option> 
+          <option value="Romania">Romania</option> 
+          <option value="Russian Federation">Russian Federation</option> 
+          <option value="Rwanda">Rwanda</option> 
+          <option value="Saint Helena">Saint Helena</option> 
+          <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> 
+          <option value="Saint Lucia">Saint Lucia</option> 
+          <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> 
+          <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option> 
+          <option value="Samoa">Samoa</option> 
+          <option value="San Marino">San Marino</option> 
+          <option value="Sao Tome and Principe">Sao Tome and Principe</option> 
+          <option value="Saudi Arabia">Saudi Arabia</option> 
+          <option value="Senegal">Senegal</option> 
+          <option value="Serbia">Serbia</option> 
+          <option value="Seychelles">Seychelles</option> 
+          <option value="Sierra Leone">Sierra Leone</option> 
+          <option value="Singapore">Singapore</option> 
+          <option value="Slovakia">Slovakia</option> 
+          <option value="Slovenia">Slovenia</option> 
+          <option value="Solomon Islands">Solomon Islands</option> 
+          <option value="Somalia">Somalia</option> 
+          <option value="South Africa">South Africa</option> 
+          <option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option> 
+          <option value="South Sudan">South Sudan</option> 
+          <option value="Spain">Spain</option> 
+          <option value="Sri Lanka">Sri Lanka</option> 
+          <option value="Sudan">Sudan</option> 
+          <option value="Suriname">Suriname</option> 
+          <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> 
+          <option value="Swaziland">Swaziland</option> 
+          <option value="Sweden">Sweden</option> 
+          <option value="Switzerland">Switzerland</option> 
+          <option value="Syrian Arab Republic">Syrian Arab Republic</option> 
+          <option value="Taiwan, Republic of China">Taiwan, Republic of China</option> 
+          <option value="Tajikistan">Tajikistan</option> 
+          <option value="Tanzania, United Republic of">Tanzania, United Republic of</option> 
+          <option value="Thailand">Thailand</option> 
+          <option value="Timor-leste">Timor-leste</option> 
+          <option value="Togo">Togo</option> 
+          <option value="Tokelau">Tokelau</option> 
+          <option value="Tonga">Tonga</option> 
+          <option value="Trinidad and Tobago">Trinidad and Tobago</option> 
+          <option value="Tunisia">Tunisia</option> 
+          <option value="Turkey">Turkey</option> 
+          <option value="Turkmenistan">Turkmenistan</option> 
+          <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> 
+          <option value="Tuvalu">Tuvalu</option> 
+          <option value="Uganda">Uganda</option> 
+          <option value="Ukraine">Ukraine</option> 
+          <option value="United Arab Emirates">United Arab Emirates</option> 
+          <option value="United Kingdom">United Kingdom</option> 
+          <option value="United States">United States</option> 
+          <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> 
+          <option value="Uruguay">Uruguay</option> 
+          <option value="Uzbekistan">Uzbekistan</option> 
+          <option value="Vanuatu">Vanuatu</option> 
+          <option value="Venezuela">Venezuela</option> 
+          <option value="Viet Nam">Viet Nam</option> 
+          <option value="Virgin Islands, British">Virgin Islands, British</option> 
+          <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option> 
+          <option value="Wallis and Futuna">Wallis and Futuna</option> 
+          <option value="Western Sahara">Western Sahara</option> 
+          <option value="Yemen">Yemen</option> 
+          <option value="Zambia">Zambia</option> 
+          <option value="Zimbabwe">Zimbabwe</option>
+        </select>
+      </div>
+    </div>
+    
+    <h2>Multiple Select</h2>
+    <div class="side-by-side clearfix">
+      <div>
+        <em>Turns This</em>
+        <select data-placeholder="Choose a Country..." style="width:350px;" multiple tabindex="3">
+          <option value="United States">United States</option> 
+          <option value="United Kingdom">United Kingdom</option> 
+          <option value="Afghanistan">Afghanistan</option> 
+          <option value="Albania">Albania</option> 
+          <option value="Algeria">Algeria</option> 
+          <option value="American Samoa">American Samoa</option> 
+          <option value="Andorra">Andorra</option> 
+          <option value="Angola">Angola</option> 
+          <option value="Anguilla">Anguilla</option> 
+          <option value="Antarctica">Antarctica</option> 
+          <option value="Antigua and Barbuda">Antigua and Barbuda</option> 
+          <option value="Argentina">Argentina</option> 
+          <option value="Armenia">Armenia</option> 
+          <option value="Aruba">Aruba</option> 
+          <option value="Australia">Australia</option> 
+          <option value="Austria">Austria</option> 
+          <option value="Azerbaijan">Azerbaijan</option> 
+          <option value="Bahamas">Bahamas</option> 
+          <option value="Bahrain">Bahrain</option> 
+          <option value="Bangladesh">Bangladesh</option> 
+          <option value="Barbados">Barbados</option> 
+          <option value="Belarus">Belarus</option> 
+          <option value="Belgium">Belgium</option> 
+          <option value="Belize">Belize</option> 
+          <option value="Benin">Benin</option> 
+          <option value="Bermuda">Bermuda</option> 
+          <option value="Bhutan">Bhutan</option> 
+          <option value="Bolivia">Bolivia</option> 
+          <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> 
+          <option value="Botswana">Botswana</option> 
+          <option value="Bouvet Island">Bouvet Island</option> 
+          <option value="Brazil">Brazil</option> 
+          <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> 
+          <option value="Brunei Darussalam">Brunei Darussalam</option> 
+          <option value="Bulgaria">Bulgaria</option> 
+          <option value="Burkina Faso">Burkina Faso</option> 
+          <option value="Burundi">Burundi</option> 
+          <option value="Cambodia">Cambodia</option> 
+          <option value="Cameroon">Cameroon</option> 
+          <option value="Canada">Canada</option> 
+          <option value="Cape Verde">Cape Verde</option> 
+          <option value="Cayman Islands">Cayman Islands</option> 
+          <option value="Central African Republic">Central African Republic</option> 
+          <option value="Chad">Chad</option> 
+          <option value="Chile">Chile</option> 
+          <option value="China">China</option> 
+          <option value="Christmas Island">Christmas Island</option> 
+          <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> 
+          <option value="Colombia">Colombia</option> 
+          <option value="Comoros">Comoros</option> 
+          <option value="Congo">Congo</option> 
+          <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> 
+          <option value="Cook Islands">Cook Islands</option> 
+          <option value="Costa Rica">Costa Rica</option> 
+          <option value="Cote D'ivoire">Cote D'ivoire</option> 
+          <option value="Croatia">Croatia</option> 
+          <option value="Cuba">Cuba</option> 
+          <option value="Cyprus">Cyprus</option> 
+          <option value="Czech Republic">Czech Republic</option> 
+          <option value="Denmark">Denmark</option> 
+          <option value="Djibouti">Djibouti</option> 
+          <option value="Dominica">Dominica</option> 
+          <option value="Dominican Republic">Dominican Republic</option> 
+          <option value="Ecuador">Ecuador</option> 
+          <option value="Egypt">Egypt</option> 
+          <option value="El Salvador">El Salvador</option> 
+          <option value="Equatorial Guinea">Equatorial Guinea</option> 
+          <option value="Eritrea">Eritrea</option> 
+          <option value="Estonia">Estonia</option> 
+          <option value="Ethiopia">Ethiopia</option> 
+          <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> 
+          <option value="Faroe Islands">Faroe Islands</option> 
+          <option value="Fiji">Fiji</option> 
+          <option value="Finland">Finland</option> 
+          <option value="France">France</option> 
+          <option value="French Guiana">French Guiana</option> 
+          <option value="French Polynesia">French Polynesia</option> 
+          <option value="French Southern Territories">French Southern Territories</option> 
+          <option value="Gabon">Gabon</option> 
+          <option value="Gambia">Gambia</option> 
+          <option value="Georgia">Georgia</option> 
+          <option value="Germany">Germany</option> 
+          <option value="Ghana">Ghana</option> 
+          <option value="Gibraltar">Gibraltar</option> 
+          <option value="Greece">Greece</option> 
+          <option value="Greenland">Greenland</option> 
+          <option value="Grenada">Grenada</option> 
+          <option value="Guadeloupe">Guadeloupe</option> 
+          <option value="Guam">Guam</option> 
+          <option value="Guatemala">Guatemala</option> 
+          <option value="Guinea">Guinea</option> 
+          <option value="Guinea-bissau">Guinea-bissau</option> 
+          <option value="Guyana">Guyana</option> 
+          <option value="Haiti">Haiti</option> 
+          <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option> 
+          <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option> 
+          <option value="Honduras">Honduras</option> 
+          <option value="Hong Kong">Hong Kong</option> 
+          <option value="Hungary">Hungary</option> 
+          <option value="Iceland">Iceland</option> 
+          <option value="India">India</option> 
+          <option value="Indonesia">Indonesia</option> 
+          <option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option> 
+          <option value="Iraq">Iraq</option> 
+          <option value="Ireland">Ireland</option> 
+          <option value="Israel">Israel</option> 
+          <option value="Italy">Italy</option> 
+          <option value="Jamaica">Jamaica</option> 
+          <option value="Japan">Japan</option> 
+          <option value="Jordan">Jordan</option> 
+          <option value="Kazakhstan">Kazakhstan</option> 
+          <option value="Kenya">Kenya</option> 
+          <option value="Kiribati">Kiribati</option> 
+          <option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option> 
+          <option value="Korea, Republic of">Korea, Republic of</option> 
+          <option value="Kuwait">Kuwait</option> 
+          <option value="Kyrgyzstan">Kyrgyzstan</option> 
+          <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option> 
+          <option value="Latvia">Latvia</option> 
+          <option value="Lebanon">Lebanon</option> 
+          <option value="Lesotho">Lesotho</option> 
+          <option value="Liberia">Liberia</option> 
+          <option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option> 
+          <option value="Liechtenstein">Liechtenstein</option> 
+          <option value="Lithuania">Lithuania</option> 
+          <option value="Luxembourg">Luxembourg</option> 
+          <option value="Macao">Macao</option> 
+          <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option> 
+          <option value="Madagascar">Madagascar</option> 
+          <option value="Malawi">Malawi</option> 
+          <option value="Malaysia">Malaysia</option> 
+          <option value="Maldives">Maldives</option> 
+          <option value="Mali">Mali</option> 
+          <option value="Malta">Malta</option> 
+          <option value="Marshall Islands">Marshall Islands</option> 
+          <option value="Martinique">Martinique</option> 
+          <option value="Mauritania">Mauritania</option> 
+          <option value="Mauritius">Mauritius</option> 
+          <option value="Mayotte">Mayotte</option> 
+          <option value="Mexico">Mexico</option> 
+          <option value="Micronesia, Federated States of">Micronesia, Federated States of</option> 
+          <option value="Moldova, Republic of">Moldova, Republic of</option> 
+          <option value="Monaco">Monaco</option> 
+          <option value="Mongolia">Mongolia</option> 
+          <option value="Montenegro">Montenegro</option>
+          <option value="Montserrat">Montserrat</option> 
+          <option value="Morocco">Morocco</option> 
+          <option value="Mozambique">Mozambique</option> 
+          <option value="Myanmar">Myanmar</option> 
+          <option value="Namibia">Namibia</option> 
+          <option value="Nauru">Nauru</option> 
+          <option value="Nepal">Nepal</option> 
+          <option value="Netherlands">Netherlands</option> 
+          <option value="Netherlands Antilles">Netherlands Antilles</option> 
+          <option value="New Caledonia">New Caledonia</option> 
+          <option value="New Zealand">New Zealand</option> 
+          <option value="Nicaragua">Nicaragua</option> 
+          <option value="Niger">Niger</option> 
+          <option value="Nigeria">Nigeria</option> 
+          <option value="Niue">Niue</option> 
+          <option value="Norfolk Island">Norfolk Island</option> 
+          <option value="Northern Mariana Islands">Northern Mariana Islands</option> 
+          <option value="Norway">Norway</option> 
+          <option value="Oman">Oman</option> 
+          <option value="Pakistan">Pakistan</option> 
+          <option value="Palau">Palau</option> 
+          <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option> 
+          <option value="Panama">Panama</option> 
+          <option value="Papua New Guinea">Papua New Guinea</option> 
+          <option value="Paraguay">Paraguay</option> 
+          <option value="Peru">Peru</option> 
+          <option value="Philippines">Philippines</option> 
+          <option value="Pitcairn">Pitcairn</option> 
+          <option value="Poland">Poland</option> 
+          <option value="Portugal">Portugal</option> 
+          <option value="Puerto Rico">Puerto Rico</option> 
+          <option value="Qatar">Qatar</option> 
+          <option value="Reunion">Reunion</option> 
+          <option value="Romania">Romania</option> 
+          <option value="Russian Federation">Russian Federation</option> 
+          <option value="Rwanda">Rwanda</option> 
+          <option value="Saint Helena">Saint Helena</option> 
+          <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> 
+          <option value="Saint Lucia">Saint Lucia</option> 
+          <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> 
+          <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option> 
+          <option value="Samoa">Samoa</option> 
+          <option value="San Marino">San Marino</option> 
+          <option value="Sao Tome and Principe">Sao Tome and Principe</option> 
+          <option value="Saudi Arabia">Saudi Arabia</option> 
+          <option value="Senegal">Senegal</option> 
+          <option value="Serbia">Serbia</option> 
+          <option value="Seychelles">Seychelles</option> 
+          <option value="Sierra Leone">Sierra Leone</option> 
+          <option value="Singapore">Singapore</option> 
+          <option value="Slovakia">Slovakia</option> 
+          <option value="Slovenia">Slovenia</option> 
+          <option value="Solomon Islands">Solomon Islands</option> 
+          <option value="Somalia">Somalia</option> 
+          <option value="South Africa">South Africa</option> 
+          <option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option> 
+          <option value="South Sudan">South Sudan</option> 
+          <option value="Spain">Spain</option> 
+          <option value="Sri Lanka">Sri Lanka</option> 
+          <option value="Sudan">Sudan</option> 
+          <option value="Suriname">Suriname</option> 
+          <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> 
+          <option value="Swaziland">Swaziland</option> 
+          <option value="Sweden">Sweden</option> 
+          <option value="Switzerland">Switzerland</option> 
+          <option value="Syrian Arab Republic">Syrian Arab Republic</option> 
+          <option value="Taiwan, Republic of China">Taiwan, Republic of China</option> 
+          <option value="Tajikistan">Tajikistan</option> 
+          <option value="Tanzania, United Republic of">Tanzania, United Republic of</option> 
+          <option value="Thailand">Thailand</option> 
+          <option value="Timor-leste">Timor-leste</option> 
+          <option value="Togo">Togo</option> 
+          <option value="Tokelau">Tokelau</option> 
+          <option value="Tonga">Tonga</option> 
+          <option value="Trinidad and Tobago">Trinidad and Tobago</option> 
+          <option value="Tunisia">Tunisia</option> 
+          <option value="Turkey">Turkey</option> 
+          <option value="Turkmenistan">Turkmenistan</option> 
+          <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> 
+          <option value="Tuvalu">Tuvalu</option> 
+          <option value="Uganda">Uganda</option> 
+          <option value="Ukraine">Ukraine</option> 
+          <option value="United Arab Emirates">United Arab Emirates</option> 
+          <option value="United Kingdom">United Kingdom</option> 
+          <option value="United States">United States</option> 
+          <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> 
+          <option value="Uruguay">Uruguay</option> 
+          <option value="Uzbekistan">Uzbekistan</option> 
+          <option value="Vanuatu">Vanuatu</option> 
+          <option value="Venezuela">Venezuela</option> 
+          <option value="Viet Nam">Viet Nam</option> 
+          <option value="Virgin Islands, British">Virgin Islands, British</option> 
+          <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option> 
+          <option value="Wallis and Futuna">Wallis and Futuna</option> 
+          <option value="Western Sahara">Western Sahara</option> 
+          <option value="Yemen">Yemen</option> 
+          <option value="Zambia">Zambia</option> 
+          <option value="Zimbabwe">Zimbabwe</option>
+        </select>
+      </div>
+      <div>
+        <em>Into This</em>        
+        <select data-placeholder="Choose a Country..." class="chzn-select" multiple style="width:350px;" tabindex="4">
+          <option value=""></option> 
+          <option value="United States">United States</option> 
+          <option value="United Kingdom">United Kingdom</option> 
+          <option value="Afghanistan">Afghanistan</option> 
+          <option value="Albania">Albania</option> 
+          <option value="Algeria">Algeria</option> 
+          <option value="American Samoa">American Samoa</option> 
+          <option value="Andorra">Andorra</option> 
+          <option value="Angola">Angola</option> 
+          <option value="Anguilla">Anguilla</option> 
+          <option value="Antarctica">Antarctica</option> 
+          <option value="Antigua and Barbuda">Antigua and Barbuda</option> 
+          <option value="Argentina">Argentina</option> 
+          <option value="Armenia">Armenia</option> 
+          <option value="Aruba">Aruba</option> 
+          <option value="Australia">Australia</option> 
+          <option value="Austria">Austria</option> 
+          <option value="Azerbaijan">Azerbaijan</option> 
+          <option value="Bahamas">Bahamas</option> 
+          <option value="Bahrain">Bahrain</option> 
+          <option value="Bangladesh">Bangladesh</option> 
+          <option value="Barbados">Barbados</option> 
+          <option value="Belarus">Belarus</option> 
+          <option value="Belgium">Belgium</option> 
+          <option value="Belize">Belize</option> 
+          <option value="Benin">Benin</option> 
+          <option value="Bermuda">Bermuda</option> 
+          <option value="Bhutan">Bhutan</option> 
+          <option value="Bolivia">Bolivia</option> 
+          <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> 
+          <option value="Botswana">Botswana</option> 
+          <option value="Bouvet Island">Bouvet Island</option> 
+          <option value="Brazil">Brazil</option> 
+          <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> 
+          <option value="Brunei Darussalam">Brunei Darussalam</option> 
+          <option value="Bulgaria">Bulgaria</option> 
+          <option value="Burkina Faso">Burkina Faso</option> 
+          <option value="Burundi">Burundi</option> 
+          <option value="Cambodia">Cambodia</option> 
+          <option value="Cameroon">Cameroon</option> 
+          <option value="Canada">Canada</option> 
+          <option value="Cape Verde">Cape Verde</option> 
+          <option value="Cayman Islands">Cayman Islands</option> 
+          <option value="Central African Republic">Central African Republic</option> 
+          <option value="Chad">Chad</option> 
+          <option value="Chile">Chile</option> 
+          <option value="China">China</option> 
+          <option value="Christmas Island">Christmas Island</option> 
+          <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> 
+          <option value="Colombia">Colombia</option> 
+          <option value="Comoros">Comoros</option> 
+          <option value="Congo">Congo</option> 
+          <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> 
+          <option value="Cook Islands">Cook Islands</option> 
+          <option value="Costa Rica">Costa Rica</option> 
+          <option value="Cote D'ivoire">Cote D'ivoire</option> 
+          <option value="Croatia">Croatia</option> 
+          <option value="Cuba">Cuba</option> 
+          <option value="Cyprus">Cyprus</option> 
+          <option value="Czech Republic">Czech Republic</option> 
+          <option value="Denmark">Denmark</option> 
+          <option value="Djibouti">Djibouti</option> 
+          <option value="Dominica">Dominica</option> 
+          <option value="Dominican Republic">Dominican Republic</option> 
+          <option value="Ecuador">Ecuador</option> 
+          <option value="Egypt">Egypt</option> 
+          <option value="El Salvador">El Salvador</option> 
+          <option value="Equatorial Guinea">Equatorial Guinea</option> 
+          <option value="Eritrea">Eritrea</option> 
+          <option value="Estonia">Estonia</option> 
+          <option value="Ethiopia">Ethiopia</option> 
+          <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> 
+          <option value="Faroe Islands">Faroe Islands</option> 
+          <option value="Fiji">Fiji</option> 
+          <option value="Finland">Finland</option> 
+          <option value="France">France</option> 
+          <option value="French Guiana">French Guiana</option> 
+          <option value="French Polynesia">French Polynesia</option> 
+          <option value="French Southern Territories">French Southern Territories</option> 
+          <option value="Gabon">Gabon</option> 
+          <option value="Gambia">Gambia</option> 
+          <option value="Georgia">Georgia</option> 
+          <option value="Germany">Germany</option> 
+          <option value="Ghana">Ghana</option> 
+          <option value="Gibraltar">Gibraltar</option> 
+          <option value="Greece">Greece</option> 
+          <option value="Greenland">Greenland</option> 
+          <option value="Grenada">Grenada</option> 
+          <option value="Guadeloupe">Guadeloupe</option> 
+          <option value="Guam">Guam</option> 
+          <option value="Guatemala">Guatemala</option> 
+          <option value="Guinea">Guinea</option> 
+          <option value="Guinea-bissau">Guinea-bissau</option> 
+          <option value="Guyana">Guyana</option> 
+          <option value="Haiti">Haiti</option> 
+          <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option> 
+          <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option> 
+          <option value="Honduras">Honduras</option> 
+          <option value="Hong Kong">Hong Kong</option> 
+          <option value="Hungary">Hungary</option> 
+          <option value="Iceland">Iceland</option> 
+          <option value="India">India</option> 
+          <option value="Indonesia">Indonesia</option> 
+          <option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option> 
+          <option value="Iraq">Iraq</option> 
+          <option value="Ireland">Ireland</option> 
+          <option value="Israel">Israel</option> 
+          <option value="Italy">Italy</option> 
+          <option value="Jamaica">Jamaica</option> 
+          <option value="Japan">Japan</option> 
+          <option value="Jordan">Jordan</option> 
+          <option value="Kazakhstan">Kazakhstan</option> 
+          <option value="Kenya">Kenya</option> 
+          <option value="Kiribati">Kiribati</option> 
+          <option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option> 
+          <option value="Korea, Republic of">Korea, Republic of</option> 
+          <option value="Kuwait">Kuwait</option> 
+          <option value="Kyrgyzstan">Kyrgyzstan</option> 
+          <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option> 
+          <option value="Latvia">Latvia</option> 
+          <option value="Lebanon">Lebanon</option> 
+          <option value="Lesotho">Lesotho</option> 
+          <option value="Liberia">Liberia</option> 
+          <option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option> 
+          <option value="Liechtenstein">Liechtenstein</option> 
+          <option value="Lithuania">Lithuania</option> 
+          <option value="Luxembourg">Luxembourg</option> 
+          <option value="Macao">Macao</option> 
+          <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option> 
+          <option value="Madagascar">Madagascar</option> 
+          <option value="Malawi">Malawi</option> 
+          <option value="Malaysia">Malaysia</option> 
+          <option value="Maldives">Maldives</option> 
+          <option value="Mali">Mali</option> 
+          <option value="Malta">Malta</option> 
+          <option value="Marshall Islands">Marshall Islands</option> 
+          <option value="Martinique">Martinique</option> 
+          <option value="Mauritania">Mauritania</option> 
+          <option value="Mauritius">Mauritius</option> 
+          <option value="Mayotte">Mayotte</option> 
+          <option value="Mexico">Mexico</option> 
+          <option value="Micronesia, Federated States of">Micronesia, Federated States of</option> 
+          <option value="Moldova, Republic of">Moldova, Republic of</option> 
+          <option value="Monaco">Monaco</option> 
+          <option value="Mongolia">Mongolia</option> 
+          <option value="Montenegro">Montenegro</option> 
+          <option value="Montserrat">Montserrat</option> 
+          <option value="Morocco">Morocco</option> 
+          <option value="Mozambique">Mozambique</option> 
+          <option value="Myanmar">Myanmar</option> 
+          <option value="Namibia">Namibia</option> 
+          <option value="Nauru">Nauru</option> 
+          <option value="Nepal">Nepal</option> 
+          <option value="Netherlands">Netherlands</option> 
+          <option value="Netherlands Antilles">Netherlands Antilles</option> 
+          <option value="New Caledonia">New Caledonia</option> 
+          <option value="New Zealand">New Zealand</option> 
+          <option value="Nicaragua">Nicaragua</option> 
+          <option value="Niger">Niger</option> 
+          <option value="Nigeria">Nigeria</option> 
+          <option value="Niue">Niue</option> 
+          <option value="Norfolk Island">Norfolk Island</option> 
+          <option value="Northern Mariana Islands">Northern Mariana Islands</option> 
+          <option value="Norway">Norway</option> 
+          <option value="Oman">Oman</option> 
+          <option value="Pakistan">Pakistan</option> 
+          <option value="Palau">Palau</option> 
+          <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option> 
+          <option value="Panama">Panama</option> 
+          <option value="Papua New Guinea">Papua New Guinea</option> 
+          <option value="Paraguay">Paraguay</option> 
+          <option value="Peru">Peru</option> 
+          <option value="Philippines">Philippines</option> 
+          <option value="Pitcairn">Pitcairn</option> 
+          <option value="Poland">Poland</option> 
+          <option value="Portugal">Portugal</option> 
+          <option value="Puerto Rico">Puerto Rico</option> 
+          <option value="Qatar">Qatar</option> 
+          <option value="Reunion">Reunion</option> 
+          <option value="Romania">Romania</option> 
+          <option value="Russian Federation">Russian Federation</option> 
+          <option value="Rwanda">Rwanda</option> 
+          <option value="Saint Helena">Saint Helena</option> 
+          <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> 
+          <option value="Saint Lucia">Saint Lucia</option> 
+          <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> 
+          <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option> 
+          <option value="Samoa">Samoa</option> 
+          <option value="San Marino">San Marino</option> 
+          <option value="Sao Tome and Principe">Sao Tome and Principe</option> 
+          <option value="Saudi Arabia">Saudi Arabia</option> 
+          <option value="Senegal">Senegal</option> 
+          <option value="Serbia">Serbia</option> 
+          <option value="Seychelles">Seychelles</option> 
+          <option value="Sierra Leone">Sierra Leone</option> 
+          <option value="Singapore">Singapore</option> 
+          <option value="Slovakia">Slovakia</option> 
+          <option value="Slovenia">Slovenia</option> 
+          <option value="Solomon Islands">Solomon Islands</option> 
+          <option value="Somalia">Somalia</option> 
+          <option value="South Africa">South Africa</option> 
+          <option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option> 
+          <option value="South Sudan">South Sudan</option> 
+          <option value="Spain">Spain</option> 
+          <option value="Sri Lanka">Sri Lanka</option> 
+          <option value="Sudan">Sudan</option> 
+          <option value="Suriname">Suriname</option> 
+          <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> 
+          <option value="Swaziland">Swaziland</option> 
+          <option value="Sweden">Sweden</option> 
+          <option value="Switzerland">Switzerland</option> 
+          <option value="Syrian Arab Republic">Syrian Arab Republic</option> 
+          <option value="Taiwan, Republic of China">Taiwan, Republic of China</option> 
+          <option value="Tajikistan">Tajikistan</option> 
+          <option value="Tanzania, United Republic of">Tanzania, United Republic of</option> 
+          <option value="Thailand">Thailand</option> 
+          <option value="Timor-leste">Timor-leste</option> 
+          <option value="Togo">Togo</option> 
+          <option value="Tokelau">Tokelau</option> 
+          <option value="Tonga">Tonga</option> 
+          <option value="Trinidad and Tobago">Trinidad and Tobago</option> 
+          <option value="Tunisia">Tunisia</option> 
+          <option value="Turkey">Turkey</option> 
+          <option value="Turkmenistan">Turkmenistan</option> 
+          <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> 
+          <option value="Tuvalu">Tuvalu</option> 
+          <option value="Uganda">Uganda</option> 
+          <option value="Ukraine">Ukraine</option> 
+          <option value="United Arab Emirates">United Arab Emirates</option> 
+          <option value="United Kingdom">United Kingdom</option> 
+          <option value="United States">United States</option> 
+          <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> 
+          <option value="Uruguay">Uruguay</option> 
+          <option value="Uzbekistan">Uzbekistan</option> 
+          <option value="Vanuatu">Vanuatu</option> 
+          <option value="Venezuela">Venezuela</option> 
+          <option value="Viet Nam">Viet Nam</option> 
+          <option value="Virgin Islands, British">Virgin Islands, British</option> 
+          <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option> 
+          <option value="Wallis and Futuna">Wallis and Futuna</option> 
+          <option value="Western Sahara">Western Sahara</option> 
+          <option value="Yemen">Yemen</option> 
+          <option value="Zambia">Zambia</option> 
+          <option value="Zimbabwe">Zimbabwe</option>
+        </select>
+      </div>
+    </div>
+
+    <h2>&lt;optgroup&gt; Support</h2>
+    <div class="side-by-side clearfix">
+      <div>
+        <em>Single Select with Groups</em>
+        <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chzn-select" tabindex="5">
+          <option value=""></option>
+          <optgroup label="NFC East">
+            <option>Dallas Cowboys</option>
+            <option>New York Giants</option>
+            <option>Philadelphia Eagles</option>
+            <option>Washington Redskins</option>
+          </optgroup>
+          <optgroup label="NFC NORTH">
+            <option>Chicago Bears</option>
+            <option>Detroit Lions</option>
+            <option>Green Bay Packers</option>
+            <option>Minnesota Vikings</option>
+          </optgroup>
+          <optgroup label="NFC SOUTH">
+            <option>Atlanta Falcons</option>
+            <option>Carolina Panthers</option>
+            <option>New Orleans Saints</option>
+            <option>Tampa Bay Buccaneers</option>
+          </optgroup>
+          <optgroup label="NFC WEST">
+            <option>Arizona Cardinals</option>
+            <option>St. Louis Rams</option>
+            <option>San Francisco 49ers</option>
+            <option>Seattle Seahawks</option>
+          </optgroup>
+          <optgroup label="AFC EAST">
+            <option>Buffalo Bills</option>
+            <option>Miami Dolphins</option>
+            <option>New England Patriots</option>
+            <option>New York Jets</option>
+          </optgroup>
+          <optgroup label="AFC NORTH">
+            <option>Baltimore Ravens</option>
+            <option>Cincinnati Bengals</option>
+            <option>Cleveland Browns</option>
+            <option>Pittsburgh Steelers</option>
+          </optgroup>
+          <optgroup label="AFC SOUTH">
+            <option>Houston Texans</option>
+            <option>Indianapolis Colts</option>
+            <option>Jacksonville Jaguars</option>
+            <option>Tennessee Titans</option>
+          </optgroup>
+          <optgroup label="AFC WEST">
+            <option>Denver Broncos</option>
+            <option>Kansas City Chiefs</option>
+            <option>Oakland Raiders</option>
+            <option>San Diego Chargers</option>
+          </optgroup>
+        </select>
+      </div>
+      <div>
+        <em>Multiple Select with Groups</em>
+        <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chzn-select" multiple tabindex="6">
+          <option value=""></option>
+          <optgroup label="NFC East">
+            <option>Dallas Cowboys</option>
+            <option>New York Giants</option>
+            <option>Philadelphia Eagles</option>
+            <option>Washington Redskins</option>
+          </optgroup>
+          <optgroup label="NFC NORTH">
+            <option>Chicago Bears</option>
+            <option>Detroit Lions</option>
+            <option>Green Bay Packers</option>
+            <option>Minnesota Vikings</option>
+          </optgroup>
+          <optgroup label="NFC SOUTH">
+            <option>Atlanta Falcons</option>
+            <option>Carolina Panthers</option>
+            <option>New Orleans Saints</option>
+            <option>Tampa Bay Buccaneers</option>
+          </optgroup>
+          <optgroup label="NFC WEST">
+            <option>Arizona Cardinals</option>
+            <option>St. Louis Rams</option>
+            <option>San Francisco 49ers</option>
+            <option>Seattle Seahawks</option>
+          </optgroup>
+          <optgroup label="AFC EAST">
+            <option>Buffalo Bills</option>
+            <option>Miami Dolphins</option>
+            <option>New England Patriots</option>
+            <option>New York Jets</option>
+          </optgroup>
+          <optgroup label="AFC NORTH">
+            <option>Baltimore Ravens</option>
+            <option>Cincinnati Bengals</option>
+            <option>Cleveland Browns</option>
+            <option>Pittsburgh Steelers</option>
+          </optgroup>
+          <optgroup label="AFC SOUTH">
+            <option>Houston Texans</option>
+            <option>Indianapolis Colts</option>
+            <option>Jacksonville Jaguars</option>
+            <option>Tennessee Titans</option>
+          </optgroup>
+          <optgroup label="AFC WEST">
+            <option>Denver Broncos</option>
+            <option>Kansas City Chiefs</option>
+            <option>Oakland Raiders</option>
+            <option>San Diego Chargers</option>
+          </optgroup>
+        </select>
+      </div>
+    </div>
+    
+    <h2>Selected and Disabled Support</h2>
+    <div class="side-by-side clearfix">
+      <p>Chosen automatically highlights selected options and removes disabled options.</p>
+      <div>
+        <em>Single Select</em>
+        <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chzn-select" tabindex="7">
+          <option value=""></option>
+          <option>American Black Bear</option>
+          <option>Asiatic Black Bear</option>
+          <option>Brown Bear</option>
+          <option>Giant Panda</option>
+          <option selected>Sloth Bear</option>
+          <option disabled>Sun Bear</option>
+          <option>Polar Bear</option>
+          <option disabled>Spectacled Bear</option>
+        </select>
+      </div>
+      <div>
+        <em>Multiple Select with Groups</em>
+        <select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chzn-select" tabindex="8">
+          <option value=""></option>
+          <option>American Black Bear</option>
+          <option>Asiatic Black Bear</option>
+          <option>Brown Bear</option>
+          <option>Giant Panda</option>
+          <option selected>Sloth Bear</option>
+          <option disabled>Sun Bear</option>
+          <option selected>Polar Bear</option>
+          <option disabled>Spectacled Bear</option>
+        </select>
+      </div>
+    </div>
+
+    <h2>Default Text Support</h2>
+    <div class="side-by-side clearfix">
+      <p>Chosen automatically sets the default field text ("Choose a country...") by reading the select element's data-placeholder value. If no data-placeholder value is present, it will default to "Select Some Option" or "Select Some Options" depending on whether the select is single or multiple. You can change these elements in the plugin js file as you see fit.</p>
+      <code>&lt;select <strong>data-placeholder="Choose a country..."</strong> style="width:350px;" multiple class="chzn-select"&gt;</code>
+      <p><strong>Note:</strong> on single selects, the first element is assumed to be selected by the browser. To take advantage of the default text support, you will need to include a blank option as the first element of your select list.</p>
+    </div>
+
+    <h2>Right to Left Support</h2>
+    <div class="side-by-side clearfix">
+      <p>Chosen supports right to left select boxes too. just add <code>"chzn-rtl"</code> in addition to <code>"chzn-select"</code> to your select tags and you are good to go.</p>
+      <p><code>&lt;select class="chzn-select <strong>chzn-rtl</strong>"&gt;</code></p>
+      <div>
+        <em>Single right to left select</em>
+        <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chzn-select chzn-rtl" tabindex="9">
+          <option value=""></option>
+          <option>American Black Bear</option>
+          <option>Asiatic Black Bear</option>
+          <option>Brown Bear</option>
+          <option>Giant Panda</option>
+          <option selected>Sloth Bear</option>
+          <option>Polar Bear</option>
+        </select>
+      </div>
+      <div>
+        <em>Multiple right to left select</em>
+        <select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chzn-select  chzn-rtl" tabindex="10">
+          <option value=""></option>
+          <option>American Black Bear</option>
+          <option>Asiatic Black Bear</option>
+          <option>Brown Bear</option>
+          <option>Giant Panda</option>
+          <option selected>Sloth Bear</option>
+          <option selected>Polar Bear</option>
+        </select>
+      </div>
+    </div>
+        
+    <h2>Change / Update Events</h2>
+    <div class="side-by-side clearfix">
+      <ul>
+        <li>
+          <h3>Form Field Change</h3>
+          <p>When working with form fields, you often want to perform some behavior after a value has been selected or deselected. Whenever a user selects a field in Chosen, it triggers a "change" event* on the original form field. That let's you do something like this:</p>
+          <p><code>$("#form_field").chosen().change( &hellip; );</code></p>
+          <p><strong>Note:</strong> Prototype doesn't offer support for triggering standard browser events. <a href="https://github.com/kangax/protolicious/blob/5b56fdafcd7d7662c9d648534225039b2e78e371/event.simulate.js">Event.simulate</a> is required to trigger the change event when using the Prototype version.</p>
+        </li>
+        <li>
+          <h3>Updating Chosen Dynamically</h3>
+          <p>If you need to update the options in your select field and want Chosen to pick up the changes, you'll need to trigger the "liszt:updated" event on the field. Chosen will re-build itself based on the updated content.</p>
+          <ul>
+            <li><strong>jQuery Version:</strong> <code>$("#form_field").trigger("liszt:updated");</code></li>
+            <li><strong>Prototype Version:</strong> <code>Event.fire($("form_field"), "liszt:updated");</code></li>
+          </ul>
+        </li>
+      </ul>
+    </div>
+
+    <h2>Setup (for Prototype)</h2>
+    <p>Using Chosen is easy as can be.</p>
+    <ol>
+      <li>Download the plugin and copy the chosen files to your app.</li>
+      <li>Add the class <em>chzn-select</em> to any select box.</li>
+      <li><a href="http://youtu.be/pS-RsIzb78U?t=57s">Disco</a>.</li>
+    </ol>
+    
+  </div>
+  <script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js" type="text/javascript"></script>
+  <script src="chosen/chosen.proto.js" type="text/javascript"></script>
+</body>

admin/thirdparty/chosen/example.jquery.html

@@ -0,0 +1,1274 @@
+<!doctype html> 
+<html lang="en"> 
+<head>
+  <style>
+    /* RESET */
+    html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a,
+    font, img, dl, dt, dd, ol, ul, li, legend, table, tbody, tr, th, td 
+    {margin:0px;padding:0px;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;list-style:none;}
+    a img {border: none;}
+    ol li {list-style: decimal outside;}
+    fieldset {border:0;padding:0;}
+    
+    body { font-family: sans-serif; font-size: 1em; }
+    
+    div#container { width: 780px; margin: 0 auto; padding: 1em 0;  }
+    p { margin: 1em 0; max-width: 700px; }
+    h1 + p { margin-top: 0; }
+    
+    h1, h2 { font-family: Georgia, Times, serif; }
+    h1 { font-size: 2em; margin-bottom: .75em; }
+    h2 { font-size: 1.5em; margin: 2.5em 0 .5em; border-bottom: 1px solid #999; padding-bottom: 5px; }
+    h3 { font-weight: bold; }
+    
+    ul li { list-style: disc; margin-left: 1em; }
+    ol li { margin-left: 1.25em; }
+    
+    div.side-by-side { width: 100%; margin-bottom: 1em; }
+    div.side-by-side > div { float: left; width: 50%; }
+    div.side-by-side > div > em { margin-bottom: 10px; display: block; }
+    
+    a { color: orange; text-decoration: underline; }
+    
+    .faqs em { display: block; }
+    
+    .clearfix:after {
+      content: "\0020";
+      display: block;
+      height: 0;
+      clear: both;
+      overflow: hidden;
+      visibility: hidden;
+    }
+    
+    footer {
+      margin-top: 2em;
+      border-top: 1px solid #666;
+      padding-top: 5px;
+    }
+  </style>
+  <link rel="stylesheet" href="chosen/chosen.css" />
+</head>
+<body>
+  <div id="container">
+    <h1>Chosen</h1>
+    <p>Chosen is a JavaScript plugin for Prototype and jQuery that makes long, unwieldy select boxes much more user-friendly. For more information (including usage, explanation and faqs), check out the <a href="http://harvesthq.github.com/chosen/">online documentation</a>.</p>
+    
+    <h2>Standard Select</h2>
+    <div class="side-by-side clearfix">
+      <div>
+        <em>Turns This</em>
+        <select data-placeholder="Choose a Country..." style="width:350px;" tabindex="1">
+          <option value=""></option> 
+          <option value="United States">United States</option> 
+          <option value="United Kingdom">United Kingdom</option> 
+          <option value="Afghanistan">Afghanistan</option> 
+          <option value="Albania">Albania</option> 
+          <option value="Algeria">Algeria</option> 
+          <option value="American Samoa">American Samoa</option> 
+          <option value="Andorra">Andorra</option> 
+          <option value="Angola">Angola</option> 
+          <option value="Anguilla">Anguilla</option> 
+          <option value="Antarctica">Antarctica</option> 
+          <option value="Antigua and Barbuda">Antigua and Barbuda</option> 
+          <option value="Argentina">Argentina</option> 
+          <option value="Armenia">Armenia</option> 
+          <option value="Aruba">Aruba</option> 
+          <option value="Australia">Australia</option> 
+          <option value="Austria">Austria</option> 
+          <option value="Azerbaijan">Azerbaijan</option> 
+          <option value="Bahamas">Bahamas</option> 
+          <option value="Bahrain">Bahrain</option> 
+          <option value="Bangladesh">Bangladesh</option> 
+          <option value="Barbados">Barbados</option> 
+          <option value="Belarus">Belarus</option> 
+          <option value="Belgium">Belgium</option> 
+          <option value="Belize">Belize</option> 
+          <option value="Benin">Benin</option> 
+          <option value="Bermuda">Bermuda</option> 
+          <option value="Bhutan">Bhutan</option> 
+          <option value="Bolivia">Bolivia</option> 
+          <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> 
+          <option value="Botswana">Botswana</option> 
+          <option value="Bouvet Island">Bouvet Island</option> 
+          <option value="Brazil">Brazil</option> 
+          <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> 
+          <option value="Brunei Darussalam">Brunei Darussalam</option> 
+          <option value="Bulgaria">Bulgaria</option> 
+          <option value="Burkina Faso">Burkina Faso</option> 
+          <option value="Burundi">Burundi</option> 
+          <option value="Cambodia">Cambodia</option> 
+          <option value="Cameroon">Cameroon</option> 
+          <option value="Canada">Canada</option> 
+          <option value="Cape Verde">Cape Verde</option> 
+          <option value="Cayman Islands">Cayman Islands</option> 
+          <option value="Central African Republic">Central African Republic</option> 
+          <option value="Chad">Chad</option> 
+          <option value="Chile">Chile</option> 
+          <option value="China">China</option> 
+          <option value="Christmas Island">Christmas Island</option> 
+          <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> 
+          <option value="Colombia">Colombia</option> 
+          <option value="Comoros">Comoros</option> 
+          <option value="Congo">Congo</option> 
+          <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> 
+          <option value="Cook Islands">Cook Islands</option> 
+          <option value="Costa Rica">Costa Rica</option> 
+          <option value="Cote D'ivoire">Cote D'ivoire</option> 
+          <option value="Croatia">Croatia</option> 
+          <option value="Cuba">Cuba</option> 
+          <option value="Cyprus">Cyprus</option> 
+          <option value="Czech Republic">Czech Republic</option> 
+          <option value="Denmark">Denmark</option> 
+          <option value="Djibouti">Djibouti</option> 
+          <option value="Dominica">Dominica</option> 
+          <option value="Dominican Republic">Dominican Republic</option> 
+          <option value="Ecuador">Ecuador</option> 
+          <option value="Egypt">Egypt</option> 
+          <option value="El Salvador">El Salvador</option> 
+          <option value="Equatorial Guinea">Equatorial Guinea</option> 
+          <option value="Eritrea">Eritrea</option> 
+          <option value="Estonia">Estonia</option> 
+          <option value="Ethiopia">Ethiopia</option> 
+          <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> 
+          <option value="Faroe Islands">Faroe Islands</option> 
+          <option value="Fiji">Fiji</option> 
+          <option value="Finland">Finland</option> 
+          <option value="France">France</option> 
+          <option value="French Guiana">French Guiana</option> 
+          <option value="French Polynesia">French Polynesia</option> 
+          <option value="French Southern Territories">French Southern Territories</option> 
+          <option value="Gabon">Gabon</option> 
+          <option value="Gambia">Gambia</option> 
+          <option value="Georgia">Georgia</option> 
+          <option value="Germany">Germany</option> 
+          <option value="Ghana">Ghana</option> 
+          <option value="Gibraltar">Gibraltar</option> 
+          <option value="Greece">Greece</option> 
+          <option value="Greenland">Greenland</option> 
+          <option value="Grenada">Grenada</option> 
+          <option value="Guadeloupe">Guadeloupe</option> 
+          <option value="Guam">Guam</option> 
+          <option value="Guatemala">Guatemala</option> 
+          <option value="Guinea">Guinea</option> 
+          <option value="Guinea-bissau">Guinea-bissau</option> 
+          <option value="Guyana">Guyana</option> 
+          <option value="Haiti">Haiti</option> 
+          <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option> 
+          <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option> 
+          <option value="Honduras">Honduras</option> 
+          <option value="Hong Kong">Hong Kong</option> 
+          <option value="Hungary">Hungary</option> 
+          <option value="Iceland">Iceland</option> 
+          <option value="India">India</option> 
+          <option value="Indonesia">Indonesia</option> 
+          <option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option> 
+          <option value="Iraq">Iraq</option> 
+          <option value="Ireland">Ireland</option> 
+          <option value="Israel">Israel</option> 
+          <option value="Italy">Italy</option> 
+          <option value="Jamaica">Jamaica</option> 
+          <option value="Japan">Japan</option> 
+          <option value="Jordan">Jordan</option> 
+          <option value="Kazakhstan">Kazakhstan</option> 
+          <option value="Kenya">Kenya</option> 
+          <option value="Kiribati">Kiribati</option> 
+          <option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option> 
+          <option value="Korea, Republic of">Korea, Republic of</option> 
+          <option value="Kuwait">Kuwait</option> 
+          <option value="Kyrgyzstan">Kyrgyzstan</option> 
+          <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option> 
+          <option value="Latvia">Latvia</option> 
+          <option value="Lebanon">Lebanon</option> 
+          <option value="Lesotho">Lesotho</option> 
+          <option value="Liberia">Liberia</option> 
+          <option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option> 
+          <option value="Liechtenstein">Liechtenstein</option> 
+          <option value="Lithuania">Lithuania</option> 
+          <option value="Luxembourg">Luxembourg</option> 
+          <option value="Macao">Macao</option> 
+          <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option> 
+          <option value="Madagascar">Madagascar</option> 
+          <option value="Malawi">Malawi</option> 
+          <option value="Malaysia">Malaysia</option> 
+          <option value="Maldives">Maldives</option> 
+          <option value="Mali">Mali</option> 
+          <option value="Malta">Malta</option> 
+          <option value="Marshall Islands">Marshall Islands</option> 
+          <option value="Martinique">Martinique</option> 
+          <option value="Mauritania">Mauritania</option> 
+          <option value="Mauritius">Mauritius</option> 
+          <option value="Mayotte">Mayotte</option> 
+          <option value="Mexico">Mexico</option> 
+          <option value="Micronesia, Federated States of">Micronesia, Federated States of</option> 
+          <option value="Moldova, Republic of">Moldova, Republic of</option> 
+          <option value="Monaco">Monaco</option> 
+          <option value="Mongolia">Mongolia</option> 
+          <option value="Montenegro">Montenegro</option>
+          <option value="Montserrat">Montserrat</option> 
+          <option value="Morocco">Morocco</option> 
+          <option value="Mozambique">Mozambique</option> 
+          <option value="Myanmar">Myanmar</option> 
+          <option value="Namibia">Namibia</option> 
+          <option value="Nauru">Nauru</option> 
+          <option value="Nepal">Nepal</option> 
+          <option value="Netherlands">Netherlands</option> 
+          <option value="Netherlands Antilles">Netherlands Antilles</option> 
+          <option value="New Caledonia">New Caledonia</option> 
+          <option value="New Zealand">New Zealand</option> 
+          <option value="Nicaragua">Nicaragua</option> 
+          <option value="Niger">Niger</option> 
+          <option value="Nigeria">Nigeria</option> 
+          <option value="Niue">Niue</option> 
+          <option value="Norfolk Island">Norfolk Island</option> 
+          <option value="Northern Mariana Islands">Northern Mariana Islands</option> 
+          <option value="Norway">Norway</option> 
+          <option value="Oman">Oman</option> 
+          <option value="Pakistan">Pakistan</option> 
+          <option value="Palau">Palau</option> 
+          <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option> 
+          <option value="Panama">Panama</option> 
+          <option value="Papua New Guinea">Papua New Guinea</option> 
+          <option value="Paraguay">Paraguay</option> 
+          <option value="Peru">Peru</option> 
+          <option value="Philippines">Philippines</option> 
+          <option value="Pitcairn">Pitcairn</option> 
+          <option value="Poland">Poland</option> 
+          <option value="Portugal">Portugal</option> 
+          <option value="Puerto Rico">Puerto Rico</option> 
+          <option value="Qatar">Qatar</option> 
+          <option value="Reunion">Reunion</option> 
+          <option value="Romania">Romania</option> 
+          <option value="Russian Federation">Russian Federation</option> 
+          <option value="Rwanda">Rwanda</option> 
+          <option value="Saint Helena">Saint Helena</option> 
+          <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> 
+          <option value="Saint Lucia">Saint Lucia</option> 
+          <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> 
+          <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option> 
+          <option value="Samoa">Samoa</option> 
+          <option value="San Marino">San Marino</option> 
+          <option value="Sao Tome and Principe">Sao Tome and Principe</option> 
+          <option value="Saudi Arabia">Saudi Arabia</option> 
+          <option value="Senegal">Senegal</option> 
+          <option value="Serbia">Serbia</option> 
+          <option value="Seychelles">Seychelles</option> 
+          <option value="Sierra Leone">Sierra Leone</option> 
+          <option value="Singapore">Singapore</option> 
+          <option value="Slovakia">Slovakia</option> 
+          <option value="Slovenia">Slovenia</option> 
+          <option value="Solomon Islands">Solomon Islands</option> 
+          <option value="Somalia">Somalia</option> 
+          <option value="South Africa">South Africa</option> 
+          <option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option> 
+          <option value="South Sudan">South Sudan</option> 
+          <option value="Spain">Spain</option> 
+          <option value="Sri Lanka">Sri Lanka</option> 
+          <option value="Sudan">Sudan</option> 
+          <option value="Suriname">Suriname</option> 
+          <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> 
+          <option value="Swaziland">Swaziland</option> 
+          <option value="Sweden">Sweden</option> 
+          <option value="Switzerland">Switzerland</option> 
+          <option value="Syrian Arab Republic">Syrian Arab Republic</option> 
+          <option value="Taiwan, Republic of China">Taiwan, Republic of China</option> 
+          <option value="Tajikistan">Tajikistan</option> 
+          <option value="Tanzania, United Republic of">Tanzania, United Republic of</option> 
+          <option value="Thailand">Thailand</option> 
+          <option value="Timor-leste">Timor-leste</option> 
+          <option value="Togo">Togo</option> 
+          <option value="Tokelau">Tokelau</option> 
+          <option value="Tonga">Tonga</option> 
+          <option value="Trinidad and Tobago">Trinidad and Tobago</option> 
+          <option value="Tunisia">Tunisia</option> 
+          <option value="Turkey">Turkey</option> 
+          <option value="Turkmenistan">Turkmenistan</option> 
+          <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> 
+          <option value="Tuvalu">Tuvalu</option> 
+          <option value="Uganda">Uganda</option> 
+          <option value="Ukraine">Ukraine</option> 
+          <option value="United Arab Emirates">United Arab Emirates</option> 
+          <option value="United Kingdom">United Kingdom</option> 
+          <option value="United States">United States</option> 
+          <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> 
+          <option value="Uruguay">Uruguay</option> 
+          <option value="Uzbekistan">Uzbekistan</option> 
+          <option value="Vanuatu">Vanuatu</option> 
+          <option value="Venezuela">Venezuela</option> 
+          <option value="Viet Nam">Viet Nam</option> 
+          <option value="Virgin Islands, British">Virgin Islands, British</option> 
+          <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option> 
+          <option value="Wallis and Futuna">Wallis and Futuna</option> 
+          <option value="Western Sahara">Western Sahara</option> 
+          <option value="Yemen">Yemen</option> 
+          <option value="Zambia">Zambia</option> 
+          <option value="Zimbabwe">Zimbabwe</option>
+        </select>
+      </div>
+      <div>
+        <em>Into This</em>        
+        <select data-placeholder="Choose a Country..." class="chzn-select" style="width:350px;" tabindex="2">
+          <option value=""></option> 
+          <option value="United States">United States</option> 
+          <option value="United Kingdom">United Kingdom</option> 
+          <option value="Afghanistan">Afghanistan</option> 
+          <option value="Albania">Albania</option> 
+          <option value="Algeria">Algeria</option> 
+          <option value="American Samoa">American Samoa</option> 
+          <option value="Andorra">Andorra</option> 
+          <option value="Angola">Angola</option> 
+          <option value="Anguilla">Anguilla</option> 
+          <option value="Antarctica">Antarctica</option> 
+          <option value="Antigua and Barbuda">Antigua and Barbuda</option> 
+          <option value="Argentina">Argentina</option> 
+          <option value="Armenia">Armenia</option> 
+          <option value="Aruba">Aruba</option> 
+          <option value="Australia">Australia</option> 
+          <option value="Austria">Austria</option> 
+          <option value="Azerbaijan">Azerbaijan</option> 
+          <option value="Bahamas">Bahamas</option> 
+          <option value="Bahrain">Bahrain</option> 
+          <option value="Bangladesh">Bangladesh</option> 
+          <option value="Barbados">Barbados</option> 
+          <option value="Belarus">Belarus</option> 
+          <option value="Belgium">Belgium</option> 
+          <option value="Belize">Belize</option> 
+          <option value="Benin">Benin</option> 
+          <option value="Bermuda">Bermuda</option> 
+          <option value="Bhutan">Bhutan</option> 
+          <option value="Bolivia">Bolivia</option> 
+          <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> 
+          <option value="Botswana">Botswana</option> 
+          <option value="Bouvet Island">Bouvet Island</option> 
+          <option value="Brazil">Brazil</option> 
+          <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> 
+          <option value="Brunei Darussalam">Brunei Darussalam</option> 
+          <option value="Bulgaria">Bulgaria</option> 
+          <option value="Burkina Faso">Burkina Faso</option> 
+          <option value="Burundi">Burundi</option> 
+          <option value="Cambodia">Cambodia</option> 
+          <option value="Cameroon">Cameroon</option> 
+          <option value="Canada">Canada</option> 
+          <option value="Cape Verde">Cape Verde</option> 
+          <option value="Cayman Islands">Cayman Islands</option> 
+          <option value="Central African Republic">Central African Republic</option> 
+          <option value="Chad">Chad</option> 
+          <option value="Chile">Chile</option> 
+          <option value="China">China</option> 
+          <option value="Christmas Island">Christmas Island</option> 
+          <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> 
+          <option value="Colombia">Colombia</option> 
+          <option value="Comoros">Comoros</option> 
+          <option value="Congo">Congo</option> 
+          <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> 
+          <option value="Cook Islands">Cook Islands</option> 
+          <option value="Costa Rica">Costa Rica</option> 
+          <option value="Cote D'ivoire">Cote D'ivoire</option> 
+          <option value="Croatia">Croatia</option> 
+          <option value="Cuba">Cuba</option> 
+          <option value="Cyprus">Cyprus</option> 
+          <option value="Czech Republic">Czech Republic</option> 
+          <option value="Denmark">Denmark</option> 
+          <option value="Djibouti">Djibouti</option> 
+          <option value="Dominica">Dominica</option> 
+          <option value="Dominican Republic">Dominican Republic</option> 
+          <option value="Ecuador">Ecuador</option> 
+          <option value="Egypt">Egypt</option> 
+          <option value="El Salvador">El Salvador</option> 
+          <option value="Equatorial Guinea">Equatorial Guinea</option> 
+          <option value="Eritrea">Eritrea</option> 
+          <option value="Estonia">Estonia</option> 
+          <option value="Ethiopia">Ethiopia</option> 
+          <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> 
+          <option value="Faroe Islands">Faroe Islands</option> 
+          <option value="Fiji">Fiji</option> 
+          <option value="Finland">Finland</option> 
+          <option value="France">France</option> 
+          <option value="French Guiana">French Guiana</option> 
+          <option value="French Polynesia">French Polynesia</option> 
+          <option value="French Southern Territories">French Southern Territories</option> 
+          <option value="Gabon">Gabon</option> 
+          <option value="Gambia">Gambia</option> 
+          <option value="Georgia">Georgia</option> 
+          <option value="Germany">Germany</option> 
+          <option value="Ghana">Ghana</option> 
+          <option value="Gibraltar">Gibraltar</option> 
+          <option value="Greece">Greece</option> 
+          <option value="Greenland">Greenland</option> 
+          <option value="Grenada">Grenada</option> 
+          <option value="Guadeloupe">Guadeloupe</option> 
+          <option value="Guam">Guam</option> 
+          <option value="Guatemala">Guatemala</option> 
+          <option value="Guinea">Guinea</option> 
+          <option value="Guinea-bissau">Guinea-bissau</option> 
+          <option value="Guyana">Guyana</option> 
+          <option value="Haiti">Haiti</option> 
+          <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option> 
+          <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option> 
+          <option value="Honduras">Honduras</option> 
+          <option value="Hong Kong">Hong Kong</option> 
+          <option value="Hungary">Hungary</option> 
+          <option value="Iceland">Iceland</option> 
+          <option value="India">India</option> 
+          <option value="Indonesia">Indonesia</option> 
+          <option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option> 
+          <option value="Iraq">Iraq</option> 
+          <option value="Ireland">Ireland</option> 
+          <option value="Israel">Israel</option> 
+          <option value="Italy">Italy</option> 
+          <option value="Jamaica">Jamaica</option> 
+          <option value="Japan">Japan</option> 
+          <option value="Jordan">Jordan</option> 
+          <option value="Kazakhstan">Kazakhstan</option> 
+          <option value="Kenya">Kenya</option> 
+          <option value="Kiribati">Kiribati</option> 
+          <option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option> 
+          <option value="Korea, Republic of">Korea, Republic of</option> 
+          <option value="Kuwait">Kuwait</option> 
+          <option value="Kyrgyzstan">Kyrgyzstan</option> 
+          <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option> 
+          <option value="Latvia">Latvia</option> 
+          <option value="Lebanon">Lebanon</option> 
+          <option value="Lesotho">Lesotho</option> 
+          <option value="Liberia">Liberia</option> 
+          <option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option> 
+          <option value="Liechtenstein">Liechtenstein</option> 
+          <option value="Lithuania">Lithuania</option> 
+          <option value="Luxembourg">Luxembourg</option> 
+          <option value="Macao">Macao</option> 
+          <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option> 
+          <option value="Madagascar">Madagascar</option> 
+          <option value="Malawi">Malawi</option> 
+          <option value="Malaysia">Malaysia</option> 
+          <option value="Maldives">Maldives</option> 
+          <option value="Mali">Mali</option> 
+          <option value="Malta">Malta</option> 
+          <option value="Marshall Islands">Marshall Islands</option> 
+          <option value="Martinique">Martinique</option> 
+          <option value="Mauritania">Mauritania</option> 
+          <option value="Mauritius">Mauritius</option> 
+          <option value="Mayotte">Mayotte</option> 
+          <option value="Mexico">Mexico</option> 
+          <option value="Micronesia, Federated States of">Micronesia, Federated States of</option> 
+          <option value="Moldova, Republic of">Moldova, Republic of</option> 
+          <option value="Monaco">Monaco</option> 
+          <option value="Mongolia">Mongolia</option> 
+          <option value="Montenegro">Montenegro</option>
+          <option value="Montserrat">Montserrat</option> 
+          <option value="Morocco">Morocco</option> 
+          <option value="Mozambique">Mozambique</option> 
+          <option value="Myanmar">Myanmar</option> 
+          <option value="Namibia">Namibia</option> 
+          <option value="Nauru">Nauru</option> 
+          <option value="Nepal">Nepal</option> 
+          <option value="Netherlands">Netherlands</option> 
+          <option value="Netherlands Antilles">Netherlands Antilles</option> 
+          <option value="New Caledonia">New Caledonia</option> 
+          <option value="New Zealand">New Zealand</option> 
+          <option value="Nicaragua">Nicaragua</option> 
+          <option value="Niger">Niger</option> 
+          <option value="Nigeria">Nigeria</option> 
+          <option value="Niue">Niue</option> 
+          <option value="Norfolk Island">Norfolk Island</option> 
+          <option value="Northern Mariana Islands">Northern Mariana Islands</option> 
+          <option value="Norway">Norway</option> 
+          <option value="Oman">Oman</option> 
+          <option value="Pakistan">Pakistan</option> 
+          <option value="Palau">Palau</option> 
+          <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option> 
+          <option value="Panama">Panama</option> 
+          <option value="Papua New Guinea">Papua New Guinea</option> 
+          <option value="Paraguay">Paraguay</option> 
+          <option value="Peru">Peru</option> 
+          <option value="Philippines">Philippines</option> 
+          <option value="Pitcairn">Pitcairn</option> 
+          <option value="Poland">Poland</option> 
+          <option value="Portugal">Portugal</option> 
+          <option value="Puerto Rico">Puerto Rico</option> 
+          <option value="Qatar">Qatar</option> 
+          <option value="Reunion">Reunion</option> 
+          <option value="Romania">Romania</option> 
+          <option value="Russian Federation">Russian Federation</option> 
+          <option value="Rwanda">Rwanda</option> 
+          <option value="Saint Helena">Saint Helena</option> 
+          <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> 
+          <option value="Saint Lucia">Saint Lucia</option> 
+          <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> 
+          <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option> 
+          <option value="Samoa">Samoa</option> 
+          <option value="San Marino">San Marino</option> 
+          <option value="Sao Tome and Principe">Sao Tome and Principe</option> 
+          <option value="Saudi Arabia">Saudi Arabia</option> 
+          <option value="Senegal">Senegal</option> 
+          <option value="Serbia">Serbia</option> 
+          <option value="Seychelles">Seychelles</option> 
+          <option value="Sierra Leone">Sierra Leone</option> 
+          <option value="Singapore">Singapore</option> 
+          <option value="Slovakia">Slovakia</option> 
+          <option value="Slovenia">Slovenia</option> 
+          <option value="Solomon Islands">Solomon Islands</option> 
+          <option value="Somalia">Somalia</option> 
+          <option value="South Africa">South Africa</option> 
+          <option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option> 
+          <option value="South Sudan">South Sudan</option> 
+          <option value="Spain">Spain</option> 
+          <option value="Sri Lanka">Sri Lanka</option> 
+          <option value="Sudan">Sudan</option> 
+          <option value="Suriname">Suriname</option> 
+          <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> 
+          <option value="Swaziland">Swaziland</option> 
+          <option value="Sweden">Sweden</option> 
+          <option value="Switzerland">Switzerland</option> 
+          <option value="Syrian Arab Republic">Syrian Arab Republic</option> 
+          <option value="Taiwan, Republic of China">Taiwan, Republic of China</option> 
+          <option value="Tajikistan">Tajikistan</option> 
+          <option value="Tanzania, United Republic of">Tanzania, United Republic of</option> 
+          <option value="Thailand">Thailand</option> 
+          <option value="Timor-leste">Timor-leste</option> 
+          <option value="Togo">Togo</option> 
+          <option value="Tokelau">Tokelau</option> 
+          <option value="Tonga">Tonga</option> 
+          <option value="Trinidad and Tobago">Trinidad and Tobago</option> 
+          <option value="Tunisia">Tunisia</option> 
+          <option value="Turkey">Turkey</option> 
+          <option value="Turkmenistan">Turkmenistan</option> 
+          <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> 
+          <option value="Tuvalu">Tuvalu</option> 
+          <option value="Uganda">Uganda</option> 
+          <option value="Ukraine">Ukraine</option> 
+          <option value="United Arab Emirates">United Arab Emirates</option> 
+          <option value="United Kingdom">United Kingdom</option> 
+          <option value="United States">United States</option> 
+          <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> 
+          <option value="Uruguay">Uruguay</option> 
+          <option value="Uzbekistan">Uzbekistan</option> 
+          <option value="Vanuatu">Vanuatu</option> 
+          <option value="Venezuela">Venezuela</option> 
+          <option value="Viet Nam">Viet Nam</option> 
+          <option value="Virgin Islands, British">Virgin Islands, British</option> 
+          <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option> 
+          <option value="Wallis and Futuna">Wallis and Futuna</option> 
+          <option value="Western Sahara">Western Sahara</option> 
+          <option value="Yemen">Yemen</option> 
+          <option value="Zambia">Zambia</option> 
+          <option value="Zimbabwe">Zimbabwe</option>
+        </select>
+      </div>
+    </div>
+    
+    <h2>Multiple Select</h2>
+    <div class="side-by-side clearfix">
+      <div>
+        <em>Turns This</em>
+        <select data-placeholder="Choose a Country..." style="width:350px;" multiple tabindex="3">
+          <option value="United States">United States</option> 
+          <option value="United Kingdom">United Kingdom</option> 
+          <option value="Afghanistan">Afghanistan</option> 
+          <option value="Albania">Albania</option> 
+          <option value="Algeria">Algeria</option> 
+          <option value="American Samoa">American Samoa</option> 
+          <option value="Andorra">Andorra</option> 
+          <option value="Angola">Angola</option> 
+          <option value="Anguilla">Anguilla</option> 
+          <option value="Antarctica">Antarctica</option> 
+          <option value="Antigua and Barbuda">Antigua and Barbuda</option> 
+          <option value="Argentina">Argentina</option> 
+          <option value="Armenia">Armenia</option> 
+          <option value="Aruba">Aruba</option> 
+          <option value="Australia">Australia</option> 
+          <option value="Austria">Austria</option> 
+          <option value="Azerbaijan">Azerbaijan</option> 
+          <option value="Bahamas">Bahamas</option> 
+          <option value="Bahrain">Bahrain</option> 
+          <option value="Bangladesh">Bangladesh</option> 
+          <option value="Barbados">Barbados</option> 
+          <option value="Belarus">Belarus</option> 
+          <option value="Belgium">Belgium</option> 
+          <option value="Belize">Belize</option> 
+          <option value="Benin">Benin</option> 
+          <option value="Bermuda">Bermuda</option> 
+          <option value="Bhutan">Bhutan</option> 
+          <option value="Bolivia">Bolivia</option> 
+          <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> 
+          <option value="Botswana">Botswana</option> 
+          <option value="Bouvet Island">Bouvet Island</option> 
+          <option value="Brazil">Brazil</option> 
+          <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> 
+          <option value="Brunei Darussalam">Brunei Darussalam</option> 
+          <option value="Bulgaria">Bulgaria</option> 
+          <option value="Burkina Faso">Burkina Faso</option> 
+          <option value="Burundi">Burundi</option> 
+          <option value="Cambodia">Cambodia</option> 
+          <option value="Cameroon">Cameroon</option> 
+          <option value="Canada">Canada</option> 
+          <option value="Cape Verde">Cape Verde</option> 
+          <option value="Cayman Islands">Cayman Islands</option> 
+          <option value="Central African Republic">Central African Republic</option> 
+          <option value="Chad">Chad</option> 
+          <option value="Chile">Chile</option> 
+          <option value="China">China</option> 
+          <option value="Christmas Island">Christmas Island</option> 
+          <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> 
+          <option value="Colombia">Colombia</option> 
+          <option value="Comoros">Comoros</option> 
+          <option value="Congo">Congo</option> 
+          <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> 
+          <option value="Cook Islands">Cook Islands</option> 
+          <option value="Costa Rica">Costa Rica</option> 
+          <option value="Cote D'ivoire">Cote D'ivoire</option> 
+          <option value="Croatia">Croatia</option> 
+          <option value="Cuba">Cuba</option> 
+          <option value="Cyprus">Cyprus</option> 
+          <option value="Czech Republic">Czech Republic</option> 
+          <option value="Denmark">Denmark</option> 
+          <option value="Djibouti">Djibouti</option> 
+          <option value="Dominica">Dominica</option> 
+          <option value="Dominican Republic">Dominican Republic</option> 
+          <option value="Ecuador">Ecuador</option> 
+          <option value="Egypt">Egypt</option> 
+          <option value="El Salvador">El Salvador</option> 
+          <option value="Equatorial Guinea">Equatorial Guinea</option> 
+          <option value="Eritrea">Eritrea</option> 
+          <option value="Estonia">Estonia</option> 
+          <option value="Ethiopia">Ethiopia</option> 
+          <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> 
+          <option value="Faroe Islands">Faroe Islands</option> 
+          <option value="Fiji">Fiji</option> 
+          <option value="Finland">Finland</option> 
+          <option value="France">France</option> 
+          <option value="French Guiana">French Guiana</option> 
+          <option value="French Polynesia">French Polynesia</option> 
+          <option value="French Southern Territories">French Southern Territories</option> 
+          <option value="Gabon">Gabon</option> 
+          <option value="Gambia">Gambia</option> 
+          <option value="Georgia">Georgia</option> 
+          <option value="Germany">Germany</option> 
+          <option value="Ghana">Ghana</option> 
+          <option value="Gibraltar">Gibraltar</option> 
+          <option value="Greece">Greece</option> 
+          <option value="Greenland">Greenland</option> 
+          <option value="Grenada">Grenada</option> 
+          <option value="Guadeloupe">Guadeloupe</option> 
+          <option value="Guam">Guam</option> 
+          <option value="Guatemala">Guatemala</option> 
+          <option value="Guinea">Guinea</option> 
+          <option value="Guinea-bissau">Guinea-bissau</option> 
+          <option value="Guyana">Guyana</option> 
+          <option value="Haiti">Haiti</option> 
+          <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option> 
+          <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option> 
+          <option value="Honduras">Honduras</option> 
+          <option value="Hong Kong">Hong Kong</option> 
+          <option value="Hungary">Hungary</option> 
+          <option value="Iceland">Iceland</option> 
+          <option value="India">India</option> 
+          <option value="Indonesia">Indonesia</option> 
+          <option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option> 
+          <option value="Iraq">Iraq</option> 
+          <option value="Ireland">Ireland</option> 
+          <option value="Israel">Israel</option> 
+          <option value="Italy">Italy</option> 
+          <option value="Jamaica">Jamaica</option> 
+          <option value="Japan">Japan</option> 
+          <option value="Jordan">Jordan</option> 
+          <option value="Kazakhstan">Kazakhstan</option> 
+          <option value="Kenya">Kenya</option> 
+          <option value="Kiribati">Kiribati</option> 
+          <option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option> 
+          <option value="Korea, Republic of">Korea, Republic of</option> 
+          <option value="Kuwait">Kuwait</option> 
+          <option value="Kyrgyzstan">Kyrgyzstan</option> 
+          <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option> 
+          <option value="Latvia">Latvia</option> 
+          <option value="Lebanon">Lebanon</option> 
+          <option value="Lesotho">Lesotho</option> 
+          <option value="Liberia">Liberia</option> 
+          <option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option> 
+          <option value="Liechtenstein">Liechtenstein</option> 
+          <option value="Lithuania">Lithuania</option> 
+          <option value="Luxembourg">Luxembourg</option> 
+          <option value="Macao">Macao</option> 
+          <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option> 
+          <option value="Madagascar">Madagascar</option> 
+          <option value="Malawi">Malawi</option> 
+          <option value="Malaysia">Malaysia</option> 
+          <option value="Maldives">Maldives</option> 
+          <option value="Mali">Mali</option> 
+          <option value="Malta">Malta</option> 
+          <option value="Marshall Islands">Marshall Islands</option> 
+          <option value="Martinique">Martinique</option> 
+          <option value="Mauritania">Mauritania</option> 
+          <option value="Mauritius">Mauritius</option> 
+          <option value="Mayotte">Mayotte</option> 
+          <option value="Mexico">Mexico</option> 
+          <option value="Micronesia, Federated States of">Micronesia, Federated States of</option> 
+          <option value="Moldova, Republic of">Moldova, Republic of</option> 
+          <option value="Monaco">Monaco</option> 
+          <option value="Mongolia">Mongolia</option> 
+          <option value="Montenegro">Montenegro</option>
+          <option value="Montserrat">Montserrat</option> 
+          <option value="Morocco">Morocco</option> 
+          <option value="Mozambique">Mozambique</option> 
+          <option value="Myanmar">Myanmar</option> 
+          <option value="Namibia">Namibia</option> 
+          <option value="Nauru">Nauru</option> 
+          <option value="Nepal">Nepal</option> 
+          <option value="Netherlands">Netherlands</option> 
+          <option value="Netherlands Antilles">Netherlands Antilles</option> 
+          <option value="New Caledonia">New Caledonia</option> 
+          <option value="New Zealand">New Zealand</option> 
+          <option value="Nicaragua">Nicaragua</option> 
+          <option value="Niger">Niger</option> 
+          <option value="Nigeria">Nigeria</option> 
+          <option value="Niue">Niue</option> 
+          <option value="Norfolk Island">Norfolk Island</option> 
+          <option value="Northern Mariana Islands">Northern Mariana Islands</option> 
+          <option value="Norway">Norway</option> 
+          <option value="Oman">Oman</option> 
+          <option value="Pakistan">Pakistan</option> 
+          <option value="Palau">Palau</option> 
+          <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option> 
+          <option value="Panama">Panama</option> 
+          <option value="Papua New Guinea">Papua New Guinea</option> 
+          <option value="Paraguay">Paraguay</option> 
+          <option value="Peru">Peru</option> 
+          <option value="Philippines">Philippines</option> 
+          <option value="Pitcairn">Pitcairn</option> 
+          <option value="Poland">Poland</option> 
+          <option value="Portugal">Portugal</option> 
+          <option value="Puerto Rico">Puerto Rico</option> 
+          <option value="Qatar">Qatar</option> 
+          <option value="Reunion">Reunion</option> 
+          <option value="Romania">Romania</option> 
+          <option value="Russian Federation">Russian Federation</option> 
+          <option value="Rwanda">Rwanda</option> 
+          <option value="Saint Helena">Saint Helena</option> 
+          <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> 
+          <option value="Saint Lucia">Saint Lucia</option> 
+          <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> 
+          <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option> 
+          <option value="Samoa">Samoa</option> 
+          <option value="San Marino">San Marino</option> 
+          <option value="Sao Tome and Principe">Sao Tome and Principe</option> 
+          <option value="Saudi Arabia">Saudi Arabia</option> 
+          <option value="Senegal">Senegal</option> 
+          <option value="Serbia">Serbia</option> 
+          <option value="Seychelles">Seychelles</option> 
+          <option value="Sierra Leone">Sierra Leone</option> 
+          <option value="Singapore">Singapore</option> 
+          <option value="Slovakia">Slovakia</option> 
+          <option value="Slovenia">Slovenia</option> 
+          <option value="Solomon Islands">Solomon Islands</option> 
+          <option value="Somalia">Somalia</option> 
+          <option value="South Africa">South Africa</option> 
+          <option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option> 
+          <option value="South Sudan">South Sudan</option> 
+          <option value="Spain">Spain</option> 
+          <option value="Sri Lanka">Sri Lanka</option> 
+          <option value="Sudan">Sudan</option> 
+          <option value="Suriname">Suriname</option> 
+          <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> 
+          <option value="Swaziland">Swaziland</option> 
+          <option value="Sweden">Sweden</option> 
+          <option value="Switzerland">Switzerland</option> 
+          <option value="Syrian Arab Republic">Syrian Arab Republic</option> 
+          <option value="Taiwan, Republic of China">Taiwan, Republic of China</option> 
+          <option value="Tajikistan">Tajikistan</option> 
+          <option value="Tanzania, United Republic of">Tanzania, United Republic of</option> 
+          <option value="Thailand">Thailand</option> 
+          <option value="Timor-leste">Timor-leste</option> 
+          <option value="Togo">Togo</option> 
+          <option value="Tokelau">Tokelau</option> 
+          <option value="Tonga">Tonga</option> 
+          <option value="Trinidad and Tobago">Trinidad and Tobago</option> 
+          <option value="Tunisia">Tunisia</option> 
+          <option value="Turkey">Turkey</option> 
+          <option value="Turkmenistan">Turkmenistan</option> 
+          <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> 
+          <option value="Tuvalu">Tuvalu</option> 
+          <option value="Uganda">Uganda</option> 
+          <option value="Ukraine">Ukraine</option> 
+          <option value="United Arab Emirates">United Arab Emirates</option> 
+          <option value="United Kingdom">United Kingdom</option> 
+          <option value="United States">United States</option> 
+          <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> 
+          <option value="Uruguay">Uruguay</option> 
+          <option value="Uzbekistan">Uzbekistan</option> 
+          <option value="Vanuatu">Vanuatu</option> 
+          <option value="Venezuela">Venezuela</option> 
+          <option value="Viet Nam">Viet Nam</option> 
+          <option value="Virgin Islands, British">Virgin Islands, British</option> 
+          <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option> 
+          <option value="Wallis and Futuna">Wallis and Futuna</option> 
+          <option value="Western Sahara">Western Sahara</option> 
+          <option value="Yemen">Yemen</option> 
+          <option value="Zambia">Zambia</option> 
+          <option value="Zimbabwe">Zimbabwe</option>
+        </select>
+      </div>
+      <div>
+        <em>Into This</em>        
+        <select data-placeholder="Choose a Country..." class="chzn-select" multiple style="width:350px;" tabindex="4">
+          <option value=""></option> 
+          <option value="United States">United States</option> 
+          <option value="United Kingdom">United Kingdom</option> 
+          <option value="Afghanistan">Afghanistan</option> 
+          <option value="Albania">Albania</option> 
+          <option value="Algeria">Algeria</option> 
+          <option value="American Samoa">American Samoa</option> 
+          <option value="Andorra">Andorra</option> 
+          <option value="Angola">Angola</option> 
+          <option value="Anguilla">Anguilla</option> 
+          <option value="Antarctica">Antarctica</option> 
+          <option value="Antigua and Barbuda">Antigua and Barbuda</option> 
+          <option value="Argentina">Argentina</option> 
+          <option value="Armenia">Armenia</option> 
+          <option value="Aruba">Aruba</option> 
+          <option value="Australia">Australia</option> 
+          <option value="Austria">Austria</option> 
+          <option value="Azerbaijan">Azerbaijan</option> 
+          <option value="Bahamas">Bahamas</option> 
+          <option value="Bahrain">Bahrain</option> 
+          <option value="Bangladesh">Bangladesh</option> 
+          <option value="Barbados">Barbados</option> 
+          <option value="Belarus">Belarus</option> 
+          <option value="Belgium">Belgium</option> 
+          <option value="Belize">Belize</option> 
+          <option value="Benin">Benin</option> 
+          <option value="Bermuda">Bermuda</option> 
+          <option value="Bhutan">Bhutan</option> 
+          <option value="Bolivia">Bolivia</option> 
+          <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> 
+          <option value="Botswana">Botswana</option> 
+          <option value="Bouvet Island">Bouvet Island</option> 
+          <option value="Brazil">Brazil</option> 
+          <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> 
+          <option value="Brunei Darussalam">Brunei Darussalam</option> 
+          <option value="Bulgaria">Bulgaria</option> 
+          <option value="Burkina Faso">Burkina Faso</option> 
+          <option value="Burundi">Burundi</option> 
+          <option value="Cambodia">Cambodia</option> 
+          <option value="Cameroon">Cameroon</option> 
+          <option value="Canada">Canada</option> 
+          <option value="Cape Verde">Cape Verde</option> 
+          <option value="Cayman Islands">Cayman Islands</option> 
+          <option value="Central African Republic">Central African Republic</option> 
+          <option value="Chad">Chad</option> 
+          <option value="Chile">Chile</option> 
+          <option value="China">China</option> 
+          <option value="Christmas Island">Christmas Island</option> 
+          <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> 
+          <option value="Colombia">Colombia</option> 
+          <option value="Comoros">Comoros</option> 
+          <option value="Congo">Congo</option> 
+          <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> 
+          <option value="Cook Islands">Cook Islands</option> 
+          <option value="Costa Rica">Costa Rica</option> 
+          <option value="Cote D'ivoire">Cote D'ivoire</option> 
+          <option value="Croatia">Croatia</option> 
+          <option value="Cuba">Cuba</option> 
+          <option value="Cyprus">Cyprus</option> 
+          <option value="Czech Republic">Czech Republic</option> 
+          <option value="Denmark">Denmark</option> 
+          <option value="Djibouti">Djibouti</option> 
+          <option value="Dominica">Dominica</option> 
+          <option value="Dominican Republic">Dominican Republic</option> 
+          <option value="Ecuador">Ecuador</option> 
+          <option value="Egypt">Egypt</option> 
+          <option value="El Salvador">El Salvador</option> 
+          <option value="Equatorial Guinea">Equatorial Guinea</option> 
+          <option value="Eritrea">Eritrea</option> 
+          <option value="Estonia">Estonia</option> 
+          <option value="Ethiopia">Ethiopia</option> 
+          <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> 
+          <option value="Faroe Islands">Faroe Islands</option> 
+          <option value="Fiji">Fiji</option> 
+          <option value="Finland">Finland</option> 
+          <option value="France">France</option> 
+          <option value="French Guiana">French Guiana</option> 
+          <option value="French Polynesia">French Polynesia</option> 
+          <option value="French Southern Territories">French Southern Territories</option> 
+          <option value="Gabon">Gabon</option> 
+          <option value="Gambia">Gambia</option> 
+          <option value="Georgia">Georgia</option> 
+          <option value="Germany">Germany</option> 
+          <option value="Ghana">Ghana</option> 
+          <option value="Gibraltar">Gibraltar</option> 
+          <option value="Greece">Greece</option> 
+          <option value="Greenland">Greenland</option> 
+          <option value="Grenada">Grenada</option> 
+          <option value="Guadeloupe">Guadeloupe</option> 
+          <option value="Guam">Guam</option> 
+          <option value="Guatemala">Guatemala</option> 
+          <option value="Guinea">Guinea</option> 
+          <option value="Guinea-bissau">Guinea-bissau</option> 
+          <option value="Guyana">Guyana</option> 
+          <option value="Haiti">Haiti</option> 
+          <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option> 
+          <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option> 
+          <option value="Honduras">Honduras</option> 
+          <option value="Hong Kong">Hong Kong</option> 
+          <option value="Hungary">Hungary</option> 
+          <option value="Iceland">Iceland</option> 
+          <option value="India">India</option> 
+          <option value="Indonesia">Indonesia</option> 
+          <option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option> 
+          <option value="Iraq">Iraq</option> 
+          <option value="Ireland">Ireland</option> 
+          <option value="Israel">Israel</option> 
+          <option value="Italy">Italy</option> 
+          <option value="Jamaica">Jamaica</option> 
+          <option value="Japan">Japan</option> 
+          <option value="Jordan">Jordan</option> 
+          <option value="Kazakhstan">Kazakhstan</option> 
+          <option value="Kenya">Kenya</option> 
+          <option value="Kiribati">Kiribati</option> 
+          <option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option> 
+          <option value="Korea, Republic of">Korea, Republic of</option> 
+          <option value="Kuwait">Kuwait</option> 
+          <option value="Kyrgyzstan">Kyrgyzstan</option> 
+          <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option> 
+          <option value="Latvia">Latvia</option> 
+          <option value="Lebanon">Lebanon</option> 
+          <option value="Lesotho">Lesotho</option> 
+          <option value="Liberia">Liberia</option> 
+          <option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option> 
+          <option value="Liechtenstein">Liechtenstein</option> 
+          <option value="Lithuania">Lithuania</option> 
+          <option value="Luxembourg">Luxembourg</option> 
+          <option value="Macao">Macao</option> 
+          <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option> 
+          <option value="Madagascar">Madagascar</option> 
+          <option value="Malawi">Malawi</option> 
+          <option value="Malaysia">Malaysia</option> 
+          <option value="Maldives">Maldives</option> 
+          <option value="Mali">Mali</option> 
+          <option value="Malta">Malta</option> 
+          <option value="Marshall Islands">Marshall Islands</option> 
+          <option value="Martinique">Martinique</option> 
+          <option value="Mauritania">Mauritania</option> 
+          <option value="Mauritius">Mauritius</option> 
+          <option value="Mayotte">Mayotte</option> 
+          <option value="Mexico">Mexico</option> 
+          <option value="Micronesia, Federated States of">Micronesia, Federated States of</option> 
+          <option value="Moldova, Republic of">Moldova, Republic of</option> 
+          <option value="Monaco">Monaco</option> 
+          <option value="Mongolia">Mongolia</option> 
+          <option value="Montenegro">Montenegro</option>
+          <option value="Montserrat">Montserrat</option> 
+          <option value="Morocco">Morocco</option> 
+          <option value="Mozambique">Mozambique</option> 
+          <option value="Myanmar">Myanmar</option> 
+          <option value="Namibia">Namibia</option> 
+          <option value="Nauru">Nauru</option> 
+          <option value="Nepal">Nepal</option> 
+          <option value="Netherlands">Netherlands</option> 
+          <option value="Netherlands Antilles">Netherlands Antilles</option> 
+          <option value="New Caledonia">New Caledonia</option> 
+          <option value="New Zealand">New Zealand</option> 
+          <option value="Nicaragua">Nicaragua</option> 
+          <option value="Niger">Niger</option> 
+          <option value="Nigeria">Nigeria</option> 
+          <option value="Niue">Niue</option> 
+          <option value="Norfolk Island">Norfolk Island</option> 
+          <option value="Northern Mariana Islands">Northern Mariana Islands</option> 
+          <option value="Norway">Norway</option> 
+          <option value="Oman">Oman</option> 
+          <option value="Pakistan">Pakistan</option> 
+          <option value="Palau">Palau</option> 
+          <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option> 
+          <option value="Panama">Panama</option> 
+          <option value="Papua New Guinea">Papua New Guinea</option> 
+          <option value="Paraguay">Paraguay</option> 
+          <option value="Peru">Peru</option> 
+          <option value="Philippines">Philippines</option> 
+          <option value="Pitcairn">Pitcairn</option> 
+          <option value="Poland">Poland</option> 
+          <option value="Portugal">Portugal</option> 
+          <option value="Puerto Rico">Puerto Rico</option> 
+          <option value="Qatar">Qatar</option> 
+          <option value="Reunion">Reunion</option> 
+          <option value="Romania">Romania</option> 
+          <option value="Russian Federation">Russian Federation</option> 
+          <option value="Rwanda">Rwanda</option> 
+          <option value="Saint Helena">Saint Helena</option> 
+          <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> 
+          <option value="Saint Lucia">Saint Lucia</option> 
+          <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> 
+          <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option> 
+          <option value="Samoa">Samoa</option> 
+          <option value="San Marino">San Marino</option> 
+          <option value="Sao Tome and Principe">Sao Tome and Principe</option> 
+          <option value="Saudi Arabia">Saudi Arabia</option> 
+          <option value="Senegal">Senegal</option> 
+          <option value="Serbia">Serbia</option> 
+          <option value="Seychelles">Seychelles</option> 
+          <option value="Sierra Leone">Sierra Leone</option> 
+          <option value="Singapore">Singapore</option> 
+          <option value="Slovakia">Slovakia</option> 
+          <option value="Slovenia">Slovenia</option> 
+          <option value="Solomon Islands">Solomon Islands</option> 
+          <option value="Somalia">Somalia</option> 
+          <option value="South Africa">South Africa</option> 
+          <option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option> 
+          <option value="South Sudan">South Sudan</option> 
+          <option value="Spain">Spain</option> 
+          <option value="Sri Lanka">Sri Lanka</option> 
+          <option value="Sudan">Sudan</option> 
+          <option value="Suriname">Suriname</option> 
+          <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> 
+          <option value="Swaziland">Swaziland</option> 
+          <option value="Sweden">Sweden</option> 
+          <option value="Switzerland">Switzerland</option> 
+          <option value="Syrian Arab Republic">Syrian Arab Republic</option> 
+          <option value="Taiwan, Republic of China">Taiwan, Republic of China</option> 
+          <option value="Tajikistan">Tajikistan</option> 
+          <option value="Tanzania, United Republic of">Tanzania, United Republic of</option> 
+          <option value="Thailand">Thailand</option> 
+          <option value="Timor-leste">Timor-leste</option> 
+          <option value="Togo">Togo</option> 
+          <option value="Tokelau">Tokelau</option> 
+          <option value="Tonga">Tonga</option> 
+          <option value="Trinidad and Tobago">Trinidad and Tobago</option> 
+          <option value="Tunisia">Tunisia</option> 
+          <option value="Turkey">Turkey</option> 
+          <option value="Turkmenistan">Turkmenistan</option> 
+          <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> 
+          <option value="Tuvalu">Tuvalu</option> 
+          <option value="Uganda">Uganda</option> 
+          <option value="Ukraine">Ukraine</option> 
+          <option value="United Arab Emirates">United Arab Emirates</option> 
+          <option value="United Kingdom">United Kingdom</option> 
+          <option value="United States">United States</option> 
+          <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> 
+          <option value="Uruguay">Uruguay</option> 
+          <option value="Uzbekistan">Uzbekistan</option> 
+          <option value="Vanuatu">Vanuatu</option> 
+          <option value="Venezuela">Venezuela</option> 
+          <option value="Viet Nam">Viet Nam</option> 
+          <option value="Virgin Islands, British">Virgin Islands, British</option> 
+          <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option> 
+          <option value="Wallis and Futuna">Wallis and Futuna</option> 
+          <option value="Western Sahara">Western Sahara</option> 
+          <option value="Yemen">Yemen</option> 
+          <option value="Zambia">Zambia</option> 
+          <option value="Zimbabwe">Zimbabwe</option>
+        </select>
+      </div>
+    </div>
+    
+    <h2>&lt;optgroup&gt; Support</h2>
+    <div class="side-by-side clearfix">
+      <div>
+        <em>Single Select with Groups</em>
+        <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chzn-select" tabindex="5">
+          <option value=""></option>
+          <optgroup label="NFC East">
+            <option>Dallas Cowboys</option>
+            <option>New York Giants</option>
+            <option>Philadelphia Eagles</option>
+            <option>Washington Redskins</option>
+          </optgroup>
+          <optgroup label="NFC NORTH">
+            <option>Chicago Bears</option>
+            <option>Detroit Lions</option>
+            <option>Green Bay Packers</option>
+            <option>Minnesota Vikings</option>
+          </optgroup>
+          <optgroup label="NFC SOUTH">
+            <option>Atlanta Falcons</option>
+            <option>Carolina Panthers</option>
+            <option>New Orleans Saints</option>
+            <option>Tampa Bay Buccaneers</option>
+          </optgroup>
+          <optgroup label="NFC WEST">
+            <option>Arizona Cardinals</option>
+            <option>St. Louis Rams</option>
+            <option>San Francisco 49ers</option>
+            <option>Seattle Seahawks</option>
+          </optgroup>
+          <optgroup label="AFC EAST">
+            <option>Buffalo Bills</option>
+            <option>Miami Dolphins</option>
+            <option>New England Patriots</option>
+            <option>New York Jets</option>
+          </optgroup>
+          <optgroup label="AFC NORTH">
+            <option>Baltimore Ravens</option>
+            <option>Cincinnati Bengals</option>
+            <option>Cleveland Browns</option>
+            <option>Pittsburgh Steelers</option>
+          </optgroup>
+          <optgroup label="AFC SOUTH">
+            <option>Houston Texans</option>
+            <option>Indianapolis Colts</option>
+            <option>Jacksonville Jaguars</option>
+            <option>Tennessee Titans</option>
+          </optgroup>
+          <optgroup label="AFC WEST">
+            <option>Denver Broncos</option>
+            <option>Kansas City Chiefs</option>
+            <option>Oakland Raiders</option>
+            <option>San Diego Chargers</option>
+          </optgroup>
+        </select>
+      </div>
+      <div>
+        <em>Multiple Select with Groups</em>
+        <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chzn-select" multiple tabindex="6">
+          <option value=""></option>
+          <optgroup label="NFC East">
+            <option>Dallas Cowboys</option>
+            <option>New York Giants</option>
+            <option>Philadelphia Eagles</option>
+            <option>Washington Redskins</option>
+          </optgroup>
+          <optgroup label="NFC NORTH">
+            <option>Chicago Bears</option>
+            <option>Detroit Lions</option>
+            <option>Green Bay Packers</option>
+            <option>Minnesota Vikings</option>
+          </optgroup>
+          <optgroup label="NFC SOUTH">
+            <option>Atlanta Falcons</option>
+            <option>Carolina Panthers</option>
+            <option>New Orleans Saints</option>
+            <option>Tampa Bay Buccaneers</option>
+          </optgroup>
+          <optgroup label="NFC WEST">
+            <option>Arizona Cardinals</option>
+            <option>St. Louis Rams</option>
+            <option>San Francisco 49ers</option>
+            <option>Seattle Seahawks</option>
+          </optgroup>
+          <optgroup label="AFC EAST">
+            <option>Buffalo Bills</option>
+            <option>Miami Dolphins</option>
+            <option>New England Patriots</option>
+            <option>New York Jets</option>
+          </optgroup>
+          <optgroup label="AFC NORTH">
+            <option>Baltimore Ravens</option>
+            <option>Cincinnati Bengals</option>
+            <option>Cleveland Browns</option>
+            <option>Pittsburgh Steelers</option>
+          </optgroup>
+          <optgroup label="AFC SOUTH">
+            <option>Houston Texans</option>
+            <option>Indianapolis Colts</option>
+            <option>Jacksonville Jaguars</option>
+            <option>Tennessee Titans</option>
+          </optgroup>
+          <optgroup label="AFC WEST">
+            <option>Denver Broncos</option>
+            <option>Kansas City Chiefs</option>
+            <option>Oakland Raiders</option>
+            <option>San Diego Chargers</option>
+          </optgroup>
+        </select>
+      </div>
+    </div>
+
+    <h2>Selected and Disabled Support</h2>
+    <div class="side-by-side clearfix">
+      <p>Chosen automatically highlights selected options and removes disabled options.</p>
+      <div>
+        <em>Single Select</em>
+        <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chzn-select" tabindex="7">
+          <option value=""></option>
+          <option>American Black Bear</option>
+          <option>Asiatic Black Bear</option>
+          <option>Brown Bear</option>
+          <option>Giant Panda</option>
+          <option selected>Sloth Bear</option>
+          <option disabled>Sun Bear</option>
+          <option>Polar Bear</option>
+          <option disabled>Spectacled Bear</option>
+        </select>
+      </div>
+      <div>
+        <em>Multiple Select with Groups</em>
+        <select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chzn-select" tabindex="8">
+          <option value=""></option>
+          <option>American Black Bear</option>
+          <option>Asiatic Black Bear</option>
+          <option>Brown Bear</option>
+          <option>Giant Panda</option>
+          <option selected>Sloth Bear</option>
+          <option disabled>Sun Bear</option>
+          <option selected>Polar Bear</option>
+          <option disabled>Spectacled Bear</option>
+        </select>
+      </div>
+    </div>
+
+    <h2>Default Text Support</h2>
+    <div class="side-by-side clearfix">
+      <p>Chosen automatically sets the default field text ("Choose a country...") by reading the select element's data-placeholder value. If no data-placeholder value is present, it will default to "Select Some Option" or "Select Some Options" depending on whether the select is single or multiple. You can change these elements in the plugin js file as you see fit.</p>
+      <code>&lt;select <strong>data-placehoder="Choose a country..."</strong> style="width:350px;" multiple class="chzn-select"&gt;</code>
+      <p><strong>Note:</strong> on single selects, the first element is assumed to be selected by the browser. To take advantage of the default text support, you will need to include a blank option as the first element of your select list.</p>
+    </div>
+
+    <h2>Right to Left Support</h2>
+    <div class="side-by-side clearfix">
+      <p>Chosen supports right to left select boxes too. just add <code>"chzn-rtl"</code> in addition to <code>"chzn-select"</code> to your select tags and you are good to go.</p>
+      <p><code>&lt;select class="chzn-select <strong>chzn-rtl</strong>"&gt;</code></p>
+      <div>
+        <em>Single right to left select</em>
+        <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chzn-select chzn-rtl" tabindex="9">
+          <option value=""></option>
+          <option>American Black Bear</option>
+          <option>Asiatic Black Bear</option>
+          <option>Brown Bear</option>
+          <option>Giant Panda</option>
+          <option selected>Sloth Bear</option>
+          <option>Polar Bear</option>
+        </select>
+      </div>
+      <div>
+        <em>Multiple right to left select</em>
+        <select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chzn-select  chzn-rtl" tabindex="10">
+          <option value=""></option>
+          <option>American Black Bear</option>
+          <option>Asiatic Black Bear</option>
+          <option>Brown Bear</option>
+          <option>Giant Panda</option>
+          <option selected>Sloth Bear</option>
+          <option selected>Polar Bear</option>
+        </select>
+      </div>
+    </div>
+
+    <h2>Change / Update Events</h2>
+    <div class="side-by-side clearfix">
+      <ul>
+        <li>
+          <h3>Form Field Change</h3>
+          <p>When working with form fields, you often want to perform some behavior after a value has been selected or deselected. Whenever a user selects a field in Chosen, it triggers a "change" event* on the original form field. That let's you do something like this:</p>
+          <p><code>$("#form_field").chosen().change( &hellip; );</code></p>
+          <p><strong>Note:</strong> Prototype doesn't offer support for triggering standard browser events. <a href="https://github.com/kangax/protolicious/blob/5b56fdafcd7d7662c9d648534225039b2e78e371/event.simulate.js">Event.simulate</a> is required to trigger the change event when using the Prototype version.</p>
+        </li>
+        <li>
+          <h3>Updating Chosen Dynamically</h3>
+          <p>If you need to update the options in your select field and want Chosen to pick up the changes, you'll need to trigger the "liszt:updated" event on the field. Chosen will re-build itself based on the updated content.</p>
+          <ul>
+            <li><strong>jQuery Version:</strong> <code>$("#form_field").trigger("liszt:updated");</code></li>
+            <li><strong>Prototype Version:</strong> <code>Event.fire($("form_field"), "liszt:updated");</code></li>
+          </ul>
+        </li>
+      </ul>
+    </div>
+
+    <h2>Setup (for jQuery)</h2>
+    <p>Using Chosen is easy as can be.</p>
+    <ol>
+      <li>Download the plugin and copy the chosen files to your app.</li>
+      <li>Activate the plugin on the select boxes of your choice: <code>$(".chzn-select").chosen()</code></li>
+      <li><a href="http://youtu.be/pS-RsIzb78U?t=57s">Disco</a>.</li>
+    </ol>
+    
+  </div>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
+  <script src="chosen/chosen.jquery.js" type="text/javascript"></script>
+  <script type="text/javascript"> $(".chzn-select").chosen(); </script>
+</body>