var scenerytBoxSet=[
    {
        "boxName":"御之屋外觀",
        "src":"swf/u_show_0.swf",
        "width":"450",
        "height":"338"
    },
    {
        "boxName":"週邊景物",
        "src":"swf/u_show_1.swf",
        "width":"450",
        "height":"338"
    },
    {
        "boxName":"夜晚景色",
        "src":"swf/u_show_2.swf",
        "width":"450",
        "height":"338"
    },
    {
        "boxName":"遠眺蘭嶼",
        "src":"swf/u_show_3.swf",
        "width":"450",
        "height":"338"
    },
    {
        "boxName":"日出映象",
        "src":"swf/u_show_4.swf",
        "width":"450",
        "height":"338"
    }
];

function renderSceneryBoxHtmlCode(n) {
    var m = scenerytBoxSet[n];
    return ''.concat(
    '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"',
    ' codebase="http://active.macromedia.com/flash5/cabs/swflash.cab#version=5,0,0,0"',
    ' id="myscenerybox" width="',m.width,'" height="',m.height,'">',
    '<param name="movie" value="',m.src,'">',
    '<param name="play" value="false">',
    '<embed name="myscenerybox" src="',m.src,
    '" width="',m.width,'" height="',m.height,
    '" play="false">',
    '</object>');
}


function changeSceneryBox() {
    var s = document.getElementById('sceneryBoxSelect');
    var n = s.options[s.selectedIndex].value;
    document.getElementById('sceneryBox').innerHTML = renderSceneryBoxHtmlCode(n);
}
document.write('<div id="sceneryBoxMenu" align="center">');
document.write('<font size="2pt">環境選擇：</font><select id="sceneryBoxSelect" onchange="changeSceneryBox();">');
for (var i=0; i<scenerytBoxSet.length; ++i) {
    document.write('<option value="'.concat(i,
        '"',(i==0?'selected="selected"':''),'>',
        scenerytBoxSet[i].boxName,'</option>'));
}
document.write('</select></div>');

document.write('<div id="sceneryBox" width="220">'.concat(
    renderSceneryBoxHtmlCode(0),'</div>'));