// Google Maps API

//<![CDATA[
function load() {

	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(9, 2);
		  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(38.598449,140.95438), 11);
		  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;">'+htmls[i]+'</div>');
		  }
		  function Adentro(i) { 
			map.setCenter(gmarkers[i].point,17);
		  }
		  function Fuera(i) { 
			map.setCenter(gmarkers[i].point,12); 
		  } 
	// === 店舗 ===
				var point = new GLatLng(38.573367139588335,140.8954256772995);
				var label = '店舗一覧';
				var html = '<img src="http://www.miura-genki.co.jp/wp-content/themes/miura/img/honsya.jpg" width="150" height="100" border="0" style="padding-bottom:5px;"><br />本店<br />住所：宮城県大崎市古川新堀字東田37-1<br />TEL　0229-26-4255<br />FAX　0229-26-4272<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 本店', html, 0);
				map.addOverlay(marker);
	
				var point = new GLatLng(38.57415,140.96203);
				var label = ''; // ★本店に続くのでここを空白に
				var html = '古川台町店<br />住所：宮城県大崎市古川台町9-7<br />TEL　0229-22-6137<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 古川台町店', html, 1);
				map.addOverlay(marker);
		
				var point = new GLatLng(38.565418,140.974376);
				var label = ''; // ★台町店に続くのでここを空白に
				var html = '古川合庁前店<br />住所：宮城県大崎市古川旭4丁目3-7<br />TEL　0229-22-7206<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 古川合庁前店', html, 2);
				map.addOverlay(marker);
		
			var point = new GLatLng(38.567139,140.960638);
				var label = ''; // ★合庁前店に続くのでここを空白に
				var html = 'Ｕマート古川中里店<br />住所：宮城県大崎市古川中里３丁目2<br />TEL　0229-23-0502<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 Ｕマート古川中里店<font color="red"></font>', html, 3);
				map.addOverlay(marker);
		
				var point = new GLatLng(38.569654,140.860268);
				var label = ''; // ★中里店に続くのでここを空白に
				var html = '中新田中央店<br />住所：宮城県加美郡加美町字町裏204-1<br />TEL　0229-63-6390<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 中新田中央店', html, 4);
				map.addOverlay(marker);
	
			var point = new GLatLng(38.577102,140.776864);
				var label = ''; // ★中央店に続くのでここを空白に
				var html = '小野田店<br />住所：宮城県加美郡加美町字新小路76-9<br />TEL　0229-67-2158<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, 'F 小野田店', html, 5);
				map.addOverlay(marker);
	
				var point = new GLatLng(38.533587,141.066755);
				var label = '';
				var html = '小牛田店<br />住所：宮城県遠田郡美里町字化粧坂21-1<br />TEL　0229-33-3309<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, 'G 小牛田店', html, 6);
				map.addOverlay(marker);
	
				var point = new GLatLng(38.444756,140.875566);
				var label = ''; // ★小牛田店に続くのでここを空白に
				var html = '大和町吉岡店<br />住所：宮城県黒川郡大和町吉岡南1丁目28-3<br />TEL　022-344-2437<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, 'H 大和町吉岡店', html, 7);
				map.addOverlay(marker);
	
				var point = new GLatLng(38.657157,140.866631);
				var label = '';
				var html = '岩出山店<br />住所：宮城県大崎市岩出山下川原町55-1<br />TEL　0229-72-3908<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, 'I 岩出山店', html, 8);
				map.addOverlay(marker);
			
				var point = new GLatLng(38.70769118210837,140.83323329687119);
				var label = '';
				var html = 'あ・ら・伊達な道の駅店<br />住所：宮城県大崎市岩出山池月字下宮道下４−１<br />TEL　0229-78-2744<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, 'J あ・ら・伊達な道の駅店', html, 9);
				map.addOverlay(marker);
		
				var point = new GLatLng(38.737919,141.021877);
				var label = '';
				var html = '築館店<br />住所：宮城県栗原市志波姫堀口見渡12-9<br />TEL　0228-23-2950<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, 'K 築館店', html, 10);
				map.addOverlay(marker);
				
				var point = new GLatLng(38.597343,141.033966);
				var label = '';
				var html = 'ウジエスーパー田尻店<br />住所：宮城県大崎市田尻字町尻23<br />TEL　0229-38-3566<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, 'L ウジエスーパー田尻店', html, 11);
				map.addOverlay(marker);
	
				document.getElementById("sidebar").innerHTML = sidebar_html;
	  }
}
//]]>
