if (window.addEventListener) { //for W3C DOM
  window.addEventListener("load", createDropDown, false);
} else if (window.attachEvent) { //for IE
  window.attachEvent("onload", createDropDown);
} else  {
  window.onload = createDropDown;
}
function createDropDown(){
	var url = '/ajax/shopSearch.php?flg=1';
	var ajax = new Ajax.Request(url, {method: 'get', onComplete: init});
}

function init(req){
	var resObj = eval(req.responseText);
	var prefObj = document.getElementById('idDrpPref');
	var cityObj = document.getElementById('idDrpCity');
	var useObj = document.getElementById('idDrpUse');
	
	var prefId = resObj.prefid;
	var prefName = UnescapeUTF8(resObj.prefname);
	prefId = prefId.split(",");
	prefName = prefName.split(",");
	var cityName = UnescapeUTF8(resObj.cityname);
	var useId = resObj.useid;
	var useName = UnescapeUTF8(resObj.usename);
	useId = useId.split(",");
	useName = useName.split(",");
	
	var idx = prefName.length;
	for(var i = 0; i< idx; i++){
		prefObj.options[i] = new Option(prefName[i], prefId[i]);
	}
	
	cityObj.options[0] = new Option(cityName, "");
	
	idx = useName.length;
	for(var i = 0; i< idx; i++){
		useObj.options[i] = new Option(useName[i], useId[i]);
	}
	
	
	var hidPref = document.getElementById('idPrefId');
	if(hidPref != null){
		if(hidPref.value){
			createCity(hidPref.value);
			prefObj.value = hidPref.value;
		}
		var hidUse = document.getElementById('idUse');
		if(hidUse.value){
			useObj.value = hidUse.value;
		}
		var hidCity = document.getElementById('idCity');
		if(hidCity.value){
			setTimeout(setCity, 200);
		}
	}
}

function createCity(val){
	if(val){
		var url = '/ajax/shopSearch.php?flg=2&prefid=' + val;
		var ajax = new Ajax.Request(url, {method: 'get', onComplete: ajaxReturn});
	}
}

function ajaxReturn(req){
	var text = req.responseText;
	
	var drpObj = document.getElementById('idDrpCity');
	var idx = drpObj.length;
	
	for(var i = 0; i < idx; i++){
		drpObj.options[1] = null;
	}
	
	var cityArr = UnescapeUTF8(text).split(",");
	idx = cityArr.length;
	for(i = 0; i < idx; i++){
		drpObj.options[i + 1] = new Option(cityArr[i], cityArr[i]);
	}
	
}
function setCity(){
var cityObj = document.getElementById('idDrpCity');
var hidCity = document.getElementById('idCity')
	cityObj.value = hidCity.value;
}