ui_bibz 3.0.13 → 4.0.0.beta3

data/vendor/assets/javascripts/jquery.multi-select.min.js

@@ -1 +1,725 @@
-!function(e){"use strict";var t=function(t,s){this.options=s,this.$element=e(t),this.$container=e("<div/>",{"class":"ms-container"}),this.$selectableContainer=e("<div/>",{"class":"ms-selectable"}),this.$selectionContainer=e("<div/>",{"class":"ms-selection"}),this.$selectableUl=e("<ul/>",{"class":"ms-list",tabindex:"-1"}),this.$selectionUl=e("<ul/>",{"class":"ms-list",tabindex:"-1"}),this.scrollTo=0,this.elemsSelector="li:visible:not(.ms-optgroup-label,.ms-optgroup-container,."+s.disabledClass+")"};t.prototype={constructor:t,init:function(){var t=this,s=this.$element;if(0===s.next(".ms-container").length){s.css({position:"absolute",left:"-9999px"}),s.attr("id",s.attr("id")?s.attr("id"):Math.ceil(1e3*Math.random())+"multiselect"),this.$container.attr("id","ms-"+s.attr("id")),this.$container.addClass(t.options.cssClass),s.find("option").each(function(){t.generateLisFromOption(this)}),this.$selectionUl.find(".ms-optgroup-label").hide(),t.options.selectableHeader&&t.$selectableContainer.append(t.options.selectableHeader),t.$selectableContainer.append(t.$selectableUl),t.options.selectableFooter&&t.$selectableContainer.append(t.options.selectableFooter),t.options.selectionHeader&&t.$selectionContainer.append(t.options.selectionHeader),t.$selectionContainer.append(t.$selectionUl),t.options.selectionFooter&&t.$selectionContainer.append(t.options.selectionFooter),t.$container.append(t.$selectableContainer),t.$container.append(t.$selectionContainer),s.after(t.$container),t.activeMouse(t.$selectableUl),t.activeKeyboard(t.$selectableUl);var l=t.options.dblClick?"dblclick":"click";t.$selectableUl.on(l,".ms-elem-selectable",function(){t.select(e(this).data("ms-value"))}),t.$selectionUl.on(l,".ms-elem-selection",function(){t.deselect(e(this).data("ms-value"))}),t.activeMouse(t.$selectionUl),t.activeKeyboard(t.$selectionUl),s.on("focus",function(){t.$selectableUl.focus()})}var i=s.find("option:selected").map(function(){return e(this).val()}).get();t.select(i,"init"),"function"==typeof t.options.afterInit&&t.options.afterInit.call(this,this.$container)},generateLisFromOption:function(t,s,l){for(var i=this,n=i.$element,o="",a=e(t),r=0;r<t.attributes.length;r++){var c=t.attributes[r];"value"!==c.name&&"disabled"!==c.name&&(o+=c.name+'="'+c.value+'" ')}var d=e("<li "+o+"><span>"+i.escapeHTML(a.text())+"</span></li>"),h=d.clone(),p=a.val(),f=i.sanitize(p);d.data("ms-value",p).addClass("ms-elem-selectable").attr("id",f+"-selectable"),h.data("ms-value",p).addClass("ms-elem-selection").attr("id",f+"-selection").hide(),(a.prop("disabled")||n.prop("disabled"))&&(h.addClass(i.options.disabledClass),d.addClass(i.options.disabledClass));var u=a.parent("optgroup");if(u.length>0){var m=u.attr("label"),v=i.sanitize(m),b=i.$selectableUl.find("#optgroup-selectable-"+v),g=i.$selectionUl.find("#optgroup-selection-"+v);if(0===b.length){var $='<li class="ms-optgroup-container"></li>',C='<ul class="ms-optgroup"><li class="ms-optgroup-label"><span>'+m+"</span></li></ul>";b=e($),g=e($),b.attr("id","optgroup-selectable-"+v),g.attr("id","optgroup-selection-"+v),b.append(e(C)),g.append(e(C)),i.options.selectableOptgroup&&(b.find(".ms-optgroup-label").on("click",function(){var t=u.children(":not(:selected, :disabled)").map(function(){return e(this).val()}).get();i.select(t)}),g.find(".ms-optgroup-label").on("click",function(){var t=u.children(":selected:not(:disabled)").map(function(){return e(this).val()}).get();i.deselect(t)})),i.$selectableUl.append(b),i.$selectionUl.append(g)}s=void 0==s?b.find("ul").children().length:s+1,d.insertAt(s,b.children()),h.insertAt(s,g.children())}else s=void 0==s?i.$selectableUl.children().length:s,d.insertAt(s,i.$selectableUl),h.insertAt(s,i.$selectionUl)},addOption:function(t){var s=this;void 0!==t.value&&null!==t.value&&(t=[t]),e.each(t,function(t,l){if(void 0!==l.value&&null!==l.value&&0===s.$element.find("option[value='"+l.value+"']").length){var i=e('<option value="'+l.value+'">'+l.text+"</option>"),t=parseInt("undefined"==typeof l.index?s.$element.children().length:l.index),n=void 0==l.nested?s.$element:e("optgroup[label='"+l.nested+"']");i.insertAt(t,n),s.generateLisFromOption(i.get(0),t,l.nested)}})},escapeHTML:function(t){return e("<div>").text(t).html()},activeKeyboard:function(t){var s=this;t.on("focus",function(){e(this).addClass("ms-focus")}).on("blur",function(){e(this).removeClass("ms-focus")}).on("keydown",function(l){switch(l.which){case 40:case 38:return l.preventDefault(),l.stopPropagation(),void s.moveHighlight(e(this),38===l.which?-1:1);case 37:case 39:return l.preventDefault(),l.stopPropagation(),void s.switchList(t);case 9:if(s.$element.is("[tabindex]")){l.preventDefault();var i=parseInt(s.$element.attr("tabindex"),10);return i=l.shiftKey?i-1:i+1,void e('[tabindex="'+i+'"]').focus()}l.shiftKey&&s.$element.trigger("focus")}return e.inArray(l.which,s.options.keySelect)>-1?(l.preventDefault(),l.stopPropagation(),void s.selectHighlighted(t)):void 0})},moveHighlight:function(e,t){var s=e.find(this.elemsSelector),l=s.filter(".ms-hover"),i=null,n=s.first().outerHeight(),o=e.height();"#"+this.$container.prop("id");if(s.removeClass("ms-hover"),1===t){if(i=l.nextAll(this.elemsSelector).first(),0===i.length){var a=l.parent();if(a.hasClass("ms-optgroup")){var r=a.parent(),c=r.next(":visible");i=c.length>0?c.find(this.elemsSelector).first():s.first()}else i=s.first()}}else if(-1===t&&(i=l.prevAll(this.elemsSelector).first(),0===i.length)){var a=l.parent();if(a.hasClass("ms-optgroup")){var r=a.parent(),d=r.prev(":visible");i=d.length>0?d.find(this.elemsSelector).last():s.last()}else i=s.last()}if(i.length>0){i.addClass("ms-hover");var h=e.scrollTop()+i.position().top-o/2+n/2;e.scrollTop(h)}},selectHighlighted:function(e){var t=e.find(this.elemsSelector),s=t.filter(".ms-hover").first();s.length>0&&(e.parent().hasClass("ms-selectable")?this.select(s.data("ms-value")):this.deselect(s.data("ms-value")),t.removeClass("ms-hover"))},switchList:function(e){e.blur(),this.$container.find(this.elemsSelector).removeClass("ms-hover"),e.parent().hasClass("ms-selectable")?this.$selectionUl.focus():this.$selectableUl.focus()},activeMouse:function(t){var s=this;this.$container.on("mouseenter",s.elemsSelector,function(){e(this).parents(".ms-container").find(s.elemsSelector).removeClass("ms-hover"),e(this).addClass("ms-hover")}),this.$container.on("mouseleave",s.elemsSelector,function(){e(this).parents(".ms-container").find(s.elemsSelector).removeClass("ms-hover")})},refresh:function(){this.destroy(),this.$element.multiSelect(this.options)},destroy:function(){e("#ms-"+this.$element.attr("id")).remove(),this.$element.css("position","").css("left",""),this.$element.removeData("multiselect")},select:function(t,s){"string"==typeof t&&(t=[t]);var l=this,i=this.$element,n=e.map(t,function(e){return l.sanitize(e)}),o=this.$selectableUl.find("#"+n.join("-selectable, #")+"-selectable").filter(":not(."+l.options.disabledClass+")"),a=this.$selectionUl.find("#"+n.join("-selection, #")+"-selection").filter(":not(."+l.options.disabledClass+")"),r=i.find("option:not(:disabled)").filter(function(){return e.inArray(this.value,t)>-1});if("init"===s&&(o=this.$selectableUl.find("#"+n.join("-selectable, #")+"-selectable"),a=this.$selectionUl.find("#"+n.join("-selection, #")+"-selection")),o.length>0){o.addClass("ms-selected").hide(),a.addClass("ms-selected").show(),r.prop("selected",!0),l.$container.find(l.elemsSelector).removeClass("ms-hover");var c=l.$selectableUl.children(".ms-optgroup-container");if(c.length>0){c.each(function(){var t=e(this).find(".ms-elem-selectable");t.length===t.filter(".ms-selected").length&&e(this).find(".ms-optgroup-label").hide()});var d=l.$selectionUl.children(".ms-optgroup-container");d.each(function(){var t=e(this).find(".ms-elem-selection");t.filter(".ms-selected").length>0&&e(this).find(".ms-optgroup-label").show()})}else if(l.options.keepOrder&&"init"!==s){var h=l.$selectionUl.find(".ms-selected");h.length>1&&h.last().get(0)!=a.get(0)&&a.insertAfter(h.last())}"init"!==s&&(i.trigger("change"),"function"==typeof l.options.afterSelect&&l.options.afterSelect.call(this,t))}},deselect:function(t){"string"==typeof t&&(t=[t]);var s=this,l=this.$element,i=e.map(t,function(e){return s.sanitize(e)}),n=this.$selectableUl.find("#"+i.join("-selectable, #")+"-selectable"),o=this.$selectionUl.find("#"+i.join("-selection, #")+"-selection").filter(".ms-selected").filter(":not(."+s.options.disabledClass+")"),a=l.find("option").filter(function(){return e.inArray(this.value,t)>-1});if(o.length>0){n.removeClass("ms-selected").show(),o.removeClass("ms-selected").hide(),a.prop("selected",!1),s.$container.find(s.elemsSelector).removeClass("ms-hover");var r=s.$selectableUl.children(".ms-optgroup-container");if(r.length>0){r.each(function(){var t=e(this).find(".ms-elem-selectable");t.filter(":not(.ms-selected)").length>0&&e(this).find(".ms-optgroup-label").show()});var c=s.$selectionUl.children(".ms-optgroup-container");c.each(function(){var t=e(this).find(".ms-elem-selection");0===t.filter(".ms-selected").length&&e(this).find(".ms-optgroup-label").hide()})}l.trigger("change"),"function"==typeof s.options.afterDeselect&&s.options.afterDeselect.call(this,t)}},select_all:function(){var t=this.$element,s=t.val();if(t.find('option:not(":disabled")').prop("selected",!0),this.$selectableUl.find(".ms-elem-selectable").filter(":not(."+this.options.disabledClass+")").addClass("ms-selected").hide(),this.$selectionUl.find(".ms-optgroup-label").show(),this.$selectableUl.find(".ms-optgroup-label").hide(),this.$selectionUl.find(".ms-elem-selection").filter(":not(."+this.options.disabledClass+")").addClass("ms-selected").show(),this.$selectionUl.focus(),t.trigger("change"),"function"==typeof this.options.afterSelect){var l=e.grep(t.val(),function(t){return e.inArray(t,s)<0});this.options.afterSelect.call(this,l)}},deselect_all:function(){var e=this.$element,t=e.val();e.find("option").prop("selected",!1),this.$selectableUl.find(".ms-elem-selectable").removeClass("ms-selected").show(),this.$selectionUl.find(".ms-optgroup-label").hide(),this.$selectableUl.find(".ms-optgroup-label").show(),this.$selectionUl.find(".ms-elem-selection").removeClass("ms-selected").hide(),this.$selectableUl.focus(),e.trigger("change"),"function"==typeof this.options.afterDeselect&&this.options.afterDeselect.call(this,t)},sanitize:function(e){var t,s,l=0;if(0==e.length)return l;var i=0;for(t=0,i=e.length;i>t;t++)s=e.charCodeAt(t),l=(l<<5)-l+s,l|=0;return l}},e.fn.multiSelect=function(){var s=arguments[0],l=arguments;return this.each(function(){var i=e(this),n=i.data("multiselect"),o=e.extend({},e.fn.multiSelect.defaults,i.data(),"object"==typeof s&&s);n||i.data("multiselect",n=new t(this,o)),"string"==typeof s?n[s](l[1]):n.init()})},e.fn.multiSelect.defaults={keySelect:[32],selectableOptgroup:!1,disabledClass:"disabled",dblClick:!1,keepOrder:!1,cssClass:""},e.fn.multiSelect.Constructor=t,e.fn.insertAt=function(e,t){return this.each(function(){0===e?t.prepend(this):t.children().eq(e-1).after(this)})}}(window.jQuery);
+/*
+ * MultiSelect v0.9.12
+ * Copyright (c) 2012 Louis Cuny
+ *
+ * This program is free software. It comes without any warranty, to
+ * the extent permitted by applicable law. You can redistribute it
+ * and/or modify it under the terms of the Do What The Fuck You Want
+ * To Public License, Version 2, as published by Sam Hocevar. See
+ * http://sam.zoy.org/wtfpl/COPYING for more details.
+ */
+
+ (function (root, factory) {
+  if (root === undefined && window !== undefined) root = window;
+  if (typeof define === 'function' && define.amd) {
+    // AMD. Register as an anonymous module unless amdModuleId is set
+    define(["jquery"], function (a0) {
+      return (factory(a0));
+    });
+  } else if (typeof module === 'object' && module.exports) {
+    // Node. Does not work with strict CommonJS, but
+    // only CommonJS-like environments that support module.exports,
+    // like Node.
+    module.exports = factory(require("jquery"));
+  } else {
+    factory(root["jQuery"]);
+  }
+}(this, function (jQuery) {
+
+
+
+// add a case insensitive contains selector to jQuery ":icontains"
+$.expr[':'].icontains = function(a, i, m) {
+    return jQuery(a).text().toUpperCase()
+	.indexOf(m[3].toUpperCase()) >= 0;
+};
+
+var multi$;
+
+(function ($) {
+
+    "use strict";
+
+
+    /* MULTISELECT CLASS DEFINITION
+     * ====================== */
+
+    var MultiSelect = function (element, options) {
+	this.options = options;
+	this.$element = $(element);
+	this.$orig = $(element).clone();
+	this.$container = $('<div/>', { 'class': "ms-container" });
+	this.$selectableContainer = $('<div/>', { 'class': 'ms-selectable' });
+	this.$selectionContainer = $('<div/>', { 'class': 'ms-selection' });
+	this.$selectableUl = $('<ul/>', { 'class': "ms-list", 'tabindex' : '-1' });
+	this.$selectionUl = $('<ul/>', { 'class': "ms-list", 'tabindex' : '-1' });
+	this.scrollTo = 0;
+	this.elemsSelector = "li[style!='display: none;']:not(.ms-optgroup-label,.ms-optgroup-container,."+options.disabledClass+")";
+    };
+
+    MultiSelect.prototype = {
+	constructor: MultiSelect,
+
+	init: function(){
+	    var that = this,
+            ms = this.$element;
+
+	    if (ms.next('.ms-container').length === 0){
+		ms.css({ position: 'absolute', left: '-9999px' });
+		ms.attr('id', ms.attr('id') ? ms.attr('id') : Math.ceil(Math.random()*1000)+'multiselect');
+		this.$container.attr('id', 'ms-'+ms.attr('id'));
+		this.$container.addClass(that.options.cssClass);
+		ms.find('option').each(function(){
+		    that.generateListFromOption(this);
+		});
+
+		this.$selectionUl.find('.ms-optgroup-label').hide();
+
+		if (that.options.selectableHeader){
+		    that.$selectableContainer.append(that.options.selectableHeader);
+		}
+		if (that.options.searchEngine){
+		    that.$container.append($("<div class='ms-search-wrapper'><span class='icon-search'></span><input type='text' class='ms-search form-control' /></div>"));
+		    that.$container.on('keyup', '.ms-search', function() {
+			that.filter($(this).val());
+		    });
+		}
+		that.$selectableContainer.append(that.$selectableUl);
+		if (that.options.selectableFooter){
+		    that.$selectableContainer.append(that.options.selectableFooter);
+		}
+
+		if (that.options.selectionHeader){
+		    that.$selectionContainer.append(that.options.selectionHeader);
+		}
+		if (that.options.selectionSearch){
+		    that.$selectionContainer.append($("<input type='text' class='ms--search' />"));
+		}
+		that.$selectionContainer.append(that.$selectionUl);
+		if (that.options.selectionFooter){
+		    that.$selectionContainer.append(that.options.selectionFooter);
+		}
+
+		that.$container.append(that.$selectableContainer);
+		that.$container.append(that.$selectionContainer);
+		ms.after(that.$container);
+
+		that.activeMouse(that.$selectableUl);
+		that.activeKeyboard(that.$selectableUl);
+
+		var action = that.options.dblClick ? 'dblclick' : 'click';
+		var selector = that.options.selectButton ? '.select-button' : '';
+
+		that.$selectableUl.on(action, '.ms-elem-selectable '+ selector, function(){
+		    var value = $(this).data('ms-value') || $(this).parents("li").data('ms-value');
+		    that.select(value);
+		    if ($.isFunction(that.options.selectButton)) {
+			that.options.selectButton($(this));
+		    }
+		});
+		that.$selectionUl.on(action, '.ms-elem-selection '+ selector, function(){
+		    var value = $(this).data('ms-value') || $(this).parents("li").data('ms-value');
+		    that.deselect(value);
+		    if ($.isFunction(that.options.selectButton)) {
+			that.options.selectButton($(this));
+		    }
+		});
+
+		if ($.isFunction(that.options.previewButton)) {
+		    that.$selectableUl.on(action, '.ms-elem-selectable .preview-button', that.options.previewButton);
+		    that.$selectionUl.on(action, '.ms-elem-selection .preview-button', that.options.previewButton);
+		}
+
+		if (that.options.selectAll) {
+		    that.$container.find(that.options.selectAll).click(function() {
+			that.select_all();
+		    });
+		}
+		if (that.options.deselectAll) {
+		    that.$container.find(that.options.deselectAll).click(function() {
+			that.deselect_all();
+		    });
+		}
+		if (that.options.refreshClass) {
+		    that.$container.find(that.options.refreshClass).click(function() {
+			that.refresh();
+		    });
+		}
+
+		that.activeMouse(that.$selectionUl);
+		that.activeKeyboard(that.$selectionUl);
+
+		ms.on('focus', function(){
+		    that.$selectableUl.focus();
+		});
+	    }
+
+	    var selectedValues = ms.find('option:selected').map(function(){ return $(this).val(); }).get();
+	    that.select(selectedValues, 'init');
+
+	    if (typeof that.options.afterInit === 'function') {
+		that.options.afterInit.call(this, this.$container);
+	    }
+
+	    that.$container.siblings(".add-another").hide();
+
+	    // ugly
+	    if (typeof post_multiselect_init === "function") {
+		post_multiselect_init(that);
+	    }
+	},
+
+
+	'filter': function(value){
+	    var that = this;
+
+	    if (value == "")
+		that.$container.find("li").removeClass("unmatched");
+	    else {
+		// hide all
+		that.$container.find("li").addClass("unmatched");
+
+		// show matching li AND the optgroup label if it exists
+		that.$container.find("li:icontains('"+value+"')").removeClass("unmatched")
+		    .prev(".ms-optgroup-label").removeClass("unmatched");
+
+		// show the whole optgroup if the value matches an optgroup label
+		that.$container.find("li.ms-optgroup-label:icontains('"+value+"')")
+	    	    .siblings("li").removeClass("unmatched");
+	    }
+	},
+
+
+	'generateListFromOption' : function(option, index, $container){
+	    var that = this,
+            ms = that.$element,
+            attributes = "",
+            $option = $(option);
+
+	    for (var cpt = 0; cpt < option.attributes.length; cpt++){
+		var attr = option.attributes[cpt];
+
+		if(attr.name !== 'value' && attr.name !== 'disabled'){
+		    attributes += attr.name+'="'+attr.value+'" ';
+		}
+	    }
+	    var selectableLi = $('<li '+attributes+'><span>'+that.escapeHTML($option.text())+'</span></li>'),
+            selectedLi = selectableLi.clone(),
+            value = $option.val(),
+            elementId = that.sanitize(value);
+
+	    selectableLi
+		.data('ms-value', value)
+		.addClass('ms-elem-selectable')
+		.attr('id', elementId+'-selectable');
+
+		if($option.attr("disabled") == "disabled"){
+			selectableLi
+			.prop('disabled', true)
+			.addClass('disabled')
+		}
+
+	    selectedLi
+		.data('ms-value', value)
+		.addClass('ms-elem-selection')
+		.attr('id', elementId+'-selection')
+		.hide();
+
+	    if ($option.prop('disabled') || ms.prop('disabled')){
+		selectedLi.addClass(that.options.disabledClass);
+		selectableLi.addClass(that.options.disabledClass);
+	    }
+
+	    var $optgroup = $option.parent('optgroup');
+
+	    if ($optgroup.length > 0){
+		var optgroupLabel = $optgroup.attr('label'),
+		optgroupId = that.sanitize(optgroupLabel),
+		$selectableOptgroup = that.$selectableUl.find('#optgroup-selectable-'+optgroupId),
+		$selectionOptgroup = that.$selectionUl.find('#optgroup-selection-'+optgroupId);
+
+		if ($selectableOptgroup.length === 0){
+		    var optgroupContainerTpl = '<li class="ms-optgroup-container"></li>',
+		    optgroupTpl = '<ul class="ms-optgroup"><li class="ms-optgroup-label"><span>'+optgroupLabel+'</span></li></ul>';
+
+		    $selectableOptgroup = $(optgroupContainerTpl);
+		    $selectionOptgroup = $(optgroupContainerTpl);
+		    $selectableOptgroup.attr('id', 'optgroup-selectable-'+optgroupId);
+		    $selectionOptgroup.attr('id', 'optgroup-selection-'+optgroupId);
+		    $selectableOptgroup.append($(optgroupTpl));
+		    $selectionOptgroup.append($(optgroupTpl));
+		    if (that.options.selectableOptgroup){
+			$selectableOptgroup.find('.ms-optgroup-label').on('click', function(){
+			    var values = $optgroup.children(':not(:selected, :disabled)').map(function(){ return $(this).val();}).get();
+			    that.select(values);
+			});
+			$selectionOptgroup.find('.ms-optgroup-label').on('click', function(){
+			    var values = $optgroup.children(':selected:not(:disabled)').map(function(){ return $(this).val();}).get();
+			    that.deselect(values);
+			});
+		    }
+		    that.$selectableUl.append($selectableOptgroup);
+		    that.$selectionUl.append($selectionOptgroup);
+		}
+		index = index === undefined ? $selectableOptgroup.find('ul').children().length : index + 1;
+		selectableLi.insertAt(index, $selectableOptgroup.children());
+		selectedLi.insertAt(index, $selectionOptgroup.children());
+	    } else {
+		index = index === undefined ? that.$selectableUl.children().length : index;
+
+		selectableLi.insertAt(index, that.$selectableUl);
+		selectedLi.insertAt(index, that.$selectionUl);
+	    }
+	},
+
+	'addOption' : function(options){
+	    var that = this;
+
+	    if (options.value !== undefined && options.value !== null){
+		options = [options];
+	    }
+	    $.each(options, function(index, option){
+		if (option.value !== undefined && option.value !== null &&
+		    that.$element.find("option[value='"+option.value+"']").length === 0) {
+		    var $option = $('<option value="'+option.value+'">'+option.text+'</option>'),
+		    $container = option.nested === undefined ? that.$element : that.$element.find("optgroup[label='"+option.nested+"']"),
+		    index = parseInt((typeof option.index === 'undefined' ? $container.children().length : option.index));
+
+		    // if the optgroup does not exist, create it
+		    if (option.nested && $container.length == 0) {
+			$container = $('<optgroup label="'+ option.nested+'" />');
+			$container.insertAt(index, that.$element);
+			index = 0;
+		    }
+		    if (option.optionClass) {
+			$option.addClass(option.optionClass);
+		    }
+
+		    if (option.disabled) {
+			$option.prop('disabled', true);
+		    }
+
+		    $option.insertAt(index, $container);
+		    that.generateListFromOption($option.get(0), index, option.nested);
+		}
+	    });
+	    that.updateCounters();
+	},
+
+	'removeOption' : function(options){
+	    var that = this;
+
+	    if (options.value !== undefined && options.value !== null){
+		options = [options];
+	    }
+	    // first deselect all (to eventually trigger other events
+	    $.each(options, function(index, option) {
+		if (option.value !== undefined && option.value !== null) {
+		    that.$selectionUl.find("li").each(function(cnt, li) {
+			if ($(li).data("ms-value") == option.value) {
+			    that.deselect($(li).data("ms-value"));
+			}
+		    });
+		}
+	    });
+
+	    // then remove options from selectable list
+	    $.each(options, function(index, option) {
+		if (option.value !== undefined && option.value !== null) {
+		    var $option = that.$element.find("option[value='"+option.value+"']");
+		    if ($option.length === 1) {
+			var $containerli;
+			var $container = $option.parent("optgroup");
+			$option.remove();
+
+			that.$selectableUl.find("li").each(function(cnt, li) {
+			    if ($(li).data("ms-value") == option.value) {
+				$containerli = $(li).parents(".ms-optgroup-container");
+				$(li).remove();
+				if ($containerli.find('.ms-elem-selectable').length == 0) {
+				    $containerli.remove();
+				    $container.remove();
+				}
+			    }
+			});
+		    }
+		}
+	    });
+	    that.updateCounters();
+	},
+
+	'escapeHTML' : function(text){
+	    var escaped = "";
+	    if (this.options.previewButton) {
+		escaped += $("<span class='preview-button icon icon-eye'>")[0].outerHTML;
+	    }
+	    escaped += "<span class='ms-overflow-text'>" + $("<div>").text(text).html() + "</span>";
+	    if (this.options.selectButton) {
+		escaped += $("<span class='select-button icon icon-selector'>")[0].outerHTML;
+	    }
+	    return escaped;
+	},
+
+	'activeKeyboard' : function($list){
+	    var that = this;
+
+	    $list.on('focus', function(){
+		$(this).addClass('ms-focus');
+	    })
+		.on('blur', function(){
+		    $(this).removeClass('ms-focus');
+		})
+		.on('keydown', function(e){
+		    switch (e.which) {
+		    case 40:
+		    case 38:
+			e.preventDefault();
+			e.stopPropagation();
+			that.moveHighlight($(this), (e.which === 38) ? -1 : 1);
+			return;
+		    case 37:
+		    case 39:
+			e.preventDefault();
+			e.stopPropagation();
+			that.switchList($list);
+			return;
+		    case 9:
+			if(that.$element.is('[tabindex]')){
+			    e.preventDefault();
+			    var tabindex = parseInt(that.$element.attr('tabindex'), 10);
+			    tabindex = (e.shiftKey) ? tabindex-1 : tabindex+1;
+			    $('[tabindex="'+(tabindex)+'"]').focus();
+			    return;
+			}else{
+			    if(e.shiftKey){
+				that.$element.trigger('focus');
+			    }
+			}
+		    }
+		    if($.inArray(e.which, that.options.keySelect) > -1){
+			e.preventDefault();
+			e.stopPropagation();
+			that.selectHighlighted($list);
+			return;
+		    }
+		});
+	},
+
+	'moveHighlight': function($list, direction){
+	    var $elems = $list.find(this.elemsSelector),
+            $currElem = $elems.filter('.ms-hover'),
+            $nextElem = null,
+            elemHeight = $elems.first().outerHeight(),
+            containerHeight = $list.height(),
+            containerSelector = '#'+this.$container.prop('id');
+
+	    $elems.removeClass('ms-hover');
+	    if (direction === 1){ // DOWN
+
+		$nextElem = $currElem.nextAll(this.elemsSelector).first();
+		if ($nextElem.length === 0){
+		    var $optgroupUl = $currElem.parent();
+
+		    if ($optgroupUl.hasClass('ms-optgroup')){
+			var $optgroupLi = $optgroupUl.parent(),
+			$nextOptgroupLi = $optgroupLi.next("[style!='display: none;']");
+
+			if ($nextOptgroupLi.length > 0){
+			    $nextElem = $nextOptgroupLi.find(this.elemsSelector).first();
+			} else {
+			    $nextElem = $elems.first();
+			}
+		    } else {
+			$nextElem = $elems.first();
+		    }
+		}
+	    } else if (direction === -1){ // UP
+
+		$nextElem = $currElem.prevAll(this.elemsSelector).first();
+		if ($nextElem.length === 0){
+		    var $optgroupUl = $currElem.parent();
+
+		    if ($optgroupUl.hasClass('ms-optgroup')){
+			var $optgroupLi = $optgroupUl.parent(),
+			$prevOptgroupLi = $optgroupLi.prev("[style!='display: none;']");
+
+			if ($prevOptgroupLi.length > 0){
+			    $nextElem = $prevOptgroupLi.find(this.elemsSelector).last();
+			} else {
+			    $nextElem = $elems.last();
+			}
+		    } else {
+			$nextElem = $elems.last();
+		    }
+		}
+	    }
+	    if ($nextElem.length > 0){
+		$nextElem.addClass('ms-hover');
+		var scrollTo = $list.scrollTop() + $nextElem.position().top -
+                    containerHeight / 2 + elemHeight / 2;
+
+		$list.scrollTop(scrollTo);
+	    }
+	},
+
+	'selectHighlighted' : function($list){
+	    var $elems = $list.find(this.elemsSelector),
+            $highlightedElem = $elems.filter('.ms-hover').first();
+
+	    if ($highlightedElem.length > 0){
+		if ($list.parent().hasClass('ms-selectable')){
+		    this.select($highlightedElem.data('ms-value'));
+		} else {
+		    this.deselect($highlightedElem.data('ms-value'));
+		}
+		$elems.removeClass('ms-hover');
+	    }
+	},
+
+	'switchList' : function($list){
+	    $list.blur();
+	    this.$container.find(this.elemsSelector).removeClass('ms-hover');
+	    if ($list.parent().hasClass('ms-selectable')){
+		this.$selectionUl.focus();
+	    } else {
+		this.$selectableUl.focus();
+	    }
+	},
+
+	'activeMouse' : function($list){
+	    var that = this;
+
+	    this.$container.on('mouseenter', that.elemsSelector, function(){
+		$(this).parents('.ms-container').find(that.elemsSelector).removeClass('ms-hover');
+		$(this).addClass('ms-hover');
+	    });
+
+	    this.$container.on('mouseleave', that.elemsSelector, function () {
+		$(this).parents('.ms-container').find(that.elemsSelector).removeClass('ms-hover');
+	    });
+	},
+
+	'refresh' : function() {
+	    this.destroy();
+	    this.$element.html(this.$orig.html());
+	    this.$element.multiSelect(this.options);
+	},
+
+	'destroy' : function(){
+	    $("#ms-"+this.$element.attr("id")).remove();
+	    this.$element.off('focus');
+	    this.$element.css('position', '').css('left', '');
+	    this.$element.removeData('multiselect');
+	},
+
+	'updateCounters': function(){
+	    if (this.options.counterClass) {
+		this.$container.find(".ms-selectable "+this.options.counterClass).text(this.$selectableUl.find(".ms-elem-selectable").filter("[style!='display: none;']").length);
+		this.$container.find(".ms-selection "+this.options.counterClass).text(this.$selectionUl.find(".ms-elem-selection").filter("[style!='display: none;']").length);
+	    }
+	},
+
+	'select' : function(value, method){
+	    if (typeof value === 'string' ||typeof value === 'number') {
+		value = ['' + value];
+	    }
+
+	    var that = this,
+            ms = this.$element,
+            msIds = $.map(value, function(val){ return(that.sanitize(val)); }),
+            selectables = this.$selectableUl.find('#' + msIds.join('-selectable, #')+'-selectable').filter(':not(.'+that.options.disabledClass+')'),
+            selections = this.$selectionUl.find('#' + msIds.join('-selection, #') + '-selection').filter(':not(.'+that.options.disabledClass+')'),
+            options = ms.find('option:not(:disabled)').filter(function(){ return($.inArray(this.value, value) > -1); });
+
+	    if (method === 'init'){
+		selectables = this.$selectableUl.find('#' + msIds.join('-selectable, #')+'-selectable'),
+		selections = this.$selectionUl.find('#' + msIds.join('-selection, #') + '-selection');
+	    }
+
+	    if (selectables.length > 0){
+		selectables.addClass('ms-selected').hide();
+		selections.addClass('ms-selected').show();
+
+		options.prop('selected', true);
+
+		that.$container.find(that.elemsSelector).removeClass('ms-hover');
+
+		var selectableOptgroups = that.$selectableUl.children('.ms-optgroup-container').not(".unmatched");
+		if (selectableOptgroups.length > 0){
+		    selectableOptgroups.each(function(){
+			var selectablesLi = $(this).find('.ms-elem-selectable');
+			if (selectablesLi.length === selectablesLi.filter('.ms-selected').length){
+			    $(this).find('.ms-optgroup-label').hide();
+			}
+		    });
+
+		    var selectionOptgroups = that.$selectionUl.children('.ms-optgroup-container').not(".unmatched");
+		    selectionOptgroups.each(function(){
+			var selectionsLi = $(this).find('.ms-elem-selection');
+			if (selectionsLi.filter('.ms-selected').length > 0){
+			    $(this).find('.ms-optgroup-label').show();
+			}
+		    });
+		} else {
+		    if (that.options.keepOrder && method !== 'init'){
+			var selectionLiLast = that.$selectionUl.find('.ms-selected');
+			if((selectionLiLast.length > 1) && (selectionLiLast.last().get(0) != selections.get(0))) {
+			    selections.insertAfter(selectionLiLast.last());
+			}
+		    }
+		}
+
+		if (method !== 'init'){
+		    ms.trigger('change');
+		    if (typeof that.options.afterSelect === 'function') {
+			that.options.afterSelect.call(this, value);
+		    }
+		}
+	    }
+	    that.updateCounters();
+	},
+
+	'deselect' : function(value){
+	    if (typeof value === 'string'){ value = [value]; }
+
+	    var that = this,
+            ms = this.$element,
+            msIds = $.map(value, function(val){ return(that.sanitize(val)); }),
+            selectables = this.$selectableUl.find('#' + msIds.join('-selectable, #')+'-selectable'),
+            selections = this.$selectionUl.find('#' + msIds.join('-selection, #')+'-selection').filter('.ms-selected').filter(':not(.'+that.options.disabledClass+')'),
+            options = ms.find('option').filter(function(){ return($.inArray(this.value, value) > -1); });
+
+	    if (selections.length > 0){
+		selectables.removeClass('ms-selected').show();
+		selections.removeClass('ms-selected').hide();
+		options.prop('selected', false);
+
+		that.$container.find(that.elemsSelector).removeClass('ms-hover');
+
+		var selectableOptgroups = that.$selectableUl.children('.ms-optgroup-container').not(".unmatched");
+		if (selectableOptgroups.length > 0){
+		    selectableOptgroups.each(function(){
+			var selectablesLi = $(this).find('.ms-elem-selectable');
+			if (selectablesLi.filter(':not(.ms-selected)').length > 0){
+			    $(this).find('.ms-optgroup-label').show();
+			}
+		    });
+
+		    var selectionOptgroups = that.$selectionUl.children('.ms-optgroup-container').not(".unmatched");
+		    selectionOptgroups.each(function(){
+			var selectionsLi = $(this).find('.ms-elem-selection');
+			if (selectionsLi.filter('.ms-selected').length === 0){
+			    $(this).find('.ms-optgroup-label').hide();
+			}
+		    });
+		}
+		ms.trigger('change');
+		that.updateCounters();
+
+		if (typeof that.options.afterDeselect === 'function') {
+		    that.options.afterDeselect.call(this, value);
+		}
+	    }
+	},
+
+	'select_all' : function(){
+	    var ms = this.$element,
+            values = ms.val();
+
+	    ms.find('option:not(":disabled")').prop('selected', true);
+	    this.$selectableUl.find('.ms-elem-selectable').filter(':not(.'+this.options.disabledClass+')').addClass('ms-selected').hide();
+	    this.$selectionUl.find('.ms-optgroup-label').show();
+	    this.$selectableUl.find('.ms-optgroup-label').hide();
+	    this.$selectionUl.find('.ms-elem-selection').filter(':not(.'+this.options.disabledClass+')').addClass('ms-selected').show();
+	    this.$selectionUl.focus();
+
+	    ms.trigger('change');
+	    this.updateCounters();
+
+	    if (typeof this.options.afterSelect === 'function') {
+		var selectedValues = $.grep(ms.val(), function(item){
+		    return $.inArray(item, values) < 0;
+		});
+		this.options.afterSelect.call(this, selectedValues);
+	    }
+	},
+
+	'deselect_all' : function(){
+	    var ms = this.$element,
+            values = ms.val();
+
+	    ms.find('option').prop('selected', false);
+	    this.$selectableUl.find('.ms-elem-selectable').removeClass('ms-selected').show();
+	    this.$selectionUl.find('.ms-optgroup-label').hide();
+	    this.$selectableUl.find('.ms-optgroup-label').show();
+	    this.$selectionUl.find('.ms-elem-selection').removeClass('ms-selected').hide();
+	    this.$selectableUl.focus();
+
+	    ms.trigger('change');
+	    this.updateCounters();
+
+	    if (typeof this.options.afterDeselect === 'function') {
+		this.options.afterDeselect.call(this, values);
+	    }
+	},
+
+	sanitize: function(value){
+	    var hash = 0, i, character;
+	    if (value.length == 0) return hash;
+	    var ls = 0;
+	    for (i = 0, ls = value.length; i < ls; i++) {
+		character  = value.charCodeAt(i);
+		hash  = ((hash<<5)-hash)+character;
+		hash |= 0; // Convert to 32bit integer
+	    }
+	    return hash;
+	}
+    };
+
+    /* MULTISELECT PLUGIN DEFINITION
+     * ======================= */
+
+    $.fn.multiSelect = function () {
+	var option = arguments[0],
+        args = arguments;
+
+	return this.each(function () {
+	    var $this = $(this),
+            data = $this.data('multiselect'),
+            options = $.extend({}, $.fn.multiSelect.defaults, $this.data(), typeof option === 'object' && option);
+
+	    if (!data){ $this.data('multiselect', (data = new MultiSelect(this, options))); }
+
+	    if (typeof option === 'string'){
+		data[option](args[1]);
+	    } else {
+		data.init();
+	    }
+	    $.fn.multiSelect.instances[data.$element[0]["id"]] = $this.data('multiselect');
+	});
+    };
+
+    $.fn.multiSelect.instances = {};
+    $.fn.multiSelect.defaults = {
+	keySelect: [32],
+	selectableOptgroup: false,
+	disabledClass : 'disabled',
+	dblClick : false,
+	keepOrder: false,
+	cssClass: ''
+    };
+
+    $.fn.multiSelect.Constructor = MultiSelect;
+
+    $.fn.insertAt = function(index, $parent) {
+	return this.each(function() {
+	    if (index === 0) {
+		$parent.prepend(this);
+	    } else {
+		$parent.children().eq(index - 1).after(this);
+	    }
+	});
+    };
+    multi$ = $;
+  })(jQuery);
+}));