; (function($)
{
	/*
	* ui.dropdownchecklist V0.8
	*	Modifié par Nico, pour inclure quelques fonction de http://github.com/scottwb/jquery.ui.dropdownchecklist
	*	option "exclusive" et "defaultText"
	* Copyright (c) 2008-2009 Adrian Tosca
	* Dual licensed under the MIT (MIT-LICENSE.txt)
	* and GPL (GPL-LICENSE.txt) licenses.
	*
	*/
	// The dropdown check list jQuery plugin transforms a regular select html element into a dropdown check list.
	$.widget("ui.dropdownchecklist", {
		// Creates the drop container that keeps the items and appends it to the document
		_appendDropContainer: function()
		{
			var wrapper = $("<div/>");
			// the container is wrapped in a div
			wrapper.addClass("ui-dropdownchecklist-dropcontainer-wrapper");
			// initially hidden
			wrapper.css({
				position: 'absolute',
				left: "-3300",
				top: "-3300px",
				width: '3000px',
				height: '3000px'
			});
			var container = $("<div/>"); // the actual container
			container.addClass("ui-dropdownchecklist-dropcontainer")
                .css("overflow-y", "auto");
			wrapper.append(container);
			//$(document.body).append(wrapper);
			wrapper.insertAfter(this.sourceSelect);
			// flag that tells if the drop container is shown or not
			wrapper.drop = false;
			return wrapper;
		},
		_isDropDownKeyShortcut: function(e)
		{
			return e.altKey && ($.ui.keyCode.DOWN == (e.keyCode || e.which)); // Alt + Down Arrow
		},
		_isDroDownCloseKey: function(e)
		{
			return $.ui.keyCode.ESCAPE == (e.keyCode || e.which);
		},
		_handleKeyboard: function(e)
		{
			var self = this;
			if (self._isDropDownKeyShortcut(e))
			{
				e.stopPropagation();
				self._toggleDropContainer();
				self.dropWrapper.find("input:first").focus();
			} else if (self.dropWrapper.drop && self._isDroDownCloseKey(e))
			{
				self._toggleDropContainer();
			}
		},
		// Creates the control that will replace the source select and appends it to the document
		// The control resembles a regular select with single selection
		_appendControl: function()
		{
			var self = this, options = this.options, sourceSelect = this.sourceSelect;

			// the controls is wrapped in a span with inline-block display
			var wrapper = $("<span/>");
			wrapper.addClass("ui-dropdownchecklist-wrapper");
			wrapper.css({
				display: "inline-block",
				cursor: "default"
			});

			// the actual control, can be styled to set the border and drop right image
			var control = $("<span/>");
			control.addClass("ui-dropdownchecklist");
			control.css({
				display: "inline-block"
			});
			control.attr("tabIndex", 0);
			control.keyup(function(e) { self._handleKeyboard(e) });
			wrapper.append(control);

			// the text container keeps the control text that is build from the selected (checked) items
			var textContainer = $("<span/>");
			textContainer.addClass("ui-dropdownchecklist-text")
			textContainer.css({
				display: "inline-block",
				overflow: "hidden"
			});
			control.append(textContainer);

			// add the hover styles to the control
			wrapper.hover(function()
			{
				if (!self.disabled)
				{
					control.toggleClass("ui-dropdownchecklist-hover")
				}
			}, function()
			{
				if (!self.disabled)
				{
					control.toggleClass("ui-dropdownchecklist-hover")
				}
			});

			// clicking on the control toggles the drop container
			wrapper.click(function(event)
			{
				if (!self.disabled)
				{
					event.stopPropagation();
					self._toggleDropContainer();
				}
			})

			wrapper.insertAfter(sourceSelect);

			return wrapper;
		},
		// Creates a drop item that coresponds to an option element in the source select
		_createDropItem: function(index, value, text, checked, exclusive, indent)
		{
			var self = this;
			// the item contains a div that contains a checkbox input and a span for text
			// the div
			var item = $("<div/>");
			item.addClass("ui-dropdownchecklist-item");
			item.css({ whiteSpace: "nowrap" });
			var checkedString = checked ? ' checked="checked"' : '';
			var idBase = (self.sourceSelect.attr("id") || "ddcl");
			var id = idBase + index;
			var checkBox;
			if (self.initialMultiple)
			{
				// the checkbox
				checkBox = $('<input type="checkbox" id="' + id + '"' + checkedString + '/>');
			} else
			{
				// the radiobutton
				checkBox = $('<input type="radio" id="' + id + '" name="' + idBase + '"' + checkedString + '/>');
			}
			checkBox = checkBox.attr("index", index).val(value);
			//2009-12-09 NICO
			if (exclusive) { checkBox.attr("exclusive", exclusive); }			
			
			item.append(checkBox);
			// the text
			var label = $("<label for=" + id + "/>");
			label.addClass("ui-dropdownchecklist-text")
                .css({
                	cursor: "default",
                	width: "100%"
                })
                .text(text);
			if (indent)
			{
				item.addClass("ui-dropdownchecklist-indent");
			}
			item.append(label);
			item.hover(function()
			{
				item.addClass("ui-dropdownchecklist-item-hover")
			}, function()
			{
				item.removeClass("ui-dropdownchecklist-item-hover")
			});
			// clicking on the checkbox synchronizes the source select
			checkBox.click(function(e)
			{
				e.stopPropagation();
				self._syncSelected($(this));
				self.sourceSelect.trigger("change");
			});
			// check/uncheck the item on clicks on the entire item div
			var checkItem = function(e)
			{
				e.stopPropagation();
				var checked = checkBox.attr("checked");
				checkBox.attr("checked", !checked)
				self._syncSelected(checkBox);
				self.sourceSelect.trigger("change");
			}
			label.click(function(e) { e.stopPropagation() });
			item.click(checkItem);
			item.keyup(function(e) { self._handleKeyboard(e) });
			return item;
		},
		_createGroupItem: function(text)
		{
			var self = this;
			var group = $("<div />")
			group.addClass("ui-dropdownchecklist-group");
			group.css({ whiteSpace: "nowrap" });
			var label = $("<span/>");
			label.addClass("ui-dropdownchecklist-text")
                .css({
                	cursor: "default",
                	width: "100%"
                })
                .text(text);
			group.append(label);
			return group;
		},
		// Creates the drop items and appends them to the drop container
		// Also calculates the size needed by the drop container and returns it
		_appendItems: function()
		{
			var self = this, sourceSelect = this.sourceSelect, controlWrapper = this.controlWrapper, dropWrapper = this.dropWrapper;
			var dropContainerDiv = dropWrapper.find(".ui-dropdownchecklist-dropcontainer");
			dropContainerDiv.css({ "float": "left" }); // to allow getting the actual width of the container
			sourceSelect.children().each(function(index)
			{ // when the select has groups
				var opt = $(this);
				if (opt.is("option"))
				{
					self._appendOption(opt, dropContainerDiv, index, false);
				} else
				{
					var text = opt.attr("label");
					var group = self._createGroupItem(text);
					dropContainerDiv.append(group);
					self._appendOptions(opt, dropContainerDiv, index, true);
				}
			});
			//self._appendOptions(sourceSelect, dropContainerDiv, false); // when no groups
			var divWidth = dropContainerDiv.outerWidth();
			var divHeight = dropContainerDiv.outerHeight();
			dropContainerDiv.css({ "float": "" }); // set it back
			return { width: divWidth, height: divHeight };
		},
		_appendOptions: function(parent, container, parentIndex, indent)
		{
			var self = this;
			parent.children("option").each(function(index)
			{
				var option = $(this);
				var childIndex = (parentIndex + "." + index);
				self._appendOption(option, container, childIndex, indent);
			})
		},
		_appendOption: function(option, container, index, indent)
		{
			var self = this;
			var text = option.text();
			var value = option.val();
			var selected = option.attr("selected");
			//2009-12-09 NICO: rajout
			var exclusive = option.attr("exclusive");
			//var item = self._createDropItem(index, value, text, selected, indent);
			var item = self._createDropItem(index, value, text, selected,exclusive, indent);
			container.append(item);
		},
		// Synchronizes the items checked and the source select
		// When firstItemChecksAll option is active also synchronizes the checked items
		// senderCheckbox parameters is the checkbox input that generated the synchronization
		_syncSelected: function(senderCheckbox)
		{
			var self = this, options = this.options, sourceSelect = this.sourceSelect, controlWrapper = this.controlWrapper, dropWrapper = this.dropWrapper;
			var allCheckboxes = dropWrapper.find("input");
			if (options.firstItemChecksAll)
			{
				// if firstItemChecksAll is true, check all checkboxes if the first one is checked
				if (senderCheckbox.attr("index") == 0)
				{
					allCheckboxes.attr("checked", senderCheckbox.attr("checked"));
				} else
				{
					// check the first checkbox if all the other checkboxes are checked
					var allChecked;
					allChecked = true;
					allCheckboxes.each(function(index)
					{
						if (index > 0)
						{
							var checked = $(this).attr("checked");
							if (!checked) allChecked = false;
						}
					});
					var firstCheckbox = allCheckboxes.filter(":first");
					firstCheckbox.attr("checked", false);
					if (allChecked)
					{
						firstCheckbox.attr("checked", true);
					}
				}
			}

			//2009-12-09 NICO
			// If this checkbox was just checked on, handle exclusivity.
			if (senderCheckbox.attr("checked"))
			{
				if (senderCheckbox.attr("exclusive") == "true")
				{	// This checkbox is exclusive, uncheck all the others.
					allCheckboxes.attr("checked", false);
					senderCheckbox.attr("checked", true);
				}
				else
				{	// This checkbox is not exclusive, just uncheck all the others that are exclusive.
					dropWrapper.find("input[exclusive=true]").attr("checked", false);
				}
			}
			//FIN 2009-12-09 NICO

			// do the actual synch with the source select
			var selectOptions = sourceSelect.get(0).options;
			allCheckboxes.each(function(index)
			{
				$(selectOptions[index]).attr("selected", $(this).attr("checked"));
			});

			// update the text shown in the control
			self._updateControlText();
		},
		// Updates the text shown in the control depending on the checked (selected) items
		_updateControlText: function()
		{
			var self = this, sourceSelect = this.sourceSelect, options = this.options, controlWrapper = this.controlWrapper, dropWrapper = this.dropWrapper;
			var firstSelect = sourceSelect.find("option:first");
			var allSelected = null != firstSelect && firstSelect.attr("selected");
			var selectOptions = sourceSelect.find("option");
			//209-12-09 NICO
			var text = self._formatText(selectOptions, options.firstItemChecksAll, allSelected);
			var text = self._formatText(selectOptions, options.firstItemChecksAll, allSelected, options.defaultText);

			var controlLabel = controlWrapper.find(".ui-dropdownchecklist-text");
			controlLabel.text(text);
			controlLabel.attr("title", text);
		},
		// Formats the text that is shown in the control
		//2009-12-09 NICO
//		_formatText: function(selectOptions, firstItemChecksAll, allSelected,defaultText)
//		{
//			var text;
//			if (firstItemChecksAll && allSelected)
//			{
//				// just set the text from the first item
//				text = selectOptions.filter(":first").text();
//			} else
//			{
//				// concatenate the text from the checked items
//				text = "";
//				selectOptions.each(function()
//				{
//					if ($(this).attr("selected"))
//					{
//						text += $(this).text() + ", ";
//					}
//				});
//				if (text.length > 0)
//				{
//					text = text.substring(0, text.length - 2);
//				}
//			}
//			return text;
//		},
		_formatText: function(selectOptions, firstItemChecksAll, allSelected, defaultText)
		{
			var options = this.options;
			var text;
			//2009-12-09 NICO: je n'utilise pas customTextFn, j'aurais pu le zapper ...
			if (options.customTextFn)
			{
				var i = 0;
                var opts = selectOptions.map(function() {
                    var option = $(this);
                    var opt = {
                        index    : i,
                        value    : option.val(),
                        text     : option.text(),
                        selected : option.attr("selected") ? true : false
                    }
                    ++i;
                    return opt;
                });
                text = options.customTextFn(opts);
            }
            else if (firstItemChecksAll && allSelected)
            {
				// just set the text from the first item
                text = selectOptions.filter(":first").text();
            }
            else
            {	// concatenate the text from the checked items
            	text = "";
            	selectOptions.each(function()
            	{
            		if ($(this).attr("selected"))
            		{
            			text += $(this).text() + ", ";
            		}
            	});
            	if (text.length > 0) { text = text.substring(0, text.length - 2); }
            	else if (defaultText) { text = defaultText }
            }
            return text;
        },
		// Shows and hides the drop container
		_toggleDropContainer: function()
		{
			var self = this, dropWrapper = this.dropWrapper, controlWrapper = this.controlWrapper;
			// hides the last shown drop container
			var hide = function()
			{
				var instance = $.ui.dropdownchecklist.drop;
				if (null != instance)
				{
					instance.dropWrapper.css({
						top: "-3300px",
						left: "-3300px"
					});
					instance.controlWrapper.find(".ui-dropdownchecklist").toggleClass("ui-dropdownchecklist-active");
					instance.dropWrapper.find("input").attr("tabIndex", -1);
					instance.dropWrapper.drop = false;
					$.ui.dropdownchecklist.drop = null;
					$(document).unbind("click", hide);
					self.sourceSelect.trigger("blur");
				}
			}
			// shows the given drop container instance
			var show = function(instance)
			{
				if (null != $.ui.dropdownchecklist.drop)
				{
					hide();
				}
				instance.dropWrapper.css({
					top: instance.controlWrapper.offset().top + instance.controlWrapper.outerHeight() + "px",
					left: instance.controlWrapper.offset().left + "px"
				})
				var ancestorsZIndexes = controlWrapper.parents().map(
					function()
					{
						var zIndex = $(this).css("z-index");
						return isNaN(zIndex) ? 0 : zIndex
					}
					).get();
				var parentZIndex = Math.max.apply(Math, ancestorsZIndexes);
				if (parentZIndex > 0)
				{
					instance.dropWrapper.css({
						zIndex: (parentZIndex + 1)
					})
				}
				instance.controlWrapper.find(".ui-dropdownchecklist").toggleClass("ui-dropdownchecklist-active");
				instance.dropWrapper.find("input").attr("tabIndex", 0);
				instance.dropWrapper.drop = true;
				$.ui.dropdownchecklist.drop = instance;
				$(document).bind("click", hide);
				self.sourceSelect.trigger("focus");
			}
			if (dropWrapper.drop)
			{
				hide(self);
			} else
			{
				show(self);
			}
		},
		// Set the size of the control and of the drop container
		_setSize: function(dropCalculatedSize)
		{
			var options = this.options, dropWrapper = this.dropWrapper, controlWrapper = this.controlWrapper;

			var controlWidth;
			// use the width from options if set, otherwise set the same width as the drop container
			if (options.width)
			{
				controlWidth = parseInt(options.width);
			} else
			{
				controlWidth = dropCalculatedSize.width;
				var minWidth = options.minWidth;
				// if the width is to small (usually when there are no items) set a minimum width
				if (controlWidth < minWidth)
				{
					controlWidth = minWidth;
				}
			}
			controlWrapper.find(".ui-dropdownchecklist-text").css({
				width: controlWidth + "px"
			});

			// for the drop container get the actual (outer) width of the control.
			// this can be different than the set one depening on paddings, borders etc set on the control
			var controlOuterWidth = controlWrapper.outerWidth();

			// the drop container height can be set from options
			var dropHeight = options.maxDropHeight ? parseInt(options.maxDropHeight) : dropCalculatedSize.height;
			// ensure the drop container is not less than the control width (would be ugly)
			var dropWidth = dropCalculatedSize.width < controlOuterWidth ? controlOuterWidth : dropCalculatedSize.width;

			$(dropWrapper).css({
				width: dropWidth + "px",
				height: dropHeight + "px"
			});

			dropWrapper.find(".ui-dropdownchecklist-dropcontainer").css({
				height: dropHeight + "px"
			});
		},
		// Initializes the plugin
		_init: function()
		{
			var self = this, options = this.options;

			// sourceSelect is the select on which the plugin is applied
			var sourceSelect = self.element;
			self.initialDisplay = sourceSelect.css("display");
			sourceSelect.css("display", "none");
			self.initialMultiple = sourceSelect.attr("multiple");
			sourceSelect.attr("multiple", "multiple");
			self.sourceSelect = sourceSelect;

			// create the drop container where the items are shown
			var dropWrapper = self._appendDropContainer();
			self.dropWrapper = dropWrapper;

			// append the items from the source select element
			var dropCalculatedSize = self._appendItems();

			// append the control that resembles a single selection select
			var controlWrapper = self._appendControl();
			self.controlWrapper = controlWrapper;

			// updates the text shown in the control
			self._updateControlText(controlWrapper, dropWrapper, sourceSelect);

			// set the sizes of control and drop container
			self._setSize(dropCalculatedSize);

			// BGIFrame for IE6
			if (options.bgiframe && typeof self.dropWrapper.bgiframe == "function")
			{
				self.dropWrapper.bgiframe();
			}
		},
		enable: function()
		{
			this.controlWrapper.find(".ui-dropdownchecklist").removeClass("ui-dropdownchecklist-disabled");
			this.disabled = false;
		},
		disable: function()
		{
			this.controlWrapper.find(".ui-dropdownchecklist").addClass("ui-dropdownchecklist-disabled");
			this.disabled = true;
		},
		destroy: function()
		{
			$.widget.prototype.destroy.apply(this, arguments);
			this.sourceSelect.css("display", this.initialDisplay);
			this.sourceSelect.attr("multiple", this.initialMultiple);
			this.controlWrapper.unbind().remove();
			this.dropWrapper.remove();
		}
	});

	$.extend($.ui.dropdownchecklist, {
		defaults: {
			width: null,
			maxDropHeight: null,
			firstItemChecksAll: false,
			minWidth: 50,
			defaultText: null,			
			bgiframe: false
		}
	});

})(jQuery);