/**
 * @author Sasaki
 * center mark // まち会社に + マークを付ける 
 * no cash // ファイル名の後にランダムな数値を付加
 */
	// ===== 変更不要 =====
	if (GBrowserIsCompatible()) {
	
		var side_bar_html = "";
		var gmarkers = [];
		var htmls = [];
		var i = 0;
		// ★ 豊中駅前まちづくり会社
		var lat = 34.78834942890219;
		var lng = 135.4629921913147;
		
		// ===== 基礎部分、setCenterで中心座標を指定 =====
		var map = new GMap2(document.getElementById("map"));
		var latlng = new GLatLng(lat, lng);
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		map.setCenter(latlng, 18); 
		
		//センターマーカーの定義
		var center_marker_icon = new GIcon();
		center_marker_icon.image = "./map/images/centermarker.png"; //マーカーのファイル名
		center_marker_icon.shadow = "./map/images/centermarker_shadow.png"; //影のファイル名（省略可）
		center_marker_icon.iconSize = new GSize( 23 , 23 ); //マーカーのサイズ（幅,高さ）
		center_marker_icon.shadowSize = new GSize( 29 , 29 ); //影のサイズ（幅,高さ）（省略可）
		center_marker_icon.iconAnchor = new GPoint( 11 , 11 ); //中央の位置（X,Y）
		//センターマーカーの表示
		var center_marker = new GMarker( latlng , center_marker_icon );
		map.addOverlay( center_marker );

		// TLabel で会社名を表示
		var content = '<div style="white-space: nowrap; color: black; background-color: pink;">豊中駅前まちづくり会社</div>'
		var label = new TLabel();
		label.id = 'machikaisya';
		label.anchorLatLng = latlng;
		label.anchorPoint = 'bottomLeft';
		label.markerOffset = new GSize(-5 ,5);
		label.content = content;
		label.percentOpacity = 80;
		
		map.addTLabel(label);
	
		// ===== マーカーとフキダシ。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:listclick(' + i + ')">' + name + '<\/a><br />';
			i++;
			return marker;
		}
		function listclick(i){
//			map.clearOverlays();	// all marker cleared
//			map.addOverlay(markers[i]);
//			gmarkers[i].openInfoWindowHtml("<div style='width:120px;height:30px;'>" + htmls[i] + "</div>");
			gmarkers[i].openInfoWindowHtml(htmls[i]);
		}
		
		// ===== XMLの呼出 =====
		var request = GXmlHttp.create();
		//  キャッシュさせないため乱数を付加
		var filename = "./map/map_toyonaka.xml";
		filename += "?rand=" + Math.random(); //乱数を付加
		request.open("GET", filename, 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");
					var client = markers[i].getAttribute("client");
					
					var marker = createMarker(point, client, "<div style =width:200px;height:50px;>"+html+"</div>");
					map.addOverlay(marker);
				}
				document.getElementById("side_bar").innerHTML = side_bar_html;
			}
		}
		request.send(null);
		// ===== 以上 =====
	}