// JavaScript Document
/*----------------------------Suggest Code-------------------------*/
/*
	This is the JavaScript file for the osCommerce AJAX Search Suggest

	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 this code visit http://www.osCommerce-SSL.com

	For a complete detailed tutorial on how this code works visit:
	http://www.dynamicajax.com/fr/AJAX_Suggest_Tutorial-271_290_312.html

	For more AJAX code and tutorials visit http://www.DynamicAJAX.com

	Copyright 2006 Ryan Smith / 345 Technical / 345 Group.

*/
//Gets the browser specific XmlHttpRequest Object

var toret = '';

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.
function searchSuggest() {
	if (searchReq.readyState == 4 || searchReq.readyState == 0) {
		var str = escape(document.getElementById('txtSearch').value);
		searchReq.open("GET", 'searchsuggest.php?search=' + str, true);
		searchReq.onreadystatechange = handleSearchSuggest;
		searchReq.send(null);
	}
}

//Called when the AJAX response is returned.
function handleSearchSuggest() {
	if (searchReq.readyState == 4) {
		var ss = document.getElementById('search_suggest');
		ss.innerHTML = ''; var tempss = '';
		ss.style.visibility = 'visible';
		var str = searchReq.responseText.split("\n");
		var cclass = '';
		
		for(i=0; i < str.length; i++) {
			//Build our element string.  This is cleaner using the DOM, but
			//IE doesn't support dynamically added attributes.
			/*
			if ( (i%2) == 0 ) cclass = 'suggest_link';
			else cclass = 'suggest_link_1';
			
			if (i != 0) var suggest = '<tr onmouseover="javascript:suggestOver(this);" class="' + cclass + '" onmouseout="javascript:suggestOut(this);" ><td nowrap style= "font-size: 10px;">';
			else var suggest = '<table border=0 cellspacing=0 cellpadding=0><tr onmouseover="javascript:suggestOver(this);" onmouseout="javascript:suggestOut(this);" class="' + cclass + '"><td width=100 nowrap  style= "font-size: 10px;">';
			
			suggest += '<div onclick="javascript:setSearch(this.innerHTML);">&nbsp;';
			suggest += '';
			suggest += '';
			suggest += '';
			suggest += str[i]; 
			//suggest += '</div>';
			suggest += '</td><td style= "font-size: 10px;" > ';

			if (i==0) suggest += '&nbsp;<a onclick="suggestClose(); return false;" href="#"><b><font color=black><b>X</b></font></b></a>&nbsp;';
			suggest += '</td></tr>';			
			
			tempss += suggest;
		}
		
		
		
		if (str[i] > 15) {
			
			if ( (i%2) == 0 ) cclass = 'suggest_link';
			else cclass = 'suggest_link_1';

			var suggest = '<tr onmouseover="javascript:suggestOver(this);" class="' + cclass + '" onmouseout="javascript:suggestOut(this);" ><td nowrap colspan=3  style= "font-size: 10px;" align=right><a href = "/advanced_search_result.php?keywords=' + document.getElementById('txtSearch').value + '">meer (' + str[i] + ') ...</a></td></tr>';
			tempss += suggest;	*/
			
			tempss += str[i];	
			
		}
		
		
		//tempss += '</table>';
		//alert(tempss);
		ss.innerHTML = tempss;
		

	}
}

//Mouse over function
function suggestOver(div_value) {
	toret = div_value.className;
	div_value.className = 'suggest_link_over';
	//div_value.style.backgroundColor = '#336699';
}
//Mouse out function
function suggestOut(div_value) {
	div_value.className = toret;
	//div_value.style.backgroundColor = 'transparent';
}
//Click function
function setSearch(value) {
	document.getElementById('txtSearch').value = 'Loading...';
	document.getElementById('search_suggest').innerHTML = '';
}
/*-------------------------End Suggest Code--------------------------------*/
function suggestClose() {
	document.getElementById('search_suggest').innerHTML = '';
	document.getElementById('search_suggest').style.visibility = 'hidden';
}