﻿// JScript 檔

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

//<link href="../css/menu.css" rel="stylesheet" type="text/css" /> 

function addCSS(CSSurl) 
{ 
    if(document.createStyleSheet) 
    {
        document.createStyleSheet(CSSurl);
    }
    else 
    {
        HTMLElement.prototype.insertAdjacentHTML = function (sWhere, sHTML) 
        {
           var df;   // : DocumentFragment
           var r = this.ownerDocument.createRange();
           
           switch (String(sWhere).toLowerCase()) {  // convert to string and unify case
              case "beforebegin":
                 r.setStartBefore(this);
                 df = r.createContextualFragment(sHTML);
                 this.parentNode.insertBefore(df, this);
                 break;
                 
              case "afterbegin":
                 r.selectNodeContents(this);
                 r.collapse(true);
                 df = r.createContextualFragment(sHTML);
                 this.insertBefore(df, this.firstChild);
                 break;
                 
              case "beforeend":
                 r.selectNodeContents(this);
                 r.collapse(false);
                 df = r.createContextualFragment(sHTML);
                 this.appendChild(df);
                 break;
                 
              case "afterend":
                 r.setStartAfter(this);
                 df = r.createContextualFragment(sHTML);
                 this.parentNode.insertBefore(df, this.nextSibling);
                 break;
           }   
        };
        window.document.getElementById("MenuBarArea").insertAdjacentHTML("BeforeBegin","<link href=\"../css/menu.css\" rel=\"stylesheet\" type=\"text/css\" />");
        /*
        var styles = "@import url('"+ CSSurl +"');";
        alert(styles);
        var newSS=document.createElement('link');
        newSS.rel='stylesheet';
        newSS.href='data:text/css,'+escape(styles);
        document.getElementsByTagName("head")[0].appendChild(newSS);
        */
        /*
        var headtg = document.getElementsByTagName('head')[0];
        var linktg = document.createElement('link');
        linktg.type = 'text/css';
        linktg.rel = 'stylesheet';
        linktg.href = CSSurl;
        headtg.appendChild(link);        
        */
    }
}
addCSS("../css/menu.css");

var MenuBarStr='';
MenuBarStr += '<div id="menuIndex"><a href="../home/sitemap.html" title="選單內容區"  accesskey="M" tabIndex="150"><font color="#ffffff">:::</font></a></div>'
MenuBarStr += '<span class="menu-group">'
MenuBarStr += '    <ul>'
MenuBarStr += '        <li class="menu-news"><a href="../message/message.html"><img src="../img/cht/img_menu_01_1.gif" alt="最新消息" width="115" height="30" id="Image1" onmouseover="MM_swapImage(\'Image1\',\'\',\'../img/cht/img_menu_01_2.gif\',1)" onmouseout="MM_swapImgRestore()" /></a></li>';
MenuBarStr += '        <li class="record"><a href="../record/index.html"><img src="../img/cht/img_menu_02_1.gif" alt="紀錄館" width="115" height="30" id="Image2" onmouseover="MM_swapImage(\'Image2\',\'\',\'../img/cht/img_menu_02_2.gif\',1)" onmouseout="MM_swapImgRestore()" /></a>';
MenuBarStr += '            <div id="sub-record">';
MenuBarStr += '                <div>';
MenuBarStr += '                    <ul>';
MenuBarStr += '                        <li class="sub-menu"><a href="../record/rec_local.html">地方紀錄</a></li>';
MenuBarStr += '                        <li class="sub-menu"><a href="../rec_doc/rec_doc_index.html">文獻區</a></li>';
MenuBarStr += '                        <li class="sub-menu"><a href="../record/rec_news.html">新聞區</a></li>';
MenuBarStr += '                        <li class="sub-menu"><a href="../record/rec_photo.html">照片區</a></li>';
MenuBarStr += '                        <li class="sub-menu"><a href="../rec_vedio/rec_vedio_all.htm">影音區</a></li>';
MenuBarStr += '                    </ul>';
MenuBarStr += '                </div>';
MenuBarStr += '            </div>';
MenuBarStr += '        </li>';
MenuBarStr += '        <li class="story"><a href="../story/story.html"><img src="../img/cht/img_menu_03_1.gif" alt="故事館" width="115" height="30" id="Image3" onmouseover="MM_swapImage(\'Image3\',\'\',\'../img/cht/img_menu_03_2.gif\',1)" onmouseout="MM_swapImgRestore()" /></a>';
MenuBarStr += '            <div id="sub-story">';
MenuBarStr += '                <div >';
MenuBarStr += '                    <ul>';
MenuBarStr += '                        <li class="sub-menu"><a href="../story_view/people.html">卓著貢獻人物專訪</a></li>';
MenuBarStr += '                        <li class="sub-menu"><a href="../story/story.html#92110">十週年專題報導</a></li>';
MenuBarStr += '                        <li class="sub-menu"><a href="../story/story.html#92112">生機系列報導</a></li>';
MenuBarStr += '                    </ul>';
MenuBarStr += '                </div>';
MenuBarStr += '            </div>';
MenuBarStr += '        </li>';
MenuBarStr += '        <li class="event"><a href="../act/actions.html"><img src="../img/cht/img_menu_04_1.gif" alt="活動館" width="115" height="30" id="Image4" onmouseover="MM_swapImage(\'Image4\',\'\',\'../img/cht/img_menu_04_2.gif\',1)" onmouseout="MM_swapImgRestore()" /></a>';
MenuBarStr += '            <div id="sub-event">';
MenuBarStr += '                <div>';
MenuBarStr += '                    <ul>';
MenuBarStr += '                        <li class="sub-menu"><a href="../act/film.html">【十年‧921】<br/> 主軸宣傳影片-雨過天晴</a></li>';
MenuBarStr += '                        <li class="sub-menu"><a href="../funp/funp_rule.html">【經驗傳承 從心出發】<br>921十週年徵文比賽</a></li>';
MenuBarStr += '                        <li class="sub-menu"><a href="http://61.67.242.84/921event/vote_majormore.php" target="_blank">【十年921】<br>台灣有你-影片徵選活動</a></li>';
MenuBarStr += '                    </ul>';
MenuBarStr += '                </div>';
MenuBarStr += '            </div>';
MenuBarStr += '        </li>';
MenuBarStr += '        <li class="edu"><a href="../edu/edu.html"><img src="../img/cht/img_menu_05_1.gif" alt="教育館" width="115" height="30" id="Image5" onmouseover="MM_swapImage(\'Image5\',\'\',\'../img/cht/img_menu_05_2.gif\',1)" onmouseout="MM_swapImgRestore()" /></a>';
MenuBarStr += '           <div id="sub-edu">';
MenuBarStr += '                <div class="bd">';
MenuBarStr += '                    <ul>';
MenuBarStr += '                        <li class="sub-menu"><a href="../edu/edu-history1.html">921大事紀</a></li>';
MenuBarStr += '                        <li class="sub-menu"><a href="../edu/edu-commonsense.html">921小資訊</a></li>';
MenuBarStr += '                        <li class="sub-menu"><a href="../edu/edu.html">他山之石</a></li>';
MenuBarStr += '                        <li class="sub-menu"><a href="../edu-earth/edu-earth-ans.html">地震百問</a></li>';
MenuBarStr += '                        <li class="sub-menu"><a href="../edu/edu-technology.html">地震科技發展</a></li>';
MenuBarStr += '                        <li class="sub-menu"><a href="../edu/edu-international.html">國際交流</a></li>';
MenuBarStr += '                        <li class="sub-menu"><a href="../edu/edu-game.html">趣味遊戲</a></li>';
MenuBarStr += '                    </ul>';
MenuBarStr += '                </div>';
MenuBarStr += '           </div>';
MenuBarStr += '        </li>';
MenuBarStr += '        <li class="travel"><a href="../tour/tour.html"><img src="../img/cht/img_menu_06_1.gif" alt="旅遊館" width="115" height="30" id="Image6" onmouseover="MM_swapImage(\'Image6\',\'\',\'../img/cht/img_menu_06_2.gif\',1)" onmouseout="MM_swapImgRestore()" /></a>';
//MenuBarStr += '           <div id="sub-travel">';
//MenuBarStr += '                <div class="bd">';
//MenuBarStr += '                    <ul>';
//MenuBarStr += '                        <li class="sub-menu"><a href="javascript:alert(\'製作中\');">災區旅遊新體驗（製作中）</a></li>';
//MenuBarStr += '                        <li class="sub-menu"><a href="../tour/tour.html">重建區好好吃</a></li>';
//MenuBarStr += '                        <li class="sub-menu"><a href="../tour/tour.html">重建區好好玩</a></li>';
//MenuBarStr += '                    </ul>';
//MenuBarStr += '                </div>';
//MenuBarStr += '           </div>';
MenuBarStr += '        </li>';
MenuBarStr += '        <li class="menu-message"><a href="../board/forum.html"><img src="../img/cht/img_menu_07_1.gif" alt="留言板" width="115" height="30" id="Image7" onmouseover="MM_swapImage(\'Image7\',\'\',\'../img/cht/img_menu_07_2.gif\',1)" onmouseout="MM_swapImgRestore()" /></a>';
MenuBarStr += '    </ul>';
MenuBarStr += '</span>';
//MenuBarStr += '<div class="menu-search">';
MenuBarStr += '<span>';
//MenuBarStr += '    <input name="ctl00_txtKeywordSearch" type="text" id="ctl00_txtKeywordSearch" value="關鍵字查詢" tabindex="113" onkeydown="return Q_Click();" onclick="KeeywordEmpty()" />';
MenuBarStr += '<form action="../home/search_result.html" id="cse-search-box">';
MenuBarStr += ' <span>';
MenuBarStr += '   <input type="hidden" name="cx" value="003005067589996142938:xhetnniiliy" />';
MenuBarStr += '   <input type="hidden" name="cof" value="FORID:9" />';
MenuBarStr += '   <input type="hidden" name="ie" value="UTF-8" />';
MenuBarStr += '   <input type="text" name="q" size="18" />';
MenuBarStr += '   <input type="submit" name="sa" value="搜尋" />';
MenuBarStr += ' </span>';
MenuBarStr +='</form>';
MenuBarStr +='<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=zh-Hant"></script>';
MenuBarStr += '</span>';
//MenuBarStr += '</div>';

window.document.getElementById("MenuBarArea").innerHTML = MenuBarStr;
function Focus()
{    
    var location = window.location.href.toLowerCase();
    var actingObj=null;
    
    //最新消息
    if (location.indexOf("/message/")!=-1)
    {
        actingObj= window.document.getElementById("Image1");
        actingObj.src="../img/cht/img_menu_01_2.gif";        
        actingObj.onmouseover=function()
        {
            
        };        
    }
    //紀錄館
    if (location.indexOf("/record/")!=-1 || location.indexOf("/rec_doc/")!=-1 || location.indexOf("/rec_vedio/")!=-1 )
    {
        actingObj= window.document.getElementById("Image2");
        actingObj.src="../img/cht/img_menu_02_2.gif";        
        actingObj.onmouseover=function()
        {
            
        };        
    }
    //故事館
    if (location.indexOf("/story/")!=-1 || location.indexOf("/story_view/")!=-1)
    {       
        actingObj= window.document.getElementById("Image3");
        actingObj.src="../img/cht/img_menu_03_2.gif";        
        actingObj.onmouseover=function()
        {
            
        };        
    }
    //活動館
    if (location.indexOf("/act/")!=-1)
    {       
        actingObj= window.document.getElementById("Image4");
        actingObj.src="../img/cht/img_menu_04_2.gif";        
        actingObj.onmouseover=function()
        {
            
        };        
    }  
    //教育館
    if (location.indexOf("/edu/")!=-1 || location.indexOf("/edu-earth/")!=-1)
    {       
        actingObj= window.document.getElementById("Image5");
        actingObj.src="../img/cht/img_menu_05_2.gif";        
        actingObj.onmouseover=function()
        {
            
        };        
    } 
    //旅遊館
    if (location.indexOf("/tour/")!=-1)
    {       
        actingObj= window.document.getElementById("Image6");
        actingObj.src="../img/cht/img_menu_06_2.gif";        
        actingObj.onmouseover=function()
        {
            
        };        
    }
        
    //留言板
    if (location.indexOf("/board/")!=-1)
    {
        actingObj= window.document.getElementById("Image7");
        actingObj.src="../img/cht/img_menu_07_2.gif";        
        actingObj.onmouseover=function()
        {
            
        }; 
        
    }          
}
Focus();