function loadPrefecture (){
	var state = document.getElementById('state');
	for (var i in AREA){
		var opt = document.createElement("OPTION");
		opt.value = i;
		var txt = document.createTextNode( AREA[i].name );
		opt.appendChild(txt);
		state.appendChild(opt);
	}
}

function changestate (pr){
	var ba = document.getElementById('city');
	ba.length = 1;
	var sa = document.getElementById('shop');
	sa.length = 1;
	if(!pr.value){
		return;
	}
	for (i in AREA[ pr.value ].LargeArea){
		var opt = document.createElement("OPTION");
		opt.value = i;
		var name = AREA[ pr.value ].LargeArea[i].name;
		var txt = document.createTextNode( name );
		opt.appendChild(txt);
		ba.appendChild(opt);
	}
}

function changecity (ba){
	if(!ba.value){
		return;
	}
	var pr = document.getElementById('state');
	var sa = document.getElementById('shop');
	sa.length = 1;
	for (var i in AREA[ pr.value ].LargeArea[ ba.value ].SmallArea){
		var opt = document.createElement("OPTION");
		opt.value = i;
		var name = AREA[ pr.value ].LargeArea[ ba.value ].SmallArea[i].name;
		var txt = document.createTextNode( name );
		opt.appendChild(txt);
		sa.appendChild(opt);
	}
}

function initAreaPulldown (in_pr,in_ba,in_sa){
	loadPrefecture();
	if (in_pr){
		var pr = document.getElementById('state');
		var ba = document.getElementById('city');
		var sa = document.getElementById('shop');
		pr.value = in_pr;
		changestate(pr);
		ba.value = in_ba;
		changecity(ba);
		sa.value = in_sa;
	}
}