var tr01_03 = "#FFFFFF";

var mouseOverColor="#FFD373";

var style3 = 'style="position: relative; left: 0px; top: 0px; width: 100%;overflow:hidden; text-overflow:ellipsis;"';
var ywzm = new Array("A","B","C","D","E","F","G","H","J","K","L","M","N","Q","S","T","W","X","Y","Z","SH");
var popup_gd=25;  //数据显示高度
var popup_i; 
var popup_int0=0;


var popup_int3=0;
//北京|PEK|B  城市|三字代码|拼音首字母

var shcs = new Array("北京首都|PEK|B","上海虹桥|SHA|S","上海浦东|PVG|S","广州|CAN|G","深圳|SZX|S","长沙|CSX|C","北京南苑|NAY|B","武汉|WUH|W","南京|NKG|N","杭州|HGH|H","大连|DLC|D","青岛|TAO|Q","重庆|CKG|C","呼和浩特|HET|H","郑州|CGO|Z","西安|XIY|X","沈阳|SHE|S","长春|CGQ|C","昆明|KMG|K","乌鲁木齐|URC|W","天津|TSN|T","太原|TYN|T","合肥|HFE|H","福州|FOC|F","南昌|KHN|N","哈尔滨|HRB|H","济南|TNA|J","南宁|NNG|N","海口|HAK|H","贵阳|KWE|G","兰州|LHW|L","银川|INC|Y","西宁|XNN|X");
var qtcs = new Array("阿勒泰|AAT|A","安庆|AQG|A","阿克苏|AKU|A","安康|AKA|A","鞍山|IOB|A","保山|BSD|B","包头|BAV|B","北海|BHY|B","北京首都|PEK|B","北京南苑|NAY|B","长沙|CSX|C","长春|CGQ|C","常德|CGD|C","长治|CIH|C","常州|CZX|C","昌都|BPX|C","朝阳|CHG|C","成都|CTU|C","赤峰|CIF|C","重庆|CKG|C","敦煌|DNH|D","大理|DLU|D","大连|DLC|D","大同|DAT|D","丹东|DDG|D","达县|DAX|D","德宏芒市|LUM|D","迪庆香格里拉|DIG|D","东营|DOY|D","恩施|ENH|E","阜阳|FUG|F","福州|FOC|F","赣州|KOW|G","格尔木|GOQ|G","广元|GYS|G","广州|CAN|G","广汉|GHN|G","桂林|KWL|G","贵阳|KWE|G","怀化|HJJ|H","哈尔滨|HRB|H","海口|HAK|H","海拉尔|HLD|H","哈密|HMI|H","汉中|HZG|H","杭州|HGH|H","合肥|HFE|H","衡阳|HNY|H","和田|HTN|H","呼和浩特|HET|H","黄山|TXN|H","黄岩|HYN|H","惠阳|AHE|H","吉林|JIL|J","济南|TNA|J","吉安|KNC|J","锦州|JNZ|J","景德镇|JDZ|J","荆州、沙市|SHS|J","九江|JIU|J","九寨沟|JZH|J","库尔勒|KRL|K","库车|KCA|K","喀什|KHG|K","克拉玛依|KRY|K","昆明|KMG|K","拉萨|LXA|L","兰州|LHW|L","连云港|LYG|L","梁平|LIA|L","临沂|LYI|L","临沧|LNJ|L","零凌|LLF|L","柳州|LZH|L","泸州|LZO|Z","洛阳|LYA|L","满州里|NZH|M","梅县|MXZ|M","绵阳|MIG|M","牡丹江|MDG|M","南京|NKG|N","南昌|KHN|N","南充|NAO|N","南宁|NNG|N","南通|NTG|N","南阳|NNY|N","宁波|NGB|N","齐齐哈尔|NDG|Q","且末|IQM|Q","秦皇岛|SHP|Q","青岛|TAO|Q","庆阳|IQN|Q","衢州|JUZ|Z","泉州晋江|JJN|Q","泗水|SUB|Z","三亚|SYX|S","汕头|SWA|S","上海虹桥|SHA|S","上海浦东|PVG|S","鄯善|SXJ|Z","韶关|SHG|S","沈阳|SHE|S","深圳|SZX|S","石家庄|SJW|S","思茅|SYM|S","塔城|TCG|T","太原|TYN|T","天津|TSN|T","铜仁|TEN|T","万州|WXN|W","潍坊|WEF|W","威海|WEH|W","温州|WNZ|W","武汉|WUH|W","乌鲁木齐|URC|W","武夷山|WUS|W","无锡|WUX|W","梧州|WUZ|W","锡林浩特|XIL|X","西安|XIY|X","西宁|XNN|X","西双版纳景洪|JHG|X","厦门|XMN|X","襄樊|XFN|X","西昌|XIC|X","徐州|XUZ|X","盐城|YNZ|Y","宜昌|YIH|Y","银川|INC|Y","延吉|YNJ|Y","烟台|YNT|Y","延安|ENY|Y","宜宾|YBP|Y","义乌|YIW|Y","伊宁|YIN|Y","榆林|UYN|Y","湛江|ZHA|Z","张家界|DYG|Z","昭通|ZAT|Z","郑州|CGO|Z","舟山|HSN|Z","珠海|ZUH|Z","遵义|ZYI|Z","丽江|LJG|L");
//出发城市及图片ID



//到达城市及图片ID




function showclick(cityid,imgid,hidcityid){

 $(document).mousedown(function(){
  $('#CityList').hide();
 });

        //首字母 
        function InitialLetterTab()
        {
           $("#FirstLetter").html("");
            for(var l in ywzm)
            {
                if(ywzm[l]=="SH")
                {
                     $("#FirstLetter").append("<td id='H_"+ywzm[l]+"' style='cursor:pointer' alias='"+ywzm[l]+"' class='clafirst'  style='color:red'>"+ywzm[l]+"<td>");
                }
                else
                {
                     $("#FirstLetter").append("<td id='H_"+ywzm[l]+"' style='cursor:pointer'  alias='"+ywzm[l]+"' class='clafirst' style='color:blue'>"+ywzm[l]+"<td>");
                 }
                
            }    
        }
        InitialLetterTab();
        InitialCityByLetter("SH");

        $(".clafirst").mouseover(function(){
                                    this.style.backgroundColor=mouseOverColor;
                                }).mouseout(function(){
                                    this.style.backgroundColor="";
                                }).click(function(){
                                    $(".clafirst").css("color","blue");
                                    this.style.color="red";
                                    InitialCityByLetter(this.getAttribute("alias"));
                                }).mousedown(function(oevent){
                                    oevent.stopPropagation();//阻止全局的mousedown.停止事件的传播，阻止它被分派到其他 Document 节点
                                });

                                $("#H_SH").css("color", "red");
         $("#CityList").toggle();

         var offset =getPos(cityid);
          
          $("#CityList").css({"left":offset.left+"px","top":offset.top+"px"}); 
          
                                
         $("#"+imgid).mousedown(function(oevent){
        oevent.stopPropagation();//阻止全局的mousedown
      });; 
                
function InitialCityByLetter(fletter)
{
    var temArray=new Array();
    
    if(fletter=="SH")
    {
        temArray=shcs;
    }
    else
    {
        for(var i in qtcs)
        {
            if(Split(qtcs[i],2,"|")==fletter)
            {
                temArray.push(qtcs[i]);
            }
        }
    }    
    var tab="";
    for(popup_i=0;popup_i<36;popup_i++){
	    if(popup_i==0 || popup_i % 6 ==0){
		    tab+= '  <tr align="center" style="background-color:' +tr01_03+ ';">';
	    }
	    if(popup_i<temArray.length){
		    tab+= '    <td height="'+popup_gd+'" width="14.3%" class="citytd"  style="cursor:pointer"  ID="popup_td_cszm_'+popup_int0+'" firstletter="'+Split(temArray[popup_i],1,"|")+'" title="'+Split(temArray[popup_i],0,"|")+'" style="font-size: 9pt"><NOBR '+style3+'  ID="popup_NOBR_cszm_'+Split(temArray[popup_i],1,"|")+'_'+popup_int0+'">'+Split(temArray[popup_i],0,"|")+'</NOBR></td>';
		    popup_int0++;
	    }else{
		    tab+= '    <td height="'+popup_gd+'" width="14.3%">&nbsp;</td>';
	    }
	    popup_int3 = popup_i+1;
	    if(popup_int3 % 6 ==0){
		    tab+= '  </tr>';
	    }
    }
    ;
    $("#TabStartCity tr").remove();
    $("#TabStartCity").html("<tbody>" + tab + "</tbody>").show();


    $("#TabStartCity td").mouseover(function()
     { this.style.backgroundColor = mouseOverColor }).mouseout(function() { this.style.backgroundColor = "" }).click(function() {

     $("#" + hidcityid).val(this.getAttribute("firstletter")); //给隐

        $("#" + cityid).val(this.getAttribute("title")); //显示的

        $("#CityList").hide();


    }).mousedown(function(oevent) {
        oevent.stopPropagation(); //阻止全局的mousedown
    });
}                         
    
   
}


function Split(popup_str,popup_n,popup_s){ //字符串,取第几个数据,分割字符
	var popup_split;
	 popup_split=popup_str.split(popup_s);
	return popup_split[popup_n];
}

function getPos(divval) {
    var element = document.getElementById(divval);
    var position;

    var node = element;
    var leftvalue = 0;
    var topvalue = 0;
//    if (navigator.userAgent.indexOf("MSIE 7.0") > 0 || navigator.userAgent.indexOf("MSIE 6.0") > 0 || navigator.userAgent.indexOf("MSIE 8.0") > 0) {
        while (node && node.tagName.toUpperCase() != "BODY") {
            leftvalue += node.offsetLeft;
            topvalue += node.offsetTop;
            node = node.offsetParent;
        }
//    }

//    else {
//        leftvalue = element.offsetLeft;
//        topvalue = element.offsetTop;
//    }

    position = {
        left: leftvalue,
        top: topvalue + element.offsetHeight
    };

    return position;
}