$(function() {

    $.widget( "custom.catcomplete", $.ui.autocomplete, {
        _renderMenu: function( ul, items ) {
          var self = this,
            currentCategory = "";
          $.each( items, function( index, item ) {
            if ( item.category != currentCategory ) {
              ul.append( "<li class='ui-autocomplete-category'>" + item.category + "</li>" );
              currentCategory = item.category;
            }
            self._renderItem( ul, item );
          });
        }
      });




    $( "#search" ).catcomplete({
      delay: 500,
      minLength: 1,

      //source: "/busqueda-ajax.php",
      source: function(request, response) {
          $.ajax({
              url: "/busqueda-ajax.php",
              dataType: "json",
              data: {
                  term : request.term,
                  seccion: _MENU_ACTIVE
              },
              success: function(data) {
                  response(data);
              }
          });
      },

      select: function( event, ui ) {
        window.location.href = ui.item.url;
        return false;
      },
    
      focus: function( event, ui ) { 
        event.preventDefault();
      }

    });

    $.ui.autocomplete.prototype._renderItem = function( ul, item) {
        var re = new RegExp(this.term, "gi") ;
        var t = item.label.replace(re,"<strong>" + "$&" + "</strong>");
        return $( "<li></li>" )
            .data( "item.autocomplete", item )
            .append( "<a>" + t + "</a>" )
            .appendTo( ul );
    };

  });