diff --git a/htroot/index.html b/htroot/index.html
index ed78a76b5..fde513383 100644
--- a/htroot/index.html
+++ b/htroot/index.html
@@ -5,49 +5,32 @@
     #%env/templates/metas.template%#
     <link rel="alternate" type="application/rss+xml" title="Search for #[former]#" href="yacysearch.rss?query=#[former]#" />
     <link rel="search" type="application/opensearchdescription+xml" title="YaCy Search on '#[clientname]#'" href="opensearchdescription.xml" /> 
-    <script type="text/javascript" src="js/html.js"></script>
-    <style>
-    	.ui-autocomplete-input {
-    		margin: 0 0.2em;
-    		padding: 0;
-    	}
-    </style>
+    <link rel="stylesheet" type="text/css" media="screen" href="/env/highslide.css" />
+  <script type="text/javascript" src="/js/highslide/highslide.js"></script>
+  <script type="text/javascript">hs.outlineType = 'rounded-white';</script>
+  <script src="/yacy/ui/js/jquery-1.3.2.min.js" type="text/javascript"></script>
+  <script src="/yacy/ui/js/jquery-ui-1.7.2.min.js" type="text/javascript"></script>
+  <link media="screen" type="text/css" href="/yacy/ui/css/autocomplete.css" rel="stylesheet" />
+  <script type="text/javascript" src="js/html.js"></script>
+    <script type="text/javascript" src="/yacy/ui/js/jquery.autocomplete.yacy.js"></script>
     <script type="text/javascript">
       $(document).ready(function() {
-  		$("#search").autocomplete({
-			source: function( request, response ) {
-				$.ajax({
-					url: "/suggest.json",
-					dataType: "json",
-					data: {
-						q: request.term,
-						limit: 20,
-						timestamp: +new Date()
-					},
-					success: function(data) {
-						response( $.map( data[1], function(term) {
-							return {
-								label: term,
-								value: term
-							}
-						}));
-					}
-				});
-			},
-			minLength: 2,
-			select: function( event, ui ) {
-				// ui.item.label
-				// ui.item.value
-				// this.value
-				this.value = ui.item.value;
-			},
-			open: function() {
-				$( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
-			},
-			close: function() {
-				$( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
-			}
-		});
+  		$('#search').autocomplete('/suggest.json', {parse: opensearch, delay: 0, selectFirst: false, scroll: false, max: 30});  
+        function opensearch(data) {
+            var parsed = [];
+            data = eval('({"suggest":' + data + '})');
+            for (var i = 0; i < data.suggest[1].length; i++) {
+                var row = data.suggest[1][i];
+                if (row) {
+                    parsed[parsed.length] = {
+                        data: [row],
+                        value: row,
+                        result: row
+                    };  
+                };
+            };
+            return parsed;  
+        };
       });
     </script>
   </head>