var docClick = null;
var cityOnShow = 0;
function tanchu(input) {
    
    input.onmouseout = function() { cityOnShow = 1; }
    hid();
    var position = getposition(input);
    var tc = document.getElementById('tanchu');
    var as = tc.getElementsByTagName("a");
    for (var i = 0; i < as.length; i++) {
        as[i].onclick = function() {
            debugger;
            if (input.tagName.toUpperCase() == "INPUT") {
                input.value = this.innerText || this.innerHTML;
                input.style.color = "#000";
            }
            else if (input.tagName.toUpperCase() == "SELECT") {
                var value = this.innerText || this.innerHTML;
                SelectedText(input, value);
                // input.onChange();
            }
            hid();
        }
    }
    tc.style.left = parseInt(position['x']) + 'px';
    tc.style.top = parseInt(position['y'] + 22) + 'px';
    tc.style.display = '';
    if (docClick == null) {
        docClick = document.onclick;
    }

    tc.onmouseout = function() { cityOnShow = 1; document.onclick = hid; };
    tc.onmouseover = function() { cityOnShow = 0; document.onclick = docClick; };
}
function getposition(obj) {
    var r = new Array();
    r['x'] = obj.offsetLeft;
    r['y'] = obj.offsetTop;
    while (obj = obj.offsetParent) {
        r['x'] += obj.offsetLeft;
        r['y'] += obj.offsetTop;
    }
    return r;
}
function hid() {
    document.getElementById('tanchu').style.display = "none";
     if(cityOnShow==1)cityOnShow = 0;
    //var sss = document.onclick;
    if (docClick != null)
        document.onclick = docClick;
}
var Citys = new Array();
//
var city0 = new Array();
city0[0] = "热门";
city0[1] = "北京";
city0[2] = "上海";
city0[3] = "昆明";
city0[4] = "杭州";
city0[5] = "广州";
city0[6] = "成都";
city0[7] = "西安";
city0[8] = "南京";
city0[9] = "深圳";
city0[10] = "重庆";
city0[11] = "长沙";
city0[12] = "沈阳";
city0[13] = "厦门";
city0[14] = "武汉";
city0[15] = "海口";
city0[16] = "乌鲁木齐";
city0[17] = "青岛";
city0[18] = "大连";
city0[19] = "哈尔滨";
city0[20] = "三亚";
city0[21] = "长春";
city0[22] = "南宁";
city0[23] = "贵阳";
city0[24] = "福州";
city0[25] = "郑州";
city0[26] = "济南";
city0[27] = "桂林";
city0[28] = "天津";
city0[29] = "太原";
city0[30] = "南昌";
Citys.push(city0);
//
var city1 = new Array();
city1[0] = "A-G";
city1[1] = "安庆";
city1[2] = "阿勒泰";
city1[3] = "安康";
city1[4] = "阿克苏";
city1[5] = "白山";
city1[6] = "包头";
city1[7] = "北海";
city1[8] = "北京";
city1[9] = "百色";
city1[10] = "保山";
city1[11] = "长治";
city1[12] = "长春";
city1[13] = "常州";
city1[14] = "昌都";
city1[15] = "朝阳";
city1[16] = "常德";
city1[17] = "长白山";
city1[18] = "成都";
city1[19] = "重庆";
city1[20] = "长沙";
city1[21] = "赤峰";
city1[22] = "大同";
city1[23] = "大连";
city1[24] = "达县";
city1[25] = "东营";
city1[26] = "大庆";
city1[27] = "丹东";
city1[28] = "大理";
city1[29] = "敦煌";
city1[30] = "鄂尔多斯";
city1[31] = "恩施";
city1[32] = "福州";
city1[33] = "阜阳";
city1[34] = "贵阳";
city1[35] = "桂林";
city1[36] = "广州";
city1[37] = "广元";
city1[38] = "赣州";
city1[39] = "格尔木";
Citys.push(city1);
//
var city2 = new Array();
city2[0] = "H-L";
city2[1] = "呼和浩特";
city2[2] = "哈密";
city2[3] = "黑河";
city2[4] = "海拉尔";
city2[5] = "哈尔滨";
city2[6] = "海口";
city2[7] = "黄山";
city2[8] = "杭州";
city2[9] = "邯郸";
city2[10] = "合肥";
city2[11] = "黄龙";
city2[12] = "汉中";
city2[13] = "和田";
city2[14] = "晋江";
city2[15] = "锦州";
city2[16] = "景德镇";
city2[17] = "嘉峪关";
city2[18] = "井冈山";
city2[19] = "济宁";
city2[20] = "九江";
city2[21] = "佳木斯";
city2[22] = "济南";
city2[23] = "喀什";
city2[24] = "昆明";
city2[25] = "康定";
city2[26] = "克拉玛依";
city2[27] = "库尔勒";
city2[28] = "喀纳斯";
city2[29] = "库车";
city2[30] = "兰州";
city2[31] = "洛阳";
city2[32] = "丽江";
city2[33] = "林芝";
city2[34] = "柳州";
city2[35] = "泸州";
city2[36] = "连云港";
city2[37] = "黎平";
city2[38] = "连城";
city2[39] = "拉萨";
city2[40] = "临沧";
city2[41] = "临沂";
Citys.push(city2);
//
var city3 = new Array();
city3[0] = "M-T";
city3[1] = "牡丹江";
city3[2] = "芒市";
city3[3] = "满洲里";
city3[4] = "绵阳";
city3[5] = "梅县";
city3[6] = "漠河";
city3[7] = "南京";
city3[8] = "南充";
city3[9] = "南宁";
city3[10] = "南阳";
city3[11] = "南通";
city3[12] = "那拉提";
city3[13] = "南昌";
city3[14] = "宁波";
city3[15] = "攀枝花";
city3[16] = "衢州";
city3[17] = "秦皇岛";
city3[18] = "庆阳";
city3[19] = "黔南";
city3[20] = "且末";
city3[21] = "齐齐哈尔";
city3[22] = "青岛";
city3[23] = "汕头";
city3[24] = "深圳";
city3[25] = "石家庄";
city3[26] = "三亚";
city3[27] = "沈阳";
city3[28] = "上海";
city3[29] = "思茅";
city3[30] = "铜仁";
city3[31] = "塔城";
city3[32] = "腾冲";
city3[33] = "台州";
city3[34] = "天水";
city3[35] = "天津";
city3[36] = "通辽";
city3[37] = "太原";
Citys.push(city3);
//
var city4 = new Array();
city4[0] = "W-Z";
city4[1] = "威海";
city4[2] = "武汉";
city4[3] = "梧州";
city4[4] = "文山";
city4[5] = "无锡";
city4[6] = "潍坊";
city4[7] = "武夷山";
city4[8] = "乌兰浩特";
city4[9] = "温州";
city4[10] = "乌鲁木齐";
city4[11] = "万州";
city4[12] = "乌海";
city4[13] = "兴义";
city4[14] = "西昌";
city4[15] = "厦门";
city4[16] = "香格里拉";
city4[17] = "西安";
city4[18] = "襄樊";
city4[19] = "西宁";
city4[20] = "锡林浩特";
city4[21] = "西双版纳";
city4[22] = "徐州";
city4[23] = "义乌";
city4[24] = "永州";
city4[25] = "榆林";
city4[26] = "延安";
city4[27] = "运城";
city4[28] = "烟台";
city4[29] = "银川";
city4[30] = "宜昌";
city4[31] = "宜宾";
city4[32] = "盐城";
city4[33] = "延吉";
city4[34] = "玉树";
city4[35] = "伊宁";
city4[36] = "珠海";
city4[37] = "昭通";
city4[38] = "张家界";
city4[39] = "舟山";
city4[40] = "郑州";
city4[41] = "中卫";
city4[43] = "湛江";
city4[42] = "芷江";
Citys.push(city4);
function init() {
    var div = "<div id=\"tanchu\" style=\"left: 361px; top: 169px; display:none;\"><div class=\"tc_content\"><h6 class=\"h6\"><span class=\"tc_close\" style=\"float: right;\" onclick=\"hid()\"></span></h6><ul class=\"tc_ul\"><li><a>北京</a> </li><li><a>上海</a> </li><li><a>广州</a> </li><li><a>深圳</a> </li><li><a>成都</a> </li><li><a>重庆</a> </li><li><a>西安</a> </li><li><a>杭州</a> </li><li><a>武汉</a> </li><li><a>南京</a> </li><li><a>沈阳</a> </li><li><a>天津</a> </li><li><a>大连</a> </li><li><a>青岛</a> </li><li><a>长沙</a> </li><li><a>昆明</a> </li><li><a>长春</a> </li><li><a>郑州</a> </li><li><a>海口</a> </li><li><a>合肥</a> </li><li><a>济南</a> </li><li><a>福州</a> </li><li><a>哈尔滨</a> </li><li><a>乌鲁木齐</a> </li></ul></div></div>";
    document.write(div);
    var tc = document.getElementById('tanchu');
    var uls = tc.childNodes[0].childNodes;
    for (var i = uls.length - 1; i >= 0; i--) {
        if (uls[i].tagName == "ul".toUpperCase()) {
            tc.childNodes[0].removeChild(uls[i]);
        }
    }
    for (var i = 0; i < Citys.length; i++) {
        var ul = document.createElement("ul");
        ul.className = "tc_ul";
        var span = document.createElement("span");
        span.innerHTML = Citys[i][0];
        ul.style.display = "none";
        ul.subId = i;
        span.value = ul;
        span.className = "tantutitle";
        span.onclick = function() {
            var yy = document.getElementById('tanchu');
            var ulss = yy.childNodes[0].childNodes;
            for (var k = 0; k < ulss.length; k++) {
                if (ulss[k].tagName == "UL") {
                    ulss[k].style.display = "none";
                }
                /*else {
                ulss[k].style.display = '';
                }*/
            }
            this.value.style.display = '';
        }
        tc.childNodes[0].childNodes[0].appendChild(span);
        if (i == 0)
            ul.style.display = '';
        for (var j = 1; j < Citys[i].length; j++) {
            var li = document.createElement("li");
            li.innerHTML = "<a>" + Citys[i][j] + "</a>";
            ul.appendChild(li);
        }
        tc.childNodes[0].appendChild(ul);
    }
}
function GetSelectedText(obj) {
    var index = obj.selectedIndex;
    return obj.options[index].text;
}
function SelectedText(obj, strText) {
    var regCity = /[\u4e00-\u9fa5]+/;
    strText = regCity.exec(strText)[0];
  
    for (var i = 0; i < obj.options.length; i++) {
        var selectText = obj.options[i].text;
        var comptext = regCity.exec(selectText)[0];
            if ( comptext==strText)
                    obj.selectedIndex = i;
    }
}