document.addEvent('domready', function() {
/**
* Extended list and custom inject choice function.
* This one gets the first element for the value and marks the searched string.
*/
	var inputWord = $('loc');
 
	// Our instance for the element with id "loc"
	new Autocompleter.Request.HTML(inputWord, '/uk_completer.html', {
		'indicatorClass': 'autocompleter-loading', 
		'injectChoice': function(choice) {
			// choice is one <li> element
			var text = choice.getFirst();
			// the first element in this <li> is the <span> with the text
			var value = text.innerHTML;
			// inputValue saves value of the element for later selection
			choice.inputValue = value;
			// overrides the html with the marked query value (wrapped in a <span>)
			text.set('html', this.markQueryValue(value));
			// add the mouse events to the <li> element
			this.addChoiceEvents(choice);
		}
	});
 
});