searchfield = function () {

		var search_t = 'search_t';
		var defaulttext = "Wyszukaj produkt...";
		
		var input_t = document.getElementById(search_t);
		input_t.setAttribute("Autocomplete", "off");
		input_t.value = defaulttext;

		var responsediv = document.createElement("div");
		var list = document.createElement("ul");
		responsediv.style.display = 'none';
		list.style.display = 'none';
		responsediv.className = 'sugestia';
		responsediv.style.width = input_t.offsetWidth - 2 + "px";
		list.style.width = input_t.offsetWidth + "px";
		responsediv.style.background = "#FFFFFF";
		responsediv.appendChild(list);
		input_t.parentNode.appendChild(responsediv);
	

		input_t.onfocus = function () {
		input_t.value = (this.value == "" || this.value == defaulttext) ? "" : this.value;}

		input_t.onblur = function () {
		input_t.value = (this.value != "" && this.value != defaulttext) ? this.value : defaulttext;
		clearList();}


		function getXMLHttpRequest() 
		{
		var request = false;

		try {
			request = new XMLHttpRequest();
		} catch(error1) {
		try {
			request = new ActiveXObject('Msxml2.XMLHTTP');
			} catch(error2) {
		try {
			request = new ActiveXObject('Microsoft.XMLHTTP');
			} catch(error3) {
			 request = false; 
				}
			}
		}
		return request;
		}


input_t.onkeyup = function() {

		var value = input_t.value;
		responsediv.style.display = 'block';
		
		var pola = new Array();
		var request = getXMLHttpRequest();

		var search_value = escape(value);

		var url = "http://www.artchem.pl/php/sugestia.php?wrd=" + value;


		var request = getXMLHttpRequest();

		if(request) { 
		request.open("GET", url, true);


		request.onreadystatechange = function () {
			if(request.readyState == 4) {
			if(request.status == 200) {
			
				var response = request.responseText;
				var src = response.replace(/, /g, ",");
				var response_arr = src.split(","); 

				for(var i=0;i<response_arr.length;i++) { 		
				pola.push(response_arr[i]);}
				
				if(input_t.value.length > 0) {
				startList(pola); } else {
				clearList();}
				}  
				delete request;
				
				}
			}
			request.send(null);
		}   
		}

		startList = function(ar) {
			destroyList(); 
			var htmmsg;
			var name;
			if(ar.length > 0) { 
			for(var i = 0; i < ar.length-1; i++) { 
			var li = document.createElement("li");
			var val = input_t.value;
			if(ar[i] == "Brak wynikow...") { 
				htmmsg = "<span style='font:0.8em Verdana; color:#000000; '>"+ar[i]+"</span>";
				name = "";
			} else {
					var p1 = ar[i].substr(0,val.length);
					var p2 = ar[i].substr(val.length);
					name = p1+p2;
					var htmmsg = "<table><tr><td style='width:170px;'><span style='font:bold 0.8em Trebuchet MS; color:#3366FF; '>"+p1+"</span><span style='font:bold 0.8em Trebuchet MS; color:#555555;'>"+p2+"</span></td></table>";
			}
			
			li.innerHTML = htmmsg;
			li.className = name;
			list.appendChild(li);
			li.onmouseover = function () { this.style.background = '#DDDDDD'; this.style.cursor = 'pointer';}
			li.onmouseout = function () { this.style.background = '';}
			li.onmousedown = function () { input_t.value = this.className; }
			}
			list.style.display = 'block'; 
			} else { clearList();}
		}

		destroyList = function() { 
			var li = list.getElementsByTagName('li');
			var len = li.length;
			for(var i=0;i<len;i++) {
			list.removeChild(li[0]);}
		}
		
		clearList = function () {
			if(list) {
			list.style.display = 'none';
			responsediv.style.display = 'none';
			}
		}

}


addEvent = function (obiekt, typ, funkcja) {
	if (obiekt.addEventListener)
		{
			obiekt.addEventListener(typ, funkcja, false);
		}
	else
		{
			obiekt.attachEvent("on"+typ, funkcja);
		}
}
addEvent(window, "load", searchfield);