var CityChoose = {

	bind: "",
	
	bindValue: "",

    choose_city: "",
    
    provincebox: "",
    
    citybox:"",

	init: function(bindValue,bind,choose_city,provincebox,citybox) {
	    if(CityChoose.choose_city != "") CityChoose.hide();
	    CityChoose.bindValue = bindValue;
		CityChoose.bind = bind;
		CityChoose.choose_city = choose_city;
		CityChoose.provincebox = provincebox;
		CityChoose.citybox = citybox;
		CityChoose.initProvince();
		CityChoose.show();
	},

	show: function() {
		$(CityChoose.choose_city).style.display = "block";
	},

	hide: function() {
		$(CityChoose.choose_city).style.display = "none";
	},

	initProvince: function() {

		var myAjax = new Ajax.Request("http://www.56hui.com/provincecity.aspx", {
			method: "get",
			onComplete: CityChoose.updateProvinceData
			});

	},

	updateProvinceData: function(trans) {
		var data = eval('('+trans.responseText+')');
		var html = '';
		for (var i=0; i<data.length; i++)
		{
			html += '<span><a class="sl2" onclick="javascript:CityChoose.selectProvince('+data[i]["id"]+', '+ data[i]["territory"] +", '"+data[i]["name"]+"'"+', this);">'+data[i]["name"]+'</a></span>';
		}
		$(CityChoose.provincebox).innerHTML = html;
	},

	selectProvince: function(pid, territory, name, obj)
	{
		var elements = document.getElementsByClassName("curr");
		$A(elements).each(function(node) {
			node.className = "";
		});
		obj.parentNode.className = "curr";
		if (territory != 0)
		{
		    $(CityChoose.bindValue).value = territory;
			$(CityChoose.bind).value = name;
			$(CityChoose.citybox).style.display = "none";
			CityChoose.hide();
		}
		else
		{
			CityChoose.loadProvinceCity(pid);
			$(CityChoose.citybox).style.display = "block";
		}
	},

	loadProvinceCity: function(pid)
	{
		var myAjax = new Ajax.Request("http://www.56hui.com/provincecity.aspx?id=" + pid, {
			method: "get",
			onComplete: CityChoose.updateCityData
			});
	},

	updateCityData: function(trans)
	{
		var data = eval("("+trans.responseText+")");
		var html = "";
		html += "<div class=city_list>";
		for (var i=0; i<data.length; i++)
		{
			html += '<span><a class="sl" href="javascript:CityChoose.selectCity('+"'"+data[i]["id"]+"','"+data[i]["name"]+"')"+';">'+data[i]["name"]+'</a></span>';
		}
		html += "</div>";
		$(CityChoose.citybox).innerHTML = html;
	},

	selectCity: function(id, name)
	{
		$(CityChoose.bindValue).value = id;
		$(CityChoose.bind).value = name;
		CityChoose.hide();
	}
};