var http = getHTTPObject();
var str;
//Gets the browser specific XmlHttpRequest Object
function getHTTPObject() {
  var xmlhttp;
  
  /*@cc_on
  @if (@_jscript_version >= 5)
    try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
        xmlhttp = false;
      }
    }
  @else
  xmlhttp = false;
  @end @*/
  if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
    try {
      xmlhttp = new XMLHttpRequest();
    } catch (e) {
      xmlhttp = false;
    }
  }
  
  return xmlhttp;
}



//Called from keyup on the search textbox.
//Starts the AJAX request.

function searchSuggest() {
http = getHTTPObject();

document.getElementById('search_suggest').style.display = 'block';

//var searchReq = getXmlHttpRequestObject();
	if (http.readyState == 4 || http.readyState == 0) {
		
		var str = escape(document.getElementById('txtSearch').value);
		
		if (str.length >= 3){
		http.open("GET", 'searchSuggest.asp?search=' + str, true);
		http.onreadystatechange = handleSearchSuggest; 
		http.send(null);
		}
	}		
}


function updateContent(value) {
	http = getHTTPObject();
	
	//alert(value)
	var horseName = document.getElementById('txtSearch').value
	
	url = "/ajax/racedata/GetHorseRaceDataSummary.asp?";
	url=url+"search="+ value ;
	//alert(url)


	http.onreadystatechange = handleHttpResponse;
	http.open("GET", url , true);
	http.send(null);
	
	//return false;

}


function handleHttpResponse() {
document.getElementById('horseie').style.display = 'none';
  
	if (http.readyState == 4 || http.readyState=="complete")
	{

		document.getElementById('contentdiv').innerHTML = http.responseText;	

	}
	if (http.readyState == 1) {
	document.getElementById('contentdiv').align = "CENTER"
	document.getElementById('contentdiv').innerHTML = "<img src='/images/ajax_loader.gif'>";
	}
	
}




//Called when the AJAX response is returned.
function handleSearchSuggest() {
var ss = document.getElementById('search_suggest')
	document.getElementById('horseie').style.display = 'none';
	document.getElementById('search_suggest').style.display = 'block';

	


	if (http.readyState == 4 || http.readyState=="complete") {
		document.getElementById('search_suggest').style.border = '1px solid #000000';
		//border: 20px solid #000000;
		
		document.getElementById('listload').innerHTML = "";
		document.getElementById('search_suggest').style.width = '160px';
				document.getElementById('search_suggest').style.height = '100px'; 
		document.getElementById('search_suggest').style.overflow = 'auto';
		
		ss.innerHTML = '';
		
		
		
		var responseTextOut = http.responseText;
		var str = responseTextOut.split(",");		
		
		
		for(i=0; i < str.length; i++) {
		
			var strOut = str[i].split("/");
			var strname = strOut[0]
			var strid = strOut[1]
			if (strid == "error"){
				document.getElementById('search_suggest').style.border = '0px solid #FFFFFF';
				document.getElementById('search_suggest').style.height = '0px';
				//document.getElementById('search_suggest').style.background = '#C73B3B'; 
				document.getElementById('contentdiv').innerHTML = '<div width="100%" align="center" class="copybold">' + strname + '</div>';
			
			}else{
			
			//Build our element string.  This is cleaner using the DOM, but
			//IE doesn't support dynamically added attributes.
			var suggest = '<div onmouseover="javascript:suggestOver(this);" ';
			suggest += 'onmouseout="javascript:suggestOut(this);" ';
			suggest += 'onclick="javascript:setSearch('+strid+',this.innerHTML);" ';
			suggest += 'class="suggest_link">' + strname + '</div>';
			ss.innerHTML += suggest;
			}
			
			
			
			//
			
		}
		
	}
		if (http.readyState == 1) {
		document.getElementById('listload').align = "CENTER"
		document.getElementById('listload').innerHTML = "<img src='/images/loadingindicator.gif'>";
	}
	
 

	
}



//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,value2) {
	document.getElementById('txtSearch').value = value2;
	document.getElementById('search_suggest').innerHTML = '';
	document.getElementById('search_suggest').style.height = '0px'; 
	document.getElementById('search_suggest').style.width = '0px';
	document.getElementById('search_suggest').style.border = '0px';
	document.getElementById('search_suggest').style.display = 'none';
	//border: 20px solid #000000;
	
	//document.getElementById('search_suggest').style.overflow = 'auto;'; 
        updateContent(value)
       
}