//<![CDATA[
// JavaScript Document
//####  
//####　内容：googlemaps表示コントロール　周辺情報ページ
//####   
//####　日付：2008/5/2
//####  

    // ===== 変更不要 =====
    if (GBrowserIsCompatible()) { 

    	var side_bar_html = "";
    	var gmarkers = [];
    	var htmls = [];
    	var i = 0;
    	// ===== 基礎部分、setCenterで中心座標を指定 =====
      	var map = new GMap2(document.getElementById("map"));
      	map.addControl(new GSmallMapControl());
      	map.addControl(new GMapTypeControl());
      	map.setCenter(new GLatLng(34.664135,131.838856), 9); // ★ 現状は、皇居周辺を中心にズームレベル12
    	// ===== マーカーとフキダシ。name がサイドバー表示、html がフキダシの指示 =====
      	function createMarker(point, name, html) {
        	var marker = new GMarker(point);
        	GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); });
        	gmarkers[i] = marker;
        	htmls[i] = html;
        	side_bar_html += '<a href="javascript:myclick(' + i + ')">' + name + '</a><br />';
        	i++;
        	return marker;
      	}
		//
      	function myclick(i) {
        	gmarkers[i].openInfoWindowHtml(htmls[i]);
      	}
		//
	    // ===== XMLの呼出(syuhen.xml）=====
      	var request = GXmlHttp.create();
      	request.open("GET", "syuhen.xml", true);
        //無名関数
      	request.onreadystatechange = function() {
			if (request.readyState == 4) {
        		var xmlDoc = request.responseXML;
          		// var xmlDoc = GXml.parse(request.responseText); // Google Page Creator を使う場合
          		var markers = xmlDoc.documentElement.getElementsByTagName("marker");
  		  		//        
          		for (var i = 0; i < markers.length; i++) {
            		var lat = parseFloat(markers[i].getAttribute("lat"));
            		var lng = parseFloat(markers[i].getAttribute("lng"));
            		var point = new GLatLng(lat,lng);
            		var html = markers[i].getAttribute("html");
					//alert(html)
            		var eki = markers[i].getAttribute("eki");
            		var marker = createMarker(point, eki, html);
            		map.addOverlay(marker);
          		}
          		document.getElementById("side_bar").innerHTML = side_bar_html;
        	}
      	}
      	request.send(null);
	}
// ===== 以上 =====
//]]>