//GoogleMap用マーカーリストの構成
function getMarker(){

	var html = "";

	//青山店
	html += "<div id=\"marker_html_1\" class=\"gmap_desc\" style=\"display:none;\">";
	html += "	<div class=\"marker_data_html\">";
	html += "		<div class=\"subject\">";
	html += "			<span class=\"name1\">Casita </span>";
	html += "			<br />";
	html += "			<span class=\"name2\">カシータ</span>";
	html += "			<br />";
	html += "		</div>";
	html += "		<div class=\"addresslist\">";
	html += "			<span class=\"address\">東京都渋谷区神宮前5丁目51-8</span>";
	html += "			<br />";
	html += "			<span class=\"address\">ラ・ポルト青山 3階</span>";
	html += "			<br />";
	html += "		</div>";
	html += "		<div class=\"description\">TEL:03-5485-7353<br />FAX:03-5485-7354<br />";
	html += "			   <br />";
	html += "			   Casita Lounge<br />";
	html += "			   カシータラウンジ<br />";
	html += "			   ラ・ポルト青山 B1<br />";
	html += "			   TEL:03-5774-5608<br />";
	html += "			   FAX:03-5774-5609";
	html += "		</div>";
	html += "	</div>";
	html += "</div>";

	//麻布十番店
	html += "<div id=\"marker_html_2\" class=\"gmap_desc\" style=\"display:none;\">";
	html += "	<div class=\"marker_data_html\">";
	html += "		<div class=\"subject\">";
	html += "			<span class=\"name1\">HILLTOP Casita</span>";
	html += "			<br />";
	html += "			<span class=\"name2\">ヒルトップカシータ</span>";
	html += "			<br />";
	html += "		</div>";
	html += "		<div class=\"addresslist\">";
	html += "		<span class=\"addres\">東京都港区麻布十番1丁目9-2</span>";
	html += "		<br />";
	html += "		<span class=\"addres\">ユニマット麻布十番ビル 8〜10階</span>";
	html += "		<br />";
	html += "		</div>";
	html += "		<div class=\"description\">TEL:03-5545-6877 <br />FAX:03-5545-6878</div>";
	html += "	</div>";
	html += "</div>";

	//赤坂店
	html += "<div id=\"marker_html_3\" class=\"gmap_desc\" style=\"display:none;\">";
	html += "	<div class=\"marker_data_html\">";
	html += "		<div class=\"subject\">";
	html += "			<span class=\"name1\">IL Casita</span>";
	html += "			<br />";
	html += "			<span class=\"name2\">イルカシータ</span>";
	html += "			<br />";
	html += "		</div>";
	html += "		<div class=\"addresslist\">";
	html += "			<span class=\"addres\">東京都港区赤坂4-3-6</span>";
	html += "			<br />";
	html += "			<span class=\"addres\">Hitotsugi LIP 5F</span>";
	html += "			<br />";
	html += "		</div>";
	html += "		<div class=\"description\">TEL:03-5572-6655 <br />FAX:03-5572-6656 <br /></div>";
	html += "	</div>";
	html += "</div>";
	
	//池袋店
	html += "<div id=\"marker_html_4\" class=\"gmap_desc\" style=\"display:none;\">";
	html += "	<div class=\"marker_data_html\">";
	html += "		<div class=\"subject\">";
	html += "			<span class=\"name1\">OCEAN Casita</span>";
	html += "			<br />";
	html += "			<span class=\"name2\">オーシャンカシータ</span>";
	html += "			<br />";
	html += "		</div>";
	html += "		<div class=\"addresslist\">";
	html += "			<span class=\"addres\">東京都豊島区東池袋3-1-1</span>";
	html += "			<br />";
	html += "			<span class=\"addres\">サンシャイン60 59F</span>";
	html += "			<br />";
	html += "		</div>";
	html += "		<div class=\"description\">TEL:03-6864-6059 <br />FAX:03-6864-6060 <br /></div>";
	html += "			   <br />";
	html += "			   THE DOME<br />";
	html += "			   ザ・ドーム<br />";
	html += "			   TEL:03-6864-6061";
	html += "		</div>";
	html += "	</div>";
	html += "</div>";

return html;
}

//GoogleMapの構成
function getGoogleMap(shop){

	//各店の座標
	//青山店
	var aoyamaLat = '35.662934';
	var aoyamaLng = '139.709457';
	//麻布十番店
	var hilltopLat = '35.656464';
	var hilltopLng = '139.735437';
	//赤坂店
	var akasakaLat = '35.674494';
	var akasakaLng = '139.736135';
	//池袋店
	var oceanLat = '35.729622';
	var oceanLng = '139.71822';

	var gMap,gMarkers=[];
	var elementId,lat,lng,size,d;
	
	switch(shop){
		case "casita":
			elementId = "cmap"; lat = aoyamaLat; lng = aoyamaLng; size = 16; d = 1;
			break;
		case "hilltop":
			elementId = "hmap"; lat = hilltopLat; lng = hilltopLng; size = 16; d = 2;
			break;
		case "ilcasita":
			elementId = "imap"; lat = akasakaLat; lng = akasakaLng; size = 16; d = 3;
			break;
		case "ocean":
			elementId = "omap"; lat = oceanLat; lng = oceanLng; size = 16; d = 4;
			break;
		default:
			break;
	}

	if(typeof(GBrowserIsCompatible)=='undefined')
	{
		document.getElementById(elementId).innerHTML=
			'GoogleMapsと通信ができません。インターネット接続状態を確認してください。';
	}
	
	if (GBrowserIsCompatible())
	{
		gMap = new GMap2(document.getElementById(elementId));
		gMap.setCenter(new GLatLng(lat, lng), size);
	
		gMap.addControl(new GLargeMapControl());
		gMap.addControl(new GMapTypeControl());
	
		//ストリートビューオブジェクト
		/*
		svOverlay = new GStreetviewOverlay();
		gMap.addOverlay(svOverlay);
		*/
		
		addGMarker(gMap,gMarkers,1,aoyamaLat,aoyamaLng,d);
		addGMarker(gMap,gMarkers,2,hilltopLat,hilltopLng,d);
		addGMarker(gMap,gMarkers,3,akasakaLat,akasakaLng,d);
		addGMarker(gMap,gMarkers,4,oceanLat,oceanLng,d);

	}
	else
	{
		document.getElementById(elementId).innerHTML=
			'ご利用の環境ではこのマップをご覧いただけません。';
	}
}
	
function buildInfoHtml(dataPoint){
	return document.getElementById('marker_html_' + dataPoint.no).innerHTML;
}
	
function addGMarker(gMap, gMarkers, markerNo, lat, lng, d){
	var marker = new GMarker(new GLatLng(lat, lng));

	//ストリートビュー
	//marker.bindInfoWindowHtml('<div name="pano" id="pano" style="width: 500px; height: 300px"></div>');

	var point  = {'marker':marker,'no':markerNo,'lng':lng,'lat':lat};
	gMarkers.push(point);
	var f = function()
				{
					gMap.setCenter(new GLatLng(lat,lng));
					marker.openInfoWindowHtml(buildInfoHtml(point));
				};
	GEvent.addListener(marker, 'click', f);

	//ストリートビュー
	/*
	var p = function()
				{
					pano = new GStreetviewPanorama(document.getElementById('pano'),
													{latlng : marker.getPoint()})
				};
	GEvent.addListener(marker, 'infowindowopen', p);
	*/
	var marker_field = document.getElementById('marker_link_'+ markerNo);

	if(marker_field)
	{
		marker_field.onmousedown = f;
	}

	gMap.addOverlay(marker);
	
	if(markerNo == d)	{
		marker.openInfoWindowHtml(buildInfoHtml(point));
	}

}