if(GBrowserIsCompatible())
{

	var point = new Array();
	var nCnt = 0;
	var gmarker = [];
	var htmls = [];
	var cat = [];

/* ----- 初期設定 ----- */
//マーカー表示の座標設定▼
	//マーカー座標指定(向陽閣)
	point[0] = new GLatLng(34.7981301,135.2487653);
	//マーカー座標指定(六甲・有馬ロープウェー)
	point[1] = new GLatLng(34.751435,135.237012);
	//マーカー座標指定(六甲ケーブル)
	point[2] = new GLatLng(34.737342,135.233554);
	//マーカー座標指定(摩耶ビューライン 夢散歩)
	point[3] = new GLatLng(34.7336671,135.2059761);
	//マーカー座標指定(摩耶山 天上寺)
	point[4] = new GLatLng(34.7390025,135.2047067);
	//マーカー座標指定(神戸市立 六甲山牧場)
	point[5] = new GLatLng(34.7515511,135.2089977);
	//マーカー座標指定(神戸市立 森林植物園)
	point[6] = new GLatLng(34.740832,135.178098);
	//マーカー座標指定(六甲山高山植物園)
	point[7] = new GLatLng(34.762317,135.24162);
	//マーカー座標指定(六甲カンツリーハウス)
	point[8] = new GLatLng(34.765534,135.244478);
	//マーカー座標指定(六甲山フィールド・アスレチック)
	point[9] = new GLatLng(34.765534,135.244478);
	//マーカー座標指定(六甲ガーデンテラス)
	point[10] = new GLatLng(34.76361923615271,135.2464708685875);
	//マーカー座標指定(六甲ヒルトップギャラリー)
	point[11] = new GLatLng(34.751985,135.2368814);
	//マーカー座標指定(ホール・オブ・ホールズ六甲)
	point[12] = new GLatLng(34.761629,135.238334);
	//マーカー座標指定(六甲山<人工>スキー場)
	point[13] = new GLatLng(34.767,135.24192);


//カテゴリ分け：向陽閣[home],観光スポット[red],公園など[yellow],動物園など[blue],美術館など[green],その他[brown]▼	
	cat[0] = 'home';
	cat[1] = 'red';
	cat[2] = 'red';
	cat[3] = 'red';
	cat[4] = 'red';
	cat[5] = 'yellow';
	cat[6] = 'yellow';
	cat[7] = 'yellow';
	cat[8] = 'yellow';
	cat[9] = 'yellow';
	cat[10] = 'yellow';
	cat[11] = 'green';
	cat[12] = 'green';
	cat[13] = 'brown';
	

//マーカー表示の座標設定▲

//マーカー表示のHTML▼
	//HTML文を指定する(兵衛 向陽閣)
	htmls[0] = '<p class="mapinfo"><img src="images/img_koyokaku.jpg" alt="兵衛 向陽閣" />兵衛 向陽閣</p>';
	//HTML文を指定する(六甲・有馬ロープウェー)
	htmls[1] = '<p class="mapinfo"><img src="images/rokko/img_ropeway.jpg" alt="六甲・有馬ロープウェー" />六甲・有馬ロープウェー</p>';
	//HTML文を指定する(六甲ケーブル)
	htmls[2] = '<p class="mapinfo"><img src="images/rokko/img_cable.jpg" alt="六甲ケーブル" />六甲ケーブル</p>';
	//HTML文を指定する(摩耶ビューライン 夢散歩)
	htmls[3] = '<p class="mapinfo"><img src="images/rokko/img_yumesanpo.jpg" alt="摩耶ビューライン 夢散歩" />摩耶ビューライン 夢散歩</p>';
	//HTML文を指定する(摩耶山 天上寺)
	htmls[4] = '<p class="mapinfo"><img src="images/rokko/img_tenjoji.jpg" alt="摩耶山 天上寺" />摩耶山 天上寺</p>';
	//HTML文を指定する(神戸市立 六甲山牧場)
	htmls[5] = '<p class="mapinfo"><img src="images/rokko/img_farm.jpg" alt="神戸市立 六甲山牧場" />神戸市立 六甲山牧場</p>';
	//HTML文を指定する(神戸市立 森林植物園)
	htmls[6] = '<p class="mapinfo"><img src="images/rokko/img_garden_kobe.jpg" alt="神戸市立 森林植物園" />神戸市立 森林植物園</p>';
	//HTML文を指定する(六甲山高山植物園)
	htmls[7] = '<p class="mapinfo"><img src="images/rokko/img_garden_rokko.jpg" alt="六甲山高山植物園" />六甲山高山植物園</p>';
	//HTML文を指定する(六甲カンツリーハウス)
	htmls[8] = '<p class="mapinfo"><img src="images/rokko/img_country.jpg" alt="六甲カンツリーハウス" />六甲カンツリーハウス</p>';
	//HTML文を指定する(六甲山フィールド・アスレチック)
	htmls[9] = '<p class="mapinfo"><img src="images/rokko/img_athletic.jpg" alt="六甲山フィールド・アスレチック" />六甲山フィールド・アスレチック</p>';
	//HTML文を指定する(六甲ガーデンテラス)
	htmls[10] = '<p class="mapinfo"><img src="images/rokko/img_rokko_gardenterrace.jpg" alt="六甲ガーデンテラス" />六甲ガーデンテラス</p>';
	//HTML文を指定する(六甲ヒルトップギャラリー)
	htmls[11] = '<p class="mapinfo"><img src="images/rokko/img_hilltop.jpg" alt="六甲ヒルトップギャラリー" />六甲ヒルトップギャラリー</p>';
	//HTML文を指定する(ホール・オブ・ホールズ六甲)
	htmls[12] = '<p class="mapinfo"><img src="images/rokko/img_hall.jpg" alt="ホール・オブ・ホールズ六甲" />ホール・オブ・ホールズ六甲</p>';
	//HTML文を指定する(六甲山<人工>スキー場)
	htmls[13] = '<p class="mapinfo"><img src="images/rokko/img_ski.jpg" alt="六甲山<人工>スキー場" />六甲山<人工>スキー場</p>';
	


//マーカー表示のHTML▲

/* マーカー表示 */
	function createMarker(point,htmlData,catin)
	{
		//アイコン画像の指定
		var iconSet = new GIcon();
		if(catin=='home'){
			iconSet.image            = "mapimage/00.png"; //アイコン画像パス
		}
		else if(catin=='red'){
			iconSet.image            = "mapimage/01.png"; //アイコン画像パス
		}
		else if(catin=='yellow'){
			iconSet.image            = "mapimage/02.png"; //アイコン画像パス
		}
		else if(catin=='blue'){
			iconSet.image            = "mapimage/03.png"; //アイコン画像パス
		}
		else if(catin=='green'){
			iconSet.image            = "mapimage/04.png"; //アイコン画像パス
		}
		else if(catin=='brown'){
			iconSet.image            = "mapimage/05.png"; //アイコン画像パス
		}
		iconSet.shadow           = "mapimage/shadow.png"; //影画像パス
		iconSet.iconSize         = new GSize(24, 37); //アイコンサイズ
		iconSet.shadowSize       = new GSize(43, 37); //影サイズ
		iconSet.iconAnchor       = new GPoint(10, 34); //アイコンの表示開始位置（0,0）は左上角から
		iconSet.infoWindowAnchor = new GPoint(15, 20); //情報ウィンドウの表示開始位置
		iconSet.infoShadowAnchor = new GPoint(15, 20); //情報ウィンドウの影の表示開始位置

		var marker = new GMarker(point,iconSet);
		// クリックしたマーカーに該当する情報を表示
		GEvent.addListener(marker, 'click', function(){
			marker.openInfoWindowHtml(htmlData);
		});
		return marker;
	}

	function myclick(HtmlCnt) {
        gmarker[HtmlCnt].openInfoWindowHtml(htmls[HtmlCnt]);
    }
      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
//      map.addControl(new GMapTypeControl());
	//初期表示の座標
	map.setCenter(new GLatLng(34.7981301,135.2487653), 12);


	var nDataNum = point.length;
	for(nCnt=0;nCnt<nDataNum;nCnt++)
	{
		var marker = createMarker(point[nCnt],htmls[nCnt],cat[nCnt]);
		gmarker[nCnt] = marker;
		map.addOverlay(marker);
	}




}
