//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 does not support this function!");
	}
}

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

//Called from keyup on the search textbox.
//Starts the AJAX request.
function searchSuggest() {

//Check if the search field is empty. If so empty Search Suggest inner HTML.

	if (document.getElementById('txtSearch').value == "") {
		document.getElementById('pub_suggest').innerHTML = '';
		document.getElementById('pub_info').innerHTML = '';
		
		
		
		
		
	}

	else if (searchReq.readyState == 4 || searchReq.readyState == 0) {
		var str = escape(document.getElementById('txtSearch').value);
		searchReq.open("GET", '../paper_products/pubSuggest.php?search=' + str+'&sid='+Math.random(), true);
		searchReq.onreadystatechange = handleSearchSuggest; 
		searchReq.send(null);
	}
	
}

function handleSearchSuggest() {
	if (searchReq.readyState == 4) {
	
		var p_suggest = document.getElementById('pub_suggest')
		
		p_suggest.innerHTML = '';
		
		var results = searchReq.responseText.split("\n");
		
		for (i=0; i < results.length -1; i++) {
		
    		var string = results[i].split('|');	
				
			var publicationCode = string[0];
			
			var publicationPPost = string[5];
			
			var publicationDisc = string[1].replace("\'", "\\'");
		
		
			//Only performs if there is anything in String[1]		
			if (string[1]){
   
				
				var suggest = ' <div class="table_setup"><table border = "0" align="center" width = "100%" cellpadding ="0" cellspacing=0" class="suggest_link"><tr onmouseover="javascript:suggestOver(this);"  onclick="javascript:setSearch(\'' + string[4] + '\', \'' + string[2] + '\', \'' + string[0] + '\', \'' + string[5] + '\',  \'' + publicationDisc + '\', \'' + string[3] + '\');" onmouseout="javascript:suggestOut(this);"><td width= "25%">' + publicationCode + publicationPPost + '</td><td>' + string[1] +'</td></tr></div>' ;

    			p_suggest.innerHTML += suggest;
		
		
			}
		}
	}	
}


//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(notes, price, code, ppost, description, date) {
document.getElementById('pub_info').innerHTML =  ' <div class= "table_setup"><table border = "0" align="center" width = "100%" class= "selected_chart_inner"><tr><td width = "25%"><b>Publication Details</b></td><td colspan = "3">&nbsp;</td></tr><tr><td><b>Code/Description:</b></td><td align = "left"> ' + code + '   -   ' + description + '</td></tr><tr><td><b>Notes:</b></td><td colspan = "3">' + notes + '</td></tr><tr><td><b>Price:</b></td><td colspan = "3"> &pound;' + price + ' </td></tr><tr><td><b>Edition Date</b></td><td colspan = "3">' + date + '</td></tr></table></div>';
	
}