/*
 * jQuery UI Select box 1.0.0
 *
 * Created by Negru Nicolae Marian (marian.negru@gmail.com)
 *
 * Depends:
 *   ui.core.js
 */
(function($) {
    if ($.browser.mozilla) {
        $.fn.disableTextSelect = function() {
            return this.each(function() {
                $(this).css({
                    'MozUserSelect' : 'none'
                });
            });
        };
    } else if ($.browser.msie) {
        $.fn.disableTextSelect = function() {
            return this.each(function() {
                $(this).bind('selectstart', function() {
                    return false;
                });
            });
        };
    } else {
        $.fn.disableTextSelect = function() {
            return this.each(function() {
                $(this).mousedown(function() {
                    return false;
                });
            });
        };
    }
$.SelectManager = {};
$.SelectManagerIndex = 0;
$.widget("ui.select", {

	_init: function() {
		var self = this;
		this.inFocus = false;
		this.element.hide();

		this.index = $.SelectManagerIndex++;
		$.SelectManager[this.index] = this.element;
		var width = this.options.width || this.element.outerWidth();

		this.input = $('<input />')
			.attr("type", "text")
			.addClass("ui-select")
			.attr("autocomplete", "off")
			.attr("readonly", "readonly")
			.attr("tabindex", this.element.attr("tabindex"))
			.insertBefore(this.element)
			.focus()
			.width(width)
			.click(function(e){
				if(!self.inFocus) {
					self._toggle();
				}
				else {
					self.inFocus = false;
				}
				e.stopPropagation();
				return false;
			})
			.focus(function(e){
				self.inFocus = true;
				self._show();
				e.stopPropagation();
			})
			.keydown(function(event) {	   
				switch(event.keyCode) {
					case 38: // up
						event.preventDefault();
						self._show();
						self._select(-1);
						break;
					case 40: // down
						event.preventDefault();
						self._show();
						self._select(1);
						break;
					//case 9:  // tab 
					case 13: // return
						event.preventDefault(); // seems not working in mac !
						self._setData('value', jQuery('.ui-select-selected', self.container).attr('id'));
						self._hide();
						break;
				}
				
			})
			.blur(function(e) {
				if (!(self.container.is(':visible') && self.hasfocus > 0 )) {
					if((jQuery.browser.msie || jQuery.browser.safari || jQuery.browser.opera)) {
						//if($(document.activeElement).hasClass('ui-select-wrapper')) {
						if(self.isHover == 1) {
							self.input.focus();
							return;
						}
					}
					self._hide();	
				}
			});

		//this.input.disableTextSelect();
		this.hideHandle = function(){self._hide();};
		$('body').click(this.hideHandle);
		this.element.bind('hideEvent', this.hideHandle);
		var scope = this.options.scope ? ' class="' + this.options.scope + '" ' : "";
		var span = this.input.wrap('<span' + scope + ' style="cursor:pointer;display:inline-block;"></span>').parent();

		this.input.wrap('<div class="ui-select-left"><div class="ui-select-right"><div class="ui-select-middle" style="position:relative;"></div></div></div>');
		if(jQuery.browser.opera) {
		this.input.parent().parent().click(function(e){
				if(!self.inFocus) {
					self._toggle();
				}
				else {
					self.inFocus = false;
				}
				e.stopPropagation();
				return false;
			});
		}
		this.input.parent().height(this.input.outerHeight());
		
		this.container = $('<div class="ui-select-wrapper" style="position:absolute;"></div>').insertAfter(this.input).hide().
			hover(function() {self.isHover = 1;}, function() {self.isHover = -1;});
		
		var list = $('<ul></ul>').appendTo(this.container);
		
		this.element.children('option').each(function(index) {
			var opt = $(this);
			var li = $('<li></li>').appendTo(list).html(opt.html())
				.attr("id", opt.val() || "v_"+index)
				.hover(
					function() {
						self.hasfocus = 1;
						$(this).addClass('ui-select-hover');
					},
					function() {
						self.hasfocus = -1;
						$(this).removeClass('ui-select-hover');
					}
				) 
				.click(function(event) {
					$("li", self.container).removeClass("ui-select-selected"); // remove selected
					$(this).addClass("ui-select-selected");
					self._setData('value', $(this).attr('id'));
					self._hide();
					return false;
				});
				
			if (opt.is(':selected')) {
				li.addClass("ui-select-selected");
				self.active = index;
				self._setData('value', opt.val() || "v_"+index);
			}
		});
		
		this.container.width(width);
		
		this._refreshValue(); 
	},
	_num : function (value) {
		return parseInt(value, 10) || 0;
	},	
	_select : function(step) {
		var lis = $("li", this.container);
		if (!lis) return;

		this.active += step;

		if (this.active < 0) {
			this.active = 0;
		} else if (this.active >= lis.size()) {
			this.active = lis.size() - 1;
		}

		lis.removeClass("ui-select-selected");

		$(lis[this.active]).addClass("ui-select-selected");
	},
	_selectCurrent : function() {
		var self = this;
		var value = this._value();
		$("li", this.container).removeClass("ui-select-selected")
		.each(function(index){
			var li = $(this);
			if (li.attr('id') == value) {
				li.addClass("ui-select-selected");
				self.active = index;
			}
		});
	},
	_hide : function() {
		this.hasfocus = 0;
		this.isHover = 0;
		this.container.toggle();
		this.container.hide(); 
		
		this._selectCurrent();
	},
	
	_show : function() {
		for(var sel in $.SelectManager) {
			if($.SelectManager[sel] != null && $.SelectManager[sel] != this.element) {
				$.SelectManager[sel].trigger('hideEvent');
			}
		}
		this.container.show();
	},
	
	_toggle : function() {
		if (this.container.is(':visible')) {
			this._hide();
		}
		else {
			this._show();
		}
	},
	
	destroy: function() {

		$.SelectManager[this.index] = null;
		delete $.SelectManager[this.index];
		this.element.unbind('hideEvent', this.hideHandle);
		
		this.container.remove();
		this.input.remove();

		$.widget.prototype.destroy.apply(this, arguments);

	},

	value: function(newValue) {
		if (newValue === undefined) {
			return this._value();
		}
		
		this._setData('value', newValue);
		return this;
	},

	_setData: function(key, value) {

		switch (key) {
			case 'value':
				this.options.value = value;
				this._refreshValue();
				this._trigger('change', null, {});
				break;
		}

		$.widget.prototype._setData.apply(this, arguments);

	},

	_value: function() {
		return this.options.value;
	},


	_refreshValue: function() {
		var value = this.value();
		this.element.val(value);
		this.input.val($('#' + value, this.container).html());
	} 
});

$.extend($.ui.select, {
	version: "1.0.0",
	defaults: {
		scope: ''
	}
});

})(jQuery);