$(function() {
	$("#sokefelt")
	.autocomplete({
		minLength: 3,
		source: function(request, response) {
		  $.ajax({
			 url: "/SamboWeb/servlet/suggestservlet",
			 dataType: "json",
			 data : {term: request.term},
			 success: function(data) {
				 response($.map(data, function(item) {
					  var merke = item.value.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + $.ui.autocomplete.escapeRegex(request.term) + ")(?![^<>]*>)(?![^&;]+;)", "gi"), "<strong>$1</strong>" );
					  if (item.label == "forfatter") merke = merke + " (forfatter)";
					  return {
							value: item.value,
							label: merke,
							option: this
						};
					}))
				}
			})
		},
		focus: function(event, ui){
			//$("#sokefelt").val(ui.item.value);
			return false;
		},
		select: function(event, ui){
			$("#sokefelt").val(ui.item.value);
			return false;
		}
	})
	.keyup(function(e) {
		if($("#sokefelt").val().length > 2){
			if(e.keyCode === 13) {
				$("#enkeltSok").submit();
			}
		} else {
			if(e.keyCode === 13) {
				return false;
			}
		}
	})
	.keydown(function(e) {
		if($("#sokefelt").val().length < 2){
			if(e.keyCode === 13) {
				return false;
			}
		}
	})
	.keypress(function(e) {
		if($("#sokefelt").val().length < 2){
			if(e.keyCode === 13) {
				return false;
			}
		}
	})
	.data("autocomplete")._renderItem = function(ul, item) {
		return $("<li></li>")
			.data("item.autocomplete", item)
			.append("<a>" + item.label + "</a>")
			.appendTo(ul);
	}
});
$(function() {
  $("#sokefelt").focus();
});
$(function() {
	$(".ui-autocomplete").maxZIndex();
});