Initial file dump.

2011-05-19 17:31:45 -04:00 · 2011-05-19 17:31:45 -04:00 · 04963d1621
parent d93c8f4086
commit 04963d1621
5 changed files with 1856 additions and 0 deletions
--- a/chosen.css
+++ b/chosen.css
@ -0,0 +1,239 @@
+div.chzn-container { font-family: sans-serif; position: relative; }
+
+div.chzn-container input {
+  border: 1px solid #aaa;
+  font-family: sans-serif;
+  font-size: 1em;
+  margin: 0px;
+  padding: 5px;
+  width: 90%;
+  outline: none;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  background: #fff;
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
+  background-image: -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
+  height: 25px;
+  line-height: 25px;
+  padding: 0 5px;
+}
+div.chzn-container input:focus {
+  border-color: #058cf5;
+  -moz-box-shadow: 0px 0px 5px #999;
+  -webkit-box-shadow: 0px 0px 5px #999;
+  box-shadow: 0px 0px 5px #999;
+}
+
+div.chzn-container div.chzn-drop { background: #FFF; border: 1px solid #BBB; border-width: 0 1px 1px; left: 0; position: absolute; top: 29px; -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15); z-index: 20; }
+
+div.chzn-container a.chzn-single {
+  background: #FFF;
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
+  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
+  border: 1px solid #BBB;
+  display: block;
+  overflow: hidden;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  height: 28px;
+  color: #666;
+  line-height: 28px;
+  padding: 0px 8px;
+  position: relative;
+  text-decoration: none;
+  z-index: 19;
+}
+/* line 36, sass/chosen.scss */
+div.chzn-container div.chzn-search {
+  padding: 4px 3px;
+}
+/* line 38, sass/chosen.scss */
+div.chzn-container div.chzn-search input {
+  padding: 0 3px;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+/* line 46, sass/chosen.scss */
+div.chzn-container ul.chzn-choices {
+  background: #fff;
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
+  background-image: -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
+  margin: 0;
+  cursor: text;
+  border: 1px solid #aaa;
+  overflow: hidden;
+  height: auto !important;
+  height: 1%;
+  padding: 0;
+  position: relative;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
+/* line 61, sass/chosen.scss */
+div.chzn-container ul.chzn-choices:focus {
+  border-color: #058cf5;
+  -moz-box-shadow: 0px 0px 5px #999;
+  -webkit-box-shadow: 0px 0px 5px #999;
+  box-shadow: 0px 0px 5px #999;
+}
+/* line 67, sass/chosen.scss */
+div.chzn-container ul.chzn-choices li {
+  float: left;
+  list-style-type: none;
+  margin: 0px;
+}
+/* line 71, sass/chosen.scss */
+div.chzn-container ul.chzn-choices li.search-field {
+  margin: 0px;
+  white-space: nowrap;
+  padding: 0px;
+}
+/* line 75, sass/chosen.scss */
+div.chzn-container ul.chzn-choices li.search-field input {
+  color: #666;
+  width: 90px !important;
+  background: transparent !important;
+  border: 0px !important;
+  line-height: 26px;
+  margin: 1px 0;
+  outline: 0;
+  padding: 0px 5px;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* line 87, sass/chosen.scss */
+div.chzn-container ul.chzn-choices li.search-field input.default {
+  color: #999;
+}
+/* line 92, sass/chosen.scss */
+div.chzn-container ul.chzn-choices li.search-choice {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  background: #e6f0f8;
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dae8f3), color-stop(0.9, #e9f2fa));
+  background-image: -moz-linear-gradient(center bottom, #dae8f3 0%, #e9f2fa 90%);
+  color: #333;
+  border: 1px solid #b3c9db;
+  font-weight: bold;
+  padding: 2px 18px 2px 6px;
+  position: relative;
+  margin: 3px 0px 3px 5px;
+  line-height: 15px;
+  text-shadow: 0px 1px 0px #e9f2fa;
+}
+/* line 107, sass/chosen.scss */
+div.chzn-container ul.chzn-choices li.search-choice span {
+  cursor: default;
+}
+/* line 110, sass/chosen.scss */
+div.chzn-container ul.chzn-choices li.search-choice.search-choice-focus {
+  background: #DDD;
+}
+/* line 113, sass/chosen.scss */
+div.chzn-container ul.chzn-choices li.search-choice a.search-choice-close {
+  position: absolute;
+  right: 4px;
+  top: 6px;
+  display: block;
+  width: 8px;
+  height: 9px;
+  font-size: 1px;
+  background: url(/images/close.png) no-repeat;
+}
+/* line 122, sass/chosen.scss */
+div.chzn-container ul.chzn-choices li.search-choice a.search-choice-close:hover {
+  background-position: 0 -9px;
+}
+/* line 130, sass/chosen.scss */
+div.chzn-container ul.chzn-results {
+  margin: 0;
+  max-height: 196px;
+  padding: 0;
+  position: relative;
+  overflow-x: hidden;
+  overflow-y: auto;
+  z-index: 20;
+}
+/* line 138, sass/chosen.scss */
+div.chzn-container ul.chzn-results li {
+  padding: 7px 10px;
+  z-index: 22;
+  margin: 0;
+  list-style-type: none;
+}
+/* line 143, sass/chosen.scss */
+div.chzn-container ul.chzn-results li.active-result {
+  cursor: pointer;
+}
+/* line 146, sass/chosen.scss */
+div.chzn-container ul.chzn-results li em {
+  font-weight: bold;
+  font-style: normal;
+  background: #FEFFDC;
+}
+/* line 151, sass/chosen.scss */
+div.chzn-container ul.chzn-results li.highlighted {
+  background: #066bb9;
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #066bb9), color-stop(0.5, #2482cb));
+  background-image: -moz-linear-gradient(center bottom, #066bb9 0%, #2482cb 70%);
+  color: #fff;
+}
+/* line 156, sass/chosen.scss */
+div.chzn-container ul.chzn-results li.highlighted em {
+  color: #066bb9;
+}
+/* line 160, sass/chosen.scss */
+div.chzn-container ul.chzn-results li.no-results {
+  background: #F4F4F4;
+}
+/* line 163, sass/chosen.scss */
+div.chzn-container ul.chzn-results li.group-result {
+  cursor: default;
+  color: #999;
+  font-weight: bold;
+}
+/* line 168, sass/chosen.scss */
+div.chzn-container ul.chzn-results li.group-option {
+  padding-left: 20px;
+}
+
+/* line 186, sass/chosen.scss */
+div.chzn-container-active a.chzn-single {
+  border-color: #058cf5;
+  -moz-box-shadow: 0px 0px 5px #999;
+  -webkit-box-shadow: 0px 0px 5px #999;
+  box-shadow: 0px 0px 5px #999;
+}
+/* line 192, sass/chosen.scss */
+div.chzn-container-active a.chzn-single-with-drop {
+  border: 1px solid #BBB;
+  border-width: 1px 1px 0;
+  box-shadow: 0px 1px 0px #FFF inset;
+  background: #000;
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
+  background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
+  -webkit-border-bottom-left-radius: 0px;
+  -webkit-border-bottom-right-radius: 0px;
+  -moz-border-radius-bottomleft: 0px;
+  -moz-border-radius-bottomright: 0px;
+  border-bottom-left-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
+/* line 206, sass/chosen.scss */
+div.chzn-container-active ul.chzn-choices {
+  z-index: 21;
+  border-color: #058cf5;
+  -moz-box-shadow: 0px 0px 5px #999;
+  -webkit-box-shadow: 0px 0px 5px #999;
+  box-shadow: 0px 0px 5px #999;
+}
+/* line 208, sass/chosen.scss */
+div.chzn-container-active ul.chzn-choices input {
+  color: #111 !important;
+}
--- a/chosen.jquery.js
+++ b/chosen.jquery.js
@ -0,0 +1,8 @@
+(function( $ ){
+  $.fn.chosen = function() {
+  
+  
+  // Do your awesome plugin stuff here
+
+  };
+})( jQuery );
--- a/chosen.proto.js
+++ b/chosen.proto.js
@ -0,0 +1,617 @@
+/*!
+
+Chosen for Protoype.js
+by Patrick Filler at Harvest
+
+Copyright (c) 2011 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.
+
+*/
+
+Chosen = Class.create();
+
+Chosen.prototype = {
+  
+  active_field : false,
+  mouse_on_container : false,
+
+  result_highlighted : null,
+  result_single_selected : null,
+
+  choices: 0,
+  
+  // HTML Templates
+  single_temp : new Template('<a href="#" class="chzn-single">#{default}</a><div class="chzn-drop" style="display:none;"><div class="chzn-search"><input type="text" /></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" /></li></ul><div class="chzn-drop" style="display:none;"><ul class="chzn-results"></ul></div>'),
+  
+  choice_temp : new Template('<li class="search-choice" id="#{id}"><span>#{choice}</span><a href="#" class="search-choice-close" rel="#{position}"></a></li>'),
+  group_temp : new Template('<li id="#{id}" class="group-result" style="display:none;">#{label}</li>'),
+  result_temp : new Template('<li id="#{id}" class="active-result">#{result}</li>'),
+  no_results_temp : new Template('<li class="no-results">No results match "<span>#{terms}</span>"</li>'),
+
+  initialize: function(el){
+    if(!Prototype.Browser.IE7 && !Prototype.Browser.IE6){
+      this.form_field = el;
+      this.is_multiple = this.form_field.multiple;
+      this.form_field.observe("liszt:updated", this.results_update_field.bindAsEventListener(this));
+  
+      this.default_text_default = (this.form_field.multiple) ? "Select Some Options" : "Select an Option";
+
+      this.click_test_action = this.test_active_click.bindAsEventListener(this);
+    
+      this.set_up_html();
+      this.register_observers();
+    }
+  },
+  
+  set_up_html: function(){
+    this.container_id = this.form_field.id + "_chzn";
+    
+    var f_width = (this.form_field.getStyle("width")) ? parseInt( this.form_field.getStyle("width"), 10 ) : this.form_field.getWidth();
+    var container_props = {
+      'id': this.container_id,
+      'class':'chzn-container',
+      'style':'width:'+ f_width +'px'
+    };
+    
+    this.default_text = this.form_field.readAttribute('title') ? this.form_field.readAttribute('title') : this.default_text_default
+    
+    var 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');
+    
+    var dd_top = this.container.getHeight();
+    var dd_width = (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_no_results = this.container.down('li.no-results');
+    
+    if( !this.is_multiple ){
+      this.search_container = this.container.down('div.chzn-search');
+      this.selected_item = this.container.down('.chzn-single');
+      this.selected_item.observe("click", this.results_toggle.bindAsEventListener(this));
+      var 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"} );
+    }
+    else{
+      this.search_choices = this.container.down('ul.chzn-choices');
+      this.search_container = this.container.down('li.search-field');
+      this.search_choices.observe("click", this.choices_click.bindAsEventListener(this));
+    }
+
+    this.results_parse_field();
+  },
+  
+  register_observers: function(){
+    this.container.observe("click", this.container_click.bindAsEventListener(this));
+    
+    this.container.observe("mouseenter", this.mouse_enter.bindAsEventListener(this));
+    this.container.observe("mouseleave", this.mouse_leave.bindAsEventListener(this));
+    
+    this.search_field.observe("blur", this.input_blur.bindAsEventListener(this));
+    this.search_field.observe("keyup", this.keyup_checker.bindAsEventListener(this));
+    this.search_field.observe("keydown", this.keydown_checker.bindAsEventListener(this));
+    this.set_tab_index();
+    
+    if( !this.is_multiple ){ this.selected_item.observe("focus", this.input_focus.bindAsEventListener(this)); }
+    else{ this.search_field.observe("focus", this.input_focus.bindAsEventListener(this)); }
+  },
+  
+  set_tab_index: function(el){
+    if(this.form_field.tabIndex){
+      var ti = this.form_field.tabIndex;
+      this.form_field.tabIndex = -1;
+
+      this.search_field.tabIndex = ti;
+      if( !this.is_multiple ){ this.selected_item.tabIndex = ti; }
+    }
+  },
+  
+  container_click: function(evt){
+    if(evt && evt.type=="click"){ evt.preventDefault(); }
+    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();
+      }
+      this.search_field.value = this.search_field.value;
+      this.search_field.focus();
+
+      this.container.addClassName("chzn-container-active");
+      this.active_field = true;
+    }
+    else{ this.pending_destroy_click = false; }
+  },
+  
+  mouse_enter: function(){ this.mouse_on_container = true; },
+  mouse_leave: function(){ this.mouse_on_container = false; },
+  
+  input_focus: function(evt){
+    if(!this.active_field){ setTimeout( this.container_click.bind(this) , 100 ); }
+  },
+  
+  input_blur: function(evt){
+    if( !this.mouse_on_container ){
+      this.active_field = false;
+      setTimeout( this.blur_test.bind(this) , 150 );
+    }
+  },
+  
+  blur_test: function(evt){
+    if( !this.active_field ){ this.close_field(); }
+  },
+  
+  test_active_click: function(evt){
+    if( evt.target.up( '#' + this.container.identify() ) ){ this.active_field = true; }
+    else{ this.close_field(); }
+  },
+  
+  close_field: function(){
+    this.active_field = false;
+    this.results_hide();
+    
+    this.container.removeClassName("chzn-container-active");
+    this.winnow_results_clear();
+    this.clear_backstroke();
+    
+    if( this.is_multiple && this.choices < 1 ){
+      this.search_field.value = this.default_text;
+      this.search_field.addClassName("default");
+    }
+  },
+  
+  results_show: function(){
+    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 ); }
+    }
+
+    this.dropdown.setStyle({"top": this.container.getHeight() + "px"});
+    this.dropdown.show();
+    
+    this.search_field.focus();
+    this.search_field.value = this.search_field.value;
+    
+    this.winnow_results();
+  },
+  
+  results_toggle: function(evt){
+    evt.preventDefault();
+    if( this.active_field ){
+      if( this.dropdown.visible() ){ this.results_hide(); }
+      else{ this.results_show(); }
+    }
+  },
+  
+  results_hide: function(){
+    if( !this.is_multiple ){ this.selected_item.removeClassName('chzn-single-with-drop'); }
+    this.result_clear_highlight();
+    this.dropdown.hide();
+  },
+  
+  results_build: function(){
+    this.choices = 0;
+    var data = this.results_data;
+    
+    var i;
+    for( i = 0;  i<data.length; i++){
+      if( data[i].group ){ this.result_add_group( data[i] ); }
+      else{ this.result_add_option( data[i] ); }
+    }
+    
+    this.parsing = false;
+    this.winnow_results();
+  },
+  
+  results_parse_field: function(){
+    this.parsing = true;
+    
+    if( this.search_results.select("li").length ){ this.search_results.update(""); }
+    if( this.is_multiple && this.search_choices.select("li.search-choice").length ){ this.search_choices.select("li.search-choice").invoke("remove"); }
+    
+    this.results_data = select_to_array.parse( this.form_field );
+    this.results_build();
+  },
+  
+  results_update_field: function(){
+    this.result_clear_highlight();
+    this.results_parse_field();
+  },
+  
+  result_add_group: function(group){
+    if( !group.disabled ){
+      group.dom_id = this.form_field.id + "chzn_g_" + group.id;
+      this.search_results.insert( this.group_temp.evaluate({"id":group.dom_id, "label":group.label}) );
+    }
+  },
+  
+  result_add_option: function(option){
+    if( !option.disabled ){
+      option.dom_id = (this.form_field.id + "chzn_o_" + option.id);
+      this.search_results.insert( this.result_temp.evaluate({"id":option.dom_id,"result":option.text}) );
+    
+      var result = $(option.dom_id);
+
+      if( option.selected ){
+        this.result_do_highlight( result );
+        this.result_select();
+      }
+
+      if( option.group_id >= 0 ){ result.addClassName("group-option"); }
+
+      result.observe('click',this.result_click.bindAsEventListener(this));
+      result.observe('mouseover',this.result_over.bindAsEventListener(this));
+      result.observe('mouseout', this.result_clear_highlight.bindAsEventListener(this));
+    }
+  },
+  
+  result_over: function(evt){
+    this.result_do_highlight( (evt.target.hasClassName("active-result")) ? evt.target : evt.target.up(".active-result") );
+  },
+  
+  result_do_highlight: function(el){
+    this.result_clear_highlight();
+    
+    this.result_highlight = el;
+    this.result_highlight.addClassName('highlighted');
+    
+    var maxHeight = parseInt(this.search_results.getStyle('maxHeight'), 10);
+    var visible_top = this.search_results.scrollTop;
+    var visible_bottom = maxHeight + visible_top;
+    
+    var high_top = this.result_highlight.positionedOffset().top;
+    var high_bottom = high_top + this.result_highlight.getHeight();
+    
+    if( high_bottom > visible_bottom ){ this.search_results.scrollTop = (high_bottom - maxHeight > 0) ? high_bottom - maxHeight : 0; }
+    else if( high_top < visible_top ){ this.search_results.scrollTop = high_top; }
+  },
+  result_clear_highlight: function(){
+    if( this.result_highlight ){
+      this.result_highlight.removeClassName('highlighted');
+      this.result_highlight = null;
+    }
+  },
+  
+  result_click: function(evt){
+    this.result_highlight = (evt.target.hasClassName("active-result")) ? evt.target : evt.target.up(".active-result");
+    this.result_select();
+  },
+  
+  result_select: function(){
+    if(this.result_highlight){
+
+      var 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; }
+
+      var position = high.id.substr( high.id.lastIndexOf("_") + 1 );
+      var item = this.results_data[position];
+      this.form_field.options[item.select_index].selected = true;
+
+      if( this.is_multiple ){ this.choice_build( item ); }
+      else { this.selected_item.innerHTML = item.text; }
+
+      this.results_hide();
+
+      if(!this.parsing){ this.winnow_results(); }
+
+      this.search_field.value = "";
+
+      if(typeof Event.simulate === 'function'){ this.form_field.simulate("change"); }
+    }
+  },
+  
+  result_activate: function(el){
+    el.addClassName("active-result").show();
+  },
+  
+  result_deactivate: function(el){
+    el.removeClassName("active-result").hide();
+  },
+  
+  result_deselect: function(pos){
+    var result_data = this.results_data[pos];
+    this.form_field.options[result_data.select_index].selected = false;
+    var result = $(this.form_field.id + "chzn_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"); }
+  },
+  
+  results_search: function(){
+    if( !this.dropdown.visible() ){ this.results_show(); }
+    else{ this.winnow_results(); }
+  },
+  
+  winnow_results: function(){
+    this.no_results_clear();
+    
+    var results = 0;
+
+    var searchText = (this.search_field.value == this.default_text) ? "" : this.search_field.value.strip();
+    var regex = new RegExp('^' + searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i');
+    
+    // SPOT
+    var i;
+    for( i = 0; i<this.results_data.length; i+=1 ){
+      var option = this.results_data[i];
+       
+      if(!option.disabled){
+        if(option.group){ $(option.dom_id).hide(); }
+        else if(!(this.is_multiple && $(option.dom_id).hasClassName('result-selected'))){
+          var found = false;
+        
+          var result_id = this.form_field.id + "chzn_o_" + option.id;
+          if( regex.test( option.text ) ){
+            found = true; results += 1;
+          }
+          else if( option.text.indexOf(" ") >= 0){
+            var parts = option.text.split(" ");
+            if( parts.length ){
+              var j;
+              for( j = 0; j<parts.length; j++){
+                if( regex.test( parts[j] ) ){ found = true; results += 1; }
+              }
+            }
+          }
+        
+          if( found ){
+            var zregex = new RegExp(searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i');
+            var startpos = option.text.search( zregex );
+
+            var text = option.text.substr(0,startpos + searchText.length) + '</em>' + option.text.substr(startpos + searchText.length);
+            text = text.substr(0,startpos) + '<em>' + text.substr(startpos);
+
+            $(result_id).innerHTML = text;
+            
+            this.result_activate( $(result_id) );
+            
+            if( option.group_id >= 0 ){ $( this.results_data[option.group_id].dom_id ).show(); }
+          }
+          else{
+            if( $(result_id) === this.result_highlight ){ this.result_clear_highlight(); }
+            this.result_deactivate( $(result_id) );
+          }
+        
+        }
+      }
+    }
+    
+    if( results < 1 && searchText.length ){ this.no_results( searchText );  }
+    else { this.winnow_results_set_highlight(); }
+  },
+  
+  winnow_results_clear: function(){
+    this.search_field.clear();
+    var lis = this.search_results.select("li");
+    var i;
+    
+    for( i = 0; i<lis.length; i++){
+      var li = lis[i];
+      if( li.hasClassName("group-result") ){ li.show(); }
+      else if( !this.is_multiple || !li.hasClassName("result-selected") ){ this.result_activate( li ); }
+    }
+  },
+  
+  winnow_results_set_highlight: function(){
+    if(!this.result_highlight){
+      var do_high = this.search_results.down(".active-result");
+      if(do_high){ this.result_do_highlight( do_high ); }
+    }
+  },
+  
+  no_results: function(terms){
+    this.search_results.insert( this.no_results_temp.evaluate({"terms":terms.escapeHTML()}) );
+  },
+  
+  no_results_clear: function(){
+    var nr = null;
+    while( nr = this.search_results.down(".no-results") ){ nr.remove(); }
+  },
+  
+  choices_click: function(evt){
+    evt.preventDefault();
+    if( this.active_field && !(evt.target.hasClassName('search-choice') || evt.target.up('.search-choice')) && !this.dropdown.visible() ){ this.results_show(); }
+  },
+  
+  choice_build: function(item){
+    var choice_id = this.form_field.id + "_chzn_c_" + item.id;
+    this.choices += 1;
+    this.search_container.insert({ before: this.choice_temp.evaluate({"id":choice_id, "choice":item.text, "position":item.id}) });
+    var link = $(choice_id).down('a');
+    link.observe("click", this.choice_destroy_link_click.bindAsEventListener(this));
+  },
+  
+  choice_destroy_link_click: function(evt){
+    evt.preventDefault();
+    this.pending_destroy_click = true;
+    this.choice_destroy( evt.target );
+  },
+  
+  choice_destroy: function(link){
+    this.choices -= 1;
+    
+    if( this.is_multiple && this.choices > 0 && this.search_field.value.length < 1 ){ this.results_hide(); }
+    
+    this.result_deselect(link.readAttribute("rel"));
+    link.up('li').remove();
+    
+    if( this.choices < 1 ){ this.close_field(); }
+  },
+  
+  keydown_arrow: function(){
+    var actives = this.search_results.select("li.active-result");
+    if( actives.length ){
+      if( !this.result_highlight ){ this.result_do_highlight( actives.first() ); }
+      else if( this.dropdown.visible() ){
+        var sibs = this.result_highlight.nextSiblings();
+        var nexts = sibs.intersect(actives);
+        if( nexts.length ){ this.result_do_highlight(nexts.first()); }
+      }
+      if( !this.dropdown.visible() ){ this.results_show(); }
+    }
+  },
+  
+  keyup_arrow: function(){
+    if( this.result_highlight ){
+      var sibs = this.result_highlight.previousSiblings();
+      var actives = this.search_results.select("li.active-result");
+      var prevs = sibs.intersect(actives);
+      
+      if( prevs.length ){ this.result_do_highlight(prevs.first()); }
+      else{
+        if(this.choices > 0){ this.results_hide(); }
+        this.result_clear_highlight();
+      }
+    }
+  },
+  
+  keydown_backstroke: function(){
+    if( this.pending_backstroke ){
+      this.choice_destroy( this.pending_backstroke.down("a") );
+      this.clear_backstroke();  
+    }
+    else{
+      this.pending_backstroke = this.search_container.siblings("li.search-choice").last();
+      this.pending_backstroke.addClassName("search-choice-focus");
+    }
+  },
+  
+  clear_backstroke: function(){
+    if( this.pending_backstroke ){ this.pending_backstroke.removeClassName("search-choice-focus"); }
+    this.pending_backstroke = null;
+  },
+  
+  keyup_checker: function(evt){
+    var stroke = evt.which || evt.keyCode;
+
+    switch(stroke){
+      case 8:
+        if( this.is_multiple && this.backstroke_length < 1 && this.choices > 0 ) this.keydown_backstroke();
+        else if( !this.pending_backstroke ){ this.results_search(); }
+        break;
+      case 13:
+        evt.preventDefault();
+        if( this.dropdown.visible() ){ this.result_select(); }
+        break;
+      case 9:
+      case 13:
+      case 38:
+      case 40:
+        break;
+      default:
+        this.results_search();
+        break;
+    }
+  },
+  
+  keydown_checker: function(evt){
+    var stroke = evt.which || evt.keyCode;
+    
+    if(stroke !== 8 && this.pending_backstroke) this.clear_backstroke();
+
+    switch(stroke){
+      case 8:
+        this.backstroke_length = this.search_field.value.length;
+      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;
+    }
+  }
+
+};
+
+var get_side_border_padding = function(item){
+  var layout = new Element.Layout(item);
+  return layout.get("border-left") + layout.get("border-right") + layout.get("padding-left") + layout.get("padding-right");
+}
+
+var select_to_array = {
+  parse: function(select){
+    var children = select.children;
+    var opt_array = [];
+
+    var group_index = 0;
+    var sel_index = 0;
+    
+    var i;
+    
+    for( i = 0; i<children.length; i++){
+      if( children[i].nodeName==="OPTGROUP" ){
+        var group = children[i];
+        var group_options = group.children;
+        var group_id = opt_array.length;
+
+        opt_array.push({ id: group_id, group: true, label: group.label, position:group_index, children: group_options.length, disabled:group.disabled });
+
+        for( var j=0; j<group_options.length; j++ ){
+          opt_array.push( select_to_array.parse_option( group_options[j], opt_array.length, sel_index, group_id, group.disabled ) );
+          sel_index += 1;
+        }
+        
+        group_index += 1;
+      }
+      else if( children[i].text!=="" || i>0 ){
+        opt_array.push( select_to_array.parse_option( children[i], opt_array.length, sel_index ) );
+        sel_index += 1;
+      }
+    }
+
+    return opt_array;
+  },
+  
+  parse_option: function(option, opt_id, select_index, group_id, group_disabled){
+    var opt = { id:opt_id, select_index:select_index, value:option.value, text:option.text, selected:option.selected, disabled:option.disabled }
+    if(group_id || group_id===0){
+      opt.group_id = group_id;
+      if( group_disabled ){ opt.disabled = group_disabled; }
+    }
+    return opt;
+  }
+};
+
+document.observe('dom:loaded',function() {
+  $$(".chzn-select").each(function(el){ new Chosen( el ); });
+});
--- a/index-jq.html
+++ b/index-jq.html
@ -0,0 +1,496 @@
+<html>
+<head>
+  <link rel="stylesheet" href="chosen.css" />
+</head>
+<body>
+  <select title="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="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 and Montenegro">Serbia and Montenegro</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="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, Province of China">Taiwan, Province 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>
+  <select title="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="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 and Montenegro">Serbia and Montenegro</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="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, Province of China">Taiwan, Province 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>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
+  <script src="chosen.jquery.js"></script>
+</body>
--- a/index.html
+++ b/index.html
@ -0,0 +1,496 @@
+<html>
+<head>
+  <link rel="stylesheet" href="chosen.css" />
+</head>
+<body>
+  <select title="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="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 and Montenegro">Serbia and Montenegro</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="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, Province of China">Taiwan, Province 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>
+  <select title="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="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 and Montenegro">Serbia and Montenegro</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="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, Province of China">Taiwan, Province 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>
+  <script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js"></script>
+  <script src="chosen.proto.js"></script>
+</body>