$(document).ready(function(){
	
	var prefecture = ['千葉県','東京都','その他'];
	
	var area1 = ['市川市','鎌ケ谷市','習志野市','船橋市'];
	var area2 = ['江東区','墨田区'];
	
	var sub_area1 = ['柏井町 1','柏井町 2','柏井町 3','柏井町 4'];
	var sub_area2 = ['右京塚','鎌ケ谷 1','鎌ケ谷 2','鎌ケ谷 3','鎌ケ谷 4','鎌ケ谷 5','鎌ケ谷 6','鎌ケ谷 7','鎌ケ谷 8','鎌ケ谷 9','丸山 1','丸山 2','丸山 3','初富本町 1','初富本町 2','西道野辺','中沢','中沢新町','東中沢 1','東中沢 2','東中沢 3','東中沢 4','東道野辺 1','東道野辺 2','東道野辺 3','東道野辺 4','東道野辺 5','東道野辺 6','東道野辺 7','道野辺中央 1','道野辺中央 2','道野辺中央 3','道野辺中央 4','道野辺中央 5','道野辺本町 1','道野辺本町 2','南鎌ケ谷 1','南鎌ケ谷 2','南鎌ケ谷 3','南鎌ケ谷 4','馬込沢','富岡 1','富岡 2','富岡 3','北初富','北中沢 1','北中沢 2','北中沢 3'];
	var sub_area3 = ['鷺沼 1','鷺沼 2','鷺沼 3','鷺沼 4','鷺沼 5','鷺沼台 1','鷺沼台 2','鷺沼台 3','鷺沼台 4','新栄 1','新栄 2','泉町 1','泉町 2','泉町 3','袖ケ浦 1','袖ケ浦 2','袖ケ浦 3','袖ケ浦 4','袖ケ浦 5','袖ケ浦 6','大久保 1','大久保 2','大久保 3','大久保 4','谷津 1','谷津 2','谷津 3','谷津 4','谷津 5','谷津 6','谷津 7','谷津町 1','谷津町 4','津田沼 1','津田沼 2','津田沼 3','津田沼 4','津田沼 5','津田沼 6','津田沼 7','藤崎 1','藤崎 2','藤崎 3','藤崎 4','藤崎 5','藤崎 6','藤崎 7','本大久保 1','本大久保 2','本大久保 3','本大久保 4','本大久保 5'];
	var sub_area4 = ['旭町 1','旭町 2','旭町 3','旭町 4','旭町 5','旭町 6','印内 1','印内 2','印内 3','印内町','栄町 1','栄町 2','夏見 1','夏見 2','夏見 3','夏見 4','夏見 5','夏見 6','夏見 6','夏見 7','夏見台 1','夏見台 2','夏見台 3','夏見台 4','夏見台 5','夏見台 6','海神 1','海神 2','海神 3','海神 4','海神 5','海神 6','海神町 2','海神町 3','海神町西 1','海神町東 1','海神町南 1','葛飾町 2','丸山 1','丸山 2','丸山 3','丸山 4','丸山 5','宮本 1','宮本 2','宮本 3','宮本 4','宮本 5','宮本 6','宮本 7','宮本 8','宮本 9','金杉 1','金杉 2','金杉 3','金杉 4','金杉 5','金杉 6','金杉 7','金杉 8','金杉 9','金杉台 1','金杉台 2','金杉町','古作 1','古作 2','古作 3','古作 4','古和釜町','行田 1','行田 2','行田 3','行田町','高根台 1','高根台 2','高根台 3','高根台 4','高根台 5','高根台 6','高根台 7','高根町','三咲 1','三咲 2','三咲 3','三咲 4','三咲 5','三咲 6','三咲 7','三咲 8','三咲 9','三咲町','三山 1','三山 2','三山 3','三山 4','三山 5','三山 6','三山 7','三山 8','三山 9','山手 1','山手 2','山手 3','山野町','市場 1','市場 2','市場 3','市場 4','市場 5','七林町','芝山 1','芝山 2','芝山 3','芝山 4','芝山 5','芝山 6','芝山 7','習志野台 1','習志野台 2','習志野台 3','習志野台 4','習志野台 5','習志野台 6','習志野台 7','習志野台 8','駿河台 1','松ケ丘 1','松ケ丘 2','松ケ丘 3','松ケ丘 4','松ケ丘 5','上山町 1','上山町 2','上山町 3','新高根 1','新高根 2','新高根 3','新高根 4','新高根 5','新高根 6','西習志野 1','西習志野 2','西習志野 3','西習志野 4','西船 1','西船 2','西船 3','西船 4','西船 5','西船 6','西船 7','前貝塚町','前原西 1','前原西 2','前原西 3','前原西 4','前原西 5','前原西 6','前原西 7','前原西 8','前原東 1','前原東 2','前原東 3','前原東 4','前原東 5','前原東 6','大穴町','大穴南 1','大穴南 2','大穴南 3','大穴南 4','大穴南 5','大穴北 1','大穴北 2','大穴北 3','大穴北 4','大穴北 5','大穴北 6','大穴北 7','大穴北 8','滝台 1','滝台 2','滝台町','中野木 1','中野木 2','坪井町','田喜野井 1','田喜野井 2','田喜野井 3','田喜野井 4','田喜野井 5','田喜野井 6','田喜野井 7','東船橋 1','東船橋 2','東船橋 3','東船橋 4','東船橋 5','東船橋 6','東船橋 7','東町','藤原 1','藤原 2','藤原 3','藤原 4','藤原 5','藤原 6','藤原 7','藤原 8','南海神 1','南海神 2','南三咲 1','南三咲 2','南三咲 3','南三咲 4','南本町','楠ケ山町','二宮 1','二宮 2','二和西 1','二和西 2','二和西 3','二和西 4','二和西 5','二和西 6','二和東 1','二和東 2','二和東 3','二和東 4','二和東 5','二和東 6','日の出 1','日の出 2','馬込町','飯山満町 1','飯山満町 2','飯山満町 3','米ヶ崎','北本町 1','北本町 2','本町 1','本町 2','本町 3','本町 4','本町 5','本町 6','本町 7','湊町 1','湊町 2','湊町 3','薬円台 1','薬円台 2','薬円台 3','薬円台 4','薬円台 5','薬円台 6','薬園台町','緑台 1','緑台 2'];
	var sub_area5 = ['亀戸 1','亀戸 2','亀戸 3','亀戸 4','亀戸 5','亀戸 6','亀戸 7','亀戸 8','亀戸 9'];
	var sub_area6 = ['押上 1','押上 2','押上 3','横川 1','横川 2','横川 3','横川 4','横川 5','亀沢 1','亀沢 2','亀沢 3','亀沢 4','京島 1','京島 2','京島 3','業平 1','業平 2','業平 3','業平 4','業平 5','錦糸 1','錦糸 2','錦糸 3','錦糸 4','吾妻橋 1','吾妻橋 2','吾妻橋 3','向島 1','向島 2','向島 3','向島 4','向島 5','石原 1','石原 2','石原 3','石原 4','太平 1','太平 2','太平 3','太平 4','堤通 1','堤通 2','東駒形 1','東駒形 2','東駒形 3','東駒形 4','東向島 1','東向島 2','東向島 3','東向島 4','東向島 5','東向島 6','東墨田 1','東墨田 2','東墨田 3','八広 1','八広 2','八広 3','八広 4','八広 5','八広 6','文花 1','文花 2','文花 3','墨田 1','墨田 2','墨田 3','墨田 4','墨田 5','本所 1','本所 2','本所 3','本所 4','立花 1','立花 2','立花 3','立花 4','立花 5','立花 6'];
	
	// 初期設定は、千葉県：市川市：柏井町 1
	$('#prefecture').numericOptions({from:1,to:3,selectedIndex:0,labels:prefecture});
	$('#area').numericOptions({from:1,to:4,selectedIndex:0,labels:area1});
	$('#sub_area').numericOptions({from:1,to:4,selectedIndex:0,labels:sub_area1});
	
	$("#prefecture").change(function(){
		
		fadeout_animate();
		
		switch($("#prefecture").val()){
			case "1":
				fn_area();
				$('#area').numericOptions({from:1,to:4,selectedIndex:0,labels:area1});
				$('#sub_area').numericOptions({from:1,to:4,selectedIndex:0,labels:sub_area1});
				break;
			
			case "2":
				fn_area();
				$('#area').numericOptions({from:5,to:6,selectedIndex:0,labels:area2});
				$('#sub_area').numericOptions({from:1,to:9,selectedIndex:0,labels:sub_area5});
				break;
		}
	});
	
	$("#area").change(function(){
		
		$("#d_sub_area").css("width", "0px");
		
		switch($("#area").val()){
			case "1":
				fn_sub_area();
				$('#sub_area').numericOptions({from:1,to:4,selectedIndex:0,labels:sub_area1});
				break;
			
			case "2":
				fn_sub_area();
				$('#sub_area').numericOptions({from:1,to:48,selectedIndex:0,labels:sub_area2});
				break;
			
			case "3":
				fn_sub_area();
				$('#sub_area').numericOptions({from:1,to:52,selectedIndex:0,labels:sub_area3});
				break;
			
			case "4":
				fn_sub_area();
				$('#sub_area').numericOptions({from:1,to:259,selectedIndex:0,labels:sub_area4});
				break;
			
			case "5":
				fn_sub_area();
				$('#sub_area').numericOptions({from:1,to:9,selectedIndex:0,labels:sub_area5});
				break;
			
			case "6":
				fn_sub_area();
				$('#sub_area').numericOptions({from:1,to:79,selectedIndex:0,labels:sub_area6});
				break;
		}
	});
	
	function fadeout_animate() {
		$("#area").css("display", "none");
		$("#sub_area").css("display", "none");
		
		$("#d_area").css("width", "0px");
		$("#d_sub_area").css("width", "0px");
	}
	
	function fn_area() {
		$("#d_area").animate({
			width:"100px"
		}, 500 );
		
		$("#d_sub_area").animate({
			width:"100px"
		}, 500 );
		
		$("#area").css("display", "block");
		$("#sub_area").css("display", "block");
		
	}
	
	function fn_sub_area() {
		$("#d_sub_area").animate({
			width:"100px"
		}, 500 );
	}
});