$(document).ready(function() {
		var p = $("#search_input");
		var pos = p.offset();
		var jquery_js = document.createElement("script");
  		jquery_js.setAttribute("type","text/javascript");
	  	jquery_js.setAttribute("src", "jquery_search_res.php");
	  	jquery_js.setAttribute("id", "search_js_res");
  		document.getElementsByTagName("head")[0].appendChild(jquery_js);
		$("body").append("<table cellpadding='0' cellspacing='0' id='search_results' style='top:"+(pos.top+27)+"px;left:"+pos.left+"px;'><table>");
		//$('#search_input').focus();
	});
	$('#search_input').focus(function() {
		if ($(this).val() == "" || $(this).val().length < 4)  {
			$("#search_results").css("display", "none");
		} else if($(this).val() != "Zoek uw artikel..." && $(this).val().length > 2) {
			showResults();
		} 
	});
  window.onresize = function() {
    var p = $("#search_input");
    var pos = p.offset();
    $('table#search_result').css('left', pos.left+'px');
    console.log(document.width);
  }
	$("*").click(function(e) {
      	var s_pos = $("#search_input").offset();
      	var s_width = s_pos.left + 260;
      	var s_height = s_pos.top + 26;
      	if (e.pageX < s_pos.left || e.pageX > s_width || e.pageY < s_pos.top || e.pageY > s_height) {
			setTimeout ("closeResults()",100);
      	}
   	});
	$('#search_input').blur(function() {
  		setTimeout ("closeResults()",500);
	});
	function closeResults() {
		$("#link_"+selected_link+"").removeClass("res_link_sel");
  		selected_link = 0;
		$("#search_results").css("display", "none");
	}
	function unselectLink() {
  		$("#link_"+selected_link+"").removeClass("res_link_sel");
  		selected_link = 0;
	}
	$("#search_input").keyup(function(e) {
		if (e.keyCode == 40) {
			$("#link_"+selected_link+"").removeClass("res_link_sel");
			if (selected_link == number_of_links) { selected_link = 0; }
			selected_link = selected_link + 1;
			$("#link_"+selected_link+"").addClass("res_link_sel");
			go_href = $("#link_"+selected_link+"").attr("href");
        } else if (e.keyCode == 38) {
        	$("#link_"+selected_link+"").removeClass("res_link_sel");
        	if (selected_link == 0) { selected_link = number_of_links+1; }
        	if (selected_link == 1) { selected_link = number_of_links+1; }
			selected_link = selected_link - 1;
			$("#link_"+selected_link+"").addClass("res_link_sel");
			go_href = $("#link_"+selected_link+"").attr("href");
        } else if (e.keyCode == 13) {
        	if (go_href != undefined) {
				window.location = go_href;
			}
		} else if (e.keyCode == 27) {
			closeResults();
		} else {
			if($(this).val().length > 2) {
				showResults();
			} else if($(this).val().length < 4) {
				$("#search_results").css("display", "none");
			} else if($(this).val() == "") {
				$("#search_results").css("display", "none");
			}
		}
	});
	function showResults() {
		$("#search_js_res").remove();
		search_input = $("#search_input").val();
		if (search_input.indexOf(" ") != -1) {
			var words_arr = new Array();
			words_arr = search_input.split(" ");
			search_input = "";
		}
		for(var i in words_arr) { if(i == 0) { search_input = words_arr[i]; } else { search_input = search_input + "%20" + words_arr[i]; } }
		var jquery_js = document.createElement("script");
  		jquery_js.setAttribute("type","text/javascript");
	  	jquery_js.setAttribute("src", "jquery_search_res.php?keyword="+search_input+"");
	  	jquery_js.setAttribute("id", "search_js_res");
  		document.getElementsByTagName("head")[0].appendChild(jquery_js);
		$("#search_results").css("display", "inline");
	}