--- side.html.orig	2008-09-22 10:02:50.000000000 +0200
+++ side.html	2008-09-24 11:46:12.000000000 +0200
@@ -20,6 +20,43 @@
 	
 </STYLE>
 
+<!-- Host auto complete start --> 
+<script src="/pnp4nagios/include/js/prototype.js" type="text/javascript"></script>
+<script src="/pnp4nagios/include/js/scriptaculous.js" type="text/javascript"></script>
+<style>
+div.auto_complete { 
+	width: 350px; 
+	background: #FFFFFF; 
+	font-family: verdana,arial,serif; color: #000000; 
+	font-size: 7pt; 
+}
+
+div.auto_complete ul { 
+	border:1px solid #888; 
+	margin:0; 
+	padding:0; 
+	width:100%; 
+	list-style-type:none; 
+	font-size: 7pt; 
+}
+
+div.auto_complete ul li { 
+	margin:0; 
+	padding:3px; 
+	font-size: 7pt; 
+} 
+
+div.auto_complete ul li.selected { 
+	background-color: #C3C3C3; 
+}
+
+div.auto_complete ul strong.highlight { 
+	color: #C3C4C3; 
+	margin:0; 
+	padding:0; 
+}
+</style>
+<!-- Host auto complete end --> 
 </HEAD>
 
 <BODY CLASS='navbar'>
@@ -170,10 +207,9 @@
   <tr> 
     <td width=13></td>
     <td nowrap>
-	<form method="get" action="/nagios/cgi-bin/status.cgi" target="main">
-	<input type='hidden' name='navbarsearch' value='1'>
-	<input type='text' name='host' size='15' class="NavBarSearchItem">
-	</form>
+	<form name="host" method="get" action="/nagios/cgi-bin/status.cgi" target="main" >
+	<input value="" autocomplete="off" type='text' id="host_name" name='host' size='16' class="NavBarSearchItem"/><div class="auto_complete" id="host_name_auto_complete"></div>
+	<script type="text/javascript">new Ajax.Autocompleter('host_name', 'host_name_auto_complete', '/pnp4nagios/ajax.php', {minChars: 3});</script>
     </td>
   </tr>
   <tr> 

