// JavaScript Document
function createMarker(point,html) {
	var marker = new GMarker(point);
	GEvent.addListener(marker, "click", function() {
	  marker.openInfoWindowHtml(html);
	});
	return marker;
}

function createMarker_sub(point,html) {
	var marker = new GMarker(point,icon);
	GEvent.addListener(marker, "click", function() {
	  marker.openInfoWindowHtml(html);
	});
	return marker;
}

var icon = new GIcon();
icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
icon.iconSize = new GSize(12, 20);
icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(5, 1);

var map;
var arypoint = new Array();
var str_navi = "";
function get_point(num){
	var marker = arypoint[num];
	GEvent.trigger(marker, "click", null);
	map.setCenter(marker.getLatLng());
}
function map_print(){
	if (GBrowserIsCompatible()) {
		var id = document.getElementById("map");
		var strxy = id.innerHTML;
		if(strxy.search("/")){
			ary = strxy.split("/");
		}else{
			var ary = new Array();
			ary[0] = strxy;
		}
		var tenpo = ary[0];
		arytp = tenpo.split(",");
		var tpx = arytp[0];
		var tpy = arytp[1];
		var tpz = arytp[2];
		
		// ===== 基礎部分、setCenterで中心座標とズームレベルを指定 =====
		map = new GMap2(id);
		map.addControl(new GLargeMapControl()); // ズームコントロール。Small で小型に
		map.addControl(new GMapTypeControl()); // 地図タイプ切り替えボタン
		var zooms = Number(tpz);
		map.setCenter(new GLatLng(tpx,tpy), zooms); // 緯度経度、ズームレベルは最大は17
		
		// ===== ポイント設置設定、前が緯度（Lat）、後が経度（Lng） =====
		
		if(arytp.length > 3){
			var tpnm = arytp[3];
			var point = new GLatLng(tpx,tpy);
			var marker = createMarker(point,tpnm);
			arypoint[0] = marker;
			map.addOverlay(marker);
			str_navi = 'クリックすると位置を表示します：<a href="javascript:get_point(0)">'+tpnm+'</a>';
		}else{
			str_navi = 'クリックすると位置を表示します';
		}
		
		if(ary.length > 1){
			for(i = 1;i < ary.length;i++){
				var spot = ary[i];
				aryspot = spot.split(",");
				spx = aryspot[0];
				spy = aryspot[1];
				spnm = aryspot[2];
				var point = new GLatLng(spx,spy);
				var marker = createMarker_sub(point,spnm);
				map.addOverlay(marker);
				arypoint[i] = marker;
				str_navi += '｜<a href="javascript:get_point('+i+')">'+spnm+'</a>';
			}
		}
		var id2 = document.getElementById("mapnavi");
		id2.innerHTML = str_navi;
	}
}

function change_img(num,imgsrc){
	if(document.getElementById("phimg") == null){
		var idpbox = document.getElementById("photobox");
		idpbox.innerHTML ='<img src="" id="phimg" />';
		window.scrollTo(0,0);
	}
	var idimg = document.getElementById("phimg");
	idimg.src = "../kumamoto/"+TenpoKey+"/img/"+imgsrc;
	var idcap = document.getElementById("capbox");
	idcap.innerHTML = "[" + num + "]：" + Ary_img[imgsrc];
	var cls_id = document.getElementById("pbclose");
	cls_id.style.visibility = "hidden";
}
function change_imgshn(imgsrc,cap){
	if(document.getElementById("phimg") == null){
		var idpbox = document.getElementById("photobox");
		idpbox.innerHTML ='<img src="" id="phimg" />';
		window.scrollTo(0,0);
	}
	var idimg = document.getElementById("phimg");
	idimg.src = "../kumamoto/"+TenpoKey+"/img/"+imgsrc;
	var idcap = document.getElementById("capbox");
	idcap.innerHTML = cap;
	var cls_id = document.getElementById("pbclose");
	cls_id.style.visibility = "hidden";
}
function all_img(){
	var idpbox = document.getElementById("photobox");
	var str_imgtag = "";
	for(IMG in Ary_img){
		str_imgtag += '<img src="../kumamoto/'+TenpoKey+'/img/' + IMG + '" class="allimg" /><br />' + Ary_img[IMG] + '<br />';
	}
	idpbox.innerHTML = str_imgtag;
	var idcap = document.getElementById("capbox");
	idcap.innerHTML ="全写真表示中";
	var cls_id = document.getElementById("pbclose");
	cls_id.style.visibility = "visible";
}
function close_ph(){
	var cls_id = document.getElementById("pbclose");
	cls_id.style.visibility = "hidden";
	var idpbox = document.getElementById("photobox");
	idpbox.innerHTML ='<img src="../kumamoto/'+TenpoKey+'/img/' + mp_strimg +'" id="phimg" />';
	var idcap = document.getElementById("capbox");
	idcap.innerHTML ="[1]：" + mp_strcap;
	window.scrollTo(0,0);
}
var mp_strimg = "";
var mp_strcap = "";
function make_phnavi(){
	var pid = document.getElementById("pnavi");
	
	var strtag = "";
	var i = 0;
	for(Img in Ary_img){
		i++;
		strtag += '<a href="javascript:change_img('+i+',&#39;'+Img+'&#39;)">'+i+'</a>';
		if(i == 1){
			mp_strimg = Img;
			mp_strcap = Ary_img[Img];
		}
	}
	pid.innerHTML = '<div id="pnavittl">写真一覧</div>' + strtag;
	if(i > 1){
		pid.innerHTML += '<a href="javascript:all_img()">全</a><a href="javascript:close_ph()" id="pbclose">閉</a>';
	}
	var idimg = document.getElementById("phimg");
	idimg.src = "../kumamoto/"+TenpoKey+"/img/"+mp_strimg;
	var idcap = document.getElementById("capbox");
	idcap.innerHTML ="[1]：" + mp_strcap;
}
window.onload = function (){
	if(document.getElementById("map") != null){
		map_print();
	}
	make_phnavi();
}