window.addEvent('domready',function(){


	var options = {
		script:"/search-suggestions?",
		varname:"search-string",
		json:true,
		minchars:3,
		shownoresults:false,
		delay:10,
		maxresults:15,
		timeout:6000
//		callback: function (obj) { document.getElementById('testid').value = obj.id; }
	};
	var as_json = new bsn.AutoSuggest('search_keywords', options);


// code for own auto suggestor - not fully working but could be more customisable
//	$('search_keywords').addEvent('keyup',function(){
//		run_search();
//	});
//
//	$('search_keywords').addEvent('focus',function(){
//		run_search();
//	});
//
//	function run_search(){
//		//don't run request if value is blank
//		if($('search_keywords').value != ""){
//			var check = new Request({
//				method:'get',
//				url:"/search-suggestions?search-string="+$('search_keywords').value.trim(),
//				onComplete:function(response){
//					 if(response) var results = JSON.decode(response);
//
//					 //console.log(results.suggestions[0]);
//
//					 if(results.suggestions.length>0){
//
//						$("search-panel").setStyle("display", "block");
//						options = "<div class='search-panel-header'>Suggestions:</div><ul>";
//
//						$("search-panel").set("html","testing");
//						 //show options to user
//						 for($i=0;$i<=results.suggestions.length-1;$i++){
//							 options = options+"<li><a class='search-link' href='/search?show_products=1&vars[Keywords]="+results.suggestions[$i]+"'>"+results.suggestions[$i]+"</a></li>";
//						 }
//						options = options+"</ul>";
//						$("search-panel").set("html",options);
//
//						$$('.search-link').addEvent('click',function(event){
//								toggle_view=1;
//								console.log("hit1");
//								event.stop();
//							});
//						$('search_keywords').addEvent('blur',function(){
//							toggle_view = 0;
//							console.log("hit2");
//						});
//
//
//
//					 }else{
//						hide_panel(0);
//					 }
//				}
//			}).send();
//		}
//	}
//
//	function hide_panel(display_mode){
//		console.log(display_mode);
//		if(display_mode == 0){
//			$("search-panel").set("html","");
//			$("search-panel").setStyle("display", "none");
//		}
//
//	}
//
//	function redisplay_panel(){
//		$("search-panel").setStyle("display", "block");
//	}


});