var map;
var pcShopXmlObj;

function load(){

	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map"));
		map.setCenter(new GLatLng(35.73, 139.712), 16);
		map.addControl(new GOverviewMapControl());
		//map.addControl(new GSmallMapControl());
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		//
		var sURL = "./logic/pcmapCom.php?type=pcshop&cache=" + (new Date()).getTime();
		new Ajax.Request(sURL, {method : "get", onComplete : dispShopData });

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

function dispShopData( request ){
//	alert(request.responseText);
	pcShopXmlObj = request.responseXML;

	var shopTag = pcShopXmlObj.getElementsByTagName("shop");
	for(var i=0; i<shopTag.length; i++){
		var jyanru = shopTag[i].getElementsByTagName("jyanru")[0].childNodes[0].nodeValue;
		var id = shopTag[i].getElementsByTagName("id")[0].childNodes[0].nodeValue;
		var name = shopTag[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;
		var img = shopTag[i].getElementsByTagName("img")[0].childNodes[0].nodeValue;
		var slink = shopTag[i].getElementsByTagName("slink")[0].childNodes[0].nodeValue;
		var desc = shopTag[i].getElementsByTagName("desc")[0].childNodes[0].nodeValue;
		var latitude = shopTag[i].getElementsByTagName("latitude")[0].childNodes[0].nodeValue;
		var longitude = shopTag[i].getElementsByTagName("longitude")[0].childNodes[0].nodeValue;
//alert( jyanru + " " + name  + " " + slink  + " " + desc  + " " + latitude  + " " + longitude );

		//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 shopTag = pcShopXmlObj.getElementsByTagName("shop");
	for(var i=0; i<shopTag.length; i++){
		var id = shopTag[i].getElementsByTagName("id")[0].childNodes[0].nodeValue;
		if( id != argId ){
			continue;
		}
		var jyanru = shopTag[i].getElementsByTagName("jyanru")[0].childNodes[0].nodeValue;
		var name = shopTag[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;
		var img = shopTag[i].getElementsByTagName("img")[0].childNodes[0].nodeValue;
		var slink = shopTag[i].getElementsByTagName("slink")[0].childNodes[0].nodeValue;
		var desc = shopTag[i].getElementsByTagName("desc")[0].childNodes[0].nodeValue;
		var latitude = shopTag[i].getElementsByTagName("latitude")[0].childNodes[0].nodeValue;
		var longitude = shopTag[i].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>";
	retHtml += "<div id=\"gmapImg\"><img src=\"http://webservice.kabufuru.net/img/ikebukuro/" + img + "\" /></div>";
	retHtml += "<div id=\"gmapDesc\">" + desc + "</div>";
	retHtml += "<div class=\"gmapLink\"><a href=\"" + id + ".php\">店舗の紹介・レビュー・口コミ情報を見る</a></div>";
	retHtml += "<div class=\"gmapLink\"><a href=\"" + slink + "\">店舗のホームページを見る</a></div>";
	return retHtml;
}