//http://jqueryui.com/

	$(function(){
	try
	{
		var SearchImg = document.getElementById("JStopsearch");
		//SearchImg.style.visibility = "hidden";
		var EnableSearchAction = false;
	  
		$('#autocomplete').click(function() {
	  		$("#autocomplete").autocomplete( "search", $("#autocomplete").value);
			SearchImg.style.visibility = "hidden";
		}),
		$('#searchImgBg').click(function() {
	  		$("#autocomplete").autocomplete( "search", $("#autocomplete").value);
			
		}),
		$("#autocomplete").keypress(function(e) {
			if(e.keyCode == "13") {
				e.preventDefault();
			}
		}),
		$("#autocomplete").autocomplete({
			
			source: function( request, response ) {
				$.ajax({
					url: "/images/scripts/dbsearch.asp",
					dataType: "jsonp",
					data: {
						name_startsWith: request.term
					},
					success: function( data ) {
						
						response( $.map( data, function( item ) {
							return {
								term: request.term,
								id: item.id,
								searchtype: item.search,
								label: item.label,
								img: item.img, 
								vnr: item.vnr, 
								pris: item.pris
							}
						}));
					}
				});
			},
			minLength: 3,
						
			select: function(event, ui){
				location.href = "/images/scripts/dbsearchredirect.asp?id=" + ui.item.id;
			}
		}
		).data("autocomplete")._renderItem = function( ul, item ) {
		
			if (item.searchtype == "")
			{
				EnableSearchAction = true;
				result = $( "<li class=\"group\"></li>" ).data( "item.autocomplete", item );
				result.append( "<p>&nbsp;" +  item.label + "</p>" );
			}
			else if (item.searchtype == "searchdb")
			{
				EnableSearchAction = false;
				
				result = $( "<li class=\"category\"></li>" ).data( "item.autocomplete", item );
				result.append( "<a>" +  item.label.toLowerCase().replace(item.term.toLowerCase(), "<span>"+item.term+"</span>") + "</a>" );
			}
			else if (item.searchtype == "searchdbprodukter")
			{
				EnableSearchAction = true;
				
				result = $( "<li class=\"product\"></li>" ).data( "item.autocomplete", item );
				var SearchItem = item.label.toLowerCase();
				arrSearchTerm = item.term.toLowerCase().split(" ");
	
				for(i = 0; i < arrSearchTerm.length; i++)
				{
					SearchItem = SearchItem.replace(arrSearchTerm[i], "<b>"+arrSearchTerm[i]+"</b>")
				}
				
				result.append( "<a><div class=\"img\"><img src=\"http://www.lavprisvvs.dk"+ item.img +"\" /></div><div class=\"content\">" + SearchItem  + "<div class=\"vnr\">Varenr. " + item.vnr + "</div><div class=\"pris\">" + item.pris + "</div></div></a>" );
			}
			else if (item.searchtype == "searchdbemptyResults")
			{
				EnableSearchAction = false;			
				
				result = $( "<li class=\"noProducts\"></li>" ).data( "item.autocomplete", item );
				result.append( "<p>Der blev ikke fundet nogle produkter<br />på din søgning.<br /><br /><b>Mente du:</b><br /><br /></p>" );
			}
			else if (item.searchtype == "searchdbemptyNoResults")
			{
				EnableSearchAction = false;
				
				result = $( "<li class=\"noProducts\"></li>" ).data( "item.autocomplete", item );
				result.append( "<p>Der blev ikke fundet nogle produkter<br />på din søgning.</p>" );
			}
			else if (item.searchtype == "searchdbemptyResultsEND")
			{
				EnableSearchAction = false;
			}
			else
			{
				EnableSearchAction = false;
			}
			
			
	
			if (EnableSearchAction == true)
				SearchImg.style.visibility = "visible";
			else
				SearchImg.style.visibility = "hidden";
				
			result.appendTo( ul );
			return result;
		
		
		};
		}
		catch (err) {}
	});