var xmlHttp;
/*******************************/
function showResult(str)  
/*******************************/
{
    if (str.length<4) { 
        document.getElementById("livesearch").innerHTML="";
        document.getElementById("livesearch").style.border="0px";
        document.getElementById("livesearch").style.height="0";
        document.getElementById("livesearch").style.visibility="hidden";
        /*document.getElementById("livesearch").style.overflow=auto;*/
        return;
    }

    xmlHttp=GetXmlHttpObject()

    if (xmlHttp==null)     {
        alert ("Browser does not support HTTP Request");
        return;
    } 

    var url="livesearch.php";
    url=url+"?q="+str;
    url=url+"&sid="+Math.random();
    xmlHttp.onreadystatechange=stateChanged ;
    xmlHttp.open("GET",url,true);
    xmlHttp.send(null);
} 
/*******************************/
function hideResult(str)  
/*******************************/
{
    document.getElementById("livesearch").innerHTML="";
    document.getElementById("livesearch").style.border="0px";
    document.getElementById("livesearch").style.height="0";
    document.getElementById("livesearch").style.visibility="hidden";
    return;
} 
/*******************************/
function ObjectPosition(obj) {
/*******************************/
    var curleft = 0;
      var curtop = 0;
      if (obj.offsetParent) {
            do {
                  curleft += obj.offsetLeft;
                  curtop += obj.offsetTop;
            } while (obj = obj.offsetParent);
      }
      return [curleft,curtop];
}
/*******************************/
function stateChanged() 
/*******************************/
{ 
    if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { 

        var aryPosition=ObjectPosition(document.getElementById("searchinput"));
        /*alert(aryPosition);*/
        document.getElementById("livesearch").style.left=aryPosition[0]-300;

        document.getElementById("livesearch").innerHTML=xmlHttp.responseText;
        document.getElementById("livesearch").style.border="1px solid #A5ACB2";
        document.getElementById("livesearch").style.height="225";
        document.getElementById("livesearch").style.visibility="visible";
        /*document.getElementById("livesearch").style.overflow=auto;*/
    } 
}
/*******************************/
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;
}