// JavaScript Document
//<![CDATA[

  if (GBrowserIsCompatible()) {

      var baseIcon = new GIcon();
      baseIcon.shadow = "http://www.google.com/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(15, 15);
      baseIcon.infoShadowAnchor = new GPoint(18, 25);

      var sidebar_html = "";
      var gmarkers = [];
      var htmls = [];
      var i = 0;
      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GSmallMapControl());
      map.addControl(new GMapTypeControl(true));
      map.setCenter(new GLatLng(35.670990069679306,139.72013264894485), 17);
      map.enableScrollWheelZoom();
      map.addControl(new GScaleControl());

      function createMarker(point,label,name,html,index) {
        var letter = String.fromCharCode("A".charCodeAt(0) + index);
        var icon = new GIcon(baseIcon);
        icon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
        var marker = new GMarker(point, icon);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml('<div style="white-space:nowrap;">'+html+'<\/div>', '"Marker <b>" + letter + "<\/b>"');
        });
        gmarkers[i] = marker;
        htmls[i] = html;
        sidebar_html += '<div class="label" style="background-color: #ffeac0; font-weight: bold; padding-left: 3px; margin-top: 4px; margin-bottom: 4px;">' + label + '<\/div><a href="javascript:myclick(' + i + ')">' + name + '<\/a><br>';
        i++;
        return marker;
      }
      function myclick(i) {
        gmarkers[i].openInfoWindowHtml('<div style="white-space:nowrap; height:170px;">'+htmls[i]+'<\/div>');
      }
      function Adentro(i) { 
        map.setCenter(gmarkers[i].point,17);
      }
      function Fuera(i) { 
        map.setCenter(gmarkers[i].point,14); 
      } 
	  
      // ===== 青山ラピュタガーデン =====
      var point = new GLatLng(35.670990069679306,139.72013264894485); //★位置設定
	  var label = 'Aoyama Area';
	  var html = 'AOYAMA LAPUTA GARDEN<br />　　<br />Altmond &<br />　　Bow Lee 青山<br /><a href="../altomond/index.html"><img src="../img/index/altmond.gif" /><\/a>　<a href="../bow_lee/index.html"><img src="../img/index/bow_lee.gif" /><\/a><br />東京都港区南青山2-12-14 ユニマット青山ビル9F<br>Altomond TEL : 03-5770-2082<br />Bow Lee 青山 TEL : 03-5770-2085<br /><span class="info">[<a href="javascript:Adentro('+i+');">zoom in<\/a>] - [<a href="javascript:Fuera('+i+');">zoom out<\/a>]<\/span>';
      var marker = createMarker(point, label, 'A：AOYAMA LAPUTA GARDEN<br />Altmond & Bow Lee 青山<br />', html, 0); // ★
      map.addOverlay(marker);
	  
      // ===== 青山ラピュタアネックス =====
      var point = new GLatLng(35.67061528596681,139.7201755642891); //★位置設定
	  var label = '';
	  var html = 'AOYAMA LAPUTA ANNEX<br />ALTOMOND別館<br /><a href="../bekkan/index.html"><img src="../img/index/bekkan.gif" /><\/a><br />東京都港区南青山2-13-10 青山ラピュタアネックス6F<br>TEL : 03-5785-1654<br /><span class="info">[<a href="javascript:Adentro('+i+');">zoom in<\/a>] - [<a href="javascript:Fuera('+i+');">zoom out<\/a>]<\/span>';
      var marker = createMarker(point, label, 'B：AOYAMA LAPUTA ANNEX<br />ALTOMOND別館<br />', html, 1); // ★
      map.addOverlay(marker);
	  
      // ===== 青山牛彩 =====
      var point = new GLatLng(35.671303840736435,139.7210955619812); //★位置設定
	  var label = '';
	  var html = '青山牛彩<br /><a href="http://www.gyusai.com/index.html"><img src="../img/index/gyusai.gif" /><\/a><br />東京都港区南青山2-11-11<br>TEL : 03-5785-2521<br /><span class="info">[<a href="javascript:Adentro('+i+');">zoom in<\/a>] - [<a href="javascript:Fuera('+i+');">zoom out<\/a>]<\/span>';
      var marker = createMarker(point, label, 'C : 青山牛彩<br />', html, 2); // ★
      map.addOverlay(marker);
	  
      // ===== 黒門燈 =====
      var point = new GLatLng(35.671038007003965,139.72080320119858); //★位置設定
	  var label = '';
	  var html = '黒門燈<br /><a href="http://www.kuromonto.com/" target="_blank"><img src="../img/index/kuromontou.gif" /><\/a><br />東京都港区南青山2-13-18<br>TEL : 03-5770-3221<br /><span class="info">[<a href="javascript:Adentro('+i+');">zoom in<\/a>] - [<a href="javascript:Fuera('+i+');">zoom out<\/a>]<\/span>';
      var marker = createMarker(point, label, 'D : 黒門燈<br />', html, 3); // ★
      map.addOverlay(marker);
	  
      // ===== 347cafe =====
      var point = new GLatLng(35.66203400078356,139.70262587070465); //★位置設定
	  var label = 'Shibuya Area';
	  var html = '347cafe<br /><a href="http://www.347cafe.com/index.html"><img src="../img/index/347cafe.gif" /><\/a><br />東京都渋谷区渋谷1-23-16 cocoti 3F<br>TEL : 03-5766-3798<br /><span class="info">[<a href="javascript:Adentro('+i+');">zoom in<\/a>] - [<a href="javascript:Fuera('+i+');">zoom out<\/a>]<\/span>';
      var marker = createMarker(point, label, 'E : 347cafe', html, 4); // ★
      map.addOverlay(marker);
	  


      document.getElementById("sidebar").innerHTML = sidebar_html;
  }
//]]>