$(function() {
	$('#hotelofarrangement').autocomplete({
		focus: function( event, ui ) {
			$( "#hotelofarrangement" ).val( ui.item.label );
			return false;
		}
	});
	
	$('#hotelofarrangement').keyup(function() {
		$.ajax({
			url: 'http://www.marrea.nl/xml/hotelofarrangement.php',
			dataType: 'xml',
			data: 'waarde=' + $(this).val(),
			success: function(xml) {
				tags = [];
				$(xml).find('item').each(function() {
					tags.push({'desc':$(this).attr('type'),'label':$(this).text()});
					$( "#hotelofarrangement" ).autocomplete( "option", "source", tags ).data( "autocomplete" )._renderItem = function( ul, item ) {
						return $( "<li></li>" ).data( "item.autocomplete", item ).append( "<a>" + item.label + ", <i>" + item.desc + "</i></a>" ).appendTo( ul );
					};
				});
			}
		});
	});
});