﻿
var InputArray;
var OutInputArray;
try{
InputArray=MILAN_TARGET_INPUT_ARRAY;
}catch(e){}
try{
OutInputArray=MILAN_TARGET_INPUT_OUTER_ARRAY;
}
catch(e){}
var milan_obj;
try{
milan_obj=new Milan_SearchObj();
}
catch(e){}

//国内城市列表
try{
for(var i=0;i<MILAN_TARGET_INPUT_ARRAY.length;i++) {
    if (document.getElementById(MILAN_TARGET_INPUT_ARRAY[i]).value == "") {
        document.getElementById(MILAN_TARGET_INPUT_ARRAY[i]).value = Milan_DefaultText;
        document.getElementById(MILAN_TARGET_INPUT_ARRAY[i]).style.color = "#aaa";
    }
    document.getElementById(MILAN_TARGET_INPUT_ARRAY[i]).onkeyup = function(oEvent) {
        try {
            showInnerTip();
            if (this.value == Milan_DefaultText)
                this.value = "";
            MILAN_CURRENT_INPUT = this;
            MILAN_CURRENT_INPUT.style.color = "black";
            if (document.all) {
                if (event.keyCode == 38 || event.keyCode == 39 | event.keyCode == 40 || event.keyCode == 37)
                    return;
            }
            else {
                if (oEvent.keyCode == 38 || oEvent.keyCode == 39 || oEvent.keyCode == 40 || oEvent.keyCode == 37)
                    return;
            }
            if (document.all) {
                if (event.keyCode == 13) {
                    //                this.value=Milan_GetSelectedValue();
                    Milan_GetSelectedValue(this);
                    milan_obj.Panel.className = "UL_DIV_ms_unDisplay";

                    return;
                }
            }
            else {
                if (oEvent.keyCode == 13) {
                    //                this.value=Milan_GetSelectedValue();
                    Milan_GetSelectedValue(this);
                    milan_obj.Panel.className = "UL_DIV_ms_unDisplay";
                    return;
                }
            }

            if (this.value.length > 0) {
                var html = MilanSSFind(this.value);
                if (html.length == 0) {
                    html = "<li>" + CITY_NOTFOUND + "</li>";
                }
                milan_obj.UlList.innerHTML = html;
                milan_obj.UlList.childNodes[0].className = "Milan_MouseOverCss";
                itemIndex = 0;
                milan_obj.Panel.className = "UL_DIV_ms_Display";
                var e;
                if (document.all)
                    e = window.event;
                else
                    e = oEvent;
                Milan_SetPanelPostion(e);
            }
            else {
                Milan_ShowHotInnerCityies(oEvent);
            }
        }
        catch (e) { }
    }
    document.getElementById(MILAN_TARGET_INPUT_ARRAY[i]).onblur=MIlan_AttachedEvent;
    document.getElementById(MILAN_TARGET_INPUT_ARRAY[i]).onclick = function(oEvent) {
        try {
            showInnerTip();
            if (this.value == Milan_DefaultText)
                this.value = "";
            MILAN_CURRENT_INPUT = this;
            MILAN_CURRENT_INPUT.style.color = "black";
            var total = Data2.Items.length;
            var html = "";
            for (var i = 0; i < total; i++) {
                {                    
                    if (XP_IsInners) {
                        if (Data2.Items[i].z == "香港") {
                            continue;
                        }
                    }
                    html += "<li title=\"" + Data2.Items[i].z + "(" + Data2.Items[i].c + ")" + "\" onmouseover=\"Milan_MouseOverEvent(this)\" onmouseout=\"Milan_MouseOutEvent(this)\" onclick=\"Milan_MouseClickEvent(this);\">";
                    html += "<div style='float:left;'><span>" + Data2.Items[i].p + "</span></div>";
                    html += "<div style='float:right;margin-right:8px;'><span>" + Data2.Items[i].z + "(" + Data2.Items[i].c + ")</span></div>";
                    //                html+="("+Data2.Items[i].c+")";
                    html += "</li>";
                }
            }

            milan_obj.UlList.innerHTML = html;
            itemIndex = 0;
            var e;
            if (document.all)
                e = window.event;
            else
                e = oEvent;
            Milan_SetPanelPostion(e);
            milan_obj.UlList.childNodes[0].className = "Milan_MouseOverCss";
            milan_obj.Panel.className = "UL_DIV_ms_Display";
        }
        catch (e) { }
    }    
}
}
catch(e){}
function Milan_GetSelectedValue(obj)
{
    try
    {
        if(milan_obj.UlList.childNodes[itemIndex].firstChild.innerHTML!=undefined)
        {
            obj.title=milan_obj.UlList.childNodes[itemIndex].lastChild.firstChild.innerHTML;
            obj.value=milan_obj.UlList.childNodes[itemIndex].title;
        }
        else
        {
            obj.value="";
        }        
        if(document.getElementById("btnXpCity")!=null)
        {
            document.getElementById("btnXpCity").click();
        }
    }
    catch(e){}
}
function MIlan_AttachedEvent()
{
    this.style.color="black";
    try{    
        if(MILAN_CURRENT_INPUT!=null)
        {
            if(milan_obj.Panel.className=="UL_DIV_ms_Display")
            {
                if(milan_obj.UlList.firstChild.innerHTML!=CITY_NOTFOUND)
                {
//                    if (MILAN_CURRENT_INPUT.value == "") {
//                        MILAN_CURRENT_INPUT.value = milan_obj.UlList.childNodes[itemIndex].title;
//                        MILAN_CURRENT_INPUT.title = milan_obj.UlList.childNodes[itemIndex].lastChild.firstChild.innerHTML;
//                    }
                    MILAN_CURRENT_INPUT.value = milan_obj.UlList.childNodes[itemIndex].title;
                    MILAN_CURRENT_INPUT.title = milan_obj.UlList.childNodes[itemIndex].lastChild.firstChild.innerHTML;
                    milan_obj.Panel.className="UL_DIV_ms_unDisplay";
                }
                else
                {
//                    MILAN_CURRENT_INPUT.value="";
                    milan_obj.Panel.className="UL_DIV_ms_unDisplay";
                }
            }
        }
        if(document.getElementById("btnXpCity")!=null)
        {
            document.getElementById("btnXpCity").click();
        }
    }catch(e){}
}
/**********设置控件位置*************/
function Milan_SetPanelPostion(e){ 
    try{
        if(document.all)
        {
              milan_obj.Panel.style.left=XP_getPoint(MILAN_CURRENT_INPUT).x+"px";
              milan_obj.Panel.style.top=XP_getPoint(MILAN_CURRENT_INPUT).y+20+"px";              
        }
        else 
        {
              milan_obj.Panel.style.left=XP_getPoint(MILAN_CURRENT_INPUT).x+"px";
              milan_obj.Panel.style.top=XP_getPoint(MILAN_CURRENT_INPUT).y+20+"px";                
        }                
    }
    catch(e){}
}

//获取当前元素的X，Y位置
function XP_getPoint(source){
	var pt = {x:0,y:0};	
	do
	{
		pt.x += source.offsetLeft;
		pt.y += source.offsetTop;
		source = source.offsetParent;
	}
	while(source);		
	return pt;
}
/**********国际城市*************/
try{
    for(var i=0;i<MILAN_TARGET_INPUT_OUTER_ARRAY.length;i++) {
        if (document.getElementById(MILAN_TARGET_INPUT_OUTER_ARRAY[i]).value=="") {
            document.getElementById(MILAN_TARGET_INPUT_OUTER_ARRAY[i]).value = Milan_DefaultText;
            document.getElementById(MILAN_TARGET_INPUT_OUTER_ARRAY[i]).style.color = "#ccc";
        }
        document.getElementById(MILAN_TARGET_INPUT_OUTER_ARRAY[i]).onkeyup = function(oEvent) {
            try {
                showOutTip();
                if (this.value == Milan_DefaultText)
                    this.value = "";
                this.style.color = "black";
                MILAN_CURRENT_INPUT = this;
                if (document.all) {
                    if (event.keyCode == 38 || event.keyCode == 39 | event.keyCode == 40 || event.keyCode == 37)
                        return;
                }
                else {
                    if (oEvent.keyCode == 38 || oEvent.keyCode == 39 || oEvent.keyCode == 40 || oEvent.keyCode == 37)
                        return;
                }
                if (document.all) {
                    if (event.keyCode == 13) {
                        Milan_GetSelectedValue(this);
                        milan_obj.Panel.className = "UL_DIV_ms_unDisplay";
                        return;
                    }
                }
                else {
                    if (oEvent.keyCode == 13) {
                        Milan_GetSelectedValue(this);
                        milan_obj.Panel.className = "UL_DIV_ms_unDisplay";
                        return;
                    }
                }

                if (this.value.length > 0) {
                    var html = MilanSSFindOut(this.value);
                    if (html.length == 0) {
                        html = "<li>" + CITY_NOTFOUND + "</li>";
                    }
                    milan_obj.UlList.innerHTML = html;
                    milan_obj.UlList.childNodes[0].className = "Milan_MouseOverCss";
                    itemIndex = 0;
                    milan_obj.Panel.className = "UL_DIV_ms_Display";
                    var e;
                    if (document.all)
                        e = window.event;
                    else
                        e = oEvent;
                    Milan_SetPanelPostion(e);
                }
                else {
                    Milan_ShowHotOuterCityies(oEvent);
                }
            }
            catch (e) { }
        }
        document.getElementById(MILAN_TARGET_INPUT_OUTER_ARRAY[i]).onblur=MIlan_AttachedEvent;
        document.getElementById(MILAN_TARGET_INPUT_OUTER_ARRAY[i]).onclick=function(oEvent)
        {       
        try{
            showOutTip();
            if(this.value==Milan_DefaultText)
                this.value="";
            MILAN_CURRENT_INPUT=this;
            this.style.color="black";
            var total=Data4.Items.length;
            var html="";
            
            for(var i=0;i<total;i++)
            {
               {
                    html+="<li title=\""+Data4.Items[i].z+"("+Data4.Items[i].c+")"+"\" onmouseover=\"Milan_MouseOverEvent(this)\" onmouseout=\"Milan_MouseOutEvent(this)\" onclick=\"Milan_MouseClickEvent(this);\">";
                    html+="<div style='float:left;'><span>"+Data4.Items[i].p+"</span></div>";
                    html+="<div style='float:right;margin-right:8px;'><span>"+Data4.Items[i].z+"("+Data4.Items[i].c+")</span></div>";
    //                html+="(<span>"+Data4.Items[i].c+"</span>)</div>";
                    html+="</li>";
               }
            }
            milan_obj.UlList.innerHTML=html;
            itemIndex=0;
            var e;
            if(document.all)
                e=window.event;
            else
                e=oEvent;
            Milan_SetPanelPostion(e);
            milan_obj.UlList.childNodes[0].className="Milan_MouseOverCss";
            milan_obj.Panel.className="UL_DIV_ms_Display";        
            }
            catch(e){}
        }
    }
}
catch(e){}
/**************国内热门城市列表******************/
function Milan_ShowHotInnerCityies(oEvent)
{
     try{
        showInnerTip();
        var total=Data2.Items.length;
        var html="";
        for(var i=0;i<total;i++)
        {
           {
                if(XP_IsInners)
                {
                    if(Data2.Items[i].z=="香港")
                    {
                        continue;
                    }
                }
                html+="<li title=\""+Data2.Items[i].z+"("+Data2.Items[i].c+")"+"\" onmouseover=\"Milan_MouseOverEvent(this)\" onmouseout=\"Milan_MouseOutEvent(this)\" onclick=\"Milan_MouseClickEvent(this);\">";
                html+="<div style='float:left;'><span>"+Data2.Items[i].p+"</span></div>";
                html+="<div style='float:right;margin-right:8px;'><span>"+Data2.Items[i].z+"("+Data2.Items[i].c+")</span></div>";
//                html+="(<span>"+Data2.Items[i].c+"</span>)";
                html+="</li>";                
           }
        }
        milan_obj.UlList.innerHTML=html;
        itemIndex=0;
        var e;
        if(document.all)
            e=window.event;
        else
            e=oEvent;
        Milan_SetPanelPostion(e);
        milan_obj.UlList.childNodes[0].className="Milan_MouseOverCss";
        milan_obj.Panel.className="UL_DIV_ms_Display"; 
        }
        catch(e){}
}
/**************国际热门城市列表******************/
function Milan_ShowHotOuterCityies(oEvent)
{
    try{
        showOutTip();
        var total=Data4.Items.length;
        var html="";
        for(var i=0;i<total;i++)
        {
           {
                html+="<li title=\""+Data4.Items[i].z+"("+Data4.Items[i].c+")"+"\" onmouseover=\"Milan_MouseOverEvent(this)\" onmouseout=\"Milan_MouseOutEvent(this)\" onclick=\"Milan_MouseClickEvent(this);\">";
                html+="<div style='float:left;'><span>"+Data4.Items[i].p+"</span></div>";
                html+="<div style='float:right;margin-right:8px;'><span>"+Data4.Items[i].z+"("+Data4.Items[i].c+")</span></div>";
//                html+="(<span>"+Data4.Items[i].c+"</span>)";
                html+="</li>";                
           }
        }
        milan_obj.UlList.innerHTML=html;
        itemIndex=0;
        var e;
        if(document.all)
            e=window.event;
        else
            e=oEvent;
        Milan_SetPanelPostion(e);
        milan_obj.UlList.childNodes[0].className="Milan_MouseOverCss";
        milan_obj.Panel.className="UL_DIV_ms_Display";        
        }
        catch(e){}
}
/**********添加事件**********/
try{
Milan_Attach_PageKeyDownEvent(Milan_keyDown);
}
catch(e){}

//显示国内提示
function showOutTip(){
    document.getElementById("XP_OutTip").style.display="";
    document.getElementById("XP_InnerTip").style.display="none";
}
//显示国际提示
function showInnerTip(){
    document.getElementById("XP_OutTip").style.display="none";
    document.getElementById("XP_InnerTip").style.display="";
}


