var oXmlHttp = null;
var iTimeoutId = null;

//function to validate fields
function validateField(oEvent) {
   
	oEvent = oEvent || window.event;
	var txtField = oEvent.target || oEvent.srcElement;
    
  if (txtField.value.length>2) {
    
    if (iTimeoutId != null) {
        clearTimeout(iTimeoutId);
        iTimeoutId = null;
    }
    
    if (!oXmlHttp) {
        oXmlHttp = zXmlHttp.createRequest();
    } else if (oXmlHttp.readyState != 0) {
        oXmlHttp.abort();
    }
  
    oXmlHttp.open("get", "sok.php?mode=0&txtSok=" + escape(txtField.value), true);
    var divSok = document.getElementById("divSok");
    divSok.innerHTML = "<strong>söker..</strong>";
    divSok.style.display = "block";
    oXmlHttp.onreadystatechange = function () {               
        
    	if (oXmlHttp.readyState == 4) {
      	if (oXmlHttp.status == 200) {
        	var arrInfo = oXmlHttp.responseText.split("||");
          if (eval(arrInfo[0])) {
          	if (arrInfo[1]!='') { 		
          		divSok.innerHTML = "<strong>Sökresultat (visar max 5 st)</strong><br />";
	        		var divHits = document.getElementById("divHits");                
	        		divHits.innerHTML = "<br />"+arrInfo[1]+"<br />";
	        		divHits.innerHTML += arrInfo[2];
	        		divHits.style.display = "block";
          	}
          	txtField.valid = false;                    
         	} 
         	else {
          	divSok.innerHTML = "<strong>Inga träffar</strong>";
          	var divHits = document.getElementById("divHits");  
            divHits.style.display = "none";
						txtField.valid = true;
          }
                
        } 
        else {
        	alert("An error occurred while trying to contact the server.");
        }
     	}
    };
    
    iTimeoutId = setTimeout(function () {
        oXmlHttp.send(null);
    }, 500);
	}

	else if(txtField.value.length<1) {
		var divHits = document.getElementById("divHits");
		divHits.style.display = "none";
		var divSok = document.getElementById("divSok");
		divSok.style.display = "none";
	}
};


//if Ajax is enabled, disable the submit button and assign event handlers
window.onload = function () {
    if (zXmlHttp.isSupported()) {
        var txtSok = document.getElementById("txtSok");

        txtSok.onkeyup = validateField;
        txtSok.onchange = validateField;
        txtSok.valid = false;        
    }
};