//<![CDATA[
//
if (GBrowserIsCompatible()) {
	//
	// マーカーデータの読み込み
	function setMarker(data_fname, cat) {
		//
		var mkdat = new Array();
		var request = GXmlHttp.create();
		request.open("GET", data_fname, true); // データXML読み込み
		request.onreadystatechange = function() {
			if (request.readyState == 4) {
				var xmlDoc = request.responseXML;
				//
				// 地図の初期設定
				var address = xmlDoc.documentElement.getElementsByTagName("address");
				var lat = parseFloat(address[0].getAttribute("lat"));
				var lng = parseFloat(address[0].getAttribute("lng"));
				var zoom = 17 - parseInt(address[0].getAttribute("zoom"));
				var mode = address[0].getAttribute("mode");
				//
				map.clearOverlays(); // マーカー初期化
				map.setCenter(new GLatLng(lng, lat), zoom); // 中心点表示
				//
				switch (mode) { // 地図モード
					case "G_MAP_TYPE": map.setMapType(G_NORMAL_MAP); break;
					case "_SATELLITE_TYPE": map.setMapType(G_SATELLITE_MAP); break;
					case "_HYBRID_TYPE": map.setMapType(G_HYBRID_MAP); break;
					default: map.setMapType(G_NORMAL_MAP);
				}
				//
				var markers = xmlDoc.documentElement.getElementsByTagName("marker");
				for (var i = 0; i < markers.length; i++) {
					var d0 = markers[i].getAttribute("d0"); // カテゴリー
					var d1 = parseFloat(markers[i].getAttribute("d1")); // 経度
					var d2 = parseFloat(markers[i].getAttribute("d2")); // 緯度
					var point = new GLatLng(d2, d1); // 座標;
					var d3 = markers[i].getAttribute("d3"); // 件名
					var d4 = markers[i].getAttribute("d4"); // URL
					var d5 = markers[i].getAttribute("d5"); // image
					var d6 = markers[i].getAttribute("d6"); // zoom
					//
					mkdat[i] = new Array(d0, d1, d2, d3, d4, d5, d6);
					//
					if (cat == null || cat == d0) {
						var marker = addMarker(point, d0, d3, d4, d5, d6, i); // fuction call
					}
				}
			}
		}
		request.send(null);
		return mkdat;
	}
	//
	// マーカー作成
	function addMarker(point,d0, d3, d4, d5, d6, index) {
		var icon = new GIcon(baseIcon);
		icon.image = "/gmap/mapfiles/" + d0 + ".png";
		var marker = new GMarker(point, icon);
		// ポップアップ用HTML作成
		var html = "<div id='infwin'>" + d3 + "<br />" + 
		"<a href='/panoramas" + d4 + "'><img src='/moere/images/" + d5 + ".jpg' width='120' height='60' class='box1fl' border='0'>詳細記事へ</a><br />"
		//
		GEvent.addListener(marker, "click", function() {
			marker.openInfoWindowHtml(html);
		});
		map.addOverlay(marker);
		document.getElementById("message").innerHTML = "&nbsp;";
	}
	//
	// マーカーウインドウをリンククリックでオープン
	function openMarker(n) {
		var d0 = mkdat[n][0]; var d1 = mkdat[n][1]; var d2 = mkdat[n][2]; var d3 = mkdat[n][3];
		var d4 = mkdat[n][4]; var d5 = mkdat[n][5]; var d6 = mkdat[n][6];
		var point = new GLatLng(d2, d1);
		// カスタムアイコン情報
		var icon = new GIcon(baseIcon);
		icon.image = "/gmap/mapfiles/" + d0 + ".png";
		var marker = new GMarker(point, icon);
		// ポップアップ用HTML作成
		var html = "<div id='infwin'>" + d3 + "<br />" + 
		"<a href='/panoramas" + d4 + "'><img src='/moere/images/" + d5 + ".jpg' width='120' height='60' class='box1fl' border='0'>詳細記事へ</a><br />"
		//
		GEvent.addListener(marker, "click", function() {
			marker.openInfoWindowHtml(html);
		});
		var zoom = 17 - parseInt(d6);
		map.setCenter(point, zoom);
		map.addOverlay(marker);
		marker.openInfoWindowHtml(html);
		scroll(0,0);
	}
	//
	// 地図の初期設定
	var data_fname = "/gmap/gmap_moere.xml";// 外部ファイル名
	var map = new GMap2(document.getElementById("map"));
	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());
	// map.addControl(new GOverviewMapControl(new GSize(100,100)));
	map.addControl(new GScaleControl());
	map.enableDoubleClickZoom();
	map.enableContinuousZoom(); 
	//
	// 緯度経度情報
	GEvent.addListener(map, "moveend", function() {
		var center = map.getCenter();
		var latLngStr = "latitude: " + center.y + " / longitude: " + center.x + " / zoom level: " + map.getZoom();
		document.getElementById("message").innerHTML = latLngStr;
	});
	//
	// カスタマイズアイコン情報
	var baseIcon = new GIcon();
	baseIcon.shadow = "/gmap/mapfiles/shadow50.png";
	baseIcon.iconSize = new GSize(20, 34);
	baseIcon.shadowSize = new GSize(37, 34);
	baseIcon.iconAnchor = new GPoint(9, 34);
	baseIcon.infoWindowAnchor = new GPoint(9, 2);
	baseIcon.infoShadowAnchor = new GPoint(18, 25);
	//
	var mkdat = setMarker(data_fname);
	//
} else {
	document.getElementById("map").innerHTML = '<font color=white>ご使用のブラウザではご覧頂けません。'
	+ 'サポートされているブラウザは以下の通りです。<br />'
	+ '・IE 5.5以降(Windows)<br />・Firefox 0.8以降(Windows, Mac)<br />・Safari 1.2.4以降<br />'
	+ '・Netscape 7.1以降(Windows, Mac)</font>';
}
//]]>