<!DOCTYPE html>
<xml:lang="ja">
<HTML>
    <HEAD>
        <TITLE>自然災害の前兆モニタリング（祇園北高校付近）</TITLE>
        <meta http-equiv="refresh" content="60">
        <script type="text/javascript">
            //mychange
            num = 0;

            //hoge
            var dnow;
            var dfile;
            var ddiff;
            var threshold = 70000;
            var error_msg;

            filename = '/gionkita_hs/latest/0'

            function hoge() {
                //現在の時間を取得
                dnow = new Date();
                //dfileに値を代入
                ts();
                //時間の差分の計算
                ddiff = dnow-dfile;
                //閾値とddiffの値を比べて、画像表示を変更する
                ChangePicToUM();
            }

            //
            // browser check
            //
            if(window.XMLHttpRequest){
                var re=new XMLHttpRequest();
            }else if(window.ActiveXOject){
                var re=new ActiveXObject('Microsoft.XMLHTTP');
            }

            //
            // open file
            //
            function ts(){
                re.open('HEAD',filename,true);
                re.onreadystatechange=tsp;
                re.send(null);
            }

            //
            // get Last-Modified from ResponseHeader
            //
            function tsp(){
                if(re.readyState==4&&re.status==200){
                    dfile = new Date(re.getResponseHeader('Last-Modified'));
                }
            }


            //
            //画像が正常に送られなくなった場合の表示変更
            //
            function ChangePicToUM(){
                if(ddiff > threshold){
                    error_msg = "画像更新遅延中";
                    document.getElementById("UnderMaintenance").innerHTML = error_msg;
                    document.getElementById('umpic').style.visibility='visible';
                }else{
                    //画像「現在画像の。。。」を隠した状態にしておく
                    error_msg = "現在の様子（5秒更新)";
                    document.getElementById("UnderMaintenance").innerHTML = error_msg;
                    document.getElementById('umpic').style.visibility='hidden';
                }
            }
        </script>

        <!--
            <noscript>
            <META HTTP-EQUIV=Refresh CONTENT="0; URL=index2.html">
            </noscript>
        -->

        <link rel="stylesheet" type="text/css" href="index.css" media="all">
        <link rel="shortcut icon" href="HCU_CM_32.ico">

    </HEAD>
    <BODY onLoad="setInterval(setInterval('hoge()',5000)" bgcolor=lightyellow>
        <center>
            <div id ="main">
                <div id="header">
                    <h1>自然災害の前兆モニタリング（祇園北高校付近）</h1>
                </div>

                <div id="content1">
                    <a href="/gionkita_hs/photo/?datetime=">
                    <img src="../UnderMaintenancePicture/UnderMaintenancePic_ver2.png" width="640" height="480" style="position:absolute; visibility:hidden;" id="umpic">
                    <img src="/gionkita_hs/latest/0" name="slide_show" width="640" height="480">
                    </a>
                    <p>
                    <a href="/gionkita_hs/photo/?datetime=">日時指定画像ページ</a>
                    </p>

                    <font size="5"><p id="UnderMaintenance">現在の様子（1分更新)</p></font>

                    <table border="0" width="350" vspace="5" hspace="5" cellpadding="2" style="font-size:11pt">
                        <tr>
                            <td align="center"><a href="index_1hour.html"><img src="/gionkita_hs/latest/60"height="128"></a> <p> 60分前 </td>
                            <td align="center"><a href="index_1hour.html"><img src="/gionkita_hs/latest/50"height="128"></a> <p> 50分前 </td>
                            <td align="center"><a href="index_1hour.html"><img src="/gionkita_hs/latest/40"height="128"></a> <p> 40分前 </td>
                            <td align="center"><a href="index_1hour.html"><img src="/gionkita_hs/latest/30"height="128"></a> <p> 30分前 </td>
                            <td align="center"><a href="index_1hour.html"><img src="/gionkita_hs/latest/20"height="128"></a> <p> 20分前 </td>
                            <td align="center"><a href="index_1hour.html"><img src="/gionkita_hs/latest/10"height="128"></a> <p> 10分前 </td>
                        </tr>
                    </table>

                    <table>
                        <font size="6"><p> システム概要 </p></font>
                        <img src="./gionkita_hs_sys.png"  width="80%" height="80%" >
                        <br>		
                    </table>
                </div>

                <font size="5">
                    ※注意<br>			
                    　本ウェブサイトはInternet Explorerで閲覧する場合、正常に表示されない場合があります。<br>
                     　従って、「Google Chrome」等のウェブブラウザによる閲覧を推奨します。<br>
                    　ご理解の程、よろしくお願いいたします。<br>
                </font>
                <br>
                <font size="6">おしらせ</font>
                <div style="width:1000px;height:100px;border:#000000 solid 1px;">
                    <font size="5">
                        (2022年6月7日更新)<br>
                        <Div Align="left">2022年6月1日にシステムをリニューアルしました！</Div>
                    </font>
                </div>
            </div><!--main-->
        </center>
    </BODY>	
</HTML>