var map;
var mobShopXmlObj;

function load(){

	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=mobshop&area=ikebukuro&cache=" + (new Date()).getTime();
		new Ajax.Request(sURL, {method : "get", onComplete : dispShopData });

	} else {
		alert("ご使用のブラウザだと表示することができません。");
	}
}

function dispShopData( request ){

	mobShopXmlObj = request.responseXML;
	var areaTag = mobShopXmlObj.getElementsByTagName("area");
	for(var i=0; i<areaTag.length; i++){
		var shopTag = areaTag[i].getElementsByTagName("shop");
		for(var j=0; j<shopTag.length; j++){
			var jyanru = shopTag[j].getElementsByTagName("jyanru")[0].childNodes[0].nodeValue;
			var id = shopTag[j].getElementsByTagName("id")[0].childNodes[0].nodeValue;
			var name = shopTag[j].getElementsByTagName("name")[0].childNodes[0].nodeValue;
			var img = "";
			if( shopTag[j].getElementsByTagName("img")[0].childNodes[0] ){
				img = shopTag[j].getElementsByTagName("img")[0].childNodes[0].nodeValue;
			}
			var slink = "";
			if( shopTag[j].getElementsByTagName("slink")[0].childNodes[0] ){
				slink = shopTag[j].getElementsByTagName("slink")[0].childNodes[0].nodeValue;
			}
			var desc = "";
			if( shopTag[j].getElementsByTagName("desc")[0].childNodes[0] ){
				desc = shopTag[j].getElementsByTagName("desc")[0].childNodes[0].nodeValue;
			}
			var latitude = shopTag[j].getElementsByTagName("latitude")[0].childNodes[0].nodeValue;
			var longitude = shopTag[j].getElementsByTagName("longitude")[0].childNodes[0].nodeValue;

			//create maker and event
			var makerpoint = new GLatLng(latitude, longitude);
			var marker=makeMarkerAndEvent( id, makerpoint, name, slink, desc, img );
			map.addOverlay(marker);
		}
	}

}

function dispSh( argId ){
	var areaTag = mobShopXmlObj.getElementsByTagName("area");
	for(var i=0; i<areaTag.length; i++){
		var shopTag = areaTag[i].getElementsByTagName("shop");
		for(var j=0; j<shopTag.length; j++){
			var id = shopTag[j].getElementsByTagName("id")[0].childNodes[0].nodeValue;
			if( id != argId ){
				continue;
			}
			var jyanru = shopTag[j].getElementsByTagName("jyanru")[0].childNodes[0].nodeValue;
			var name = shopTag[j].getElementsByTagName("name")[0].childNodes[0].nodeValue;
			var img = "";
			if( shopTag[j].getElementsByTagName("img")[0].childNodes[0] ){
				img = shopTag[j].getElementsByTagName("img")[0].childNodes[0].nodeValue;
			}
			var slink = "";
			if( shopTag[j].getElementsByTagName("slink")[0].childNodes[0] ){
				slink = shopTag[j].getElementsByTagName("slink")[0].childNodes[0].nodeValue;
			}
			var desc = "";
			if( shopTag[j].getElementsByTagName("desc")[0].childNodes[0] ){
				desc = shopTag[j].getElementsByTagName("desc")[0].childNodes[0].nodeValue;
			}
			var latitude = shopTag[j].getElementsByTagName("latitude")[0].childNodes[0].nodeValue;
			var longitude = shopTag[j].getElementsByTagName("longitude")[0].childNodes[0].nodeValue;
	
			//
			map.setZoom( 16 );
			var point = new GLatLng(parseFloat(latitude), parseFloat(longitude));
			map.panTo( point );
			var dispHtml = retBalloonShopInfoStr( id, name, slink, desc, img );
			map.openInfoWindowHtml(point, dispHtml);
	
			break;
		}
	}
}

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

function retBalloonShopInfoStr( id, name, slink, desc, img ){
	var retHtml = "<div id=\"gmapName\">・" + name + "</div>";
	if( img != "" ){
		retHtml += "<div id=\"gmapImg\"><img src=\"http://webservice.kabufuru.net/img/mobile/" + img + "\" /></div>";
	}
	if( desc != "" ){
		retHtml += "<div id=\"gmapDesc\">" + desc + "</div>";
	}
	retHtml += "<div class=\"gmapLink\"><a href=\"perShop.php?id=" + id + "\">店舗の紹介・レビュー・口コミ情報を見る</a></div>";
	if( slink != "" ){
		retHtml += "<div class=\"gmapLink\"><a href=\"" + slink + "\">店舗のホームページを見る</a></div>";
	}
	return retHtml;
}