<!--
var map;
var sidebar_html = "";
var desde = []; // From Here
var gmarkers = [];
var hasta = []; // To Here
var g_spot = []; // Search Nearby
var htmls = [];
var i = 0;
var map ;
		
		
		
function onLoad(){
		map = new GMap2(document.getElementById("map"),{ size:new GSize(613,300) });
		map = new GMap2(document.getElementById("map2"),{ size:new GSize(613,300) });
		map.addControl(new GSmallMapControl());
		map2.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		map2.addControl(new GMapTypeControl());
		//map.addControl(new GOverviewMapControl());
		//map2.addControl(new GOverviewMapControl());
		map.enableScrollWheelZoom();
		map2.enableScrollWheelZoom();
		map.setCenter(new GLatLng(34.234108,135.17723), 16);
		map2.setCenter(new GLatLng(34.23296010194999,135.19059240818024), 16);
		var request = GXmlHttp.create();
		request.open("GET", "data.xml", true);
		request.onreadystatechange = function() {
			if (request.readyState == 4) {
				var xmlDoc = request.responseXML;
				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("title");
					var zip = markers[i].getAttribute("zip");
					var add = markers[i].getAttribute("add");
					var tel = markers[i].getAttribute("tel");
					var fax = markers[i].getAttribute("fax");
					var img = markers[i].getAttribute("img");
					var name = markers[i].getAttribute("eki");
					var id = markers[i].getAttribute("id"); 
		            var marker = createMarker(point,name,html,zip,add,tel,fax,img,id,i);
				}
				
			}
		}
		request.send(null);
}
      function Near(i) { // Near
        gmarkers[i].openInfoWindowHtml(g_spot[i]);
      }
      function From(i) { // From Here
        gmarkers[i].openInfoWindowHtml(desde[i]);
      }
      function To(i) { // To Here
        gmarkers[i].openInfoWindowHtml(hasta[i]);
      }
function createMarker(point, name, html, zip, add, tel, fax, img, id, i) {
		id_str = location.search; 
		id_str = id_str.substring(1,id_str.length);
					html = "<div style='font-size: 90%; white-space: nowrap;'><strong>" + html +"</strong><br />"+ zip +"<br />"+ add +"<br />"+ tel +"<br />"+ fax +"<\/div>";
					var icon = new GIcon();
					if ( img == "LB" ){
					icon.image = "../common/img/about/iconLB.png";
					}else if (img == "P" ){
						icon.image = "../common/img/about/iconP.png";
					};
					icon.iconSize = new GSize(29, 65);
					icon.iconAnchor = new GPoint(14, 32);
					icon.infoWindowAnchor = new GPoint(5, 1);
					var marker = new GMarker(point, icon);	
					var marker2 = new GMarker(point, icon);	
			
					hasta[i] = html +
					   '<form action="http://www.google.co.jp/transit" method="get" target="_blank">' +
					   '<div style="font-size: 90%; border-top: 1px solid #d5d5d5; margin-top: 5px; padding-top: 5px; width:300px;"><strong >最寄り駅まで</strong> - <a href="javascript:From(' + i + ')">最寄り駅から</a>' +
					   '<br />出発駅:' +
					   '<input type="text" size=10 name="saddr" id="saddr" value="" />' +
					   '<input type="hidden" name="daddr" value="' +
					    point.lat() + ',' + point.lng() + "(" + name + ")" +
					    '"/>' +
					   '<input value="乗換検索" type="submit">' +
					   '</form></div>';
					desde[i] = html +
					   '<form action="http://www.google.co.jp/transit" method="get" target="_blank">' +
					   ' <div style="font-size: 90%; border-top: 1px solid #d5d5d5; margin-top: 5px; padding-top: 5px;"><a href="javascript:To(' + i + ')">最寄り駅まで</a>　<strong>最寄り駅から</strong>' +
					   '<br />到着駅:' +
					   '<input type="text" size=10 name="daddr" id="daddr" value="" />' +
					   '<input type="hidden" name="saddr" value="' +
					    point.lat() + ',' + point.lng() +"(" + name + ")" +
					   '"/>' +
					   '<input value="乗換検索" type="submit">' +
					   '</form></div>';
					html = html + '<div style="font-size: 90%; border-top: 1px solid #d5d5d5; margin-top: 5px; padding-top: 5px;"><a href="javascript:To('+i+')">最寄り駅まで</a>　<a href="javascript:From('+i+')">最寄り駅から</a></div>';
					html2 = html;
					GEvent.addListener(marker, "click", function() {  marker.openInfoWindowHtml(html);	});
		          map.addOverlay(marker);
			        gmarkers[i] = marker;
			        htmls[i] = html;
					if ( id_str >= 0 && id_str <= 5) {
						var idx = Number(id_str) -1 ;
						if (idx == i ){
						map.setCenter(gmarkers[idx].getPoint(),16);
						}
					}
					GEvent.addListener(marker2, "click", function() {  marker2.openInfoWindowHtml(html2);	});
		          map2.addOverlay(marker2);
			        gmarkers[i] = marker2;
			        htmls[i] = html2;
					if ( id_str >= 0 && id_str <= 5) {
						var idx = Number(id_str) -1 ;
						if (idx == i ){
						map2.setCenter(gmarkers[idx].getPoint(),16);
						}
					}
	return marker;
}

-->
