﻿var photos = [];
photos[photos.length] = {"src": "kongo1_tozando.jpg", "caption": "1:木洩れ日浴びる登山道"};
photos[photos.length] = {"src": "kongo2_masayoshi.jpg", "caption": "2:途中にある楠木正儀の墓"};
photos[photos.length] = {"src": "kongo3_ultraman.jpg", "caption": "3:休憩茶屋跡にあるウルトラマンとバルタス星人の地蔵？"};
photos[photos.length] = {"src": "kongo4_ajisai.jpg", "caption": "4:ブナ林の間のアジサイ"};
photos[photos.length] = {"src": "kongo5_pl.jpg", "caption": "5:山頂からPLの塔が見える"};
photos[photos.length] = {"src": "kongo6_santyo.jpg", "caption": "6:山頂1125ｍ"};
photos[photos.length] = {"src": "kongo7_sanporinji.jpg", "caption": "7:山頂にある三法輪寺"};
photos[photos.length] = {"src": "kongo8_katsuragijinjya.jpg", "caption": "8:山頂にある葛木神社"};
photos[photos.length] = {"src": "kongo9_bunabayashi.jpg", "caption": "9:ブナ林"};
photos[photos.length] = {"src": "kongo10_ondokei.jpg", "caption": "10:山頂のデジタル温度計"};
photos[photos.length] = {"src": "kongo11_chihayajinjya.jpg", "caption": "11:下山途中に千早神社による"};
photos[photos.length] = {"src": "kongo12_chihayajyoato.jpg", "caption": "12:下山途中に千早城跡を見る。"};
photos[photos.length] = {"src": "kongo13_ningyo.jpg", "caption": "13:楠木軍が戦った時、味方の兵を多く見せる為の人形"};
photos[photos.length] = {"src": "kongo14_ishidan.jpg", "caption": "14:千早神社への参拝用石段"};
photos[photos.length] = {"src": "kongo15_tozanguchi.jpg", "caption": "15:千早経由登山口"};

window.onload = function() {
	var menu = document.createElement("form");
	var menulist = document.createElement("select");
	
	document.body.appendChild(menu);
	menu.appendChild(menulist);
	var options = new Array();
	var caption = document.createTextNode("選んでください");
	options[0] = document.createElement("option");
	options[0].appendChild(caption);
	menulist.appendChild(options[0]);
	for(var i = 0; i<photos.length; i++) {
		var caption = document.createTextNode(photos[i].caption);
		options[i+1] = document.createElement("option");
		options[i+1].appendChild(caption);
		menulist.appendChild(options[i+1]);
	}

	menulist.onchange = function() {
		if(!this.selectedIndex) return false;
		if(document.getElementById("photoframe")) {
			var photoframe = document.getElementById("photoframe");
		} else {
			var photoframe = document.createElement("img");
			photoframe.id = "photoframe";
			photoframe.width = "300";
			photoframe.height = "225";
			document.body.appendChild(photoframe);
		}
		photoframe.src = photos[this.selectedIndex-1].src;
	}
}

