(function( $ ) {
	$.widget( "ui.combobox", {
		_create: function() {
			var self = this;
			var select = this.element.hide(),
				selected = select.children( ":selected" ),
				value = selected.text(); //selected.val() ? selected.text() : "";
			var cboContainer = $('<div>')
				.insertAfter(select)
				.attr('class','combobox-container');
			var input = $( "<input>" )
				.appendTo(cboContainer)
				.val( value )
				.attr('readonly','readonly')
				.attr('id',self.element.attr('id') + 'combobox')
				.autocomplete({
					delay: 0,
					minLength: 0,
					source: function( request, response ) {
						//request.term = '';
						var matcher = new RegExp( $.ui.autocomplete.escapeRegex(''), "i" );
						response( select.children( "option" ).map(function() {
							var text = $( this ).text();
							if (/* this.value && */(!request.term || matcher.test(text)))
								return {
									label: text.replace(
										new RegExp(
											"(?![^&;]+;)(?!<[^<>]*)(" +
											$.ui.autocomplete.escapeRegex(request.term) +
											")(?![^<>]*>)(?![^&;]+;)", "gi"
										), "<strong>$1</strong>" ),
									value: text,
									option: this
								};
						}) );
					},
					select: function( event, ui ) {
						ui.item.option.selected = true;
						//select.val( ui.item.option.value );
						self._trigger( "selected", event, {
							item: ui.item.option
						});
						self.element.trigger('change');
					},
					change: function( event, ui ) {
						if ( !ui.item ) {
							var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( $(this).val() ) + "$", "i" ),
								valid = false;
							select.children( "option" ).each(function() {
								if ( this.value.match( matcher ) ) {
									this.selected = valid = true;
									return false;
								}
							});
							if ( !valid ) {
								// remove invalid value, as it didn't match anything
								$( this ).val( "" );
								select.val( "" );
								return false;
							}
						}
					}
				});
			var div = $('<div>')
				.appendTo(cboContainer)
				.attr('class','combobox')
				.click(function() {
					// close if already visible
					if ( input.autocomplete( "widget" ).is( ":visible" ) ) {
						input.autocomplete( "close" );
						return;
					}

					// pass empty string as value to search for, displaying all results
					input.autocomplete( "search", input.val() );
					input.focus();
				});
			

			input.data( "autocomplete" )._renderItem = function( ul, item ) {
				return $( "<li></li>" )
					.data( "item.autocomplete", item )
					.append( "<a>" + item.label + "</a>" )
					.appendTo( ul );
			};
		}
	});
})(jQuery);