window.onload = initAll;
var xhr = false;
var statesArray = new Array();


function initAll() {
	document.getElementById("searchField").setAttribute("autocomplete", "off");
	document.getElementById("searchField").focus();
	document.getElementById("searchField").onkeyup = searchSuggest;

	if (window.XMLHttpRequest) {
		xhr = new XMLHttpRequest();
	}//end if
	else {
		if (window.ActiveXObject) {
			try {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e) { }
		}
	}

	if (xhr) {
		xhr.onreadystatechange = setStatesArray;
		xhr.open("GET", "dictionary.php", true);
		xhr.send(null);
	}
	else {
		alert("Sorry, but I couldn't create an XMLHttpRequest.  The Jargon Buster is broken. Please let us know.");
	}
}




function htmlData(url,qStr)
{
	
   if (url.length==0)
   {
		document.getElementById("definition").innerHTML="";
   }

   xmlHttp=GetXmlHttpObject()

   if (xmlHttp==null)
   {
       alert ("Browser does not support HTTP Request");
       return;
   }
   url=url+"?word="+qStr;
   url=url+"&sid="+Math.random();
   xmlHttp.onreadystatechange=stateChanged;
   xmlHttp.open("GET",url,true) ;
   xmlHttp.send(null);
	
}

function GetXmlHttpObject(handler)
{
   var objXMLHttp=null
   if (window.XMLHttpRequest)
   {
       objXMLHttp=new XMLHttpRequest()
   }
   else if (window.ActiveXObject)
   {
       objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
   }
   return objXMLHttp
}
function displayDef(){
var qStr= document.getElementById("searchField").value ;
	var topDiv = document.createElement("div");
				topDiv.innerHTML = "Definitions: " + qStr;
				topDiv.className = "top_div";
				document.getElementById("definition").appendChild(topDiv);
			
			var tempDiv = document.createElement("div");
				tempDiv.innerHTML = xmlHttp.responseText ;
				tempDiv.className = "definition";
				document.getElementById("definition").appendChild(tempDiv);
				
			var bottomDiv = document.createElement("div");
				bottomDiv.innerHTML = "<a href='#' onclick='closeDef()'>Close</a>";
				bottomDiv.className = "bottom_div";
				document.getElementById("definition").appendChild(bottomDiv);
				
			
			
			
			document.getElementById("popups").innerHTML = ""; //remove suggestions when definition is showing.
			document.getElementById("searchField").focus();

}//end function displayDef


function stateChanged()
{
	
	
   if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
   {

	displayDef();
   }
   else {
           //alert("Bollix! Status: " + xmlHttp.status + " Readystate is : " + xmlHttp.readyState);

   }
}

function closeDef() {
	document.getElementById("definition").innerHTML = "";
	document.getElementById("searchField").value = "";
	document.getElementById("searchField").focus();
}//end function

function setStatesArray() {
	if (xhr.readyState == 4) {
		if (xhr.status == 200) {
			if (xhr.responseXML) {
				var allStates = xhr.responseXML.getElementsByTagName("item");
				for (var i=0; i<allStates.length; i++) {
					statesArray[i] = allStates[i].getElementsByTagName("label")[0].firstChild;
				}
			}
		}
		else {
			alert("There was a problem with the request " + xhr.status + "Please let us know");
		}
	}
}

function searchSuggest() {
	var str = document.getElementById("searchField").value;
	if (!str) { document.getElementById("definition").innerHTML = "";}
	document.getElementById("searchField").className = "";
	if (str != "") {
		document.getElementById("popups").innerHTML = "";
		document.getElementById("definition").innerHTML = "";
	
		for (var i=0; i<statesArray.length; i++) {
			var thisState = statesArray[i].nodeValue;
	
			if (thisState.toLowerCase().indexOf(str.toLowerCase()) == 0) {
				var tempDiv = document.createElement("div");
				tempDiv.innerHTML = thisState;
				tempDiv.onclick = makeChoice;
				tempDiv.className = "suggestions";
				document.getElementById("popups").appendChild(tempDiv);
			}
		}
		var foundCt = document.getElementById("popups").childNodes.length;
		if (foundCt == 0) {
			document.getElementById("searchField").className = "error";
			var tempDiv = document.createElement("div");
			tempDiv.innerHTML = "No Matches" ;
			tempDiv.className = "suggestions";
			document.getElementById("popups").appendChild(tempDiv);
		}
		if (foundCt == 1) {
			document.getElementById("searchField").value = document.getElementById("popups").firstChild.innerHTML;
			var word = document.getElementById("searchField").value;
			htmlData("http://www.webshed.ie/definitions.php", word);
		}
	}//end if
	else { 
		document.getElementById("popups").innerHTML = "";
		//document.getElementById("suggestions").innerHTML = "";
		document.getElementById("definition").innerHTML = "";
	}//end else
}//end searchsuggest


/*
* When you click on a suggested definition
*
*/
function makeChoice(evt) {

	var thisDiv = (evt) ? evt.target : window.event.srcElement;
	document.getElementById("searchField").value = thisDiv.innerHTML;
	var wordFull=thisDiv.innerHTML;
	htmlData('http://www.webshed.ie/definitions.php',wordFull);
	
	document.getElementById("popups").innerHTML = "";
/*	
	
	if (evt){
		var thisDiv = evt.target;
		var wordFull = thisDiv.innerHTML ; 
		htmlData('http://www.webshed.ie/definitions.php',wordFull);
	}
	else {
		var thisDiv = window.event.srcElement;
		alert("it broke here");
	}
	document.getElementById("popups").innerHTML = "";
	document.getElementById("searchField").value = thisDiv.innerHTML;
*/	
}