//<![CDATA[

	var vpoint_num = 10;

	var vpoint = new Array(vpoint_num);
	vpoint[ 0] = new Array( 40.650958470695564, 140.85034847259521,  "markerA", "酸ヶ湯温泉", '' );
	vpoint[ 1] = new Array( 40.645431260312385, 140.85285902023315,  "markerB", "八甲田ホテル ", '' );
	vpoint[ 2] = new Array( 40.648638563323075, 140.8473551273346,   "markerC", "酸ヶ湯野営場",  '' );
	vpoint[ 3] = new Array( 40.647368685132356, 140.85439324378967,  "markerD", "地獄沼",  '' );
	vpoint[ 4] = new Array( 40.64686398324375, 140.85330963134766,   "markerE", "まんじゅうふかし ",'' );
	vpoint[ 5] = new Array( 40.647808261086794, 140.8535671234131,   "markerF", "山仙鹿内辰五郎頌碑",   '' );
	vpoint[ 6] = new Array( 40.64856530177659, 140.85304141044617,   "markerG", "三十三観音", '' );
	vpoint[ 7] = new Array( 40.650437516062134, 140.82581162452698,  "markerH", "城ヶ倉大橋・城ヶ倉渓流",   '' );
	vpoint[ 8] = new Array( 40.67875038552165, 140.83348274230957,   "markerI", "八甲田スキー場", '' );
	vpoint[ 9] = new Array( 40.68109365437341, 140.83271026611328,   "markerJ", "八甲田ロープウエー", '' );

	var markers = new Array(vpoint_num);
	var map;
	var vpoint_index = -1;
	var vpoint_index_opened = -1;

	function load() {
		map = new GMap2(document.getElementById("map"));
		map.enableDoubleClickZoom();
		map.enableContinuousZoom();
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl(true));
		map.setCenter(new GLatLng(40.6635822370068, 140.83614349365234),13);

/*
		//鉄路ポリラインの描画
		//東北本線
		var encodedPolyline = new GPolyline.fromEncoded({
			color: "#3399FF",
			opacity: 0.5,
			weight: 6,
			points: "ytexFgf~yYl]pNnPNjJsHvzAwpE`CcWs@}S_JsVa{@}lBeKcW{RoMadBsl@sXmTcg@mq@i~@u_@i|AojCcV{h@eeAcm@us@rGuSaGiU{Z_l@uWkLqUmPuPqKal@pKojCg~ActIll@mmJr`AavBxl@asCbr@ucAdgBoaArwDasFbg@cWz{@uOncEcmCjLmTjHa]h`@yv@pVimAaP_nBMm[`NqUjYoFzzBa{@`dAglAfoFskItqEooJvb@{Rx`@s^fcCeu@h^jDb}DotB`yHejJvgDcoBnY?`m@jZnxBpuB",
			levels: "BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB",
			zoomFactor: 32,
			numLevels: 4
		});
		map.addOverlay(encodedPolyline);
*/

		GEvent.addListener(map, "movestart", function() {
			if(vpoint_index >= 0) {
			}
		});
		GEvent.addListener(map, "moveend", function() {
			if(vpoint_index >= 0) {
				mapMarkerInfo(vpoint_index);
			}
		});
		GEvent.addListener(map, "infowindowopen", function() {
				vpoint_index_opened = vpoint_index;
				vpoint_index = -1;
		});
		GEvent.addListener(map, "infowindowclose", function() {
			vpoint_index_opened = -1;
		});

/*
		//ベースアイコン作成
		var baseIcon = new GIcon();
		baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
		baseIcon.iconSize = new GSize(20, 34);
//		baseIcon.shadowSize = new GSize(0, 0);
		baseIcon.iconAnchor = new GPoint(9, 34);
		baseIcon.infoWindowAnchor = new GPoint(9, 2);
		baseIcon.infoShadowAnchor = new GPoint(18, 25);

		function createMarker(point, index) {
			var letter = String.fromCharCode("A".charCodeAt(0) + index);
			var icon = new GIcon(baseIcon);
			icon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
			var marker = new GMarker(point, icon);
			GEvent.addListener(marker, "click", function() {
				mapMarkerInfo(index);
			});
			return marker;
		}
*/

		//ベースアイコン作成
		var baseIcon = new GIcon();
		baseIcon.shadow = "./marker/shadow50.png";
		baseIcon.iconSize = new GSize(20, 34);
		baseIcon.shadowSize = new GSize(34, 34);
		baseIcon.iconAnchor = new GPoint(9, 34);
		baseIcon.infoWindowAnchor = new GPoint(9, 2);
		baseIcon.infoShadowAnchor = new GPoint(18, 25);

		function createMarker(point, index) {
			var icon = new GIcon(baseIcon);
			icon.image = "./marker/" + vpoint[index][2] + ".png";
			var marker = new GMarker(point, icon);
			GEvent.addListener(marker, "click", function() {
				mapMarkerInfo(index);
			});
			return marker;
		}

		var lp;
		for(lp = 0; lp < vpoint_num; lp++) {
			var point = new GLatLng(vpoint[lp][0], vpoint[lp][1]);
			var marker = createMarker(point, lp);
			map.addOverlay(marker);
			markers[lp] = marker;
		}
	}

	function mapPoint(index) {
		var center = map.getCenter();
		var point = new GLatLng(vpoint[index][0], vpoint[index][1]);
		vpoint_index = index;
		map.closeInfoWindow();
		vpoint_index_opened = -1;

		if(center.equals(point) ) {
			mapMarkerInfo(index);
		}
		else {
			map.panTo(point);
		}
	}

	function mapMarkerInfo(index) {
		vpoint_index = index;
		var html = '<div class="infoWin"><div class=Title>' + vpoint[index][3] + '</div>';
		if(vpoint[index][4] != '') {
			html += '<div class=Doc>' + vpoint[index][4] + '</div>';
		}
		html += '</div>';
		var opts = { maxWidth : 180 };
		markers[index].openInfoWindowHtml(html,opts);
	}

	function mapTextAncher() {
		var lp;
		for(lp = 0; lp < vpoint_num; lp++) {
//			document.write("<a class=\"ancMarker\" href=\"JavaScript:mapPoint(" + lp + ");\"><img class=\"imgMarker\" src='./marker/red75/marker" + String.fromCharCode('A'.charCodeAt(0) + lp) + ".png'>" + vpoint[lp][3] + "</a>\n");
			document.write("<a class=\"ancMarker\" href=\"JavaScript:mapPoint(" + lp + ");\"><img class=\"imgMarker\" src='./marker/maru/"+ vpoint[lp][2] +".png'>" + vpoint[lp][3] + "</a>\n");
		}
		document.write("<br style=\"clear:both;\">\n");
	}

	function unload() {
		GUnload();
	}


	//]]>