$().ready(function() {

	function findValueCallback(event, data, formatted) {
		$("<li>").html( !data ? "No match!" : "Selected: " + formatted).appendTo("#result");
	}
		
	function formatItem(row) {
		return row[0] + " <br/><i><small>tags: " + row[1] + "</small></i>";
	}
	function formatResult(row) {
		return row[0].replace(/(<.+?>)/gi, '');
	}

	$("#q").autocomplete('ajax_search.php', {
		width: 242,
		selectFirst: false,
		multiple: false,
		autoFill:false,
        mustMatch:false,
		minChars: 1,
		matchContains: true,
		formatItem: formatItem,
		formatResult: formatResult
	});

	$(":text, textarea").result(findValueCallback).next().click(function() {
		$(this).prev().search();
	});

	$(this).prev().search();
	
	$("#q").result(function(event, data, formatted) {
		if (data)
	$(this).parent().next().find("input").val(data[1]);
	});
	
	$("#clear").click(function() {
		$(":input").unautocomplete();
	});
});