var xmlHttp
var pressedKey
var menuOptions = new Array();
var selectOption = -1;
var menuDivGlobal;
menuOptions['options'] = new Array();
menuOptions['id'] = new Array();
var curTextBox;
var eventObj;


function showResult1(rrr,ttt,qqq, menuSrc, xxxeve)
{
	xxx = showResult(rrr,ttt,qqq, menuSrc, xxxeve);
}



function showResult(str, rows, menuDiv, menuSrc, eventObj)
{

	menuDivGlobal = menuDiv;
	pressedKey = eventObj.keyCode
	curTextBox = eventObj.srcElement? eventObj.srcElement : eventObj.target;
	if (str.length==0)
	{

		document.getElementById(menuDiv).innerHTML="";
		document.getElementById(menuDiv).style.border="0px";
		return
	}
	xmlHttp=GetXmlHttpObject()
	if (xmlHttp==null)
	{
		alert ("Browser does not support HTTP Request")
		return
	}
	var url=""
	url=url+"./unclude/unit_xml.php?brand="+str+"&rows="+rows+"&source="+menuSrc;
	//url=url+"?unit=xml&brand="+str+"&rows="+rows+"&source="+menuSrc;
	url="./include/unit_xml.php?unit=xml&brand="+str+"&rows="+rows+"&source="+menuSrc+"&country=NZ"
	if (pressedKey==40)
	{
		var div1 = document.getElementById(menuDiv);
		selectOption = selectOption + 1;
	}
	else if (pressedKey==13 && document.getElementById(menuDiv).innerHTML != "")
	{
		curTextBox.value = menuOptions['options'][selectOption];
		menuOptions['options'] = new Array();
		document.getElementById(menuDiv).style.border="1px solid #ffffff";
		makeMenu()
		return (menuOptions['id'][selectOption])
	}
	else if (pressedKey==38)
	{
		if (selectOption<0) {
			selectOption = -1;
		}
		else
		{
			selectOption = selectOption - 1;
		}
	}
	else
	{
		xmlHttp.open("GET",url,true)
		xmlHttp.onreadystatechange=stateChanged
		xmlHttp.send(null)
	}
	makeMenu()
}




function stateChanged()
{
	//alert (menuDivGlobal);
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	{
	//	document.getElementById(menuDivGlobal).innerHTML="";
		document.getElementById(menuDivGlobal).style.border="1px solid #A5ACB2";
	      var div = document.getElementById(menuDivGlobal);
		response = xmlHttp.responseXML;
		//alert(response);
		menuOptions['options'] = new Array();
		selectOption = response.getElementsByTagName("name").length -1;
//		alert (selectOption);
		selectOption = -1;
            for (x=0; x < response.getElementsByTagName("name").length; x++)
		{
                 	      menuOptions['options'][x]= response.getElementsByTagName("name")[x].childNodes[0].nodeValue;
                 	      menuOptions['id'][x]= response.getElementsByTagName("id")[x].childNodes[0].nodeValue;
//                 	      alert (menuOptions['options'][x]);
           	}
           	makeMenu()
	}
}



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;
}



function makeMenu()
{
	var div = document.getElementById(menuDivGlobal);
	var temp = "";
	styleSelect = "BACKGROUND-COLOR:#3f43f5;width:350px;color:#ffffff;font-weight:bold;"
	styleNoSelect = "BACKGROUND-COLOR:#ffffff;width:350px;"
	for (x=0; x <menuOptions['options'].length; x++)
	//alert(selectOption);
	{
		if (selectOption==x) {
			temp = temp + '<div id="'+x+'" style="'+styleSelect+'" onclick="menuClick(curTextBox)">'+ menuOptions['options'][x] + '</div>';
		}else{
			temp = temp + '<div id="'+x+'" style="'+styleNoSelect+'" onMouseOver="menuMouse('+x+')" onclick="menuClick(curTextBox)" >'+ menuOptions['options'][x] + '</div>';
		}
    }
    div.innerHTML = temp;
//    alert(temp);

}

function menuMouse(x)
{
//	alert(x);
	curTextBox.value = menuOptions['options'][x];
//	document.getElementById('fieldTitle').value = menuOptions['options'][x];
//	evtobj=window.event? event : e
//	theElement = eventObj.srcElement? eventObj.srcElement : eventObj.target;
//	alert(theElement.id);
	selectOption = x;
//	selectOption = event.srcElement.id
//	alert(evtobj.srcElement.name)
	//selectOption = eventObj.target.id
//	 temp1 = eventObj.srcElement? eventObj.srcElement : eventObj.target;
//	 selectOption = temp1.id;
//	alert(event.srcElement.id)
	makeMenu()

}



function menuClick(txtBox)
{
	curTextBox.value = menuOptions['options'][selectOption];
	document.getElementById(menuDivGlobal).innerHTML="";
//	alert('clicked');
//	return (menuOptions['id'][selectOption])
}

//onclick="menuClick("'+curTextBox.id+'")"
//onclick="menuClick()"