function checkAJAX(e) {
	if (window.event) {
		if (event.srcElement.id != "AJAX_results" && event.srcElement.id != "AJAX_nav" && event.srcElement.id != "AJAX_nexthits" && event.srcElement.id != "AJAX_previoushits" && event.srcElement.className != "AJAX_result" && event.srcElement.className != "AJAX_image" && event.srcElement.className != "AJAX_productname" && event.srcElement.className != "AJAX_productinfo" && event.srcElement.className != "AJAX_hits") {
			document.getElementById("AJAX_results").style.display = "none";
		}
	}
}
document.onmousedown = checkAJAX;

resultamount = 6
function searchMekavi(query,index) {
	if (document.getElementById("AJAX_query").value == '') {			
		document.getElementById("AJAX_results").style.display = "none";
	} else {
		resultdiv = document.getElementById("AJAX_results")
		while (resultdiv.hasChildNodes()) {
			resultdiv.removeChild(resultdiv.childNodes[0]);
		}
		
		var xmlHttp = null;
		if (window.XMLHttpRequest) {
		  // IE7, Mozilla, Safari, and so on: Use native object.
		  xmlHttp = new XMLHttpRequest();
		} else	{
		  if (window.ActiveXObject) {
			// ...otherwise, use the ActiveX control for IE5.x and IE6.
			 xmlHttp = new ActiveXObject('MSXML2.XMLHTTP.3.0');
		  	
		  }
		}
		
		xmlHttp.onreadystatechange=function() {
			if(xmlHttp.readyState==4) {
				response = xmlHttp.responseText.split("|");	
				if(response.length > 0) {
					document.getElementById("AJAX_results").style.display = "block";
				}
				while (resultdiv.hasChildNodes()) {
					resultdiv.removeChild(resultdiv.childNodes[0]);
				}
				
				//MAKE ARRAY OF TARGET URLS
				targeturl = new Array();
				
				//LOOP THROUG RESULTS
				for(i=0;i<response.length-1;i++) {
					//MAKE ARRAY OF PRODUCT INFO
					productinfo = response[i].split("%%%");	
					
					//PUSH TARGETURL ARRAY
					targeturl.push(productinfo[4]);

					//CREATE RESULT DIV
					result = document.createElement("div");
					result.setAttribute("class", "AJAX_result");
					result.setAttribute("className", "AJAX_result");
					result.setAttribute("id", "AJAX_searchresult_"+i);
					result.setAttribute("name", i);
					result.setAttribute("onclick", "location='"+productinfo[4]+"';");
					result.onclick = function () {
						location = targeturl[this.id.replace("AJAX_searchresult_","")];
					};
					document.getElementById("AJAX_results").appendChild(result);
					
					//CREATE IMAGE
					img = document.createElement("img");
					img.setAttribute("class", "AJAX_image");
					img.setAttribute("className", "AJAX_image");
					img.setAttribute("src", "http://image.mekavi.com/image.asp?type=product&size=30&id="+productinfo[0]);
					document.getElementById(["AJAX_searchresult_"+i]).appendChild(img);
					
					//CREATE TEXT
					p = document.createElement("p");
					p.setAttribute("class", "AJAX_productname");
					p.setAttribute("className", "AJAX_productname");
					text = document.createTextNode(productinfo[1]);
					p.appendChild(text);
					document.getElementById(["AJAX_searchresult_"+i]).appendChild(p);
					
					p = document.createElement("p");
					p.setAttribute("class", "AJAX_productinfo");
					p.setAttribute("className", "AJAX_productinfo");
					text = document.createTextNode(productinfo[3] + ", DKK " + productinfo[2] + ",-");
					p.appendChild(text);
					document.getElementById(["AJAX_searchresult_"+i]).appendChild(p);
					
				}
				
				//NAV
				navinfo = response[response.length-1].split("%%%");
				
				//CREATE "AJAX_NAV" DIV
				nav = document.createElement("div");
				nav.setAttribute("class", "AJAX_nav");
				nav.setAttribute("className", "AJAX_nav");
				nav.setAttribute("id", "AJAX_nav");
				document.getElementById("AJAX_results").appendChild(nav);
				
				//PREVIOUS REULTS
				a = document.createElement("a");
				a.setAttribute("id", "AJAX_previoushits");
				a.setAttribute("class", "AJAX_previoushits");
				a.setAttribute("className", "AJAX_previoushits");
				if (index > 0) {
					a.style.color = "#FFF";
					a.style.marginLeft = "3px"
					a.setAttribute("href", "javascript:searchMekavi('"+query+"',"+(index-1)+");");
					text = document.createTextNode("Forrige " + resultamount);
					a.appendChild(text);
				}
				document.getElementById("AJAX_nav").appendChild(a);
				
				//AMOUNT OF RESULTS
				a = document.createElement("p");
				a.setAttribute("id", "AJAX_hits");
				a.setAttribute("class", "AJAX_hits");
				a.setAttribute("className", "AJAX_hits");
				a.style.color = "#CCC";
				a.style.margin = "0";
				a.style.fontSize = "0.9em";
				a.style.align = "center";
				text = document.createTextNode(navinfo[1]+" resultater");
				a.appendChild(text);
				document.getElementById("AJAX_nav").appendChild(a);
				
				//NEXT REULTS
				if (navinfo[0] > 0) {
					a = document.createElement("a");
					a.setAttribute("id", "AJAX_nexthits");
					a.setAttribute("class", "AJAX_nexthits");
					a.setAttribute("className", "AJAX_nexthits");
					a.style.color = "#FFF";
					a.style.marginRight = "3px"
					a.setAttribute("href", "javascript:searchMekavi('"+query+"',"+(index+1)+");");
					if (navinfo[0] > resultamount) {
						text = document.createTextNode("Nęste " + resultamount);
					} else {
						text = document.createTextNode("Nęste " + navinfo[0]);
					}
					a.appendChild(text);
					document.getElementById("AJAX_nav").appendChild(a);
				}
				
			}
		}
		xmlHttp.open("GET","http://www.mekavi.com/ajax_searchMekavi.asp?query="+query+"&index="+index+"&amount="+resultamount,true);
		xmlHttp.send(null);
	}
}