// JavaScript Document
//----- 全体用JS ------//
var geocoder;
var gmap;


function createMarker(mpoint,  spot, url, logo, syubetsu, ctga, icon1){
	//----- マーカを作る ------//
	//表示するHTMLを作成
	var html="<div style=\"width:200px;height:auto;margin:10px 0 0 0;text-align:center;\"><b style=\"font-size:14px;\">"+spot+"</b>"
    +"<p style=\"font-size:12px;\">"
    +"    <a href=\""+url+"\"target=\"blank\" onclick=\"javascript:urchinTracker(\'"+ctga+"\')\">詳細情報はこちら&raquo</a>"
    +"</p>"
    +"</div>";

	//マーカを作成
	var marker = new GMarker(mpoint, icon1);
	GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml(html);
	});

	return marker;
}



function load(){

	gmap = new GMap2( document.getElementById("gmap"));
	gmap.setCenter( new GLatLng(35.75208494531366, 139.921875), 9 );
	geocoder = new GClientGeocoder();

	//----- XMLを読み込んで、地図にマーカを追加 ------//
	GDownloadUrl("map_list.xml",function(data, responseCode) {
		var xmlDoc = GXml.parse(data);
		var markers = xmlDoc.documentElement.getElementsByTagName("marker");
		for (var i = 0; i < markers.length; i++) { 
			var mpoint = new GLatLng( 
			markers[i].getAttribute("lat"),
			markers[i].getAttribute("lng") 
			);

			var spot=markers[i].getAttribute("spot");
			var url=markers[i].getAttribute("url");
			var logo=markers[i].getAttribute("logo");
			var ctga=markers[i].getAttribute("ctga");
			var syubetsu=markers[i].getAttribute("syubetsu");

			//オリジナルマーカーの画像を作成
			var icon1 = new GIcon();
			icon1.image = "images/common/"+syubetsu;
			icon1.iconSize = new GSize(30, 34);
			icon1.iconAnchor = new GPoint(6, 20);
			icon1.infoWindowAnchor = new GPoint(5, 1);

			var marker = createMarker(mpoint, spot, url, logo, syubetsu, ctga, icon1); 
			gmap.addOverlay(marker);
		}

		gmap.addControl(new GScaleControl());
		var position = new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(10, 10));
		gmap.addControl(new GLargeMapControl(), position);

		var imageUrl = "http://www.330navi.com/images/common/img-control-back-all.png";
		var screenXY = new GScreenPoint(509, 327);
		var overlayXY = new GScreenPoint(10, 10);
		var sz = new GScreenSize(104, 280);
		var soverlay = new GScreenOverlay(imageUrl, screenXY, overlayXY, sz);
		gmap.addOverlay(soverlay);



	});

}


//ジオコーディング
function moveTo(latlng) {
  if (latlng){
    gmap.setCenter(latlng, 11);

    //gmap.clearOverlays();
    //var marker2 = new GMarker(latlng);
    //gmap.addOverlay(marker2);


  }else{
    alert("住所から検索できません。再度入力して下さい。");
  }
}

function moveAddress() {
  var address = document.getElementById("address").value;
  geocoder.getLatLng(address, moveTo);
}

function moveAddress2(btn_address) {
  geocoder.getLatLng(btn_address, moveTo);
}

//マップを指定の位置へ移動
//船橋
  function moveAddress3(x,y,z) {
  gmap.centerAtLatLng(new GPoint(x,y),z);
}