// JavaScript Document

jQuery.noConflict(); 


(function ($) {
	
	$(document).ready (function () {

    /**Aquí habrá que establecer el selector del campo que se desea convertir en autocompletar. **/
	$("#PalabrasClave").autocompletar({
									   
		/**
		 * El formato json que espera el componente autocompletar de ui es el siguiente: 
		 * 
		[
		   {"value":"valor 1","label":"Elemento 1"},
		   {"value":"valor 2","label":"Elemento 2"},
		   {"value":"otro valor cualquiera","label":"Elemento Lo que sea"}
		]  
		
		 * 
		 */
		   //longitud minima de caracteres que tiene que tener el campo para lanzar la búsqueda.
		   minLength: 2,  
		   source: function( request, response ) {
			    
				$.ajax({
					url: $("#PalabrasClave").attr("url"),     //Pagina de servidor que realiza la busqueda
					dataType: "json",
					data: {
						/** Parametros a pasar a la pagina. request.term es el texto introducido en el campo input */
						PalabrasClave: request.term,
						Familia : $("#Familia").val(), 
					    SubFamilia : $("#Subfamilia").val(),  
						Precio : $("#Precio").val()
					}, 
				   success: function( data ) {
					   	/** Cuando nos llega la respuesta del servidor, simplemente enviamos los datos, sin transformar
						    al plug-in autocompletar con response. **/
						response (data); 
					},
				   error: function (data) {
					   alert ("Error, consulte con el administrador"); 
				   }

				})
	  	  }
		   
	 }) 
	
	})


})(jQuery);