var map;

function load( shopId ){
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map"));
		map.setCenter(new GLatLng(35.73, 139.712), 11);
		map.addControl(new GOverviewMapControl());
		//map.addControl(new GSmallMapControl());
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		//
		var sURL = "./logic/mobmapCom.php?type=pershop&shopId=" + shopId + "&cache=" + (new Date()).getTime();
		new Ajax.Request(sURL, {method : "get", onComplete : dispShopData });
	} else {
		alert("ご使用のブラウザだと表示することができません。");
	}
}

function dispShopData( request ){

	var mobShopXmlObj = request.responseXML;
	var name = mobShopXmlObj.getElementsByTagName("name")[0].childNodes[0].nodeValue;
	var latitude = mobShopXmlObj.getElementsByTagName("latitude")[0].childNodes[0].nodeValue;
	var longitude = mobShopXmlObj.getElementsByTagName("longitude")[0].childNodes[0].nodeValue;

	//create maker and event
	var makerpoint = new GLatLng(parseFloat(latitude), parseFloat(longitude));
	var marker=makeMarkerAndEvent(makerpoint, name);
	map.addOverlay(marker);

}

function makeMarkerAndEvent(makerpoint, name){
	var marker = new GMarker(makerpoint);
	var dispHtml = retBalloonShopInfoStr( name );
	GEvent.addListener(marker, "click", function(){ 
		marker.openInfoWindowHtml(dispHtml);
	});
  return marker;
}

function retBalloonShopInfoStr( name ){
	var retHtml = "<div id=\"gmapName\">・" + name + "</div>";
	return retHtml;
}