// まず今が何年か調べる
var today = new Date();
var year = today.getYear();
if (year < 1900) { year += 1900; }

// ローカル時間とグリニッジ標準時の差を分で表示
var tz_offset = today.getTimezoneOffset();

// 米英のサマータイムの期間を格納
var pos_startUS  = GetDstStartUS(year);
var pos_endUS    = GetDstEndUS(year);
var pos_startUK  = GetDstStartUK(year);
var pos_endUK    = GetDstEndUK(year);

// 各都市の時差を格納
var tz_bei = 8 * 60;    // GMT +-0
var tz_tyo = 9 * 60;    // GMT  +9
var tz_newd = 5.5 * 60;   // GMT  -8
var tz_syd = 11 * 60;   // GMT  -5



//
// ◆各都市の表示欄の色づけ
//
cities = Array(4);
cities[0] = "bei";
cities[1] = "tyo";
cities[2] = "newd";
cities[3] = "syd";

document.writeln("<style type=text/css>");

// いまの時刻を取得（たぶん1000ミリ秒単位）
var now  = new Date();
var n_t  = now.getTime();

for ( i=0; i<4; i++ ) {

    if (cities[i] == "bei")         { var str = printtime(n_t,tz_bei); }
    else if (cities[i] == "tyo")    { var str = printtime(n_t,tz_tyo); }
    else if (cities[i] == "newd")    { var str = printtime(n_t,tz_newd); }
    else if (cities[i] == "syd")    { var str = printtime(n_t,tz_syd); }

    var hour = str.substring(0,2);

    /*
     * ○時刻ごとの背景色設定
     * 白 ....... 6-16
     * 薄い青 ... 16-18, 5-6
     * 青 ....... 18-20, 4-5
     * 濃い青 ... 20-4
     */

    if ( 6 <= hour && hour < 16 ) {
        document.writeln("input." + cities[i] + " { background:#eee }");
    } else if ( (16 <= hour && hour < 18) || (5 <= hour && hour < 6) ) {
        document.writeln("input." + cities[i] + " { background:#ccf }");
    } else if ( (18 <= hour && hour < 20) || (4 <= hour && hour < 5) ) {
        document.writeln("input." + cities[i] + " { background:#77c;color:#ddd }");
    } else {
        document.writeln("input." + cities[i] + " { background:#448;color:#ddd }");
    }
}

document.writeln("</style>");



// ◆メインルーチン
function update_watch() {
    // いまの時刻を取得（たぶん1000ミリ秒単位）
    var now  = new Date();
    var n_t  = now.getTime();

    document.worldclock.bei.value = printtime(n_t,tz_bei);
    document.worldclock.tyo.value = printtime(n_t,tz_tyo);
    document.worldclock.newd.value = printtime(n_t,tz_newd);
    document.worldclock.syd.value = printtime(n_t,tz_syd);

    setTimeout('update_watch()', 999);        // 1000msec = 1sec（秒）
}


// ◆米国版 DST 開始設定（４月第１日曜日2:00AM から 10月最終日曜日1:00AM まで）
// 引数arg_yearで指定された年のサマータイム開始時刻を return で返す
function GetDstStartUS(arg_year) {
    // 第2引数の3→4月　第3引数の1→1日　第4引数の2→2:00AM
    var dst_start = new Date(arg_year, 3, 1, 2, 0, 0);
    for (var i = 1; i <= 7; i++) {
        dst_start.setDate(i);
        if (0 == dst_start.getDay()) {    // 0は日曜日を意味する
            break;
        }
    }
    return dst_start.getTime();
}

// ◆米国版 DST 終了設定（４月第１日曜日2:00AM から 10月最終日曜日1:00AM まで）
// 引数arg_yearで指定された年のサマータイム終了時刻を return で返す
function GetDstEndUS(arg_year) {
    // 第2引数の9→10月　第3引数の31→31日　第4引数の1→1:00AM
    var dst_end = new Date(arg_year, 9, 31, 1, 0, 0);
    for (var i = 31; i > 24; i--) {
        dst_end.setDate(i);
        if (0 == dst_end.getDay()) {    // 0は日曜日を意味する
            break;
        }
    }
    return dst_end.getTime();
}


// ◆英国版 DST 開始設定（３月最終土曜日2:00AM から 10月最終土曜日2:00AM まで）
// 引数arg_yearで指定された年のサマータイム開始時刻を return で返す
function GetDstStartUK(arg_yearUK) {
    // 第2引数の2→3月　第3引数の31→31日　第4引数の2→2:00AM
    var dst_startUK = new Date(arg_yearUK, 2, 31, 2, 0, 0);
    for (var i = 31; i > 24; i--) {
        dst_startUK.setDate(i);
        if (6 == dst_startUK.getDay()) {    // 6は土曜日を意味する
            break;
        }
    }
    return dst_startUK.getTime();

}

// ◆英国版 DST 終了設定（３月最終土曜日2:00AM から 10月最終土曜日2:00AM まで）
// 引数arg_yearで指定された年のサマータイム終了時刻を return で返す
function GetDstEndUK(arg_yearUK) {
    // 第2引数の9→10月　第3引数の31→31日　第4引数の2→2:00AM
    var dst_endUK = new Date(arg_yearUK, 9, 31, 2, 0, 0);
    for (var i = 31; i > 24; i--) {
        dst_endUK.setDate(i);
        if (6 == dst_endUK.getDay()) {    // 6は土曜日を意味する
            break;
        }
    }
    return dst_endUK.getTime();
}


// ◆表示・サマータイム処理
function printtime(now_time, timezone) {
    var hour, min, sec;

    var pos_t = now_time + (tz_offset + timezone) * 60 * 1000;

    // サマータイム処理
    if (timezone == tz_bei) {
        // ロンドン編
        if ((pos_startUK <= pos_t) && (pos_endUK > pos_t)) {
            pos_t += 60 * 60 * 1000;
        }
    } else if ( timezone == tz_newd || timezone == tz_syd ) {
        // LA & NY 編
        if ((pos_startUS <= pos_t) && (pos_endUS > pos_t)) {
            pos_t += 60 * 60 * 1000;
        }
    }

    var t = new Date();
    t.setTime(pos_t);
    hour = t.getHours();
    min  = t.getMinutes();
    sec  = t.getSeconds();

    // 「XX時00分00秒」で、かつ、XX が「4,5,6,16,18,20」のうち
    // いずれかであるときにページをリロード
    // この処理により時間ごとの背景色が自動的に変わる
    if ( (hour==4||hour==5||hour==6||hour==16||hour==18||hour==20) && min==0 && sec==0 ) {
        window.location.reload();
    }

    if (hour < 10) {
        hour = "0" + hour;
    }
    if (min < 10) {
        min = "0" + min;
    }
    if (sec < 10) {
        sec = "0" + sec;
    }

    return hour + ":" + min + ":" + sec;
//    return hour + ":" + min;
}

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];}
}