// JavaScript Document

var keyword2= document.getElementById('input_keyw2');
var suggestion2 = document.getElementById('Suggestion2');
suggestion2.style.top = '-1px';
suggestion2.style.width = '225px';
suggestion2.rows[0].cells[0].style.backgroundImage = document.comboBoxes['District2'].tips.frameTop.style.backgroundImage;
suggestion2.rows[0].cells[0].style.backgroundRepeat = 'repeat-x';
suggestion2.rows[0].cells[0].style.backgroundPosition = 'center';


var keyword = document.getElementById('input_keyw1');
var suggestion = document.getElementById('Suggestion');
suggestion.style.top = '-1px';
suggestion.style.width = '225px';
suggestion.rows[0].cells[0].style.backgroundImage = document.comboBoxes['District1'].tips.frameTop.style.backgroundImage;
suggestion.rows[0].cells[0].style.backgroundRepeat = 'repeat-x';
suggestion.rows[0].cells[0].style.backgroundPosition = 'center';
var flag=1;
var flag2=1;
var tag=0;
var tag2=0;
keyword.onfocus = function()
{
    if(($('isnewhouse'))&&($('isnewhouse').value=="2")){
    this.value='';
     suggestion.style.display = 'none';
    }
    else
    {
        if (this.value =="")
        {
             this.value = '';
             suggestion.style.display = '';
        }
	}
}
keyword2.onfocus = function()
{
      if (this.value =="")
        {
             this.value = '';
             suggestion.style.display = '';
        }
}
keyword.onblur = function()
{
   if(($('isnewhouse'))&&($('isnewhouse').value=="2")){
     suggestion.style.display = 'none';
    }
    else
    {
	    if (this.value == '')
	    {
		    this.value = this.defaultValue;
		    this.style.color = '#999999';
		    suggestion.style.display = 'none';
	    }
	}
}
keyword2.onblur = function()
{
    if (this.value == '')
    {
	    this.value = this.defaultValue;
	    this.style.color = '#999999';
	    suggestion2.style.display = 'none';
    }
}
//keyword.oncontextmenu = function(){return false;}
var text = ''; //临时保存文本值, 值变化了才去请求接口
var index = 0; //提示层被选中的项
var index2=0;
keyword.onkeypress = function(ev)
{
if(($('isnewhouse'))&&($('isnewhouse').value=="2")){
     text = this.value;
     suggestion.style.display = 'none';
    }
    else
    {
        if(flag==2){suggestion.style.display = '';}
	    ev = ev || window.event;	
	    if (suggestion.style.display == '' && ev.keyCode == 13)
	    {
		    return false;
	    }
	}  
}
keyword2.onkeypress = function(ev)
{
        if(flag2==2){suggestion2.style.display = '';}
	    ev = ev || window.event;	
	    if (suggestion2.style.display == '' && ev.keyCode == 13)
	    {
		    return false;
	    }

}
keyword.onkeyup = function(ev)
{
	ev = ev || window.event;
	if (__IsInput(ev))
	{
		if (suggestion.style.display == '')
		{
			if (ev.keyCode == 13)
			{
				if(index == 1)	 
				{
				    if(tag==0)
				    {
				        if(suggestion.rows.length<=1)
				        {
				            index=0;
				        }
				        else
				        {
				            this.value = suggestion.rows[index].cells[0].innerHTML;				    				    
				        }	
				    }
				    else
				    {
				        this.value=keyword.value;
				    }		    
				}
				else if(index>1)
				{
				    this.value = suggestion.rows[index].cells[0].innerHTML;				   
				}
				suggestion.style.display = 'none';	
				return false;
			}
			else if (ev.keyCode == 40)
			{
				//down
				if (suggestion.rows.length > 1)
				{
				    if(tag==1)
				    {
				        tag=0;
    				    suggestion.rows[1].className = 'itemFocus';
				    }
				    else
				    {
					    suggestion.rows[index].className = 'item';
					    index ++;
					    if (index == suggestion.rows.length) index = 1;					
					    suggestion.rows[index].className = 'itemFocus';
					 }
					    
				}	
			}
			else if (ev.keyCode == 38)
			{
				//up
				if (suggestion.rows.length > 1)
				{			
					suggestion.rows[index].className = 'item';
					index --;
					if (index < 1) index = suggestion.rows.length - 1;					
					suggestion.rows[index].className = 'itemFocus';
				}
			}
			else if (ev.keyCode == 27)
			{
				//esc
				suggestion.style.display = 'none';
			}			
		}
		else
		{
		 	if (ev.keyCode == 40)
			{
				//downa
				suggestion.style.display = '';
			}	
		}
	}
	else
	{
			text = this.value;
			if (text != '')
			{
				Xml.Request('/NewSecond/Suggestion.aspx?city=' + escape('北京') + '&q=' + escape(this.value), null, ShowHint);
			}
			else
			{
				for (var i=suggestion.rows.length-1; i>0; i--)
				{
					suggestion.tBodies[0].removeChild(suggestion.rows[i]);
				}
			}
	}
}
keyword2.onkeyup = function(ev)
{
	ev = ev || window.event;
	if (__IsInput(ev))
	{ 
		if (suggestion2.style.display == '')
		{
			if (ev.keyCode == 13)
			{
				if(index2 == 1)	 
				{
				    if(tag2==0)
				    {
				        if(suggestion2.rows.length<=1)
				        {
				            index2=0;
				        }
				        else
				        {
				        this.value = suggestion2.rows[index2].cells[0].innerHTML;				    				    
				        }
				     }
				     else
				    {
				        this.value=keyword2.value;
				     }		 
				    		    
				}
				else if(index2>1)
				{
				    this.value = suggestion2.rows[index2].cells[0].innerHTML;				   
				}
				suggestion2.style.display = 'none';		
				return false;
			}
			else if (ev.keyCode == 40)
			{
				//down
				
				if (suggestion2.rows.length > 1)
				{
				   if(tag2==1)
				    {
				        tag2=0;
    				    suggestion2.rows[1].className = 'itemFocus';
				    }
				    else
				    {
					    suggestion2.rows[index2].className = 'item';					
					    index2 ++;
					    if (index2 == suggestion2.rows.length) index2 = 1;					
					    suggestion2.rows[index2].className = 'itemFocus';
					 }
				}	
			}
			else if (ev.keyCode == 38)
			{
				//up
				if (suggestion2.rows.length > 1)
				{				
					suggestion2.rows[index2].className = 'item';
					index2 --;
					if (index2 < 1) index2 = suggestion2.rows.length - 1;					
					suggestion2.rows[index2].className = 'itemFocus';
				}
			}
			else if (ev.keyCode == 27)
			{
				//esc
				suggestion2.style.display = 'none';
			}			
		}
		else
		{
		 	if (ev.keyCode == 40)
			{
				//down
				suggestion2.style.display = '';
			}	
		}
	}
	else
	{
			text = this.value;
			if (text != '')
			{
			//debugger;
				Xml.Request('/NewSecond/Suggestion.aspx?city=' + escape('北京') + '&q=' + escape(this.value), null, ShowHint2);
			}
			else
			{
				for (var i=suggestion2.rows.length-1; i>0; i--)
				{
					suggestion2.tBodies[0].removeChild(suggestion2.rows[i]);
				}
			}
	}
}
function GetSubString(string,length)
{
    var l = 0;
    var tmp="";
	for(var i=0; i<string.length; i++)
	{   
		var c = string.charCodeAt(i);		
		l += (c < 256 || (c >= 0xff61 && c <= 0xff9f))? 1:2;
		if(l<=length)
		{
		    tmp+=string.charAt(i);
		}
	}
	return tmp;
}
function GetStringLength(string)
{		
	var l = 0;
	for(var i=0; i<string.length; i++)
	{
		var c = string.charCodeAt(i);		
		l += (c < 256 || (c >= 0xff61 && c <= 0xff9f))? 1:2;
	}
	return l;
}
function AddRow(text, type)
{
	var tr = document.createElement('TR');
	tr.setAttribute('index', suggestion.rows.length);
	tr.onmouseover = function()
	{
		var i = parseInt(this.getAttribute('index'));
		if (i != index)
		{
			if (index != -1) suggestion.rows[index].className = 'item';
			this.className = 'itemFocus';
			index = i;
		}
	}
	var td = document.createElement('TD');
	if(GetStringLength(text)>26)
	{
	    text=GetSubString(text,26);
	}
	td.innerHTML = text;
	td.style.paddingLeft='3px';
	td.style.color = '#333333';
	tr.appendChild(td);
	td = document.createElement('TD');
	td.innerHTML = "约有"+type+"条房源";
	td.align = 'right';
	td.style.color = '#999999';
	td.style.textAlign="right";
	td.style.paddingRight='3px';
	tr.appendChild(td);
	suggestion.tBodies[0].appendChild(tr);
}
function AddRow2(text, type)
{
	var tr = document.createElement('TR');
	tr.setAttribute('index2', suggestion2.rows.length);
	tr.onmouseover = function()
	{
		var i = parseInt(this.getAttribute('index2'));
		if (i != index2)
		{
			if (index2 != -1) suggestion2.rows[index2].className = 'item';
			this.className = 'itemFocus';
			index2 = i;
		}
	}
	var td = document.createElement('TD');
	if(GetStringLength(text)>26)
	{
	    text=GetSubString(text,26);
	}
	td.innerHTML = text;
	td.style.paddingLeft='3px';
	td.style.color = '#333333';
	tr.appendChild(td);
	td = document.createElement('TD');
	td.innerHTML = "约有"+type+"条房源";
	td.align = 'right';
	td.style.color = '#999999';
	td.style.textAlign="right";
	td.style.paddingRight='3px';
	tr.appendChild(td);
	suggestion2.tBodies[0].appendChild(tr);
}
function ShowHint()
{
	for (var i=suggestion.rows.length-1; i>0; i--)
	{
		suggestion.tBodies[0].removeChild(suggestion.rows[i]);
	}
	var xml = new XmlSource(this, 'projname', 'countinfo');
	for (var i=0; i<xml.projname.length; i++)
	{
		     if(($('isnewhouse'))&&($('isnewhouse').value=="2")){}
            else
            {
		         AddRow(xml.projname[i].data, xml.countinfo[i].data);
		     }
	}
		
	if (suggestion.rows.length > 1)
	{
		suggestion.style.display = '';
		index = 1;
		tag=1;
		//suggestion.rows[1].className = 'itemFocus';默认选中
	}
}
function ShowHint2()
{	
	for (var i=suggestion2.rows.length-1; i>0; i--)
	{
		suggestion2.tBodies[0].removeChild(suggestion2.rows[i]);
	}
	var xml = new XmlSource(this, 'projname', 'countinfo');
	for (var i=0; i<xml.projname.length; i++)
	{
//	    if(xml.type[i].data=="物业名称"||xml.type[i].data=="楼盘名称"||xml.type[i].data=="楼盘别名")
//	    {   
		    if(($('isnewhouse'))&&($('isnewhouse').value=="2")){}
            else
            {
		         AddRow2(xml.projname[i].data, xml.countinfo[i].data);
		     }
//		}
	}
		
	if (suggestion2.rows.length > 1)
	{
		suggestion2.style.display = '';
		index2 = 1;
		tag2=1;
		//suggestion2.rows[1].className = 'itemFocus';
	}
}
suggestion.onclick = function(ev)
{

	ev = ev || window.event;
	var target = ev.target || ev.srcElement;
	index = parseInt(target.parentNode.getAttribute('index'));
	if (index > 0)
	{
		keyword.value = target.parentNode.cells[0].innerHTML;
	}
	suggestion.style.display = 'none';
}
suggestion2.onclick = function(ev)
{
	ev = ev || window.event;
	var target = ev.target || ev.srcElement;
	index2 = parseInt(target.parentNode.getAttribute('index2'));
	if (index2 > 0)
	{
		keyword2.value = target.parentNode.cells[0].innerHTML;
	}
	suggestion2.style.display = 'none';
}
var bodies = [document, document.body, document.documentElement];
for (var i=0; i<bodies.length; i++)
{
	if (bodies[i].onclick == null)
	{
		bodies[i].onclick = function(ev)
		{
			ev = ev || window.event;
			var target = ev.target || ev.srcElement;
			if (suggestion.style.display == '' && target != keyword)
			{				
				suggestion.style.display = 'none';
			}
		}
		break;
	}
}
for (var i=0; i<bodies.length; i++)
{
	if (bodies[i].onclick == null)
	{
		bodies[i].onclick = function(ev)
		{
			ev = ev || window.event;
			var target = ev.target || ev.srcElement;
			if (suggestion2.style.display == '' && target != keyword2)
			{				
				suggestion2.style.display = 'none';
			}
		}
		break;
	}
}
__IsInput = function(ev)
{
	return __IsSelect(ev) || __IsMove(ev) || ev.keyCode == 9 || ev.keyCode == 13;
}
__IsSelect = function(ev)
{
	if (ev.shiftKey || (ev.ctrlKey && ev.shiftKey))
	{
		return (ev.keyCode >=35 && ev.keyCode <=40);
	}
	else if (ev.ctrlKey && !ev.shiftKey)
	{
		return ev.keyCode == 65;
	}
	else
	{
		return false;
	}
}
__IsMove = function(ev)
{
	return (ev.keyCode >=35 && ev.keyCode <=40);	
}