// 変数宣言
	var map;
	var selectedLiId = -1;

	/**
	 * マップ初期化処理
	 */
	function jsInitMap(){

		// マップ初期化
		try {
			if (GBrowserIsCompatible()) {
				map = new GMap2(document.getElementById("map"));
			}else{
				return;
			}
		} catch(e) {
			// GoogleMapAPIが死んでる
			alert('GoogleMapAPIで障害が発生しています。\n回復までしばらくお待ちください。');
			return;
		}

		// マップ初期表示位置設定
		var x = 135.400947;
		var y = 34.784306;
		var gpoint = new GLatLng(y, x);
		map.setCenter(gpoint);
	
		// マップズームレベル設定
		var zoomlevel = 14;
		map.setZoom(zoomlevel);
		
		// マップ表示タイプ設定
		map.setMapType(G_NORMAL_MAP);
	
		// コントロールのセット
		map.addControl(new GMapTypeControl());
		map.addControl(new GLargeMapControl());
		map.addControl(new GScaleControl());
		map.addControl(new GOverviewMapControl(new GSize(150,150)));
		
		// ハンドラーセット
		new GKeyboardHandler(map);
		
		// ホイールイベントセット
//		if (navigator.userAgent.match("Safari")){
//			 document.getElementById("map").onmousewheel = jsMouseZoom;
//		} else if (navigator.userAgent.match("Gecko")){
//			 document.getElementById("map").addEventListener("DOMMouseScroll", jsMouseZoom, false);
//		} else {
//			document.getElementById("map").attachEvent("onmousewheel", jsMouseZoom);
//		}

		// 初期表示用
		jsMoveInitMap();
	}


	// 初期表示用
	function jsMoveInitMap(){
		var paramStyle = "1";
		var spotIdFlag = "1";
		var spotTypeIdFlag = "";
		if(paramStyle == 1 && spotIdFlag == "1"){
			// リクエストパラメータに施設種別と施設が存在する時
			jsChangeSpotType("8", "34.784306", "135.400947", "13", "gmap_spottype_8", "init", "5599");
		}else if(paramStyle == 2 && spotTypeIdFlag == "1"){
			// リクエストパラメータに施設種別だけ存在する時
			jsChangeSpotType("8", "34.784306", "135.400947", "13", "gmap_spottype_8");
		}else {
			// リクエストパラメータが存在しない時
			jsChangeSpotType("2", "34.784306", "135.400947", "15", "gmap_spottype_2", "init");
		}
	}
	// ホイールイベント
	function jsMouseZoom(event) {
		var delta = event.wheelDelta;
		if (	navigator.userAgent.match("MSIE")
			||	navigator.userAgent.match("Safari")) {
			delta = event.wheelDelta;
			event.returnValue = false;
		} else {
			delta = event.detail * -1;
			event.preventDefault();
		}
		if(delta > 0){
			zoomlevel = 1;
		}else{
			zoomlevel = -1;
		}
		map.setZoom(map.getZoom() + zoomlevel);
	}

	// 1.施設種別の地点へ移動
	// 2.選択した施設種別の背景色の設定
	// 3.施設リストを更新
	var jsHttpObj;
	// 地図初期化のフラグ
	var jsinitFlag;
	// リクエストからspotId
	var jsSpotId;
	function jsChangeSpotType(spotTypeId, latitude, longitude, scale, liId, initFlag, spotId) {
		
		jsinitFlag = initFlag;
		jsSpotId = spotId;
		selectedSpotLiId = -1;

		// 1.施設種別の地点へ移動
		jsChangeMap(latitude, longitude, scale);
		
		// 2.選択した施設種別の背景色の設定
		var obj = document.getElementById(liId);
		if( obj != null ) {
			if( liId != selectedLiId) {
				// 選択処理
				obj.className = "gmap_li_select";
				if( selectedLiId != -1 ) {
					// 前回選択を解除
					obj = document.getElementById(selectedLiId);
					if( obj != null ) {
						obj.className = "gmap_li_normal";
					}
				}
				selectedLiId = liId;
			}
		}
		
		var url = ("/Gmap_map_spot_list.php");
		url = url + "?spotTypeId=" + spotTypeId + "&revision=0";

		// 3.施設リストを更新
		jsShowLoading();
		var jsHttpObj = new Ajax.Request(
						url, 
						{
							method: 'get',
							asynchronous: true,
							onSuccess: function (req) {
								jsGetJsonSpotData(req);		// ロード完了のコールバックメソッド
							},
							onFailure: jsonError			// エラー時のコールバックメソッド
						}
						);
		jsCloseLoading();
	}

	// データの取得
	var jsonSpotData = "";
	function jsGetJsonSpotData(request){
		jsonSpotData = eval('(' + request.responseText + ')');

		var i;
		var spotListInnerHtml = "";
		
		for (i=0; i<jsonSpotData.length; i++) {
			 spotListInnerHtml += "<li id='spot_" + jsonSpotData[i].spotId + "'>"
								+ "<img src='" + jsonSpotData[i].markerImgUrlAbs + "' class='gmap_spot_img' />"
								+ "<a href=\"javascript:jsChangeSpot(" 
										  + jsonSpotData[i].spotId 
									+ "," + jsonSpotData[i].spotLat 
									+ "," + jsonSpotData[i].spotLon 
									+ "," + jsonSpotData[i].spotScale 
									+ ",'spot_" + jsonSpotData[i].spotId 
									+ "','" + i + "')\""
									+ " class='gmap_spot_link'>"
									+ jsonSpotData[i].spotName + "</a></li>";
		}
		document.getElementById('gmap_spot_list_c').innerHTML = spotListInnerHtml;
		jsClearMarker();
		jsAddMarker(jsonSpotData);
		if( jsinitFlag != undefined ){
			jsMoveSpotInitMap();
			jsinitFlag = undefined;
		}
		jsCloseLoading();
	}

	// 施設初期表示用
	function jsMoveSpotInitMap(){
		if(jsSpotId != undefined){
			// リクエストからの時
			var spotIdIndex = 0;
			for (i=0; i<jsonSpotData.length; i++) {
				// リクエストから施設Idのインデェクスの取得
				if(jsonSpotData[i].spotId == jsSpotId){
					spotIdIndex = i;
				}
			}

			jsChangeSpot(jsonSpotData[spotIdIndex].spotId, jsonSpotData[spotIdIndex].spotLat, jsonSpotData[spotIdIndex].spotLon, jsonSpotData[spotIdIndex].spotScale, "spot_"+jsonSpotData[spotIdIndex].spotId, spotIdIndex);
			jsSpotId = undefined;
		}else{
			jsChangeSpot(jsonSpotData[0].spotId, jsonSpotData[0].spotLat, jsonSpotData[0].spotLon, jsonSpotData[0].spotScale, "spot_"+jsonSpotData[0].spotId, 0);
		}
	}
	
	//=====================================================================//
	// @データ取得エラー
	//=====================================================================//
	function jsonError(){
		alert("施設情報の取得中にデータベース障害が発生しました。\n（アクセスが混み合っている可能性があります）\n\nしばらく待ってもう一度アクセスして下さい。");
	}
	//=====================================================================//
	// @データ処理中の表示
	//=====================================================================//
	function jsShowLoading() {
		// マウスカーソルを砂時計に
		parent.document.body.style.cursor = 'wait';
	}
	function jsCloseLoading() {
		// マウスカーソルを元に戻す
		parent.document.body.style.cursor = 'default';
	}

	// 1.施設の地点へ移動
	// 2.施設をクリックしたら、情報ウインドウを表示
	// 3.選択した施設の背景色の設定
	var selectedSpotLiId = -1;
	function jsChangeSpot(spotId, latitude, longitude, scale, liId, num) {
		// 1.施設の地点へ移動
		jsChangeMap(latitude, longitude, scale);

		// 2.施設をクリックしたら、情報ウインドウを表示
		jsSpotDetails(jsonSpotData[num]);

		// 3.選択した施設の背景色の設定
		var obj = document.getElementById(liId);
		if( obj != null ) {
			if( liId != selectedSpotLiId) {
				// 選択処理
				obj.className = "gmap_li_select";
				if( selectedSpotLiId != -1 ) {
					// 前回選択を解除
					obj = document.getElementById(selectedSpotLiId);
					if( obj != null ) {
						obj.className = "gmap_li_normal";
					}
				}
				selectedSpotLiId = liId;
			}
		}
	}
	
	// 施設種別の地点へ移動
	function jsChangeMap(latitude, longitude, scale) {
		// 地点の取得
		var gpoint = new GLatLng(latitude, longitude);
		if( map != null && latitude != "" && longitude != "" ) {
			// 地図の移動
			map.setCenter(gpoint);
			// マップズームレベル設定
			var zoomlevel = scale;
			map.setZoom(zoomlevel);
		}
	}

	// クリア全部のマーカー
	function jsClearMarker(){
		if( map != null ){
			map.clearOverlays();
		}
	}

	// カスタムマーカーを追加する
	function jsAddMarker(spotData){
		var i;
		for (i=0; i<spotData.length; i++) {
			// 施設毎にマーカーの設置、情報ウインドウのセット
			jsSetSpot(spotData[i]);
		}
	}
	
	var marker;

	// マーカーの設置、情報ウインドウのセット
	function jsSetSpot(spotData){
		// 情報の取得
		var latitude = spotData.spotLat;
		var longitude = spotData.spotLon;
		var imgUrl = spotData.markerImgUrlAbs;
		var imgWidth = spotData.markerImgWidth;
		var imgHeight = spotData.markerImgHeight;

		// 地点の取得
		var gpoint = new GLatLng(latitude, longitude);
		var customMarkerObj = new GIcon();
		customMarkerObj.image = imgUrl;
		customMarkerObj.iconSize = new GSize(imgWidth, imgHeight);
		var offsetx = imgWidth / 2;
		var offsety = imgHeight;
		customMarkerObj.iconAnchor = new GPoint(offsetx, offsety);
		customMarkerObj.infoWindowAnchor = new GPoint(offsetx,0);
		
		//マーカーをセット
		marker = new GMarker(gpoint, customMarkerObj);
		
		// 情報ウインドウHTML作成
		var infoHtml = jsCreateInfoHtml(spotData);

		// 情報window表示
		if( map != null ){
			GEvent.addListener(marker, "click", function(){
				this.openInfoWindowHtml(infoHtml);
			});
			// 地図にマーカーを設置
			map.addOverlay(marker);
		}
	}

	// 情報ウインドウ作成
	function jsCreateInfoHtml(spotData){
		// リンク生成
		var detailLink = "";
		if( spotData.spotDetailPageId != "" && spotData.spotDetailPageUrl == "" ){
			var url = ("/view.php");
			detailLink = url + "?pageId=" + spotData.spotDetailPageId;
		}else{
			detailLink = spotData.spotDetailPageUrl;
		}

		//装飾文字追加
		var tmpPostNum = "";
		var tmpTel = "";
		if( spotData.spotPostNum != "") tmpPostNum = '〒' + spotData.spotPostNum;
		if( spotData.spotTel != "") tmpTel = '電話&nbsp;' + spotData.spotTel;

		// 詳細リンク生成
		if( (spotData.spotDetailPageId == "" || spotData.spotDetailPageId == 0) && spotData.spotDetailPageUrl == ""){
			infoDetailLinkHtml = "";
		}else{
			infoDetailLinkHtml = "<a href='" + spotData.spotDetailPageUrl + "' target='_blank'>[詳細...]</a>";
		}

		// 住所の半角スペースを<br>に変換する
		var strtmpAddress = spotData.spotAddress;
		// 半角スペースを<br>に
		strtmpAddress = strtmpAddress.split(" ");
		strtmpAddress = strtmpAddress.join("<br />");

		// 情報作成
		infoHtml = "<span class='infoTitle'>" + spotData.spotName + "</span><br />"
				 + "<span class='infoPostNum'>" + tmpPostNum + "</span>&nbsp;<span class='infoAddress'>" + strtmpAddress + "</span><br />"
				 + "<span class='infoTel'>" + tmpTel + "</span><br />"
				 + "<span class='infoLink'>" + infoDetailLinkHtml + "</span>";
		return infoHtml;
	}

	// 施設をクリックしたら、情報ウインドウを表示
	function jsSpotDetails(spotData){
		if(spotData.spotName != undefined){
			// マーカーの設置、情報ウインドウのセット
			jsSetSpot(spotData);
			// クリックイベントのtrigger
			GEvent.trigger(marker,"click");
		}
	}