// JavaScript Document
var inputId="";
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 fetchList(txt)
{
	
if (txt !="")
 {
 
 	xmlHttp=GetXmlHttpObject();

	if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  } 
  document.getElementById("txtCity").style.background='#fff url(images/indicator.gif) no-repeat right top';
  document.frmsearch.txtSearch.value="";
  
  var url="citylist.php";
url=url+"?q="+txt;
url=url+"&sid="+Math.random();
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange=stateChangedData;

  //  xmlhttp.send("txtname=" + txtname.value); //Posting txtname to PHP File

xmlHttp.send();

 }
}
function stateChangedData()
{
	
	
	
	if( (xmlHttp.readyState==4)&&(xmlHttp.status==200))
		{
		
		var response=xmlHttp.responseText;
		//alert(response);
		var list=response.split("\n");
		
		var setlist= "<ul   style=\"background:#fff;border:1px solid #d7d7d7;\" >";
	 			for (var i = 0; i < list.length; i++)
	 			{
					var rows=list.length-1;
					var mylist=list[i];
					/*var mylist1=mylist.split("|");
					var cityname=mylist1[0];
					var cityname1=cityname.replace(/'/gi, '`');
					cityname1=cityname1.replace('"','',cityname1);
					cityname1=cityname1.replace("'","",cityname1);
					var cityid=mylist1[1];*/
					var j=i+1;
					var a=i-1;
					var cityid='city'+i;
				if(mylist != "")
					{if(i%2 ==0)
						{setlist=setlist+"<li id=\""+cityid+"\"  onmouseover=\"this.style.backgroundColor='#eeeeee';\" onmouseout=\"this.style.backgroundColor='#F5F5F5';this.style.color = 'gray';\" onKeyDown=\"displayunicode(event,"+i+","+j+","+a+","+rows+"); \" style=\"background:#F5F5F5;padding:5px;\">"+mylist+"</li>";
						}
						else
						{setlist=setlist+"<li id=\""+cityid+"\"   onmouseover=\"this.style.backgroundColor='#eeeeee';\" onmouseout=\"this.style.backgroundColor='#fff';this.style.color = 'gray';\" onKeyDown=\"displayunicode(event,"+i+","+j+","+a+","+rows+"); \" style=\"background:#FFFFFF;padding:5px;\">"+mylist+"</li>";
						}
					}
					
				}
				//<a onclick=\"alert('"+ cityname1 + "');\"  style=\"cursor:pointer;text-decoration:none; \" onmouseover=\"this.style.backgroundColor='#fff';\"  onmouseout=\"this.style.backgroundColor='#DADADA';\">"+cityname+"<a>
				//var setlist=response;
		document.getElementById("txtCity").style.background='#ffffff';
		document.getElementById("citylist").style.display='block';
		document.getElementById("citylist").style.overflow='auto';
		document.getElementById("citylist").scrollTop=0;
		document.getElementById("citylist").innerHTML=setlist+'</ul>';
		
	//onclick=\"pick('" +cityname1+ "',"+cityid+");\"
		}
		
}

function pick(val,id)
{	val=val.replace("`", "'");	
	document.getElementById("txtCity").value=val;
	document.getElementById("city").value=id;
	document.getElementById("citylist").innerHTML="";
	document.getElementById("citylist").style.display='none';
}
function fetch(txt,id)
{
inputId=id;	
//var city_id=document.getElementById("city").value;
var city_id="";
var cityname=document.getElementById("txtCity").value;
//alert(inputId);
if (txt !="")
 {
 
 	xmlHttp=GetXmlHttpObject();

	if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  } 
  document.getElementById(id).style.background='#fff url(images/indicator.gif) no-repeat right top';
 
  if(inputId =='txtSearch')
  {
  var url="autocomplete_search1.php";
  }
  else
  {
  var url="autocomplete_image_search1.php";
  }
url=url+"?q="+txt+"&q1="+city_id+"&q2="+cityname;
url=url+"&sid="+Math.random();
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange=stateChangedData1;

  //  xmlhttp.send("txtname=" + txtname.value); //Posting txtname to PHP File

xmlHttp.send();

 }
}
function stateChangedData1()
{
	
	
	
	if( (xmlHttp.readyState==4)&&(xmlHttp.status==200))
		{
		
		var response=xmlHttp.responseText;
		//alert(response);
		var list=response.split("\n");
		
		var setlist= "<ul   style=\"background:#fff;border:1px solid #d7d7d7; \" >";
	 			for (var i = 0; i < list.length; i++)
	 			{
					
					
					var rows=list.length-1;
					var mylist=list[i];
					/*var mylist1=mylist.split("@@@");
					var cityname=mylist1[0];
					//var cityname1=cityname.replace('\'', '`');
					var cityid=mylist1[1];*/
					var j=i+1;
					var a=i-1;
					
					var searchid='search'+i;
					if(mylist != "")
					{if(i%2 ==0)
						{setlist=setlist+"<li id=\""+searchid+"\"   onmouseover=\"this.style.backgroundColor='#eeeeee';\" onmouseout=\"this.style.backgroundColor='#F5F5F5';this.style.color = 'gray';\" onKeyDown=\"displayunicode(event,"+i+","+j+","+a+","+rows+"); \" style=\"background:#F5F5F5;padding:5px;\">"+mylist+"</li>";
						}
						else
						{setlist=setlist+"<li id=\""+searchid+"\"   onmouseover=\"this.style.backgroundColor='#eeeeee';\" onmouseout=\"this.style.backgroundColor='#fff';this.style.color = 'gray';\" onKeyDown=\"displayunicode(event,"+i+","+j+","+a+","+rows+"); \" style=\"background:#FFFFFF;padding:5px;\">"+mylist+"</li>";
						}
					}
					
				}
		document.getElementById(inputId).style.background='#ffffff';
		document.getElementById("searchlist").style.display='block';
		document.getElementById("searchlist").style.overflow='auto';
		document.getElementById("searchlist").innerHTML=setlist+'</ul>';
	
		}
		
}
function pick1(val,id)
{	val=val.replace("`", "'");	
	
	document.getElementById(inputId).value=val;
	
	document.getElementById("searchlist").innerHTML="";
	document.getElementById("searchlist").style.display='none';
}
function changefields(sel)
{
//document.frmsearch.action=sel.options[sel.selectedIndex].value;
	if(document.frmsearch.txtSearch.id =='txtSearch')
	{
		document.frmsearch.txtSearch.id='imageSearch';
	}
	else
	{
		document.frmsearch.txtSearch.id='txtSearch';
	}
}

function plist(txt,state)
{

 	xmlHttp=GetXmlHttpObject();

	if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  } 
 
 
  document.getElementById("res").style.background='#fff url(images/indicator.gif) no-repeat left 40px';
  var url="placelist.php";
 
url=url+"?q="+txt+"&q1="+state;
url=url+"&sid="+Math.random();
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange=stateChangedData2;

  //  xmlhttp.send("txtname=" + txtname.value); //Posting txtname to PHP File

xmlHttp.send();


}

function stateChangedData2()
{
	if( (xmlHttp.readyState==4)&&(xmlHttp.status==200))
		{
		var response=xmlHttp.responseText;
		//alert(response);
		document.getElementById("res").innerHTML=response;
		document.getElementById("res").style.background='none';
		
		}
		
}
function displayunicode(e,id,dnid,upid,rows){
 if (!e) var e = window.event; 

var unicode=e.keyCode? e.keyCode : e.charCode


if(unicode == 40)
{
	//document.getElementById("citylist").setfocus();
	var scollval=document.getElementById("citylist").scrollTop;
	//alert(scollval);
	//alert(id);
	document.getElementById("citylist").scrollTop=0;
	
	
	
	if(dnid == rows) 
	{dnid=1;
	document.getElementById("citylist").scrollTop=document.getElementById("citylist").scrollHeight;
	}
	var downid='city'+dnid;
	document.getElementById(downid).focus();
	
	document.getElementById(downid).style.backgroundColor='#fff';
}
else if(unicode == 38)
{
	//document.getElementById("citylist").setfocus();
	document.getElementById("citylist").scrollTop=document.getElementById("citylist").scrollHeight;

	//alert(upid);
	if(upid==0) 
	{upid=rows -1;
	document.getElementById("citylist").scrollTop=0;
	//document.getElementById("citylist").scrollTop= document.getElementById("citylist").scrollHeight;
	}
	
	var upeid='city'+upid;
	document.getElementById(upeid).focus();
	document.getElementById(upeid).style.backgroundColor='#fff';
	
}
else if(unicode == 13)
{
	var curid='city'+id;
	var val=document.getElementById(curid).innerHTML;
	var key=val.split("'");
	
	var keyval=key[1];
	
	var key=key[3];
	
	
	pick(keyval,key);
}
else
{	
	document.getElementById("txtCity").focus(); 
}
}