$(function(){
	
	loadIconList = function(zoom){
		var p = {
			action:"map_icon_info",
			area_group_id:areaGroupId,
			area_id:areaId
		};

		if(!zoom)
		{
			zoom = 14;
		}

		$.ajax({
			type     : 'POST',
			url      : '/api/station/',
			cache    : false,
			complete : function(){},
			data     : p,
			dataType : 'json',
			success  : function(json_data){
				var mapSet = {
					id: 'mapWide',
					lat: json_data.position.lat,
					lng: json_data.position.lng,
					zoom: zoom,
					display: json_data.display
				};
				if(myMap)
				{
				}
				else
				{
				}
				myMap = loadUserMap2(mapSet);
				//var point = new GLatLng(json_data.position.lat, json_data.position.lng);
				// エリア別ステーションリスト表示
				$("#station_list").load("/api/station/?action=id_list&area_id="+areaId, {}, function(){
					$(".station_info_popup").click(function(){
						var lat = $(this).attr("lat");
						var lng = $(this).attr("lng");
						//myMap.setCenter(new GLatLng(lat, lng)); // ↓を有効にする場合こちらは無効に
						// マーカーにクリックイベントを送る
						/*
						var station_id = $(this).attr("station_id");
						GEvent.trigger(markers[station_id].marker, "click", null);
						*/
					});
					// ====== ステーション名のクリックでバルーンを開く
					$(".station_balloon_popup").click(function(){
						var lat = $(this).attr("lat");
						var lng = $(this).attr("lng");
						// マーカーにクリックイベントを送る
						var station_id = $(this).attr("station_id");
						GEvent.trigger(markers[station_id].marker, "click", null);
					});
				});
			},
			error    : function(){
				$("#mapWide").text('通信エラー発生');
			}
		});
	};
	
	// エリア変更
	changeStationArea = function(_areaId)
	{
		
		changeHeaderAreaName(_areaId);
		
		areaId = _areaId;
		
		$(".station_area").each(function(){
			var id = $(this).attr("area_id");
			var name = $(this).attr("area_name");
			var scale = $(this).attr("scale");
			
			var str = '';
			if(id == _areaId)
			{
				str = "<span>" + name + "</span>";
			}
			else
			{
				str = '<a href="#" class="select_station_area" area_id="' + id + '">' + name + '</a>';
			}
			
			$(this).html(str);
			
			$(".select_station_area").click(function(){
				changeStationArea($(this).attr("area_id"));
			});
			
		});

		loadIconList( $(".station_area[area_id=" + _areaId + "]").attr("scale") );
		
	}
	
	var changeHeaderAreaName = function(area_id)
	{
		var area_group_name = $("#station_area_group_name").val();
		var area_name = $(".station_area[area_id=" + area_id + "]").attr("area_name");
		var show_name = area_group_name + "：" + area_name;
		if( area_id != 0 ) { show_name += "エリア"; }
		$("#station_area_selected_name").html(show_name);
	}
	
	// Init
	$("#load_area_base")
	.load("/api/station/?action=list_base&area_group_id="+areaGroupId + "&area_id=" + areaId, function(){
		// エリア変更の設定
		$(".select_station_area").click(function(){
			changeStationArea($(this).attr("area_id"));
		});
		if(areaId)
		{
			changeStationArea(areaId);
		}
		else
		{
			var area_id = $(".areaname > .station_area:first").attr("area_id");
			//var scale = $(".areaname > .station_area:first").attr("scale");
			// GoogleMaps表示
			//loadIconList( scale );
			changeStationArea(area_id);
		}
	});
	
	
});