$(document).ready(function(){
  	function findValueCallback(event, data, formatted) {
		$("<li>").php( !data ? "No match!" : "Selected: " + formatted).appendTo("#result");
	}
	
	function formatItem(row) {
		//return row[0] + " (<strong>id: " + row[1] + "</strong>)";
		return row[0];
	}
	function formatResult(row) {
		//return row[0].replace(/(<.+?>)/gi, '');
		return row[0];
	}

    //var data = "Core Selectors Attributes Traversing Manipulation CSS Events Effects Ajax Utilities".split(" ");
	$("#example").autocomplete('site/traitement_cp.php', {
		width: 260,
		//multiple: true,
		//matchContains: true,
		autoFill: true,
		mustMatch: true,
		matchContains: false,

		formatItem: formatItem,
		formatResult: formatResult
	});
	$("#example").result(function(event, data, formatted) {
		var hidden = $(this).parent().next().find(">:input");
		//hidden.val( (hidden.val() ? hidden.val() + ";" : hidden.val()) + data[1]);
		hidden.val(data[1]);
	});
	
	$("#example2").autocomplete('site/traitement_cp.php', {
		width: 260,
		//multiple: true,
		//matchContains: true,
		autoFill: true,
		mustMatch: true,
		matchContains: false,

		formatItem: formatItem,
		formatResult: formatResult
	});
	$("#example2").result(function(event, data, formatted) {
		var hidden = $(this).parent().next().find(">:input");
		//hidden.val( (hidden.val() ? hidden.val() + ";" : hidden.val()) + data[1]);
		hidden.val(data[1]);
	});

  });