/**
 * Customized jqueryui-combobox
 * @version v0.1
 * @data 24-10-2010
 * @jqueryui 1.8.5
 */
(function( $ ) {
  $.widget( "ui.combobox", {
    _create: function() {
      var self = this,
      select = this.element.hide(),
      selected = select.children( ":selected" ),
      value = selected.val() ? selected.text() : "";
      var input = $( "<input>" )
      .addClass('formular-select-input') /* add class 'input-text' */
      .insertAfter( select )
      .val( value )
      .autocomplete({
        delay: 0,
        minLength: 0,
        source: function( request, response ) {
          var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "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;
          self._trigger( "selected", event, {
            item: ui.item.option
          });
        },
        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;
            }
          }
        }
      })
      .addClass( "ui-widget ui-widget-content" );

      input.data( "autocomplete" )._renderItem = function( ul, item ) {

        // @note vertical scroll of comoboxes
        ul.css({'cursor':'pointer', 'height':'230px', 'overflow-y':'auto'});
        return $( "<li style='width:100%;'></li>" )
        .data( "item.autocomplete", item )
        .append( "<a>" + item.label + "</a>" )
        .appendTo( ul );
      };

      $( "<div></div>" )
      .attr( "tabIndex", -1 )
      .attr( "title", "Show All Items" )
      .insertAfter( input )
      .attr('class', '')
      .addClass('formular-select-button')
      .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.focus();
      });
    }
  });
})( jQuery );