var photos = [];
photos[photos.length] = {"src": "lw1_albert_doc.jpg", "caption": "1:アルバートドックとよばれる海岸沿いの古い倉庫は今やリバプールの総合観光サイト"};
photos[photos.length] = {"src": "lw2_albert_doc2.jpg", "caption": "2:アルバートドック(リバプール）"};
photos[photos.length] = {"src": "lw3_albert_doc_headpier.jpg", "caption": "3:アルバートドックから海を見る"};
photos[photos.length] = {"src": "lw4_canvern_club.jpg", "caption": "4:ビートルズが演奏したキャンバーンクラブのステージ"};
photos[photos.length] = {"src": "lw5_railway_station.jpg", "caption": "5:リバプールの駅、プラットホーム"};
photos[photos.length] = {"src": "lw6_wales_a55.jpg", "caption": "6:A55をはしりながら見るウェールズの風景"};
photos[photos.length] = {"src": "lw7_conwy_castle1.jpg", "caption": "7:コンウィ城です（ウェールズ）"};
photos[photos.length] = {"src": "lw8_conwy_castle2.jpg", "caption": "8:13世紀から静かにたたずむ古城「コンウィ・キャッスル」"};
photos[photos.length] = {"src": "lw9_conwy_castle3.jpg", "caption": "9:コンウェイの町と「コンウィ・キャッスル」"};
photos[photos.length] = {"src": "lw10_long_name_station.jpg", "caption": "10:世界で一番長い名前の駅がある。ウェールズ語で・・・・・"};
photos[photos.length] = {"src": "lw11_view_of_snordonia.jpg", "caption": "11:ウェールズで一番高い山（といっても1085ｍ）スノードン山がある自然公園"};
photos[photos.length] = {"src": "lw12_snordonia_sunset_wales.jpg", "caption": "12:スノードン山に夕日がしずむ"};
photos[photos.length] = {"src": "lw13_snordonia.jpg", "caption": "13:スノードンと雲"};
photos[photos.length] = {"src": "lw14_snordon_from_a4086.jpg", "caption": "14:A4086をはしりながらスノードンをみる。"};
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 = "240";
			photoframe.height = "180";
			document.body.appendChild(photoframe);
		}
		photoframe.src = photos[this.selectedIndex-1].src;
	}
}