var currentTimeout = 0;

function hideResults() {
    var resultElement = document.getElementById("results");
    resultElement.innerHTML = "";
    resultElement.style.display = "none";
    $(".searchbackground").remove();
}

function loadResults(queryString) {
    if(queryString == "") {
        hideResults();
        return;
    }
    var tURL = "SearchResults.php?q=" + escape(queryString);
    jQuery.get(tURL, function(result){
	    var resultElement = document.getElementById("results");
	    resultElement.style.display = "block";   
	    resultElement.innerHTML = result;
	    
	    var el = document.createElement("div");
	    $(document.body).append(el);
	    var cover = $(el);
	    cover.addClass("searchbackground");
	    cover.click(function(){
	    	hideResults();
	    });
	    
    });
}

function performSearch(query) {
    currentTimeout = 0;
    loadResults(query);
}


$(document).ready(function(){
	$("#searchfield").keyup(function(){
   		if(currentTimeout != 0) clearTimeout(currentTimeout);
	    currentTimeout = setTimeout(function(){performSearch($("#searchfield").val());},300);
	});
});