var xhrObj = getXhrObj(); 

	function initOnLoad(){
		class1Req();
	}

	function class1Req(){
		xhrObj.open('get', '/php/ajax.php?kind=area&key=');
		xhrObj.onreadystatechange = class1Resp;
		xhrObj.send(null);
	}

	function class1Resp(){
		if(xhrObj.readyState == 4){  
			if(xhrObj.status == 200){  
				var recs = xhrObj.responseText.split("<r>");
				var view = '<select id =\"ajax_areaList\" name=\"area\">';
				for(i = 0; i < recs.length; i++){
					var rec = recs[i].split("<i>");
					for(j = 0; j < rec.length; j++){
						if(j==0){
							class1_code = rec[j]; 
						}else{
							view+='<option value=\"'+class1_code+'\">'+rec[j]+'</option>';   	
						}
					}
				}
				view += '</select>';
				document.getElementById("ajax_area").innerHTML = view;
				var observer = document.getElementById("ajax_areaList");
		  		setListener(observer, "change", class2Req);
			}
		}
	} 
	function class2Req(kind){
		var observer = document.getElementById("ajax_areaList");
		var class1_code = observer.value;
		xhrObj.open('get', '/php/ajax.php?kind=area_prefecture&key='+class1_code);
		xhrObj.onreadystatechange = class2Resp;
		xhrObj.send(null);
	}
	function class2Resp(){
		if(xhrObj.readyState == 4){  
			if(xhrObj.status == 200){  
				var recs = xhrObj.responseText.split("<r>"); 
				var view = '<select id =\"ajax_prefectureList\" name=\"p\">';
				for(var i = 0; i < recs.length; i++){
					var rec = recs[i].split("<i>");
					for(j = 0; j < rec.length; j++){
	          if(j==0){
							class2_code = rec[j]; 
						}else{
							view+='<option value=\"'+class2_code + '\">'+rec[j]+'</option>';
						}
					}
				}
				view += '</select>';
				document.getElementById("ajax_prefecture").innerHTML = view;
			}
		}
	}
	setListener(window, "load", initOnLoad);