var Menu2={
	
	q: null,
	
	data: null,
	
	depth: 3,
	
	init: function(){
		Menu2.build();
		Menu2.loadXML("/m/j/city/city.xml");
		
	},
	
	loadXML: function(url,level){
		
		var l=0;
		
		if(level){
			l=level;
		}
		
		Menu2.q=new $G.Q(url,"GET");
		
		Menu2.q.level=l;
		
		Menu2.q.parse(Menu2.loadS,Menu2.loadF);
	},
	
	loadS: function(){
		
		Menu2.data=Menu2.q.$1().split(",");
		
		var cities=new Array();
		
		for(var i=0;i <Menu2.data.length;i++){
			cities.push({id:Menu2.data[i].split("|")[0],name:Menu2.data[i].split("|")[1]});
		}

		while(Menu2.groups[Menu2.q.level].firstChild){
			Menu2.groups[Menu2.q.level].removeChild(Menu2.groups[Menu2.q.level].firstChild);
		}
		
		for(var i=0;i<cities.length;i++){
			
			var node=new $E("option",{value:cities[i].id});
			node.appendChild(cities[i].name);
			
			node.insertTo(Menu2.groups[Menu2.q.level]);
		}
		
		if(Menu2.q.level<Menu2.depth-1){
			Menu2.loadXML("/m/j/city/city"+cities[0].id+".xml",Menu2.q.level+1);
		}
		
	},
	
	loadF: function(){
		window.msg("load error");
	},
	
	regAction: function(node,level){
		
		
		node.onchange=function(){
			
			var value="/m/j/city/city"+node.value+".xml";
			
			Menu2.loadXML(value,level+1);
			
		}
		
	},
	
	groups: new Array(),
	
	build: function(){
		
		for(var i=0;i<Menu2.depth;i++){
			
			var flag=document.createElement("select");
			
			flag.id="city"+(i+1);
			flag.name="city"+(i+1);
			flag.style.width="150px";
			Menu2.regAction(flag,i);
			
			
			Menu2.groups.push(flag);
			
			$1("city").appendChild(flag);
			
		}
		
		Menu2.groups[Menu2.depth-1].style.display="none";
		
	}
	
}

window.LOAD=window.LOAD?window.LOAD:new Array();

window.LOAD.push(Menu2.init);