var xmlhttp;
var close = "<h2 style=\"width:100%;\"><img onclick=\"javascript:closeiconwin();\" style=\"float:right\" src=\"/images/close.gif\"></h2>";

//打开窗口
function showCity() {
    var msgw=500;//提示窗口的宽度
    var msgh=330;//提示窗口的高度
    var sWidth,sHeight;
    //获取当前窗口尺寸
    sWidth = document.body.offsetWidth;
    sHeight = document.body.scrollHeight;   
    //在页面中隐藏好的一个div
    var contain = document.createElement("div");
    contain.setAttribute("id","city_layer");
    contain.style.border = "1px solid #B3D5FF";
    contain.style.width = msgw + "px";
    contain.style.height = msgh + "px";
    contain.style.left = "40%";
    contain.style.display = "block";
    //窗口距离左侧和顶端的距离 
    contain.style.marginLeft = "-80px";
    //窗口被卷去的高+（屏幕可用工作区高/2）-320
    contain.style.zIndex = "100";
    contain.style.position = "absolute";
    contain.style.top = document.body.scrollTop+(window.screen.availHeight/2)-320 +"px";
    document.body.appendChild(contain);
    //左侧的省级和市级列表
    var state = document.createElement("div");
    state.setAttribute("id","statelist");
    state.setAttribute("align","left");
    contain.appendChild(state);
    //右侧的市级以下列表
    var city = document.createElement("div");
    city.setAttribute("id","citylist");
    city.setAttribute("align","left");
    contain.appendChild(city);  
    city.innerHTML = close; 
    //默认读取省级列表列表
    getCityData('L1','');  
}
//关闭弹出框
function closeiconwin() {
    document.getElementById("city_layer").removeChild(document.getElementById("statelist"));
    document.getElementById("city_layer").removeChild(document.getElementById("citylist"));
    document.body.removeChild(document.getElementById("city_layer"));
}  
//创建xmlhttp
function createXMLHTTP() {
    try  {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch(e) {
        try {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch(oc) {
            xmlhttp = null;
        }
    }
    if(!xmlhttp && typeof XMLHttpRequest !="undefined" ) {
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}
//读取城市列表的方法
function getCityData(lv,citynode) {
	//此处的判断用来关闭城市级的列表
	if(citynode != '' && lv === 'L2') {
    	var L2id = "state_"+citynode;
    	var L2 = document.getElementById(L2id);   	
    	if(L2.innerHTML != "") {
    		L2.innerHTML = "";
    		L2.style.display = "none";
    		return;
    	}
	}
    xmlhttp = createXMLHTTP();
    xmlhttp.open("GET","/citylist.do?lv="+lv+"&n="+citynode,false);
    xmlhttp.onreadystatechange = function CityList() {
        if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            if(xmlhttp.responseText.length !== 0) {
            	var res = xmlhttp.responseText.split(",");
            	//获取省份的列表
            	if(lv === 'L1') {
            		var L1list = "<ul style=\"list-style:none;text-align:left;padding:0 0 0 5px;\">";
            		L1list += "<li><a onclick=\"javascript:addCity('110100','北京市');\" href=\"javascript:void(0);\"><span>北京市</span></a></li>"; 
            		L1list += "<li><a onclick=\"javascript:addCity('310100','上海市');\" href=\"javascript:void(0);\"><span>上海市</span></a></li>"; 
            		L1list += "<li><a onclick=\"javascript:addCity('120100','天津市');\" href=\"javascript:void(0);\"><span>天津市</span></a></li>"; 
            		L1list += "<li><a onclick=\"javascript:addCity('500100','重庆市');\" href=\"javascript:void(0);\"><span>重庆市</span></a></li>";
            		var L1 = document.getElementById("statelist");
            		for(var k = 0;k < res.length;k++) {
            			var stateobj = res[k].split("#");
                   		if(stateobj != "") {
                        	L1list += "<li><a onclick=\"javascript:getCityData('L2','"+stateobj[0]+"');\" href=\"javascript:void(0);\"><span>"+stateobj[1]+"</span></a><ul id=\"state_"+stateobj[0]+"\"></ul></li>";
                    	}
                    }
            		L1list += "</ul>";
                    L1.innerHTML = L1list;
            	} else if(lv === 'L2') {
            		var L2id = "state_"+citynode;
            		var L2 = document.getElementById(L2id);        
            		L2.innerHTML = "";    		
            		var L2list = "";
            		L2.style.cssText = "list-style:none;text-align:left;";
            		for(var j = 0;j < res.length;j++) {
            			var cityobj = res[j].split("#");
                   		if(cityobj != "") {
                        	L2list += "<li style=\"padding:0 0 0 10px;\">|-&nbsp;<a onclick=\"javascript:getCityData('L3','"+cityobj[0]+"');\" href=\"javascript:void(0);\"><span>"+cityobj[1]+"</span></a></li>";
                    	}
                    }
                    L2.innerHTML = L2list;
            	} else if(lv === 'L3') {
            		var L3 = document.getElementById("citylist");
            		L3.innerHTML = close;   
            		var L3list = "<ul style=\"margin:20px 0 0 0;list-style:none;\">";
            		for(var h = 0;h < res.length;h++) {
            			var countyobj = res[h].split("#");
                   		if(countyobj != "") {
                        	L3list += "<li style=\"display:inline;margin:0 4px;padding:0;line-height:22px;\"><a onclick=\"javascript:addCity('"+countyobj[0]+"','"+countyobj[1]+"');\" href=\"javascript:void(0);\"><span>"+countyobj[1]+"</span></a></li>";
                    	}
                    }
                    L3list +="</ul>";
                    L3.innerHTML += L3list;
            	}
            }
        }    
    };
    xmlhttp.send(null);
}
//将cityid和cityname添加到表单中
function addCity(cityid,cityname) {
	var cid = document.getElementById("cityid");
	var cname = document.getElementById("cityname");
	cid.value = cityid;
	cname.value = cityname;
	closeiconwin();
}