var http_request = false;
    var url= "itemsearch.asp?query=";
    var hasresults = false;
    var obj = new Array();
    obj[0] = "ItemIdText";

    var resultsArray = new Array();
    resultsArray[0] = "ItemIdText";

    function getRequest()
    {
        var request = false;

        try
        {
            request = new XMLHttpRequest();
        }
        catch (trymicrosoft)
        {
            try
            {
                request = new ActiveXObject("Msxml2.XMLHTTP");
            }
                catch (othermicrosoft)
            {

            try
            {
                request = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (failed)
            {
                request = false;
            }
        }
    }

    if (request.overrideMimeType)
    {
        request.overrideMimeType("text/xml");
    }

    if (!request)
    {
        alert("Cannot create XMLHTTP instance");
        return false;
    }
        return request;
    }

    function findPos(obj)
    {
        var curleft = curtop = 0;

        if (obj.offsetParent)
        {
            curleft = obj.offsetLeft;
            curtop = obj.offsetTop;

            while (obj = obj.offsetParent)
            {
                curleft += obj.offsetLeft;
                curtop += obj.offsetTop;
            }
        }

        return [curleft,curtop];
    }


    function getTableHeight(otable)
    {
        document.getElementById("ItemIdDiv").style.height = 	  document.getElementById(otable).offsetHeight+10+"px";
    }

    function update(itemId)
    {
        //document.getElementById('ItemIdText').value = itemId;
        //document.getElementById('ItemIdDiv').innerHTML='';
        //document.getElementById('ItemIdDiv').style.display='none';

	document.all['ItemIdText'].value = itemId;
        document.all['ItemIdDiv'].innerHTML='';
        document.all['ItemIdDiv'].style.display='none';
        //alert('close me');

        removeArray(resultsArray);
    }

    function close(itemId)
    {
        document.getElementById('ItemIdText').value = '';
        document.getElementById('ItemIdDiv').innerHTML='';
        document.getElementById('ItemIdDiv').style.display='none';
    }

    function closeNoTIE()
    {
        //alert("abc");
	document.getElementById('ItemIdText').value = '';
        document.getElementById('ItemIdDiv').innerHTML='';
        document.getElementById('ItemIdDiv').style.display='none';
    }


    function getCode(e)
    {
        var code;
        e = e || window.event;

        if (e.keyCode)
        {
            code = e.keyCode;
        }
        else if (e.which)
        {
            code = e.which;
        }

        return code;
    }

    function KillSpaceBar(e)
    {
        var code;
        e = e || window.event;

        if (e.keyCode)
        {
            code = e.keyCode;
        }
        else if (e.which)
        {
            code = e.which;
        }

        if (code == 38 || code == 40 )
        {
            e.cancelBubble = true;
            e.returnValue = false;

            if (e.stopPropagation)
            {
                e.stopPropagation();
                e.preventDefault();
            }
            return false;
        }
    }

    function verifyTab(e, obj)
    {
        var code = getCode(e);

        if (code == 9)
        {
            /**
            * If the predictive text is not open, I leave the tab go
            * to the next field, if it is open, I kill the tab so we loop
            * through the predictive text options
            */
            if (obj.value.length > 3)
            {
                killEvent(e);
                return false;
            }
        }
    }

    function killEvent(e)
    {
        e.cancelBubble = true;
        e.returnValue = false;

        if (e.stopPropagation)
        {
            e.stopPropagation();
            e.preventDefault();
        }
    }

    function selectit(evt)
    {
        evt = evt ? evt : event;
        var keyCode = evt.keyCode;

        if(keyCode == 40 || keyCode == 9)
        {
            document.getElementById(resultsArray[0]).focus();
        }
    }


    function removeArray(array)
    {
        var i = 0;

        while (i < array.length)
        {
            array.splice(i, 1);
        }
    }


    function findMe1(me)
    {
        for(i=0;i<=resultsArray.length-1;i++)
        {
            if(me.id == resultsArray[i])
            {
                if(i != resultsArray.length-1)
                {
                    document.getElementById(resultsArray[i+1]).focus()
                }
                else
                {
                    document.getElementById(resultsArray[0]).focus()
                }
            }
        }
    }

    var rev = false

    function keyCodeAndArray1(evt,me)
    {
        KillSpaceBar(evt)
        evt = evt ? evt : event;
        var keyCode = evt.keyCode;

        if(keyCode == 40 || keyCode == 9)
        {
            findMe(me)
        }

        if(keyCode == 38)
        {
            findMe(me)
        }
    }

    function findMe(me,up)
    {
        for(i=0;i<=resultsArray.length-1;i++)
        {
            if(me.id == resultsArray[i])
            {
                if(i != resultsArray.length-1 && !up)
                {
                    document.getElementById(resultsArray[i+1]).focus()
                }
                else
                {
                    if(i != 0 && up)
                    {
                        document.getElementById(resultsArray[i-1]).focus()
                    }
                    else
                    {
                        if(i == 0 && up)
                        {
                            document.getElementById('ItemIdText').value = document.getElementById('ItemIdCode').value;
                            document.getElementById('ItemIdText').focus()
                        }
                    }

                }
            }
        }
    }

    function keyCodeAndArray(evt,me)
    {
        KillSpaceBar(evt)
        evt = evt ? evt : event;
        var keyCode = evt.keyCode;

        if(keyCode == 40 || keyCode == 9)
        {
            findMe(me, false)
        }
        if(keyCode == 38)
        {
          findMe(me,true)
        }
    }


    function SubmitSelection(itemid)
    {
	
	//var itemid=itemid;
        //alert(itemid)
	////document.getElementById('ItemIdText').value = itemId;
	//document.RCD_WebSearchForm.elements['search'].value= itemId;
	//document.RCD_WebSearchForm.submit();
	document.RCD_WebSearchForm.submit();

    }

    function enterupdate(e,itemId)
    {
        if (!e)
        {
            var e = window.event
        }
        if (e.keyCode)
        {
            code = e.keyCode;
        }
        else if (e.which)
        {
            code = e.which;
        }

        if(code == 9 )
            return false;

        if(window.event && window.event.keyCode == 13 || code == 13 || window.event && window.event.keyCode == 9 || code == 9)
        {
            document.getElementById('ItemIdText').value = itemId;
            document.getElementById('ItemIdDiv').innerHTML='';
            document.getElementById('ItemIdDiv').style.display='none';
            document.RCD_WebSearchForm.elements['search'].focus();
		document.RCD_WebSearchForm.submit();
            return false;
        }
    }

    function closeonenter()
    {
        removeArray(resultsArray);
    }

    function updateInput(e,ItemId)
    {
        document.getElementById('ItemIdText').value = ItemId;
        return false
    }

    function changeClass(who,what)
    {
        who.className = what
    }

    function onOff(who)
    {
        for(i=0;i<obj.length;i++)
        {
            if(document.getElementById(obj[i]) != who)
            {
                dis = obj[i]
            }

        }
    }

    function offOn()
    {
        for(i=0;i<obj.length;i++)
        {
            dis = obj[i]
        }
    }

    function doTrans()
    {
        itemIdDiv.filters[0].Apply();
        itemIdDiv.filters[0].Play();
    }

    function getOnreadystatechangeFunction(query)
    {
        var items = new Array();

        function showContent()
        {
            removeArray(resultsArray);

            rev = false;

            if (http_request.readyState == 4)
            {
                if (http_request.status == 200)
                {
                    var results = http_request.responseText;

                    if(results.length >0)
                    {
                        items = results.split('|');
                        var isOpera = navigator.userAgent.indexOf('Opera') != -1;
                        var output = '<input type="hidden" name="ItemIdCode" id="ItemIdCode" value="'+ query.value+'" />';

                        if(!isOpera && navigator.userAgent.indexOf('MSIE') != -1)
                        {
                            output +='<div style="border: 2px solid; position:absolute;z-index:0;background-color:#4BA8E1;position:absolute; top: 3px; left: 0px;border-color:#4ba8e1;height:195px;width:400px">';
                        }
                        else
                        {
                            output +='<div style="border: 2px solid; position:absolute;z-index:0;background-color:#4BA8E1;position:absolute; top: 0px; left: 0px;border-color:#4ba8e1;height:193px;width:400px">';
                        }

                        output +='<table style="WIDTH: 400px" cellspacing="0" cellpadding="0">';
                        output +='<tr>';
                        output +='<td class="AutoComplete">';
                        output +='Suggestions';
                        output +='</td>';
                        output +='<td width="18" class="AutoComplete">';
			output +='&nbsp;';
                        output +='</td>';
                        output +='</tr>';
                        output +='</table>';
                        output +='<div style="overflow-x:hidden;overflow-y:auto;background-color:#9BD1FA; WIDTH: 400px; HEIGHT: 166px">';

                        output +='<table width="100%" style="background-color:#9BD1FA;" border="0" cellspacing="0" cellpadding="0" id="tableDiv">';


			for (var i=0;i<items.length;i++)
                        {
                            var item = items[i].split(',');
                            resultsArray[i]=item[0];
                            output +='<tr>';

			    //output +='<td width="20%"><input id ="'+item[0]+'" style="width:100%"  type="input" onFocus="KillSpaceBar(event);updateInput(event,\''+ item[1]+'\');changeClass(this,\'selectedItem\')" onBlur="KillSpaceBar(event);changeClass(this,\'unselectedItem\');" onKeyDown="KillSpaceBar(event);keyCodeAndArray(event,this);enterupdate(event,\''+ item[1]+'\')"  value="'+item[0]+'" onclick="update(\''+item[1]+'\')" onmouseover="this.className=\'selectedItem\';this.style.cursor=\'default\';"  onmouseout="this.className=\'unselectedItem\'"  class="unselectedItem" readonly /></td>';
			output +='<td width="20%"><input id ="'+item[0]+'" style="width:100%"  type="input" onFocus="KillSpaceBar(event);updateInput(event,\''+ item[0]+'\');changeClass(this,\'selectedItem\')" onBlur="KillSpaceBar(event);changeClass(this,\'unselectedItem\');" onKeyDown="KillSpaceBar(event);keyCodeAndArray(event,this);enterupdate(event,\''+ item[0]+'\')"  value="'+item[0]+'" onclick="SubmitSelection(\''+item[0]+'\')" onmouseover="this.className=\'selectedItem\';this.style.cursor=\'default\';"  onmouseout="this.className=\'unselectedItem\'"  class="unselectedItem" readonly /></td>';	
			    output +='</tr>';
                        }

			output +='</table></div>';

                        output +='<table style="WIDTH: 400px" cellspacing="0" cellpadding="0">';
                        output +='<tr>';

                        //if(!isOpera && navigator.userAgent.indexOf('MSIE') != -1)
                        //{
                            output +='<td class="AutoComplete">';
                            output +='<input id ="test" text-align=right" type="input" onFocus="KillSpaceBar(event);" onBlur="KillSpaceBar(event);" value="close x" onclick=closeNoTIE(); class="AutoCompleteClose" readonly/>';
			    //output +='<a href="#" onclick=closeNoTIE()>test</a>';
                            output +='</td>';
                        //}
                        //else
                        //{
				///output +='<td valign="center">';
				//output +='<input id ="test" style="width:100%;vertical-align:center;padding-top: 4px;text-align=right" type="input" onFocus="KillSpaceBar(event);" onBlur="KillSpaceBar(event);" value="close x - ff" onclick="alert('click')" class="AutoCompleteClose" readonly/>';
                            	//output +='</td>';
				//output +='<td class="AutoComplete">';
                            //output +='<input id ="test" style="width:100%;text-align=right" type="input" onFocus="KillSpaceBar(event);" onBlur="KillSpaceBar(event);" value="close x - ie" onclick="update(\'\')" class="AutoCompleteClose" readonly/>';
                            //output +='</td>';
                        //}

			output +='<td width="18">';
                        output +='&nbsp;';
                        output +='</td>';
                        output +='</tr>';
                        output +='</table></div>';

                        var pos = findPos(query);
                        var top = pos[1]+20;
                        var left = pos[0];

                        //var box =document.getElementById("ItemIdDiv");
			var box =document.all["ItemIdDiv"];
                        box.innerHTML = output;
                        box.style.position = "absolute";
                        box.style.left = left+"px";
                        box.style.top = top+"px";
                        box.style.display="block";
                        getTableHeight("tableDiv");
                        document.RCD_WebSearchForm.elements['search'].focus();

                    }
                    else
                    {
                        removeArray(resultsArray);
if(!isOpera && navigator.userAgent.indexOf('MSIE') != -1)
        {
		
                        document.getElementById("ItemIdDiv").innerHTML='';
                        document.getElementById("ItemIdDiv").style.display='none';

	  }
	  else
	  {
document.all['ItemIdDiv'].innerHTML='';
document.all['ItemIdDiv'].style.display='none';
}
                    }
                }
            }
        }

        return showContent;
    }

    var display;

    function LookFor(query)
    {
	  if(!isOpera && navigator.userAgent.indexOf('MSIE') != -1)
        {
		display = document.getElementById('ItemIdDiv');	
	  }
	  else
	  {	
		display = document.all['ItemIdDiv'];
        	
        }

        display.style.display='none';

        if (3>query.value.length)
        {
            return;
        }

        http_request = getRequest();
        http_request.onreadystatechange = getOnreadystatechangeFunction(query);
        http_request.open("GET", url + query.value, true);
        http_request.send(null);
    }

    function enterSalesQtyBox()
    {
        document.RCD_WebSearchForm.elements['search'].select();
        document.RCD_WebSearchForm.elements['search'].focus();
    }

    function enterItemIdBox()
    {
        document.RCD_WebSearchForm.elements['search'].select();
        document.RCD_WebSearchForm.elements['search'].focus();
    }

    function getOnreadystatechangeNameFunction(query)
    {
        function ShowContent()
        {
            if (http_request.readyState == 4)
            {
                if (http_request.status == 200)
                {
                    var result  = http_request.responseText;

                    if(result.length >0)
                    {
                        var items = result.split(',');
                        document.RCD_WebSearchForm.elements['SearchString'].value=items[1];

                        if(items[1])
                        {
                            if(document.RCD_WebSearchForm.elements['search'])
                            {
                                document.RCD_WebSearchForm.elements['search'].value=items[1];
                            }
                        }

                    }

                }
            }
        }
    
        return ShowContent;
    }