$(document).ready(function() {
	  
                  $.widget( "custom.catcomplete", $.ui.autocomplete, {
                      _renderMenu: function( ul, items ) {
                        var self = this,
                          currentCategory = "";
                        $.each( items, function( index, item ) {
                          if(item.category == 'searchall') {

                            ul.append( "<li class='ui-autocomplete-category-searchall'>" + item.category + "</li>" );
   
                            //$('body').append("<div style='position:absolute; top:195px; left:425px'><ul><li>" + item.category + "++++</li></ul></div>");
                                                    
                            currentCategory = item.category;
                        
                          }else if( item.category != currentCategory) {
                        	  if(item.category == 'TheFix'){
                        		ul.append( "<li class='ui-autocomplete-category'><span style='color:#DF3982'>" + item.category + "</span> (Gear Reviews And Videos)</li>" );
                        	  }else{
                             	ul.append( "<li class='ui-autocomplete-category'><span>" + item.category + "</span></li>" );
                        	  }
                              currentCategory = item.category;
                            
                          }
                            
                          self._renderItem( ul, item );

                        });
                      }
                    });

                  
                  
                  $(function() {
                   
                        var cache = {},
                          lastXhr;

                        
                        
                        $( "#q" ).catcomplete({
                          minLength: 3,
                          select: function( event, ui ) {

                             //console.log(ui.item.id);
                        	 
                               $('#search_type').val(ui.item.id);
                              // document.forms["myform"].submit();
                               
                               $("#q").val(ui.item.value);
                               $("#search").submit();
                               $('#q').blur();


                               $.loader({
                                   
                                   className:"blue-with-image-2",
                                   content:'<div id="load-message">Loading Please Wait...</div>'
                             
                               });

                          },

                    
                          
                            source: function( request, response ) {
                             
                              $.ajax({
                                url: "/search/autocomplete",
                                dataType: "json",
                                data: {
                                  style: "full",
                                  maxRows: 10,
                                  name_startsWith: request.term
                                },
                                success: function( data ) {
                                    
                                  response( $.map( data, function( item ) {
                                   
                                    return {
                                        /*
                                      label: item.id + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName,
                                      value: item.name
                                        */
                                      label: item.label,
                                      value: item.value,
                                      id: item.id,
                                      category: item.category
                                      
                                    }
                                    
                                  }));
                                }
                                
                              });
                              
                            },
/*
                            open: function() {
                                $( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
                              },
                              close: function() {
                                $( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
                              }
                      */                              
                        }); //END AUTOCOMPLETE

                     

                  });

                 
                });