var xmlHttp

function showHint(str,keypre)

{
	//alert("hi")
if (str.length==0)
  { 
  document.getElementById("txtHint").style.display="none";
  //document.getElementById("txtHint").innerHTML="";
  return;
  }
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  } 
var url="gethint.asp";
url=url+"?q="+str;
url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=function() { stateChanged(keypre) };
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
} 

function stateChanged(b) 
{ 
//alert(b)
if (xmlHttp.readyState==4)
{
if (xmlHttp.responseText!="")
{
	var a=document.getElementsByName("keyword")[0];
	var cal=document.getElementById("Select1s").length-1
	if (b==13)
		{		
		a.value=document.getElementById("Select1s").value;
		document.getElementById("txtHint").style.display="none";
		}
		else if (b==38)
		{
		if (document.getElementById("Select1s").selectedIndex!=0)
		{
		//alert("hi");
		document.getElementById("Select1s").selectedIndex-=1;
		a.value=document.getElementById("Select1s").value;
		}
		else
		{
		//alert(document.getElementById("Select1").length)
		//document.getElementById("Select1").selectedIndex=document.getElementById("Select1").length;
		window.event.keyCode=0;
		}
		}
		else if (b==40)
		{
		//alert(b)
		//alert(cal);
		//alert(document.getElementById("Select1").selectedIndex);
		if (cal!=document.getElementById("Select1s").selectedIndex)
		{
		//alert("hi");
		document.getElementById("Select1s").selectedIndex+=1;
		a.value=document.getElementById("Select1s").value;
		}
		else
		{
		//alert("hi")
		//alert(document.getElementById("Select1").length)
		//document.getElementById("Select1").selectedIndex=document.getElementById("Select1").length;
		window.event.keyCode=0;
		}
		}
		else
		{		
	
	var opttext;
document.getElementById("txtHint").style.display="block";
//document.getElementById("Select1s").clear();
document.getElementById("Select1s").length=0;
//alert(xmlHttp.responseText);	
//var Ajaxsearch
//Ajaxsearch="<select name='select' id='select' multiple='multiple'  style='{width='100';height='1000'}'>"
var stringarr=xmlHttp.responseText.split(',').length;
var stringarr1=xmlHttp.responseText.split(',');
//var selval="<select name='select' id='select' class='logininput3' onchange='setval1(this)'>";
for (i=0;i<stringarr;i++)
{
//selval+="<option value='"+ stringarr1[i]+"'>"+ stringarr1[i]+"</option>";	
//document.getElementById("txtHint").innerHTML=xmlHttp.responseText
var optn = document.createElement("OPTION");
opttext=stringarr1[i];
//opttext=stringarr1[i].substring(0,15);
opttext=opttext.replace("'","")
opttext=opttext.replace(">","")
opttext=opttext.replace("<","")
//opttext=opttext.replace("-","")

optn.text = opttext;
optn.value = opttext;
document.getElementById("Select1s").options.add(optn);
}
//alert(document.getElementById("Select1s").length)
document.getElementById("Select1s").selectedIndex=0;
document.getElementById("Select1s").size=20;

if (parseFloat(document.getElementById("Select1s").offsetWidth)<=180)
{
document.getElementById("Select1s").style.width=180;
}
//alert(document.getElementById("Select1s").offsetWidth)
//selval+="</select>";
//alert(selval);
//document.getElementById("loc").innerHTML=selval;
//Ajaxsearch=selval;

//Ajaxsearch=Ajaxsearch+"<option value='"+ xmlHttp.responseText +"'>"+xmlHttp.responseText+"</option>"


//Ajaxsearch=Ajaxsearch+"</select>"
//document.getElementById("txtHint").innerHTML=Ajaxsearch

//document.getElementById("select").length=20;
var elem = document.getElementById("keyword");
var pos = getElementPosition(elem);
//alert(pos.x + "," + pos.y);
document.getElementById("txtHint").style.left=pos.x;
document.getElementById("txtHint").style.top=parseFloat(pos.y)+15;

//alert(document.getElementsByName("keyword")[0].offsetTop);
//alert(document.getElementsByName("keyword")[0].offsetLeft);
		}
}
else
{
document.getElementById("txtHint").style.display="none";
}
}
}

function getElementPosition(theElement){ 
var posX = 0;  var posY = 0;               
while(theElement != null){    posX += theElement.offsetLeft;    posY += theElement.offsetTop;    theElement = theElement.offsetParent;  }                        		       
return {x:posX,y:posY}}

function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}