//
function initUitjeZoeken(e) {
	var hd;
	hd = xGetElementById("dq"); // Hotel destination

	if (hd != null) {
		this.hdData = new function() {
			var rsXML = {
					resultNode: "item", 
					fields: [
						{ key: 'titel' },
						{ key: 'soort' },
						{ key: 'url' }
					],
					metaNode: "resultset"
				};

			// first build a datasource
			var hdServer = "/ajax/dwsearch.php";
			var hdDataSource = new YAHOO.util.XHRDataSource(hdServer);
			hdDataSource.responseType = YAHOO.util.XHRDataSource.TYPE_XML;
			hdDataSource.responseSchema = rsXML;

			//this.autoComplete = new YAHOO.widget.AutoComplete("destination", "destinationList", hdDataSource);
			this.autoComplete = new YAHOO.widget.AutoComplete("dq", "uitjeAC", hdDataSource);
			this.autoComplete.resultTypeList = false;
			this.autoComplete.prehighlightClassName = "yui-ac-prehighlight";
			this.autoComplete.typeAhead = false;
			this.autoComplete.autoHighlight = false;
			this.autoComplete.maxResultsDisplayed = 20;
			this.autoComplete.useShadow = true;
			this.autoComplete.alwaysShowContainer = false;
			this.autoComplete.allowBrowserAutocomplete = false;

			var hdMarkup = "<div><span>Search results</span>";
			this.autoComplete.setHeader(hdMarkup);

			var bdMarkup = "</div><div>";
			this.autoComplete.setBody(bdMarkup);

			var ftMarkup = "</div>";
			this.autoComplete.setFooter(ftMarkup);
			

			// format Results
			this.autoComplete.formatResult = function(oResultItem, sQuery, sResultMatch) {
				var titel = oResultItem.titel;
				var url = oResultItem.url;
				var soort = oResultItem.soort;

				var klasse = 'aU'; /* default */

				switch (soort) {
				case 'uitstapje':
					klasse = 'aU';
					break;

				case 'kalender':
					klasse = 'aK';
					break;

				case 'artikel':
					klasse = 'aA';
					break;
				}

	
				var aMarkup = [
					"<a href='",
					url,
					"'>",
					titel,
					"</a>"
					];
				/*
				var aMarkup = [
					"<div class='",
					klasse,
					"'>",
					"<span>",
					"<a href='",
					url,
					"'>",
					titel,
					"</a>",
					"</span>",
					"</div>"
					];
					*/
				/*
				var aMarkup = ["<div class='aR'>",
					"<span class='",
					klasse,
					"'>",
					"<a href='",
					url,
					"'>",
					titel,
					"</a>",
					"</span>",
					"</div>"
					];
				*/

				return (aMarkup.join(""));
			}
		}
	}
}

YAHOO.util.Event.addListener(window, 'load', initUitjeZoeken);