/*

	This is the JavaScript file for the AJAX Suggest Tutorial



	You may use this code in your own projects as long as this 

	copyright is left	in place.  All code is provided AS-IS.

	This code is distributed in the hope that it will be useful,

 	but WITHOUT ANY WARRANTY; without even the implied warranty of

 	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.

	

	For the rest of the code visit http://www.DynamicAJAX.com

	

	Copyright 2006 Ryan Smith / 345 Technical / 345 Group.

    Modified by James Pirruccello.



*/

//Gets the browser specific XmlHttpRequest Object

function getXmlHttpRequestObject() {

	if (window.XMLHttpRequest) {

		return new XMLHttpRequest();

	} else if(window.ActiveXObject) {

		return new ActiveXObject("Microsoft.XMLHTTP");

	} else {

		alert("Sorry, you must have the latest version of Firefox or IE, and you must have JavaScript enabled.");

	}

}



//Our XmlHttpRequest object to get the auto suggest

var searchReq = getXmlHttpRequestObject();

var searchReqID = getXmlHttpRequestObject();



//Called from keyup on the search textbox.

//Starts the AJAX request.

function searchSuggest() {

	if (searchReq.readyState == 4 || searchReq.readyState == 0) {

		var str = encodeURIComponent(document.getElementById('schoolName').value);

		searchReq.open("GET", '/includes/ajax/suggest/searchSuggest.php?search=' + str, true);

		searchReqID.open("GET", '/includes/ajax/suggest/searchSuggest.php?method=ID&search=' + str, true);

		searchReq.onreadystatechange = handleSearchSuggest;

		searchReqID.onreadystatechange = handleSearchSuggest;

		searchReq.send(null);

		searchReqID.send(null);

	}

}





//Called when the AJAX response is returned.

function handleSearchSuggest() {

	if (searchReq.readyState == 4) {

		var ss = document.getElementById('search_suggest')

		ss.innerHTML = '';

		var str = searchReq.responseText.split("\n");



		var ssID = document.getElementById('search_suggest_id')

		ssID.innerHTML = '';

  		//var strID = searchReqID.responseText.split("\n");



		for(i=0; i < str.length - 1; i++) {

			//Build our element string.  This is cleaner using the DOM, but

			//IE doesn't support dynamically added attributes.
            var school_id = new Array();
            school_id = str[i].split('|');

			var suggest = '<div onmouseover="javascript:suggestOver(this);" ';

			suggest += 'onmouseout="javascript:suggestOut(this);" ';

   // THISISTHEMAGICALLINE

			suggest += 'onclick="javascript:setSearch(\'' + school_id[0] + '\');javascript:setSearch_id(\'' + school_id[1] + '\');"';

			suggest += 'class="suggest_link" tabindex=0><font class=bigger style="font-size:10px">' + school_id[0] + '</font><br /><font style="font-size:10px">' + school_id[3] + ', ' + school_id[2] + '</font></div>';

			ss.innerHTML += suggest;

            /*

            var suggest_id = '<div onclick="javascript:setSearch(this.innerHTML);">' + strID[i] + '</div>';

            ssID.innerHTML += suggest_id;

            */

        }

	}

}





//Mouse over function

function suggestOver(div_value) {

	div_value.className = 'suggest_link_over';

}

//Mouse out function

function suggestOut(div_value) {

	div_value.className = 'suggest_link';

}

//Click function

function setSearch(value) {

	document.getElementById('schoolName').value = value;

	document.getElementById('search_suggest').innerHTML = '';

}


//Clear when we blur
function clearSearchbar(value) {

	//document.getElementById('search_suggest').innerHTML = '';

	//document.getElementById('schoolName').innerHTML = '';

}

//Click function

function setSearch_id(value) {

	document.getElementById('id').value = value;

}

//Clear list on 'else' click
function clearList(){
	var ss = document.getElementById('search_suggest')
	ss.innerHTML = '';
}