var icon = Array();
	icon[0] = new GIcon();
	icon[0].image = "./img/S.png";
	icon[0].iconSize = new GSize(20,20);
	icon[0].iconAnchor = new GPoint(10,10);
	icon[0].infoWindowAnchor = new GPoint(10,10);
	icon[1] = new GIcon();
	icon[1].image = "./img/A.png";
	icon[1].iconSize = new GSize(20,20);
	icon[1].iconAnchor = new GPoint(10,10);
	icon[1].infoWindowAnchor = new GPoint(10,10);
	icon[2] = new GIcon();
	icon[2].image = "./img/B.png";
	icon[2].iconSize = new GSize(20,20);
	icon[2].iconAnchor = new GPoint(10,10);
	icon[2].infoWindowAnchor = new GPoint(10,10);
	icon[3] = new GIcon();
	icon[3].image = "./img/C.png";
	icon[3].iconSize = new GSize(20,20);
	icon[3].iconAnchor = new GPoint(10,10);
	icon[3].infoWindowAnchor = new GPoint(10,10);
	icon[4] = new GIcon();
	icon[4].image = "./img/D.png";
	icon[4].iconSize = new GSize(20,20);
	icon[4].iconAnchor = new GPoint(10,10);
	icon[4].infoWindowAnchor = new GPoint(10,10);
	icon[5] = new GIcon();
	icon[5].image = "./img/E.png";
	icon[5].iconSize = new GSize(20,20);
	icon[5].iconAnchor = new GPoint(10,10);
	icon[5].infoWindowAnchor = new GPoint(10,10);
	icon[6] = new GIcon();
	icon[6].image = "./img/F.png";
	icon[6].iconSize = new GSize(20,20);
	icon[6].iconAnchor = new GPoint(10,10);
	icon[6].infoWindowAnchor = new GPoint(10,10);
	icon[7] = new GIcon();
	icon[7].image = "./img/G.png";
	icon[7].iconSize = new GSize(20,20);
	icon[7].iconAnchor = new GPoint(10,10);
	icon[7].infoWindowAnchor = new GPoint(10,10);
	    if (GBrowserIsCompatible()) {
      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMenuMapTypeControl(true, false));
      map.setCenter(new GLatLng(35.691879, 139.858017), 11);

      map.enableGoogleBar();
      var side_bar_html = "";
      var gmarkers = [];
      var desde = []; // From Here
      var hasta = []; // To Here
      var g_spot = []; // Search Nearby
      var htmls = [];
      var i = 0;
      function createMarker(point,name,html, n) {
        var html = "<div style='white-space: nowrap;text-align:center'>" + html + "<br /><a href='javascript:myclick("+[i+1]+");'><img src='img/gowest.png' width='36' height='18' alt='prev' title='prev'/><\/a>&nbsp;<a href='javascript:Adentro("+i+");'><img src='img/zoomin.png' width='18' height='18' alt='plus' title='zoom-in'/><\/a>&nbsp;<a href='javascript:Fuera("+i+");'><img src='img/zoomout.png' width='18' height='18' alt='minus' title='zoom-out'/><\/a>&nbsp;<a href='javascript:myclick("+[i-1]+");'><img src='img/goeast.png' width='36' height='18' alt='next' title='next'/><\/a><\/div>";
        var marker = new PdMarker(point, icon[n]);

       g_spot[i] = html +
           '<div style="text-align:center"><form method="get" action="http://www.google.co.jp/maps" target="_blank">' +
           '<input type="hidden" name="ie" value="UTF8" />' +
           '<br />周辺の<select id="q" name="q" />' +
           '<option value="小学校" selected="selected">小学校</option>' +
           '<option value="中学校">中学校</option>' +
           '<option value="高校">高校</option>' +
           '<option value="大学">大学</option>' +
           '<option value="専門学校">専門学校</option>' +
           '<option value="病院">病院</option>' +
		　　'<option value="団地">団地</option>' +
           '</select>' +
           '<input type="hidden" id="near" name="near" value="' +
           point.lat() + ',' + point.lng() + "(" + name + ")" + 
           '"/>' +
           '<input type="submit" value="検索" name="btnG" />' +
           '</form></div>';

        hasta[i] = html +
           '<form action="http://www.google.co.jp/transit" method="get" target="_blank">' +
           '<a href="javascript:Near(' + i + ')" title="Search Nearby">周辺検索</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>';

        desde[i] = html +
           '<form action="http://www.google.co.jp/transit" method="get" target="_blank">' +
           '<a href="javascript:Near(' + i + ')" title="Search Nearby">周辺検索</a>' +
           '<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>';

        html = html +
           '<div style="text-align:center"><form method="get" action="http://www.google.co.jp/maps" target="_blank">' +
           '<input type="hidden" name="ie" value="UTF8" />' +
           '「お役に立ちます！」駅周辺情報<br /><select id="q" name="q" />' +
　　　　　　'<option value="" selected="selected">▼選択して下さい▼</option>' +
'<optgroup label="---ランチマップ---">' +
		　　'<option value="ラーメン">ラーメン</option>' +
　　　　　　　'<option value="スパゲッティ">スパゲッティ</option>' +
　　　　　　　'<option value="定食">定食</option>' +
　　　　　　　'<option value="和食　日本料理">和食</option>' +
　　　　　　　'<option value="中華">中華</option>' +
　　　　　　　'<option value="洋食">洋食</option>' +
　　　　　　　  '<option value="焼き鳥">焼き鳥</option>' +
　　　　　　　    '<option value=ステーキ・ハンバーグ">ステーキ・ハンバーグ</option>' +
            '<option value="蕎麦・うどん">蕎麦・うどん</option>' +
　　　　　　　'<option value="寿司">寿司</option>' +
　　　　　　　'<option value="うなぎ料理">うなぎ</option>' +
　　　　　　　'<option value="カレーハウス">カレー</option>' +
            '<option value="吉野家">吉野家</option>' +
			'<option value="なか卯">なか卯</option>' +
			'<option value="松屋">松屋</option>' +
　　　　　　　'<option value="マクドナルド">マクドナルド</option>' +
　　　　　　　'<option value="モスバーガー">モスバーガー</option>' +
　　　　　　　'<option value="ケンタッキーフライドチキン">ケンタッキーフライドチキン</option>' +
　　　　　　　'<option value="ピザ">ピザ</option>' +
　　　　　　　'<option value="グラタン">グラタン</option>' +
　　　　　　　'<option value="魚料理">魚料理</option>' +
'</optgroup>' +

'<optgroup label="---教育機関---">' +
　　　　　　'<option value="保育園">保育園</option>' +
　　　　　　'<option value="幼稚園">幼稚園</option>' +
           '<option value="小学校">小学校</option>' +
           '<option value="中学校">中学校</option>' +
           '<option value="高等学校">高等学校</option>' +
           '<option value="専門学校">専門学校</option>' +
           
'</optgroup>' +
'<optgroup label="---病院---">' +
		　　'<option value="内科">内科</option>' +
　　　　　　　'<option value="外科">外科</option>' +
　　　　　　　'<option value="整形外科">整形外科</option>' +
　　　　　　　'<option value="眼科">眼科</option>' +
            '<option value="歯科">歯科</option>' +
　　　　　　　'<option value="皮膚科">皮膚科</option>' +
　　　　　　　'<option value="耳鼻咽喉科">耳鼻咽喉科</option>' +
　　　　　　　'<option value="産婦人科">産婦人科</option>' +
　　　　　　　'<option value="泌尿器科">泌尿器科</option>' +

'</optgroup>' +



           '</select>' +
           '<input type="hidden" id="near" name="near" value="' +
           point.lat() + ',' + point.lng() + "(" + name + ")" + 
           '"/>' +
           '<input type="submit" value="検索" name="btnG" />' +
           '</form></div>';


        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        GEvent.addListener(marker, "mouseover", function() {
          marker.showTooltip();
        }); 
        GEvent.addListener(marker, "mouseout", function() {
          marker.hideTooltip();
        });
        marker.setTooltip(name);
        gmarkers[i] = marker;
        htmls[i] = html;
        side_bar_html += '<a href="javascript:myclick(' + i + ')">' + name + '<\/a><br />';
        i++;
        return marker;
      }
      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 myclick(i) {
        gmarkers[i].openInfoWindowHtml(htmls[i]);
      }
      function Adentro(i) { 
        map.setCenter(gmarkers[i].point, 15);
      }
      function Fuera(i) { 
        map.setCenter(gmarkers[i].point, 11);
      }
      function readMap(url) {
        var request = GXmlHttp.create();
        request.open("GET", url, true);
        request.onreadystatechange = function() {
          if (request.readyState == 4) {
            var xmlDoc = request.responseXML;
            var markers = xmlDoc.documentElement.getElementsByTagName("marker");
            map.getInfoWindow().hide();
            map.clearOverlays();
            gmarkers = [];
            side_bar_html="";
            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 label = markers[i].getAttribute("label");
              var n = markers[i].getAttribute("n");
              var marker = createMarker(point, label, html, n);
              map.addOverlay(marker);
            }
            document.getElementById("side_bar").innerHTML = side_bar_html;

          var lines = xmlDoc.documentElement.getElementsByTagName("line");
          for (var a = 0; a < lines.length; a++) {
            var color = lines[a].getAttribute("color");
            var width  = parseFloat(lines[a].getAttribute("width"));
            var opacity  = parseFloat(lines[a].getAttribute("opacity"));
            var points = lines[a].getElementsByTagName("point");
            var pts = [];
            for (var i = 0; i < points.length; i++) {
               pts[i] = new GLatLng(parseFloat(points[i].getAttribute("lat")), parseFloat(points[i].getAttribute("lng")));
            }
            map.addOverlay(new GPolyline(pts, color, width, opacity));
          }
          }
        }
        request.send(null);
      }
      readMap("./data/sobu.xml");
    }