$(document).ready(function(){ 
		
		$('.navsearch').keydown(function() 
		{
			showresults();
		});
		
		$(".navsearch").blur(function () 
		{
			$("#searchresultsbg").css("display","none");
			$("#searchresultswrapper").html("");
		});
				
		
		function showresults() 
		{
			$("#searchresultswrapper").html(
											
											"<div class=\"searchresults\">"+
											
												"<h3 class=\"searchresult-header\">Zoek resulten</h3>"+
												
												"<h2 class=\"searchresults-subheader\">Wie zijn wij</h2>"+
												
													"<div class=\"searchresult-item\">"+
														"<h1 class=\"searchresult-itemheader\">Wat is dit??</h1>"+
														
														"<p class=\"generaltekst\">"+
															"In de map werkbestanden staat een voorbeeld hoe je de zoek resultaten uit de database haal.. implanteren wanneer er en database achter hangt."+
														"</p>"+
													
													"<!-- search-item --></div>"+
													
												"<div class=\"searchresult-item\">"+
													"<h1 class=\"searchresult-itemheader\">Energielabel van Unielabel</h1>"+
													
													"<p class=\"generaltekst\">"+
														"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer consequat sapien a lectus gravida euismod."+
													"</p>"+
												
												"<!-- search-item --></div>"+
												
												"<h2 class=\"searchresults-subheader\">Wat doen wij</h2>"+
												
													"<div class=\"searchresult-item\">"+
														"<h1 class=\"searchresult-itemheader\">Energielabel van Unielabel</h1>"+
														
														"<p class=\"generaltekst\">"+
															"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer consequat sapien a lectus gravida euismod."+
														"</p>"+
													"<!-- search-item --></div>"+
												
											"<!-- searchresults --></div>");
		}
				
});