var xmlhttp;

function showResults(str) {
	
	if (str.length < 2) {
		document.getElementById("searchArea").style.background = "transparent";
		document.getElementById("searchArea").style.margin = "-45px 0px 0px -6px";
		document.getElementById("searchArea").style.border = "0px";
		document.getElementById("searchArea").style.width = "200px";
		document.getElementById("searchResults").innerHTML = "";		
		document.getElementById("searchResults").style.display = "none";
		document.getElementById("closeSearchArea").style.display = "none";
		document.getElementById("searchBox").style.width = "170px";
		document.getElementById("searchBox").style.background = "#FFFFFF";
			return;
	}
	
	document.getElementById("searchArea").style.background = "#f9f9f9";
	document.getElementById("searchArea").style.margin = "-46px 0px 0px -7px";
	document.getElementById("searchArea").style.border = "1px solid #666666";
	document.getElementById("searchArea").style.width = "380px";
	
document.getElementById("searchResults").innerHTML = "<table cellspacing='0' cellpadding='0' border='0' width='100%'><tr><td class='searchResultL' colspan='2'>Searching...</td></tr><tr><td class='searchResultL' colspan='2' style='padding: 10px 0px 5px 0px; text-align: left; color: #666666'>Not found what you're looking for? Try the <a href='/sitemap'><strong>sitemap</strong></a></td></tr></table>";
	
	document.getElementById("closeSearchArea").style.display = "block";
	document.getElementById("searchResults").style.display = "block";
	document.getElementById("searchBox").style.width = "250px";
	document.getElementById("searchBox").style.background = "#FFFFFF url(../images/loader.white.gif) 239px no-repeat";
	
	xmlhttp = GetXmlHttpObject();
	
	if (xmlhttp == null) {
		alert ("Browser does not support HTTP Request");
			return;
	}
	
	var url="http://gbbf.camra.org.uk/php/search.php";
	
	// replace spaces with [space]
	needle = str.replace(" ", "[space]");
	
	url = url + "?o=" + needle;
	url = url + "&sid=" + Math.random();
	
	xmlhttp.onreadystatechange = stateChanged;
	xmlhttp.open("GET", url, true);
	xmlhttp.send(null);
}

function stateChanged() {
	
	if (xmlhttp.readyState == 4) {
		result_text = xmlhttp.responseText;
		if (result_text.length > 0) {
			
			document.getElementById("searchArea").style.background = "#f9f9f9";
			document.getElementById("searchArea").style.margin = "-46px 0px 0px -7px";
			document.getElementById("searchArea").style.border = "1px solid #666666";
			document.getElementById("searchArea").style.width = "380px";
			
document.getElementById("searchResults").innerHTML = "<table cellspacing='0' cellpadding='0' border='0' width='100%'>" + result_text + "<tr><td class='searchResultL' colspan='2' style='padding: 10px 0px 5px 0px; text-align: left; color: #666666'>Not found what you're looking for? Try the <a href='/sitemap'><strong>sitemap</strong></a></td></tr></table>";
			
			document.getElementById("closeSearchArea").style.display = "block";
			document.getElementById("searchResults").style.display = "block";
			document.getElementById("searchBox").style.width = "250px";
			document.getElementById("searchBox").style.background = "#FFFFFF";
		}
	}
}

function GetXmlHttpObject() {
	
	if (window.XMLHttpRequest) {
		// code for IE7+, Firefox, Chrome, Opera, Safari
		return new XMLHttpRequest();
	}
	
	if (window.ActiveXObject) {
		// code for IE6, IE5
		return new ActiveXObject("Microsoft.XMLHTTP");
	}
	
	return null;
}

function search_box(id) {
	if (document.getElementById(id).value == "Search...") {
			document.getElementById(id).value = "";
			document.getElementById(id).style.color = "#000000";
			document.getElementById(id).select();
	}
}

function close_search_area() {
	document.getElementById("searchArea").style.background = "transparent";
	document.getElementById("searchArea").style.margin = "-45px 0px 0px -6px";
	document.getElementById("searchArea").style.border = "0px";
	document.getElementById("searchArea").style.width = "200px";
	document.getElementById("searchResults").innerHTML = "";		
	document.getElementById("searchResults").style.display = "none";
	document.getElementById("closeSearchArea").style.display = "none";
	document.getElementById("searchBox").style.width = "170px";
	document.getElementById("searchBox").style.background = "#FFFFFF";
	document.getElementById("searchBox").value = "Search...";
	document.getElementById("searchBox").style.color = "#666666";
}

function suggested_search(needle) {

	document.getElementById('searchBox').value = needle;
	document.getElementById('pop_up_search_box').submit();
}