/*
	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.	

*/
//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("Your Browser Sucks!\nIt's about time to upgrade don't you think?");
	}
}

//Our XmlHttpRequest object to get the auto suggest
var searchReq = getXmlHttpRequestObject();

//Called from keyup on the search textbox.
//Starts the AJAX request.
//Starts the AJAX request.
function searchSuggest1() {
	document.getElementById('search_suggest2').innerHTML = '';
	document.getElementById('search_suggest3').innerHTML = '';
	document.getElementById('search_suggest4').innerHTML = '';
	document.getElementById('search_suggest5').innerHTML = '';
	if (searchReq.readyState == 4 || searchReq.readyState == 0) {
		var str = escape(document.getElementById('prvi').value);
		searchReq.open("GET", './inc/moduli/searchSuggest.php?search=' + str, true);
		searchReq.onreadystatechange = handleSearchSuggest1; 
		searchReq.send(null);
	}		
}

//Called when the AJAX response is returned.
function handleSearchSuggest1() {
	if (searchReq.readyState == 4) {
		var ss = document.getElementById('search_suggest1')
		ss.innerHTML = '';
		var str = searchReq.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 suggest = '<div onmouseover="javascript:suggestOver1(this);" ';
			suggest += 'onmouseout="javascript:suggestOut1(this);" ';
			suggest += 'onclick="javascript:setSearch1(this.innerHTML);" ';
			suggest += 'class="suggest_link">' + str[i] + '</div>';
			ss.innerHTML += suggest;
		}
	}
}

//Mouse over function
function suggestOver1(div_value) {
	div_value.className = 'suggest_link_over';
}
//Mouse out function
function suggestOut1(div_value) {
	div_value.className = 'suggest_link';
}
//Click function
function setSearch1(value) {
	document.getElementById('prvi').value = value;
	document.getElementById('search_suggest1').innerHTML = '';
}


//
// 2
//
//Called from keyup on the search textbox.
//Starts the AJAX request.
//Starts the AJAX request.
function searchSuggest2() {
	document.getElementById('search_suggest1').innerHTML = '';
	document.getElementById('search_suggest3').innerHTML = '';
	document.getElementById('search_suggest4').innerHTML = '';
	document.getElementById('search_suggest5').innerHTML = '';
	if (searchReq.readyState == 4 || searchReq.readyState == 0) {
		var str = escape(document.getElementById('drugi').value);
		searchReq.open("GET", './inc/moduli/searchSuggest.php?search=' + str, true);
		searchReq.onreadystatechange = handleSearchSuggest2; 
		searchReq.send(null);
	}		
}

//Called when the AJAX response is returned.
function handleSearchSuggest2() {
	if (searchReq.readyState == 4) {
		var ss = document.getElementById('search_suggest2')
		ss.innerHTML = '';
		var str = searchReq.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 suggest = '<div onmouseover="javascript:suggestOver2(this);" ';
			suggest += 'onmouseout="javascript:suggestOut2(this);" ';
			suggest += 'onclick="javascript:setSearch2(this.innerHTML);" ';
			suggest += 'class="suggest_link">' + str[i] + '</div>';
			ss.innerHTML += suggest;
		}
	}
}

//Mouse over function
function suggestOver2(div_value) {
	div_value.className = 'suggest_link_over';
}
//Mouse out function
function suggestOut2(div_value) {
	div_value.className = 'suggest_link';
}
//Click function
function setSearch2(value) {
	document.getElementById('drugi').value = value;
	document.getElementById('search_suggest2').innerHTML = '';
}

//
// 2
//
//Called from keyup on the search textbox.
//Starts the AJAX request.
//Starts the AJAX request.
function searchSuggest3() {
	document.getElementById('search_suggest1').innerHTML = '';
	document.getElementById('search_suggest2').innerHTML = '';
	document.getElementById('search_suggest4').innerHTML = '';
	document.getElementById('search_suggest5').innerHTML = '';
	if (searchReq.readyState == 4 || searchReq.readyState == 0) {
		var str = escape(document.getElementById('tretji').value);
		searchReq.open("GET", './inc/moduli/searchSuggest.php?search=' + str, true);
		searchReq.onreadystatechange = handleSearchSuggest3; 
		searchReq.send(null);
	}		
}

//Called when the AJAX response is returned.
function handleSearchSuggest3() {
	if (searchReq.readyState == 4) {
		var ss = document.getElementById('search_suggest3')
		ss.innerHTML = '';
		var str = searchReq.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 suggest = '<div onmouseover="javascript:suggestOver3(this);" ';
			suggest += 'onmouseout="javascript:suggestOut3(this);" ';
			suggest += 'onclick="javascript:setSearch3(this.innerHTML);" ';
			suggest += 'class="suggest_link">' + str[i] + '</div>';
			ss.innerHTML += suggest;
		}
	}
}

//Mouse over function
function suggestOver3(div_value) {
	div_value.className = 'suggest_link_over';
}
//Mouse out function
function suggestOut3(div_value) {
	div_value.className = 'suggest_link';
}
//Click function
function setSearch3(value) {
	document.getElementById('tretji').value = value;
	document.getElementById('search_suggest3').innerHTML = '';
}

//
// 4
//
//Called from keyup on the search textbox.
//Starts the AJAX request.
//Starts the AJAX request.
function searchSuggest4() {
	document.getElementById('search_suggest1').innerHTML = '';
	document.getElementById('search_suggest3').innerHTML = '';
	document.getElementById('search_suggest2').innerHTML = '';
	document.getElementById('search_suggest5').innerHTML = '';
	if (searchReq.readyState == 4 || searchReq.readyState == 0) {
		var str = escape(document.getElementById('cetrti').value);
		searchReq.open("GET", './inc/moduli/searchSuggest.php?search=' + str, true);
		searchReq.onreadystatechange = handleSearchSuggest4; 
		searchReq.send(null);
	}		
}

//Called when the AJAX response is returned.
function handleSearchSuggest4() {
	if (searchReq.readyState == 4) {
		var ss = document.getElementById('search_suggest4')
		ss.innerHTML = '';
		var str = searchReq.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 suggest = '<div onmouseover="javascript:suggestOver4(this);" ';
			suggest += 'onmouseout="javascript:suggestOut4(this);" ';
			suggest += 'onclick="javascript:setSearch4(this.innerHTML);" ';
			suggest += 'class="suggest_link">' + str[i] + '</div>';
			ss.innerHTML += suggest;
		}
	}
}

//Mouse over function
function suggestOver4(div_value) {
	div_value.className = 'suggest_link_over';
}
//Mouse out function
function suggestOut4(div_value) {
	div_value.className = 'suggest_link';
}
//Click function
function setSearch4(value) {
	document.getElementById('cetrti').value = value;
	document.getElementById('search_suggest4').innerHTML = '';
}

//
// 5
//
//Called from keyup on the search textbox.
//Starts the AJAX request.
//Starts the AJAX request.
function searchSuggest5() {
	document.getElementById('search_suggest1').innerHTML = '';
	document.getElementById('search_suggest3').innerHTML = '';
	document.getElementById('search_suggest4').innerHTML = '';
	document.getElementById('search_suggest2').innerHTML = '';
	if (searchReq.readyState == 4 || searchReq.readyState == 0) {
		var str = escape(document.getElementById('peti').value);
		searchReq.open("GET", './inc/moduli/searchSuggest.php?search=' + str, true);
		searchReq.onreadystatechange = handleSearchSuggest5; 
		searchReq.send(null);
	}		
}

//Called when the AJAX response is returned.
function handleSearchSuggest5() {
	if (searchReq.readyState == 4) {
		var ss = document.getElementById('search_suggest5')
		ss.innerHTML = '';
		var str = searchReq.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 suggest = '<div onmouseover="javascript:suggestOver5(this);" ';
			suggest += 'onmouseout="javascript:suggestOut5(this);" ';
			suggest += 'onclick="javascript:setSearch5(this.innerHTML);" ';
			suggest += 'class="suggest_link">' + str[i] + '</div>';
			ss.innerHTML += suggest;
		}
	}
}

//Mouse over function
function suggestOver5(div_value) {
	div_value.className = 'suggest_link_over';
}
//Mouse out function
function suggestOut5(div_value) {
	div_value.className = 'suggest_link';
}
//Click function
function setSearch5(value) {
	document.getElementById('peti').value = value;
	document.getElementById('search_suggest5').innerHTML = '';
}