Array
(
    [0] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2023122100_f000.png
    [1] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2023122100_f001.png
    [2] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2023122100_f002.png
    [3] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2023122100_f003.png
    [4] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2023122800_f000.png
    [5] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2023122800_f001.png
    [6] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2023122800_f002.png
    [7] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2023122800_f003.png
    [8] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024010400_f000.png
    [9] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024010400_f001.png
    [10] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024010400_f002.png
    [11] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024010400_f003.png
    [12] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024011100_f000.png
    [13] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024011100_f001.png
    [14] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024011100_f002.png
    [15] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024011100_f003.png
    [16] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024011800_f000.png
    [17] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024011800_f001.png
    [18] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024011800_f002.png
    [19] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024011800_f003.png
    [20] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024012500_f000.png
    [21] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024012500_f001.png
    [22] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024012500_f002.png
    [23] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024012500_f003.png
    [24] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024020100_f000.png
    [25] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024020100_f001.png
    [26] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024020100_f002.png
    [27] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024020100_f003.png
    [28] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024020800_f000.png
    [29] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024020800_f001.png
    [30] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024020800_f002.png
    [31] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024020800_f003.png
    [32] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024021500_f000.png
    [33] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024021500_f001.png
    [34] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024021500_f002.png
    [35] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024021500_f003.png
    [36] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024022200_f000.png
    [37] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024022200_f001.png
    [38] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024022200_f002.png
    [39] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024022200_f003.png
    [40] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024022900_f000.png
    [41] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024022900_f001.png
    [42] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024022900_f002.png
    [43] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024022900_f003.png
    [44] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024031400_f000.png
    [45] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024031400_f001.png
    [46] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024031400_f002.png
    [47] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024031400_f003.png
    [48] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024032100_f000.png
    [49] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024032100_f001.png
    [50] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024032100_f002.png
    [51] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024032100_f003.png
    [52] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024032800_f000.png
    [53] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024032800_f001.png
    [54] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024032800_f002.png
    [55] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024032800_f003.png
    [56] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024040400_f000.png
    [57] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024040400_f001.png
    [58] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024040400_f002.png
    [59] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024040400_f003.png
    [60] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024041100_f000.png
    [61] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024041100_f001.png
    [62] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024041100_f002.png
    [63] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024041100_f003.png
    [64] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024041800_f000.png
    [65] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024041800_f001.png
    [66] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024041800_f002.png
    [67] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024041800_f003.png
    [68] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024042500_f000.png
    [69] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024042500_f001.png
    [70] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024042500_f002.png
    [71] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024042500_f003.png
    [72] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024050200_f000.png
    [73] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024050200_f001.png
    [74] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024050200_f002.png
    [75] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024050200_f003.png
    [76] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024051600_f000.png
    [77] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024051600_f001.png
    [78] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024051600_f002.png
    [79] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024051600_f003.png
    [80] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024052300_f000.png
    [81] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024052300_f001.png
    [82] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024052300_f002.png
    [83] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024052300_f003.png
    [84] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024053000_f000.png
    [85] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024053000_f001.png
    [86] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024053000_f002.png
    [87] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024053000_f003.png
    [88] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024060600_f000.png
    [89] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024060600_f001.png
    [90] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024060600_f002.png
    [91] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024060600_f003.png
    [92] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024061300_f000.png
    [93] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024061300_f001.png
    [94] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024061300_f002.png
    [95] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024061300_f003.png
    [96] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024062000_f000.png
    [97] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024062000_f001.png
    [98] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024062000_f002.png
    [99] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024062000_f003.png
    [100] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024062700_f000.png
    [101] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024062700_f001.png
    [102] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024062700_f002.png
    [103] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024062700_f003.png
    [104] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024070400_f000.png
    [105] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024070400_f001.png
    [106] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024070400_f002.png
    [107] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024070400_f003.png
    [108] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024071100_f000.png
    [109] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024071100_f001.png
    [110] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024071100_f002.png
    [111] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024071100_f003.png
    [112] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024071800_f000.png
    [113] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024071800_f001.png
    [114] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024071800_f002.png
    [115] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024071800_f003.png
    [116] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024072500_f000.png
    [117] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024072500_f001.png
    [118] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024072500_f002.png
    [119] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024072500_f003.png
    [120] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024080100_f000.png
    [121] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024080100_f001.png
    [122] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024080100_f002.png
    [123] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024080100_f003.png
    [124] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024080800_f000.png
    [125] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024080800_f001.png
    [126] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024080800_f002.png
    [127] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024080800_f003.png
    [128] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024081500_f000.png
    [129] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024081500_f001.png
    [130] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024081500_f002.png
    [131] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024081500_f003.png
    [132] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024082200_f000.png
    [133] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024082200_f001.png
    [134] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024082200_f002.png
    [135] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024082200_f003.png
    [136] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024082900_f000.png
    [137] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024082900_f001.png
    [138] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024082900_f002.png
    [139] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024082900_f003.png
    [140] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024090500_f000.png
    [141] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024090500_f001.png
    [142] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024090500_f002.png
    [143] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024090500_f003.png
    [144] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024091200_f000.png
    [145] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024091200_f001.png
    [146] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024091200_f002.png
    [147] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024091200_f003.png
    [148] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024091900_f000.png
    [149] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024091900_f001.png
    [150] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024091900_f002.png
    [151] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024091900_f003.png
    [152] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024092600_f000.png
    [153] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024092600_f001.png
    [154] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024092600_f002.png
    [155] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024092600_f003.png
    [156] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024100300_f000.png
    [157] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024100300_f001.png
    [158] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024100300_f002.png
    [159] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024100300_f003.png
    [160] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024101000_f000.png
    [161] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024101000_f001.png
    [162] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024101000_f002.png
    [163] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024101000_f003.png
    [164] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024101700_f000.png
    [165] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024101700_f001.png
    [166] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024101700_f002.png
    [167] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024101700_f003.png
    [168] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024102400_f000.png
    [169] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024102400_f001.png
    [170] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024102400_f002.png
    [171] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024102400_f003.png
    [172] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024103100_f000.png
    [173] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024103100_f001.png
    [174] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024103100_f002.png
    [175] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024103100_f003.png
    [176] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024110700_f000.png
    [177] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024110700_f001.png
    [178] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024110700_f002.png
    [179] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024110700_f003.png
    [180] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024111400_f000.png
    [181] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024111400_f001.png
    [182] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024111400_f002.png
    [183] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024111400_f003.png
    [184] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024120500_f000.png
    [185] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024120500_f001.png
    [186] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024120500_f002.png
    [187] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024120500_f003.png
    [188] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024121200_f000.png
    [189] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024121200_f001.png
    [190] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024121200_f002.png
    [191] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024121200_f003.png
    [192] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024121900_f000.png
    [193] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024121900_f001.png
    [194] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024121900_f002.png
    [195] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024121900_f003.png
    [196] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024122600_f000.png
    [197] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024122600_f001.png
    [198] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024122600_f002.png
    [199] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024122600_f003.png
    [200] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025010200_f000.png
    [201] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025010200_f001.png
    [202] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025010200_f002.png
    [203] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025010200_f003.png
    [204] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025010900_f000.png
    [205] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025010900_f001.png
    [206] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025010900_f002.png
    [207] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025010900_f003.png
    [208] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025011600_f000.png
    [209] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025011600_f001.png
    [210] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025011600_f002.png
    [211] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025011600_f003.png
    [212] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025012300_f000.png
    [213] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025012300_f001.png
    [214] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025012300_f002.png
    [215] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025012300_f003.png
    [216] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025013000_f000.png
    [217] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025013000_f001.png
    [218] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025013000_f002.png
    [219] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025013000_f003.png
    [220] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025021300_f000.png
    [221] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025021300_f001.png
    [222] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025021300_f002.png
    [223] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025021300_f003.png
    [224] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025022000_f000.png
    [225] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025022000_f001.png
    [226] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025022000_f002.png
    [227] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025022000_f003.png
    [228] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025022700_f000.png
    [229] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025022700_f001.png
    [230] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025022700_f002.png
    [231] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025022700_f003.png
    [232] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025030600_f000.png
    [233] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025030600_f001.png
    [234] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025030600_f002.png
    [235] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025030600_f003.png
    [236] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025031300_f000.png
    [237] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025031300_f001.png
    [238] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025031300_f002.png
    [239] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025031300_f003.png
    [240] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025032000_f000.png
    [241] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025032000_f001.png
    [242] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025032000_f002.png
    [243] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025032000_f003.png
    [244] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025032700_f000.png
    [245] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025032700_f001.png
    [246] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025032700_f002.png
    [247] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025032700_f003.png
    [248] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025041700_f000.png
    [249] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025041700_f001.png
    [250] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025041700_f002.png
    [251] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025041700_f003.png
    [252] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025042400_f000.png
    [253] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025042400_f001.png
    [254] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025042400_f002.png
    [255] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025042400_f003.png
    [256] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025050100_f000.png
    [257] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025050100_f001.png
    [258] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025050100_f002.png
    [259] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025050100_f003.png
    [260] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025050800_f000.png
    [261] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025050800_f001.png
    [262] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025050800_f002.png
    [263] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025050800_f003.png
    [264] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025051500_f000.png
    [265] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025051500_f001.png
    [266] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025051500_f002.png
    [267] => /data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025051500_f003.png
)
<!DOCTYPE html>
<html>
	<head>
		<script async src="https://www.googletagmanager.com/gtag/js?id=UA-132425650-1"></script>
		<script>window.dataLayer=window.dataLayer || [];
		function gtag(){dataLayer.push(arguments);}
		gtag('js',new Date());
		gtag('config','UA-132425650-1');</script>
		<title>SUBC Model - North Hemisphere | CyclonicWx</title>
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<meta name="author" content="Alex Boreham">
		<meta name="description" content="Output from a variety of different models, with several different regions and variables.">
		<meta name="application-name" content="Numerical Weather Prediction | CyclonicWx">
		<meta name="keywords" content="cyclonicwx, cyclonic, 4 panel, subc model, subc, model, analysis, canadian model, gfs ensembles, t2ma, nhem, North Hemisphere, 2m Temperature Anomaly">
		<meta name="twitter:card" content="summary_large_image">
		<meta name="twitter:site" content="@cyclonicwx">
		<meta property="og:image" content="https://cyclonicwx.com//data/models/subc/nhem/t2ma/subc_nhem_t2ma_2023122100_f000.png">
		<meta property="og:title" content="SUBC Model - North Hemisphere | CyclonicWx">
		<meta property="og:description" content="Output from a variety of different models, with several different regions and variables.">
		<meta property="og:type" content="website">
		<script src="/js/jquery-3.3.1.min.js"></script>
		<script src="/js/main.js?d=5-15-25"></script>
<script>
  theme = window.localStorage.getItem("theme") || "dark";
  window.localStorage.setItem("theme",theme);
  if(theme == "dark"){
    $("html").addClass("dark");
    $("#lightmodesvg").hide();
    $("#darkmodesvg").show();
  }
</script>
<script src="/js/mousetrap.min.js"></script>
<link type="text/css" href="/static/material_icons.css" rel="stylesheet">
<link type="text/css" href="/static/roboto.css?d=2-18-25" rel="stylesheet">
<link rel="manifest" href="/static/manifest.json?d=9-19-23">
<link rel="stylesheet" type="text/css" href="/css/tailwindo.css?d=2-22-25">
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2SMBT1FEL5"></script>
<style>
  .afd-cursor {
        animation: animate 0.75s infinite;
    }
    @keyframes animate{
        0%{ 
          cursor: url("/static/hurrs/hurr1.gif"), auto;
      }
        10%{ 
          cursor: url("/static/hurrs/hurr2.gif"), auto;
      }
        20%{ 
          cursor: url("/static/hurrs/hurr3.gif"), auto;
      }
        30%{ 
          cursor: url("/static/hurrs/hurr4.gif"), auto;
      }
        40%{ 
          cursor: url("/static/hurrs/hurr5.gif"), auto;
      }
        50%{ 
          cursor: url("/static/hurrs/hurr6.gif"), auto;
      }
        60%{ 
          cursor: url("/static/hurrs/hurr7.gif"), auto;
      }
        70%{ 
          cursor: url("/static/hurrs/hurr8.gif"), auto;
      }
        80%{ 
          cursor: url("/static/hurrs/hurr9.gif"), auto;
      }
        90%{ 
          cursor: url("/static/hurrs/hurr10.gif"), auto;
      }
        100%{ 
          cursor: url("/static/hurrs/hurr1.gif"), auto;
      }
    }
  </style>
<script>
  if(window.location.pathname != "/stormsnew.php"){
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-2SMBT1FEL5');}
</script>

		<script src="/js/gif.js?d=3-1-19"></script>
		<script src="/js/FileSaver.min.js?d=3-1-19"></script>
		<style>
		.material-icons{
			height:150dp;
			width:150dp;
		}
		.btn:disabled{
			color:rgba(0,0,0,0.38);
		}
		.btn:disabled:hover{
			background-color:rgba(0,0,0,0);
			cursor:default;
		}
		#dialog{
			height:200px;
		}
		#run{
			margin-left:15px;
		}
		.hr{
			color:red;
		}

		</style>
	</head>
	<body>
		<header>
			<div class="topheader bg-primary leading-[0px] w-full"> <!--style="background-color:#395673-->
	<div class="flex justify-between">
		<a class="webheader font-bold text-sm min-[450px]:text-lg sm:text-xl text-medemp-dark no-underline" id="sitename" href="/">CyclonicWx</a>
		<div class="mr-[10px] items-center flex">
			<button id="themeswitch" class="hover:bg-[rgba(255,255,255,0.15)] p-1"><svg xmlns="http://www.w3.org/2000/svg" height="24" id="lightmodesvg" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69zM12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6zm0-10c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z" fill="white"/></svg><svg id="darkmodesvg" style="display:none;" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><rect fill="none" height="24" width="24"/><path d="M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36c-0.98,1.37-2.58,2.26-4.4,2.26 c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z" fill="white"/></svg></button>
			<a href="https://www.patreon.com/cyclonic_wx" class="!mr-0 btn-raised ml-2 min-[400px]:ml-3 !bg-[#f96854] no-underline text-[9pt] !font-bold inline-flex items-center" id="patreon-btn" target="_blank"><span id="big" class="text-white smtxt">SUPPORT CYCLONICWX</span><span id="small" class="text-white smtxt">SUPPORT</span></a>
		</div>
	</div>
	<ul id="navli" class="inline-block list-none bg-primary w-full my-0 pl-0">
		<li><a href="/storms/" id="currstorm" class="tab btn-tab font-bold text-white">Current Storms</a></li>
		<li><a href="/sat/" id="sat" class="tab btn-tab font-bold text-white">Satellite & Radar</a></li>
		<li><div class="table-cell text-center relative flex-1">
			<span class="flex h-full items-center justify-center"><a href="/models/" id="models" class="flex-grow flex justify-center items-center no-underline font-bold text-white h-full tab">Model Data</a><i class="cursor-pointer content-center bg-[rgba(255,255,255,0.1)] hover:bg-[rgba(255,255,255,0.3)] h-full" id="modelsub"><svg xmlns="http://www.w3.org/2000/svg" height="18" viewBox="0 0 24 24" width="18"><path d="M0 0h24v24H0z" fill="none"/><path fill="white" d="M7 10l5 5 5-5z"/></svg></i></span>
			<ul class="absolute min-w-full m-0 z-50 px-0 list-none bg-[#f1f1f1] dark:bg-[#404040] shadow-[0_8px_16px_0_rgba(0,0,0,0.2)] dark:text-white" id="modeldropdown" style="display:none">
				<li class="mb-0 px-2 dropper"><a id="hovs" class="text-center no-underline block" href="/models/hovmoller/">Hovmollers</a></li>
			</ul>
		</div></li>
		<li class="!hidden min-[350px]:!flex"><a href="/recon/" id="recon" class="tab btn-tab font-bold text-white">Recon Data</a></li>
		<li><a href="/sst/" id="sst" class="tab btn-tab font-bold text-white">SST Analysis</a></li>
		<li class="!hidden min-[600px]:!flex"><a href="/climatology/" id="climo" class="tab btn-tab font-bold text-white">Climatology</a></li>
		<li><div id="more" class="tab relative">
			<span class="font-bold !text-white inline-block leading-10 min-[350px]:leading-[50px]">More</span>
			<ul class="absolute min-w-full right-0 m-0 px-0 list-none z-50 bg-[#f1f1f1] dark:bg-[#404040] shadow-[0_8px_16px_0_rgba(0,0,0,0.2)] dark:text-white" id="moredropdown" style="display:none">
				<li class="mb-0 px-2 dropper min-[350px]:hidden"><a class="block no-underline" href="/recon/" id="reconbackup" class="text-center no-underline">Recon Data</a></li>
				<li class="mb-0 px-2 dropper min-[600px]:hidden"><a class="block no-underline" href="/climatology/" id="climobackup" class="text-center no-underline">Climatology</a></li>
				<li class="mb-0 px-2 dropper"><a class="block no-underline" href="/analysis/" id="analysis" class="text-center no-underline">Current Analysis</a></li>
				<li class="mb-0 px-2 dropper"><a class="block no-underline" href="/about/" id="about" class="text-center no-underline">About Me</a></li>
			</ul>
		</div></li>
	</ul>
</div>
<script>
  theme = window.localStorage.getItem("theme") || "dark";
  if(theme == "dark"){
    $("#lightmodesvg").hide();
    $("#darkmodesvg").show();
  }
</script>			<div class="subheader h-[30px] min-[350px]:h-10 bg-primary-light">
				<div class="flex flex-1 flex-row items-center justify-center">
										<div class="shrink-0 flex flex-col justify-center pl-3 h-10 pt-[2px]">
						<span id="model" class="leading-[10px] min-[350px]:leading-[12px] min-[450px]:leading-[14px] !text-white font-normal text-[11px] min-[350px]:text-[13px] min-[450px]:text-[15px]">SUBC</span>
						<span id="model" class="leading-[10px] min-[350px]:leading-[12px] min-[450px]:leading-[14px] text-medemp-dark font-normal text-[8px] min-[350px]:text-[10px] min-[450px]:text-[12px]">May 15, 00z</span>
					</div>
										<div id="operdropdown" class="dropsel tab h-10 hover:cursor-pointer relative" data-target="#operdrop">
						<span class="h-10 leading-9 text-white text-[11pt]">Operational</span>
						<button class="table-cell w-full mt-[-15px] h-5 centered"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path fill="white" d="M7 10l5 5 5-5z" class="mt-[50px]"/></svg></button>
						<ul class="droplist absolute min-w-full m-0 z-50 px-0 list-none bg-[#f1f1f1] dark:bg-[#404040] shadow-[0_8px_16px_0_rgba(0,0,0,0.2)] dark:text-white" id="operdrop" style="display:none;">
							<li class="dropper mb-0"><a class="no-underline block" href="/models/gfs/nhem/t2ma/">GFS</a></li>
							<li class="dropper mb-0"><a class="no-underline block" href="/models/ecmwf/nhem/t2ma/">ECMWF</a></li>
							<li class="dropper mb-0"><a class="no-underline block" href="/models/gem/nhem/t2ma/">GEM</a></li>
							<li class="dropper mb-0"><a class="no-underline block" href="/models/nam/nhem/t2ma/">NAM</a></li>
							<!--<button class="dropper" id="geos5drop">GEOS-5</button>-->
						</ul>
					</div>
					<div id="ensdropdown" class="dropsel tab h-10 hover:cursor-pointer relative" data-target="#ensdrop">
						<span class="h-10 leading-9 text-white text-[11pt]">Ensembles</span>
						<button class="table-cell w-full mt-[-15px] h-5 centered"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path fill="white" d="M7 10l5 5 5-5z" class="mt-[50px]"/></svg></button>
						<ul class="droplist absolute min-w-full m-0 z-50 px-0 list-none bg-[#f1f1f1] dark:bg-[#404040] shadow-[0_8px_16px_0_rgba(0,0,0,0.2)] dark:text-white" id="ensdrop" style="display:none;">
							<li class="dropper mb-0"><a class="no-underline block" href="/models/gefs/nhem/t2ma/">GEFS</a></li>
						</ul>
					</div>
					<div id="seasdropdown" class="dropsel tab h-10 hover:cursor-pointer relative" data-target="#seasdrop">
						<span class="h-10 leading-9 text-white text-[11pt]">Seasonal</span>
						<button class="table-cell w-full mt-[-15px] h-5 centered"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path fill="white" d="M7 10l5 5 5-5z" class="mt-[50px]"/></svg></button>
						<ul class="droplist absolute min-w-full m-0 z-50 px-0 list-none bg-[#f1f1f1] dark:bg-[#404040] shadow-[0_8px_16px_0_rgba(0,0,0,0.2)] dark:text-white" id="seasdrop" style="display:none;">
							<li class="dropper mb-0"><a class="no-underline block" href="/models/c3s/nhem/t2ma/">C3S</a></li>
							<li class="dropper mb-0"><a class="no-underline block" href="/models/nmme/nhem/t2ma/">NMME</a></li>
							<li class="dropper mb-0"><a class="no-underline block" href="/models/subc/nhem/t2ma/">SubC</a></li>
						</ul>
					</div>
					<a id="metarlink" class="!text-white tab h-10 hover:cursor-pointer no-underline !leading-10 relative" href="/models/metar/">METAR</a>
				</div>
			</div>
		</header>
		<span class="shadow-2xl dark:bg-dark-750 h-full box-border my-auto" style="color:red;display:none;"></span>
		<div class="w-11/12 flex items-center m-auto mt-1 mb-1 justify-center flex-nowrap" id="newrunalert" style="display:none;">
			<svg xmlns="http://www.w3.org/2000/svg" class="!fill-primary dark:!fill-primary-light pr-[10px]" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M22 5.72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM7.88 3.39L6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM12.5 8H11v6l4.75 2.85.75-1.23-4-2.37V8zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"/></svg>
			<span class="!text-primary dark:!text-primary-light smtxt italic" id="newruntxt"></span>
		</div>
		<script>curmodel='subc';
				curdate=new Date();
				modparms=JSON.parse('{"gfs":{"name":"GFS","runtimes":["0335","0935","1535","2135"],"runs":["00z","06z","12z","18z"],"frequency":6},"ecmwf":{"name":"ECMWF","runtimes":["0830","1430","2030","0230"],"runs":["00z","06z","12z","18z"],"frequency":6},"gefs":{"name":"GEFS","runtimes":["0345","0945","1545","2145"],"runs":["00z","06z","12z","18z"],"frequency":6},"gem":{"name":"GEM","runtimes":["0350","1550"],"runs":["00z","12z"],"frequency":12},"nam":{"name":"NAM","runtimes":["0140","0740","1340","1940"],"runs":["00z","06z","12z","18z"],"frequency":6},"nmme":{"name":"NMME","runtimes":["8"],"frequency":1},"subc":{"name":"SubC","runtimes":["Thu"],"frequency":1},"c3s":{"name":"C3S","runtimes":["10"],"frequency":1}}');
				if(curmodel == "gfs" || curmodel=="gefs" || curmodel=="ecmwf" || curmodel=="nam" || curmodel=="gem"){
					i=0;
					curyr=curdate.getUTCFullYear();
					curmonth=curdate.getUTCMonth();
					curday=curdate.getUTCDate();
					curtime=curdate.getTime();
					for(let modrun of modparms[curmodel]["runtimes"]){
						modruntime=new Date(curyr,curmonth,curday,modrun.substring(0,2),modrun.substring(2,4));
						localtime=modruntime-(modruntime.getTimezoneOffset()*60*1000);
						tzoffset=modruntime.getTimezoneOffset()*60*1000
						modruntime=modruntime.getTime()-tzoffset;
						timetorun=(modruntime-curtime)/1000;
						if(timetorun > 0 && timetorun < 3600){
							localtime=new Date(localtime);
							localhr=localtime.getHours();
							localmin=localtime.getMinutes();
							if(localhr > 11){
								ampm="pm";
							}
							else{
								ampm="am";
							}
							if(localhr == 0){
								localhr="12";
							}
							if(localhr > 12){
								localhr=localhr-12;
							}
							localtime=localhr+":"+localmin.toString().padStart(2,"0")+" "+ampm;
							minutes=Math.floor(timetorun/60);
							ztime=modrun.substring(0,2)+":"+modrun.substring(2,4)+"z";
							modelname=modparms[curmodel]["name"];
							document.getElementById("newruntxt").innerHTML="The "+modparms[curmodel]['runs'][i]+" run of the "+modelname+" model is coming soon! It begins around "+ztime+" ("+localtime+" local time), in about "+minutes+" minutes. This page will reload automatically when it begins.";
							$("#newrunalert").show();
							break;
						}
						i++;
					}
				}
		</script>
		<div class="p-2 flex w-auto mb-5 gap-2 flex-wrap items-start">
			<div id="sideops-large" class="lg:w-[150px] max-lg:flex-[1_1_100%] max-lg:w-auto">
				<div id="regioninfo" class="text-center max-lg:flex max-lg:flex-row items-end justify-around">
					<div>
						<span class="text-[10px] min-[450px]:text-[12px] sm:text-sm text-medemp-black dark:text-medemp-dark centered">Current Region</span>
						<span class="text-[13px] min-[450px]:text-[16px] sm:text-lg text-hiemp-black dark:text-hiemp-dark centered mb-2">North Hemisphere</span>
					</div>
					<button class="btn-raised mb-4 lg:mx-auto" id="regionbtn">CHANGE REGION</button>
				</div>
								<div id="prodops" class="rounded shadow-lg mab-5 bg-primary-light text-sm text-center max-lg:flex max-lg:flex-row flex-wrap">
					<p class="max-lg:hidden rounded-t border-b-[1px] py-1 bg-primary !text-white">Variables</span>
						<div id="moistdropdown2" class="dropsel h-7 min-[400px]:h-10 border-white max-lg:border-e lg:border-b text-center px-2 hover:bg-[rgba(255,255,255,0.2)] hover:cursor-pointer flex-grow" data-target="#moist_droplist">
		<span class="h-10 leading-7 min-[400px]:leading-10 text-white text-[10px] min-[400px]:text-[12px] sm:text-[14px]">Moisture/Clouds</span>
		<div class="bg-transparent relative">
			<div id="moist_droplist" class="bg-[#f1f1f1] dark:bg-[#404040] droplist hover:cursor-pointer moistdrop proddrop float-drop" style="display:none;">	<a class="prod dropper" id="pratea" href="/models/subc/nhem/pratea/2025051500/000/">Precip Rate Anomaly</a>		</div>
	</div>
</div>	<div id="hgtdropdown2" class="dropsel h-7 min-[400px]:h-10 border-white max-lg:border-e lg:border-b text-center px-2 hover:bg-[rgba(255,255,255,0.2)] hover:cursor-pointer flex-grow" data-target="#hgt_droplist">
		<span class="h-10 leading-7 min-[400px]:leading-10 text-white text-[10px] min-[400px]:text-[12px] sm:text-[14px]">MSLP/Height</span>
		<div class="bg-transparent relative">
			<div id="hgt_droplist" class="bg-[#f1f1f1] dark:bg-[#404040] droplist hover:cursor-pointer heightdrop proddrop float-drop" style="display:none;">	<a class="prod dropper" id="z500a" href="/models/subc/nhem/z500a/2025051500/000/">500mb Height Anomaly</a>		</div>
	</div>
</div>	<div id="tempdropdown2" class="dropsel h-7 min-[400px]:h-10 border-white  text-center px-2 hover:bg-[rgba(255,255,255,0.2)] hover:cursor-pointer flex-grow" data-target="#temp_droplist">
		<span class="h-10 leading-7 min-[400px]:leading-10 text-white text-[10px] min-[400px]:text-[12px] sm:text-[14px]">Temperature</span>
		<div class="bg-transparent relative">
			<div id="temp_droplist" class="bg-[#f1f1f1] dark:bg-[#404040] hover:cursor-pointer droplist tempdrop proddrop float-drop" style="display:none;">	<a class="prod dropper" id="t2ma" href="/models/subc/nhem/t2ma/2025051500/000/">2m Temperature Anomaly</a>		</div>
	</div>
</div>				</div>
				<script>
						loc="nhem";
						times=["0","1","2","3",];
				</script>
			</div>
			<div id="modelplot" class="flex-[1_0_30%] relative">
				<div id="imgc">
					<img id="model_img" src="/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025051500_f000.png">
				</div>
				<span id="loading" style="visibility:hidden;" class="flex items-center justify-center">
					Loading
					<span class="pulsing-dots">
						<span>.</span><span>.</span><span>.</span>
					</span>
				</span>
				<span id="unavail" style="visibility:hidden;">No  2m Temperature Anomaly images for the North Hemisphere region are available in this run.</span>
				<script>main.curFrame=0;
					var imgs = ["/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025051500_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025051500_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025051500_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025051500_f003.png",];
					if(imgs.length == 0){
						$("#model_img").removeAttr('src');
						$("#unavail").css("visibility","visible");
						$("#modelplot").addClass("unavailable");
					}
				</script>
			</div>			
			<div class="min-[800px]:w-[225px] max-[800px]:flex-[1_1_100%]">
				<div id="toolbar" class="min-[800px]:flex-wrap">
					<div id="hours"></div>
					</br>
					<div id="toggle" title="Play/Pause (Space)"><svg xmlns="http://www.w3.org/2000/svg" id="play" class="material-icons" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M8 5v14l11-7z"/></svg><svg xmlns="http://www.w3.org/2000/svg" class="material-icons" height="24" viewBox="0 0 24 24" width="24" id="pause" style="display:none;"><path d="M0 0h24v24H0z" fill="none"/><path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/></svg></div>
					<div id="back" title="Previous Frame (←)"><svg xmlns="http://www.w3.org/2000/svg" class="material-icons" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg></div>
					<div id="forward" title="Next Frame (→)"><svg xmlns="http://www.w3.org/2000/svg" class="material-icons" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg></div>
					<input type="range" min="0" max="3" 
					       value="0" 
					       id="slider" 
					       aria-label="Forecast hour selection slider"
					       aria-valuetext="Forecast Hour 000 (1 of 4 frames)"
					       class="min-[800px]:mb-[25px] [::-webkit-slider-thumb]:bg-primary [::-moz-range-thumb]:bg-primary">
				</div>
				<div id="toolbar_bottom">
					<button id="show_dialog" class="btn-raised min-[800px]:mb-3">MAKE GIF</button>
											<button id="trend_gif" class="btn-raised min-[800px]:mb-3">TREND GIF</button>
											
					<script>compavail=JSON.parse('{"gfs":"true","ecmwf":"true","nam":"false","gem":"true","gefs":"false"}');
							i=Object.keys(compavail).length;
							for(compmodel in compavail){
								if(compavail[compmodel] == "false"){
									console.log(compmodel);
									$("#"+compmodel+"box").attr("disabled","disabled");
									$('#'+compmodel+"box").prop('checked', false);
									$("#"+compmodel+"op").addClass("disabled-check cursor-default");
									$("#unav"+compmodel).show();
									$("#unav"+compmodel).append("Unavailable, no plots for this region and variable");
									i--;
								}
							}
							if(curmodel == "c3s" || curmodel == "subc" || curmodel == "nmme" || i < 2){
								$("#model_compare").hide();
							}
					</script>
					<button id="settings_button" class="btn-raised">SETTINGS</button><br>
											<p class="mt-2 text-[12px] min-[350px]:text-[14px] min-[450px]:text-[16px]">Change run</p>
						<div id="runsurround" class="items-center flex mt-1 mb-2">
							<button class="rounded-l-md bg-primary-light hover:bg-primary disabled:bg-[rgba(0,0,0,0.2)] dark:disabled:bg-[rgba(255,255,255,0.2)]" id="prev_run"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M14 7l-5 5 5 5V7z" fill="white"/><path d="M24 0v24H0V0h24z" fill="none"/></svg></button>
							<select id="runs" class="h-5 min-[450px]:h-6">
									<option value=2025051500 selected>May 15, 2025, 00z</option>	<option value=2025050800>May 08, 2025, 00z</option>	<option value=2025050100>May 01, 2025, 00z</option>	<option value=2025042400>Apr 24, 2025, 00z</option>	<option value=2025041700>Apr 17, 2025, 00z</option>	<option value=2025032700>Mar 27, 2025, 00z</option>	<option value=2025032000>Mar 20, 2025, 00z</option>	<option value=2025031300>Mar 13, 2025, 00z</option>	<option value=2025030600>Mar 06, 2025, 00z</option>	<option value=2025022700>Feb 27, 2025, 00z</option>	<option value=2025022000>Feb 20, 2025, 00z</option>	<option value=2025021300>Feb 13, 2025, 00z</option>	<option value=2025013000>Jan 30, 2025, 00z</option>	<option value=2025012300>Jan 23, 2025, 00z</option>	<option value=2025011600>Jan 16, 2025, 00z</option>	<option value=2025010900>Jan 09, 2025, 00z</option>	<option value=2025010200>Jan 02, 2025, 00z</option>	<option value=2024122600>Dec 26, 2024, 00z</option>	<option value=2024121900>Dec 19, 2024, 00z</option>	<option value=2024121200>Dec 12, 2024, 00z</option>	<option value=2024120500>Dec 05, 2024, 00z</option>	<option value=2024111400>Nov 14, 2024, 00z</option>	<option value=2024110700>Nov 07, 2024, 00z</option>	<option value=2024103100>Oct 31, 2024, 00z</option>	<option value=2024102400>Oct 24, 2024, 00z</option>	<option value=2024101700>Oct 17, 2024, 00z</option>	<option value=2024101000>Oct 10, 2024, 00z</option>	<option value=2024100300>Oct 03, 2024, 00z</option>	<option value=2024092600>Sep 26, 2024, 00z</option>	<option value=2024091900>Sep 19, 2024, 00z</option>	<option value=2024091200>Sep 12, 2024, 00z</option>	<option value=2024090500>Sep 05, 2024, 00z</option>	<option value=2024082900>Aug 29, 2024, 00z</option>	<option value=2024082200>Aug 22, 2024, 00z</option>	<option value=2024081500>Aug 15, 2024, 00z</option>	<option value=2024080800>Aug 08, 2024, 00z</option>	<option value=2024080100>Aug 01, 2024, 00z</option>	<option value=2024072500>Jul 25, 2024, 00z</option>	<option value=2024071800>Jul 18, 2024, 00z</option>	<option value=2024071100>Jul 11, 2024, 00z</option>	<option value=2024070400>Jul 04, 2024, 00z</option>	<option value=2024062700>Jun 27, 2024, 00z</option>	<option value=2024062000>Jun 20, 2024, 00z</option>	<option value=2024061300>Jun 13, 2024, 00z</option>	<option value=2024060600>Jun 06, 2024, 00z</option>	<option value=2024053000>May 30, 2024, 00z</option>	<option value=2024052300>May 23, 2024, 00z</option>	<option value=2024051600>May 16, 2024, 00z</option>	<option value=2024050200>May 02, 2024, 00z</option>	<option value=2024042500>Apr 25, 2024, 00z</option>	<option value=2024041800>Apr 18, 2024, 00z</option>	<option value=2024041100>Apr 11, 2024, 00z</option>	<option value=2024040400>Apr 04, 2024, 00z</option>	<option value=2024032800>Mar 28, 2024, 00z</option>	<option value=2024032100>Mar 21, 2024, 00z</option>	<option value=2024031400>Mar 14, 2024, 00z</option>	<option value=2024022900>Feb 29, 2024, 00z</option>	<option value=2024022200>Feb 22, 2024, 00z</option>	<option value=2024021500>Feb 15, 2024, 00z</option>	<option value=2024020800>Feb 08, 2024, 00z</option>	<option value=2024020100>Feb 01, 2024, 00z</option>	<option value=2024012500>Jan 25, 2024, 00z</option>	<option value=2024011800>Jan 18, 2024, 00z</option>	<option value=2024011100>Jan 11, 2024, 00z</option>	<option value=2024010400>Jan 04, 2024, 00z</option>	<option value=2023122800>Dec 28, 2023, 00z</option>	<option value=2023122100>Dec 21, 2023, 00z</option>							</select>
							<button class="rounded-r-md bg-primary-light hover:bg-primary disabled:bg-[rgba(0,0,0,0.2)] dark:disabled:bg-[rgba(255,255,255,0.2)]" id="next_run"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M10 17l5-5-5-5v10z" fill="white"/><path d="M0 24V0h24v24H0z" fill="none"/></svg></button>
						</div>
									</div>
					<div id="options" class="break-words">	<a href="/models/subc/nhem/t2ma/2025051500/000/" id="b000" class="btn hr no-underline  inline-block">000</a>	<a href="/models/subc/nhem/t2ma/2025051500/001/" id="b001" class="btn hr no-underline  inline-block">001</a>	<a href="/models/subc/nhem/t2ma/2025051500/002/" id="b002" class="btn hr no-underline  inline-block">002</a>	<a href="/models/subc/nhem/t2ma/2025051500/003/" id="b003" class="btn hr no-underline  inline-block">003</a>	</div>			</div>
		</div>
		<!--<div class="w-full max-w-[1200px] flex flex-col items-center justify-center mb-5" id="ad">-->
<div id="ad" align="center" class="mx-4 overflow-hidden mb-4">
			<p class="my-3 text-center">Advertisement</p>
			<ins class="adsbygoogle"
			style="display:block;max-width:900px;"
     data-ad-client="ca-pub-8311370828267035"
     data-ad-slot="6183235512"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins></div></div>
		<script>
		     (adsbygoogle = window.adsbygoogle || []).push({});
		</script>		<hr style="margin-top:25px;">
		<p class="body text-center pl-3 pb-3 text-[10pt]">This page uses Global Forecast System (GFS), Global Ensemble Forecast System (GEFS), and North American Mesoscale Model (NAM) data from the <a href="https://nomads.ncep.noaa.gov">NOAA Operational Model Archive and Distribution System</a> (NOMADS), Global Environmental Model (GEM) data from <a href="https://weather.gc.ca">Environment Canada</a>, <a href="https://data.ecmwf.int/">European Centre for Medium-Range Weather Forecasts</a> (ECMWF) data, C3S data from the <a href="https://cds.climate.copernicus.eu/">Copernicus Climate Change Service</a>, <a href="https://www.cpc.ncep.noaa.gov/products/NMME/data.html">North American Multi-Model Ensemble</a> (NMME) data, <a href="http://weather.ou.edu/~kpegion/subc/">Subseasonal Consortium</a> (SubC) data, and GEOS-5 data from <a href="https://portal.nccs.nasa.gov/datashare/gmao_ops/">NASA</a>.</p>
		<footer class="w-full" style="position:relative;margin:auto;font-size:10pt;height:70px;clear:both;">
	<hr>
	<p class="smtxt" id="copyright" style="text-align:center;margin-top:10px;">&copy; Copyright 2019-2025 CyclonicWx. All rights reserved.</p>
	<p class="smtxt" id="contact" style="text-align:center;">Contact: <a href="mailto:alex@cyclonicwx.com">alex@cyclonicwx.com</a> <a class="ml-2" href="/privacy/">Privacy Policy</a></p>
	<div style="text-align:center;" class="mt-2 mb-2">
		<a href="https://www.facebook.com/people/CyclonicWx/100094049842007/" target="_blank"><img src="/static/fblogo.svg" title="My Facebook Account" alt="My Facebook Account" id="facebook" class="mb-2 max-h-7 max-w-7 min-[400px]:max-h-8 min-[400px]:max-w-8 inline-block mr-2 p-[6px] hover:bg-[rgba(0,0,0,0.1)] dark:hover:bg-[rgba(255,255,255,0.1)]"></img></a>
		<a href="https://youtube.com/c/CyclonicWx" target="_blank"><img src="/static/ytlogo.svg" title="My YouTube Channel" alt="My YouTube Channel" id="yt" class="mb-2 max-h-7 max-w-7 min-[400px]:max-h-8 min-[400px]:max-w-8 inline-block mr-2 p-[6px] hover:bg-[rgba(0,0,0,0.1)] dark:hover:bg-[rgba(255,255,255,0.1)]"></img></a>
		<a href="https://x.com/cyclonicwx" target="_blank"><img src="/static/xlogo.svg" title="My X Account" alt="My X Account" id="x" class="mb-2 max-h-7 max-w-7 min-[400px]:max-h-8 min-[400px]:max-w-8 inline-block p-[6px] hover:bg-[rgba(0,0,0,0.1)] dark:hover:bg-[rgba(255,255,255,0.1)]"></img></a>
	</div>
</footer>		<div class="dialog" id="dialog" style="display:none;">
			<div class="dialog-top">
				<span>GIF Maker</span>
				<svg xmlns="http://www.w3.org/2000/svg" id="close" class="material-icons closedialog mr-2" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
			</div>
			<div id="gif_form" class="form">
				<div class="option" id="option1">
					<span>Beginning frame:</span>
					<select id="starthour"></select>
				</div>
				<div class="option" id="option1a">
					<span>Ending frame:</span>
					<select id="endhour"></select>
				</div>
				<div class="option" id="option2">
					<span>Frames per second:</span>
					<input type="number" id="speed" value="3" min="1" class="pl-1">
				</div>
				<div class="option" id="option3">
					<span>Skip every:</span>
					<input type="number" id="skip" value="0" min="0" class="pl-1">
				</div>
				<button class="submit btn" id="submit">MAKE GIF</button>
			</div>
			    <div id="gif_loading_section" class="gif-loading" style="display:none;width:90%;">
        <span id="gif_loading_text" class="centered" style="margin-top: 5px;">Loading...</span>
        <div id="gif_progress_container" style="width: 90%; margin: 10px auto; border: 1px solid #ccc; border-radius: 5px; background-color: #f3f3f3;">
            <div id="gif_progress_bar" class="bg-primary-light smtxt" style="width: 0%; height: 15px; text-align: center; line-height: 15px; color: white; border-radius: 5px;">
                0%
            </div>
        </div>
    </div>		</div>
		<div class="dialog" id="metardialog" style="display:none;">
			<div class="dialog-top">
				<span>GIF Maker</span>
				<svg xmlns="http://www.w3.org/2000/svg" id="closemetar" class="material-icons closedialog mr-2" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
			</div>
			<div id="metar_form" class="form">
				<div class="option" id="metarframesop">
					<span>Number of frames:</span>
					<input type="number" id="metarnum" value="4" min="1" class="pl-1">
				</div>
				<div class="option" id="metarspeedop">
					<span>Frames per second:</span>
					<input type="number" id="metarspeed" value="2" min="1" class="pl-1">
				</div>
				<div class="option" id="metarskipop">
					<span>Skip every:</span>
					<input type="number" id="metarskip" value="0" min="0" class="pl-1">
				</div>
				<button class="submit btn" id="metarsubmit">MAKE GIF</button>
			</div>
			    <div id="metar_loading_section" class="gif-loading" style="display:none;width:90%;">
        <span id="metar_loading_text" class="centered" style="margin-top: 5px;">Loading...</span>
        <div id="metar_progress_container" style="width: 90%; margin: 10px auto; border: 1px solid #ccc; border-radius: 5px; background-color: #f3f3f3;">
            <div id="metar_progress_bar" class="bg-primary-light smtxt" style="width: 0%; height: 15px; text-align: center; line-height: 15px; color: white; border-radius: 5px;">
                0%
            </div>
        </div>
    </div>		</div>
		<div class="dialog" id="settings" style="display:none;">
			<div class="dialog-top">
				<span>Settings</span>
				<svg xmlns="http://www.w3.org/2000/svg" id="closeSettings" class="material-icons closedialog mr-2" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
			</div>
			<div class="option" id="option4">
				<input type="checkbox" id="autoupdate" name="autoupdate"><label for="autoupdate"></label><span class="checkbox-label">Autoupdate Images</span>
			</div>
			<div class="option" id="option6">
				<span>Time per frame (ms):</span>
				<input type="number" id="mspf" name = "mspf" value="500" min="5" class="pl-1">
			</div>
			<button class="submit btn" id="save">SAVE</button>
		</div>
		<div id="trendgif" class="dialog h-auto" style="display:none;">
			<div class="dialog-top">
				<span>Trend GIF Maker</span>
				<svg xmlns="http://www.w3.org/2000/svg" id="closetrend" class="material-icons closedialog mr-2" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
			</div>
			<div id="trendform" class="form">
				<div class="option" id="option7">
					<span>Number of frames:</span>
					<input type="number" id="trendnum" name="trendnum" value="4" min="1" class="pl-1">
				</div>
				<div class="option" id="option8">
					<span>Frames per second:</span>
					<input type="number" id="trendspeed" name="trendspeed" value="2" min="1" class="pl-1">
				</div>
				<div class="option" id="option9">
					<span>Skip every:</span>
					<input type="number" id="trendskip" name="trendskip" value="0" min="0" class="pl-1">
				</div>
				<button id="trendsubmit" class="submit btn">MAKE GIF</button>
			</div>
			    <div id="trend_loading_section" class="gif-loading" style="display:none;width:90%;">
        <span id="trend_loading_text" class="centered" style="margin-top: 5px;">Loading...</span>
        <div id="trend_progress_container" style="width: 90%; margin: 10px auto; border: 1px solid #ccc; border-radius: 5px; background-color: #f3f3f3;">
            <div id="trend_progress_bar" class="bg-primary-light smtxt" style="width: 0%; height: 15px; text-align: center; line-height: 15px; color: white; border-radius: 5px;">
                0%
            </div>
        </div>
    </div>		</div>
		<div class="dialog !w-[90vw] !h-[85vh] overflow-y-scroll" id="regionpicker" style="display:none;">
			<div class="dialog-top">
				<span class="text-lg">Model Regions</span>
				<svg xmlns="http://www.w3.org/2000/svg" id="closeregions" class="material-icons closedialog mr-2" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
			</div>
			<div id="usregions" class="mt-4">
				<span class="body text-base sm:text-lg no-underline">United States</span>
<div id="usregionpicker" class="border-2 border-primary-light rounded-xl ml-2 mr-2 mb-4 mt-2 p-2 grid grid-cols-2 sm:grid-cols-3 xl:grid-cols-4 gap-4 grid-flow-row items-start justify-center w-auto">
    <a id="us" href="/models/subc/us/t2ma/2025051500/000/" class="flex flex-col justify-between reg h-full bg-white dark:bg-dark-750 shadow-2xl space-y-2 rounded-md p-2 no-underline">
        <span class="font-roboto text-base sm:text-lg reg">United States</span>
        <img class="my-auto" src="/static/modelregs/us.png" alt="United States region map"></img><div></div>
    </a>    <a id="eus" href="/models/subc/eus/t2ma/2025051500/000/" class="flex flex-col justify-between reg h-full bg-white dark:bg-dark-750 shadow-2xl space-y-2 rounded-md p-2 no-underline">
        <span class="font-roboto text-base sm:text-lg reg">Eastern US</span>
        <img class="my-auto" src="/static/modelregs/eus.png" alt="Eastern US region map"></img><div></div>
    </a>    <a id="wus" href="/models/subc/wus/t2ma/2025051500/000/" class="flex flex-col justify-between reg h-full bg-white dark:bg-dark-750 shadow-2xl space-y-2 rounded-md p-2 no-underline">
        <span class="font-roboto text-base sm:text-lg reg">Western US</span>
        <img class="my-auto" src="/static/modelregs/wus.png" alt="Western US region map"></img><div></div>
    </a></div>			</div>
			<div id="tropicsregions">
				<span class="body text-base sm:text-lg no-underline">Tropics</span>
<div id="tropicsregionpicker" class="border-2 border-primary-light rounded-xl ml-2 mr-2 mb-4 mt-2 p-2 grid grid-cols-2 sm:grid-cols-3 xl:grid-cols-4 gap-4 grid-flow-row items-start justify-center w-auto">
    <a id="atl" href="/models/subc/atl/t2ma/2025051500/000/" class="flex flex-col justify-between reg h-full bg-white dark:bg-dark-750 shadow-2xl space-y-2 rounded-md p-2 no-underline">
        <span class="font-roboto text-base sm:text-lg reg">Atlantic</span>
        <img class="my-auto" src="/static/modelregs/atl.png" alt="Atlantic region map"></img><div></div>
    </a>    <a id="eatl" href="/models/subc/eatl/t2ma/2025051500/000/" class="flex flex-col justify-between reg h-full bg-white dark:bg-dark-750 shadow-2xl space-y-2 rounded-md p-2 no-underline">
        <span class="font-roboto text-base sm:text-lg reg">East Atlantic</span>
        <img class="my-auto" src="/static/modelregs/eatl.png" alt="East Atlantic region map"></img><div></div>
    </a>    <a id="watl" href="/models/subc/watl/t2ma/2025051500/000/" class="flex flex-col justify-between reg h-full bg-white dark:bg-dark-750 shadow-2xl space-y-2 rounded-md p-2 no-underline">
        <span class="font-roboto text-base sm:text-lg reg">West Atlantic</span>
        <img class="my-auto" src="/static/modelregs/watl.png" alt="West Atlantic region map"></img><div></div>
    </a>    <a id="epac" href="/models/subc/epac/t2ma/2025051500/000/" class="flex flex-col justify-between reg h-full bg-white dark:bg-dark-750 shadow-2xl space-y-2 rounded-md p-2 no-underline">
        <span class="font-roboto text-base sm:text-lg reg">East Pacific</span>
        <img class="my-auto" src="/static/modelregs/epac.png" alt="East Pacific region map"></img><div></div>
    </a>    <a id="io" href="/models/subc/io/t2ma/2025051500/000/" class="flex flex-col justify-between reg h-full bg-white dark:bg-dark-750 shadow-2xl space-y-2 rounded-md p-2 no-underline">
        <span class="font-roboto text-base sm:text-lg reg">Indian Ocean</span>
        <img class="my-auto" src="/static/modelregs/io.png" alt="Indian Ocean region map"></img><div></div>
    </a>    <a id="enso" href="/models/subc/enso/t2ma/2025051500/000/" class="flex flex-col justify-between reg h-full bg-white dark:bg-dark-750 shadow-2xl space-y-2 rounded-md p-2 no-underline">
        <span class="font-roboto text-base sm:text-lg reg">ENSO Region</span>
        <img class="my-auto" src="/static/modelregs/enso.png" alt="ENSO Region region map"></img><div></div>
    </a>    <a id="swpac" href="/models/subc/swpac/t2ma/2025051500/000/" class="flex flex-col justify-between reg h-full bg-white dark:bg-dark-750 shadow-2xl space-y-2 rounded-md p-2 no-underline">
        <span class="font-roboto text-base sm:text-lg reg">SW Pacific</span>
        <img class="my-auto" src="/static/modelregs/swpac.png" alt="SW Pacific region map"></img><div></div>
    </a>    <a id="afratl" href="/models/subc/afratl/t2ma/2025051500/000/" class="flex flex-col justify-between reg h-full bg-white dark:bg-dark-750 shadow-2xl space-y-2 rounded-md p-2 no-underline">
        <span class="font-roboto text-base sm:text-lg reg">Africa-Atlantic</span>
        <img class="my-auto" src="/static/modelregs/afratl.png" alt="Africa-Atlantic region map"></img><div></div>
    </a></div>			</div>
			<div id="landregions">
				<span class="body text-base sm:text-lg no-underline">Land</span>
<div id="landregionpicker" class="border-2 border-primary-light rounded-xl ml-2 mr-2 mb-4 mt-2 p-2 grid grid-cols-2 sm:grid-cols-3 xl:grid-cols-4 gap-4 grid-flow-row items-start justify-center w-auto">
    <a id="namer" href="/models/subc/namer/t2ma/2025051500/000/" class="flex flex-col justify-between reg h-full bg-white dark:bg-dark-750 shadow-2xl space-y-2 rounded-md p-2 no-underline">
        <span class="font-roboto text-base sm:text-lg reg">North America</span>
        <img class="my-auto" src="/static/modelregs/namer.png" alt="North America region map"></img><div></div>
    </a>    <a id="aus" href="/models/subc/aus/t2ma/2025051500/000/" class="flex flex-col justify-between reg h-full bg-white dark:bg-dark-750 shadow-2xl space-y-2 rounded-md p-2 no-underline">
        <span class="font-roboto text-base sm:text-lg reg">Australia</span>
        <img class="my-auto" src="/static/modelregs/aus.png" alt="Australia region map"></img><div></div>
    </a>    <a id="asia" href="/models/subc/asia/t2ma/2025051500/000/" class="flex flex-col justify-between reg h-full bg-white dark:bg-dark-750 shadow-2xl space-y-2 rounded-md p-2 no-underline">
        <span class="font-roboto text-base sm:text-lg reg">Asia</span>
        <img class="my-auto" src="/static/modelregs/asia.png" alt="Asia region map"></img><div></div>
    </a>    <a id="africa" href="/models/subc/africa/t2ma/2025051500/000/" class="flex flex-col justify-between reg h-full bg-white dark:bg-dark-750 shadow-2xl space-y-2 rounded-md p-2 no-underline">
        <span class="font-roboto text-base sm:text-lg reg">Africa</span>
        <img class="my-auto" src="/static/modelregs/africa.png" alt="Africa region map"></img><div></div>
    </a>    <a id="eur" href="/models/subc/eur/t2ma/2025051500/000/" class="flex flex-col justify-between reg h-full bg-white dark:bg-dark-750 shadow-2xl space-y-2 rounded-md p-2 no-underline">
        <span class="font-roboto text-base sm:text-lg reg">Europe</span>
        <img class="my-auto" src="/static/modelregs/eur.png" alt="Europe region map"></img><div></div>
    </a>    <a id="samer" href="/models/subc/samer/t2ma/2025051500/000/" class="flex flex-col justify-between reg h-full bg-white dark:bg-dark-750 shadow-2xl space-y-2 rounded-md p-2 no-underline">
        <span class="font-roboto text-base sm:text-lg reg">South America</span>
        <img class="my-auto" src="/static/modelregs/samer.png" alt="South America region map"></img><div></div>
    </a></div>			</div>
			<div id="miscregions">
				<div id="miscregionpicker" class="border-2 border-primary-light rounded-xl ml-2 mr-2 mb-4 mt-2 p-2 grid grid-cols-2 sm:grid-cols-3 xl:grid-cols-4 gap-4 grid-flow-row items-start justify-center w-auto">
    <a id="wpac" href="/models/subc/wpac/t2ma/2025051500/000/" class="flex flex-col justify-between reg h-full bg-white dark:bg-dark-750 shadow-2xl space-y-2 rounded-md p-2 no-underline">
        <span class="font-roboto text-base sm:text-lg reg">West Pacific</span>
        <img class="my-auto" src="/static/modelregs/wpac.png" alt="West Pacific region map"></img><div></div>
    </a>    <a id="nhem" href="/models/subc/nhem/t2ma/2025051500/000/" class="flex flex-col justify-between reg h-full bg-white dark:bg-dark-750 shadow-2xl space-y-2 rounded-md p-2 no-underline">
        <span class="font-roboto text-base sm:text-lg reg">North Hemisphere</span>
        <img class="my-auto" src="/static/modelregs/nhem.png" alt="North Hemisphere region map"></img><div></div>
    </a>    <a id="shem" href="/models/subc/shem/t2ma/2025051500/000/" class="flex flex-col justify-between reg h-full bg-white dark:bg-dark-750 shadow-2xl space-y-2 rounded-md p-2 no-underline">
        <span class="font-roboto text-base sm:text-lg reg">South Hemisphere</span>
        <img class="my-auto" src="/static/modelregs/shem.png" alt="South Hemisphere region map"></img><div></div>
    </a>    <a id="global" href="/models/subc/global/t2ma/2025051500/000/" class="flex flex-col justify-between reg h-full bg-white dark:bg-dark-750 shadow-2xl space-y-2 rounded-md p-2 no-underline">
        <span class="font-roboto text-base sm:text-lg reg">Global</span>
        <img class="my-auto" src="/static/modelregs/global.png" alt="Global region map"></img><div></div>
    </a></div>			</div>
			<div id="stormregions">
							</div>
		</div>
		<div class="!h-auto !min-w-[300px] !w-[75vw] !max-w-[550px] dialog" id="compare" style="display:none;">
			<div class="dialog-top mb-2">
				<span>Model Comparison</span>
				<svg xmlns="http://www.w3.org/2000/svg" id="closecompare" class="material-icons closedialog mr-2" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
			</div>
			<span class="body text-base" id="incmodels">Include Models:<br></span>
			<div class="body" id="modelchoose">
				<div class="option" id="gfsop">
					<input type="checkbox" class="body" id="gfsbox" checked>
					<label for="gfsbox"></label><span class="checkbox-label">GFS</span><p class="ml-2 text-sm italic" id="unavgfs" style=""></p>
				</div>
				<div class="option" id="ecmwfop">
					<input type="checkbox" class="body" id="ecmwfbox" checked>
					<label for="ecmwfbox"></label><span class="checkbox-label">ECMWF</span><p class="ml-2 text-sm italic" id="unavecmwf" style=""></p>
				</div>
				<div class="option" id="gemop">
					<input type="checkbox" class="body" id="gembox" checked>
					<label for="gembox"></label><span class="checkbox-label">GEM</span><p class="ml-2 text-sm italic" id="unavgem" style=""></p>
				</div>
				<div class="option" id="gefsop">
					<input type="checkbox" class="body" id="gefsbox" checked>
					<label for="gefsbox"></label><span class="checkbox-label">GEFS</span><p class="ml-2 text-sm italic" id="unavgefs" style=""></p>
				</div>
				<div class="option" id="namop">
					<input type="checkbox" class="body" id="nambox" checked>
					<label for="nambox"></label><span class="checkbox-label">NAM</span><p class="ml-2 text-sm italic" id="unavnam" style=""></p>
				</div>
			</div>
			<div class="option" id="useprevop">
				<input type="checkbox" class="body" id="useprev" checked>
				<label for="useprev"></label><span class="checkbox-label">If Not Available, Use Previous Run</span><br>
			</div>
			<div class="option" id="fpscomp">
				<span>Frames per second:</span>
				<input type="number" id="compspeed" value="1" min="0.25" step="0.25" class="pl-2 mb-10">
			</div>
			<button class="submit btn" id="compsubmit">MAKE COMPARISON</button>
		</div>
        <div class="dialog" id="keyboardshortcuts" style="display:none;">
			<div class="dialog-top">
				<span>Keyboard Shortcuts</span>
				<svg xmlns="http://www.w3.org/2000/svg" id="closeshortcuts" class="material-icons closedialog mr-2" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
			</div>
			<div class="p-4">
				<ul class="list-disc pl-5 space-y-1 text-sm">
					<li><kbd class="px-1.5 py-0.5 border border-gray-300 dark:border-gray-600 rounded bg-gray-100 dark:bg-gray-700">←</kbd> Previous Frame</li>
					<li><kbd class="px-1.5 py-0.5 border border-gray-300 dark:border-gray-600 rounded bg-gray-100 dark:bg-gray-700">→</kbd> Next Frame</li>
					<li><kbd class="px-1.5 py-0.5 border border-gray-300 dark:border-gray-600 rounded bg-gray-100 dark:bg-gray-700">↑</kbd> Next Run</li>
					<li><kbd class="px-1.5 py-0.5 border border-gray-300 dark:border-gray-600 rounded bg-gray-100 dark:bg-gray-700">↓</kbd> Previous Run</li>
					<li><kbd class="px-1.5 py-0.5 border border-gray-300 dark:border-gray-600 rounded bg-gray-100 dark:bg-gray-700">Space</kbd>: Play/Pause Animation</li>
					<li><kbd class="px-1.5 py-0.5 border border-gray-300 dark:border-gray-600 rounded bg-gray-100 dark:bg-gray-700">Esc</kbd>: Close Dialogs</li>
				</ul>
			</div>
		</div>
		<div class="underlay" id="underlay" style="display:none;"></div>
		<script>

		runs=[{"code":"2025051500","date":"May 15, 2025, 00z"},{"code":"2025050800","date":"May 08, 2025, 00z"},{"code":"2025050100","date":"May 01, 2025, 00z"},{"code":"2025042400","date":"Apr 24, 2025, 00z"},{"code":"2025041700","date":"Apr 17, 2025, 00z"},{"code":"2025032700","date":"Mar 27, 2025, 00z"},{"code":"2025032000","date":"Mar 20, 2025, 00z"},{"code":"2025031300","date":"Mar 13, 2025, 00z"},{"code":"2025030600","date":"Mar 06, 2025, 00z"},{"code":"2025022700","date":"Feb 27, 2025, 00z"},{"code":"2025022000","date":"Feb 20, 2025, 00z"},{"code":"2025021300","date":"Feb 13, 2025, 00z"},{"code":"2025013000","date":"Jan 30, 2025, 00z"},{"code":"2025012300","date":"Jan 23, 2025, 00z"},{"code":"2025011600","date":"Jan 16, 2025, 00z"},{"code":"2025010900","date":"Jan 09, 2025, 00z"},{"code":"2025010200","date":"Jan 02, 2025, 00z"},{"code":"2024122600","date":"Dec 26, 2024, 00z"},{"code":"2024121900","date":"Dec 19, 2024, 00z"},{"code":"2024121200","date":"Dec 12, 2024, 00z"},{"code":"2024120500","date":"Dec 05, 2024, 00z"},{"code":"2024111400","date":"Nov 14, 2024, 00z"},{"code":"2024110700","date":"Nov 07, 2024, 00z"},{"code":"2024103100","date":"Oct 31, 2024, 00z"},{"code":"2024102400","date":"Oct 24, 2024, 00z"},{"code":"2024101700","date":"Oct 17, 2024, 00z"},{"code":"2024101000","date":"Oct 10, 2024, 00z"},{"code":"2024100300","date":"Oct 03, 2024, 00z"},{"code":"2024092600","date":"Sep 26, 2024, 00z"},{"code":"2024091900","date":"Sep 19, 2024, 00z"},{"code":"2024091200","date":"Sep 12, 2024, 00z"},{"code":"2024090500","date":"Sep 05, 2024, 00z"},{"code":"2024082900","date":"Aug 29, 2024, 00z"},{"code":"2024082200","date":"Aug 22, 2024, 00z"},{"code":"2024081500","date":"Aug 15, 2024, 00z"},{"code":"2024080800","date":"Aug 08, 2024, 00z"},{"code":"2024080100","date":"Aug 01, 2024, 00z"},{"code":"2024072500","date":"Jul 25, 2024, 00z"},{"code":"2024071800","date":"Jul 18, 2024, 00z"},{"code":"2024071100","date":"Jul 11, 2024, 00z"},{"code":"2024070400","date":"Jul 04, 2024, 00z"},{"code":"2024062700","date":"Jun 27, 2024, 00z"},{"code":"2024062000","date":"Jun 20, 2024, 00z"},{"code":"2024061300","date":"Jun 13, 2024, 00z"},{"code":"2024060600","date":"Jun 06, 2024, 00z"},{"code":"2024053000","date":"May 30, 2024, 00z"},{"code":"2024052300","date":"May 23, 2024, 00z"},{"code":"2024051600","date":"May 16, 2024, 00z"},{"code":"2024050200","date":"May 02, 2024, 00z"},{"code":"2024042500","date":"Apr 25, 2024, 00z"},{"code":"2024041800","date":"Apr 18, 2024, 00z"},{"code":"2024041100","date":"Apr 11, 2024, 00z"},{"code":"2024040400","date":"Apr 04, 2024, 00z"},{"code":"2024032800","date":"Mar 28, 2024, 00z"},{"code":"2024032100","date":"Mar 21, 2024, 00z"},{"code":"2024031400","date":"Mar 14, 2024, 00z"},{"code":"2024022900","date":"Feb 29, 2024, 00z"},{"code":"2024022200","date":"Feb 22, 2024, 00z"},{"code":"2024021500","date":"Feb 15, 2024, 00z"},{"code":"2024020800","date":"Feb 08, 2024, 00z"},{"code":"2024020100","date":"Feb 01, 2024, 00z"},{"code":"2024012500","date":"Jan 25, 2024, 00z"},{"code":"2024011800","date":"Jan 18, 2024, 00z"},{"code":"2024011100","date":"Jan 11, 2024, 00z"},{"code":"2024010400","date":"Jan 04, 2024, 00z"},{"code":"2023122800","date":"Dec 28, 2023, 00z"},{"code":"2023122100","date":"Dec 21, 2023, 00z"},];
		run="2025051500";
		runVal=0;
		
		const $slider = $("#slider");
		const $speed = $("#speed");
		const $skip = $("#skip");
		const $mspf = $("#mspf");
		const $trendNum = $("#trendnum");
		const $trendSpeed = $("#trendspeed");
		const $trendSkip = $("#trendskip");
		const $startHour = $("#starthour");
		const $endHour = $("#endhour");
		const $underlay = $("#underlay");
		const $autoUpdate = $("#autoupdate");
		const $runsSelect = $("#runs");
		const $compare = $("#compare");

		function openDialog(dialogId) {
			const $targetDialog = $("#" + dialogId);
			$targetDialog.show();
			$underlay.show();
			$targetDialog.find('input:visible, select:visible, button:visible:not(.closedialog)').first().focus();
		}

		function closeAllDialogs() {
			$(".dialog").hide();
			$underlay.hide();
		}

		function generateGif(imageUrls, fps, gifFileNameBase, progressBarId, progressTextId) {

			const $progressBar = $("#" + progressBarId);
			const $progressText = $("#" + progressTextId);

			const gif = new GIF({ workers: 2, quality: 10 });
			const numImages = imageUrls.length;
			const loadedImages = new Array(numImages); 
			let imagesLoadedCount = 0;

			if (numImages === 0) {
				alert("No images to create a GIF.");
				$(".form").show();
				$(".gif-loading").hide();
				return;
			}

			$(".form").hide();
			$(".gif-loading").show();
			
			$progressBar.css("width", "0%").text("0%");
			$progressText.text(`Loading images: 0 of ${numImages}`);

			imageUrls.forEach((url, index) => {
				const img = new Image();
				img.onload = () => {
					loadedImages[index] = img; 
					imagesLoadedCount++;
					const loadProgress = Math.round((imagesLoadedCount / numImages) * 100);
					$progressBar.css("width", `${loadProgress}%`).text(`${loadProgress}%`);
					$progressText.text(`Loading images: ${imagesLoadedCount} of ${numImages}`);

					if (imagesLoadedCount === numImages) {
						let allLoaded = true;
						for(let i=0; i < numImages; i++) {
							if(!loadedImages[i]) {
								allLoaded = false;
								break;
							}
						}

						if(allLoaded) {
							$progressText.text("Rendering GIF...");
                            $progressBar.css("width", "0%").text("0%"); 

							loadedImages.forEach((loadedImg, frameIndex) => {
								const delay = (frameIndex === numImages - 1) ? 1000 : (1000 / fps);
								gif.addFrame(loadedImg, { delay: delay });
							});
							gif.render();
						} else {
							alert(`Error: Not all images were loaded correctly. ${imagesLoadedCount} of ${numImages} were loaded correctly.`);
							$(".form").show();
							$(".gif-loading").hide();
						}
					}
				};
				img.onerror = () => {
					console.error("Error loading image:", url);
					imagesLoadedCount++; 
                    loadedImages[index] = null; 
					if (imagesLoadedCount === numImages) {
						// Attempt to render with what was loaded
						let validImgs = loadedImages.filter(img => img !== null);
						if (validImgs.length > 0) {
							$progressText.text("Rendering GIF (some images may have failed to load)...");
							$progressBar.css("width", "0%").text("0%");
							validImgs.forEach((loadedImg, frameIndex) => {
								const delay = (frameIndex === validImgs.length - 1) ? 1000 : (1000 / fps);
								gif.addFrame(loadedImg, { delay: delay });
							});
							gif.render();
						} else {
							alert("Error: No images could be loaded to create the GIF.");
							$(".form").show();
							$(".gif-loading").hide();
						}
					}
				};
				img.src = url;
			});

			gif.on('progress', (p) => {
				const renderProgress = Math.round(p * 100);
				$progressBar.css("width", `${renderProgress}%`).text(`${renderProgress}%`);
			});

			gif.on('finished', (blob) => {
				$(".form").show();
				$(".gif-loading").hide();
				closeAllDialogs();

				const doSave = confirm("Do you want to save this GIF?");
				if (doSave) {
					saveAs(blob, gifFileNameBase + ".gif");
				}
				window.open(URL.createObjectURL(blob));
			});
		}

		//load possible hours
		// storage.setItem("neg", (storage.getItem("neg") || "true")); 
		//preload imgs
		var plimgs=new Array();
		main.imgs=imgs; 
		
		// function updateHours() {
		//     if (!main.plImgs || !Array.isArray(main.plImgs)) {
		//         console.error("'main.plImgs' not available for updateHours.");
		//         return;
		//     }
		//     main.plImgs.forEach(function(plimgInstance) {
		//          if (!plimgInstance || !plimgInstance.src) return; 
		//          const h = plimgInstance.src.slice(-7,-4);
		//
		//          const specificLoadHandler = loadedImg(h); 
		//          if(plimgInstance.complete){
		//              loaded(h); 
		//          } else {
		//              plimgInstance.removeEventListener('load', specificLoadHandler);
		//              plimgInstance.addEventListener('load', specificLoadHandler);
		//          }
		//
		//          const $button = $("#b" + h);
		//          if ($button.length) {
		//              $button.attr("href","/models/?php echo $m.'/'.$loc.'/'.$product.'/'.$run.'/';?>" + h +"/");
		//              $button.removeClass("disabled");
		//              $button.off('click').on('click', loadHour(h)); // Re-bind click handler
		//          }
		//     });
		// }

		function preloadImgs(){
			i=0;
			$(imgs).each(function(){
				var plimg = new Image();
				plimg.src=this;
				plimg.id="model_img";
				h=this.slice(-7,-4);
				if(plimg.complete){
					loaded(h);
				}else{
					plimg.addEventListener('load',loadedImg(h));
				}
				$("#b" + h).attr("href","/models/subc/nhem/t2ma/2025051500/" + h +"/")
				$("#b" + h).removeClass("disabled");
				$("#b" + h).click(loadHour(h));
				plimgs[i]=plimg;
				main.plImgs[i]=plimg;
				i++;
			});
			// updateHours(); 
		}

		looper=null;
		load=null;
		prod="t2ma";

		/*if(storage.getItem("neg") == "true"){
			for(i=0;i<runs.length;i++){
				j=i;
				var prevHourButton = document.createElement("BUTTON");
				prevHourButton.className="button";
				prevHourButton.id="b-"+("0" + (96-(6*i))).slice(-2);
				prevHourButton.append(document.createTextNode("-" + ("0" + 96-(6*i))).slice(-2)));
			
		}*/	
		function nextFrame() {
            $("#next_run").prop("disabled",true);
			$("#prev_run").prop("disabled",false);
            currentRunOffset = 0;

			let curframe = main.curFrame;
			if (main.imgs.length > 0) {
				if (curframe < main.imgs.length - 1) {
					curframe++;
				}
				setCurFrame(curframe);
			}
		}

		function prevFrame() {
            $("#next_run").prop("disabled",true);
			$("#prev_run").prop("disabled",false);
            currentRunOffset = 0;

			let curframe = main.curFrame;
			if (main.imgs.length > 0) {
				if (curframe != 0) {
					curframe--;
				}
				setCurFrame(curframe);
			}
		}
		function setCurFrame(frame){
			currentRunOffset = 0;
							if("2025051500" == runs[0]["code"]){
					runoffset=0;
					runchanger=true;
					if ($runsSelect.length) $runsSelect[0].getElementsByTagName('option')[0].selected = 'selected';
					runchanger=false;
				}
						main.curFrame=frame;
			main.changeImg(main.plImgs[main.curFrame]);
			$slider.val(main.curFrame);
			if('' != '1'){
				$(".reg").each(function(){
					$(this).prop("href","/models/subc/" + this.id + "/t2ma/2025051500/"+times[main.curFrame].toString().padStart(3,"0")+"/");
				});
				$(".prod").each(function(){
					$(this).prop("href","/models/subc/nhem/" + this.id + "/2025051500/"+times[main.curFrame].toString().padStart(3,"0")+"/");
				});
			}
		}
		$(document).on('click', (e) => {
			if (!$(e.target).closest('.droplist, .dropsel').length) {
    			$('.droplist').hide();
 			}
		});
		if(window.innerWidth > 1025){
			$("#ad").hide();
			ad=document.createElement("Div");
			ad.className="overflow-hidden mb-4 ad";
			adp=document.createElement("p");
			adp.append(document.createTextNode("Advertisement"));
			adp.className="my-3 text-center";
			ad.append(adp);
			$("#sideops-large").append(ad);
		}
		function loop(){
			function l() {
				if(main.playing == true){
					//console.log(main.curFrame);
					curframe=main.curFrame+1;
					curframe >= main.imgs.length ? (t=1000,curframe=0) : t=main.mspf;
					setTimeout(function(){if(main.playing==true){curframe=main.curFrame;curframe == main.imgs.length-1 ? curframe=0 : curframe++;setCurFrame(curframe)};l()},t);
				}
			}
			l();
		}
		function loadHour(h){
			return function(){
				window.location.assign("/models/subc/nhem/t2ma/2025051500/" + h+"/");
			};
		}
		function loadProduct(p){
			window.location.assign("/models/subc/nhem/"+p+"/2025051500/"+times[main.curFrame]+"/");
		}
		Mousetrap.bind("right",nextFrame);
		Mousetrap.bind("left",prevFrame);
		Mousetrap.bind("esc",function(){
			closeAllDialogs();
		});
		Mousetrap.prototype.stopCallback = function(e, element, combo) {
			if ((' ' + element.className + ' ').indexOf(' mousetrap ') > -1 || combo == "esc") {
				return false;
			}
			return element.tagName == 'INPUT' || element.tagName == 'SELECT' || element.tagName == 'TEXTAREA' || (element.contentEditable && element.contentEditable == 'true');
		}
		storage=window.localStorage;
		const defaultStorageSettings = {
		    "neg": "true",
		    "aumodel": "true",
		    "gMSPF": "500",
		    "gStart": "0",
		    "gEnd": "0",
		    "gFPS": "2",
		    "gSkip": "0",
		    "tFrames": "2",
		    "tFPS": "2",
		    "tSkip": "0",
			"metarFrames": "4",
			"metarFPS": "2",
			"metarSkip": "0"
		};

		for (const key in defaultStorageSettings) {
		    if (Object.hasOwnProperty.call(defaultStorageSettings, key)) {
		        if (storage.getItem(key) === null) {
		            storage.setItem(key, defaultStorageSettings[key]);
		        }
		    }
		}

		if(storage.getItem("aumodel")=="true"){
			$autoUpdate.prop("checked",true);
			if('' != "1"){
				var loadNew = setInterval(checkUpdate,30000);
			}
		}
		//if(storage.getItem("neg")=="true"){
			//$("#neg").attr("checked","checked");
		//}
		$speed.val(storage.getItem("gFPS"));
		$skip.val(storage.getItem("gSkip"));
		$mspf.val(storage.getItem("gMSPF"));
		$trendNum.val(storage.getItem("tFrames"));
		$trendSpeed.val(storage.getItem("tFPS"));
		$trendSkip.val(storage.getItem("tSkip"));
		main.mspf=storage.getItem("gMSPF");
		var animPlaying=0;

		var runcomps = {
		"0": ["/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025051500_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025050800_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025050100_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025042400_f003.png",],"1": ["/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025051500_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025050800_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025050100_f003.png",],"2": ["/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025051500_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025050800_f003.png",],"3": ["/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025051500_f003.png",],};
		var currentRunOffset = 0;

		$("#models").addClass("current");

		function runToDate(runCodeStr) {
			const year = parseInt(runCodeStr.substring(0, 4), 10);
			const month = parseInt(runCodeStr.substring(4, 6), 10) - 1;
			const day = parseInt(runCodeStr.substring(6, 8), 10);
			const hour = parseInt(runCodeStr.substring(8, 10), 10);
			return new Date(Date.UTC(year, month, day, hour, 0, 0));
		}

		$(document.body).on('change',"#runs",function(){
			if(!runchanger){ 
				let newHour = null;
				if (typeof times !== 'undefined' && times.length > 0 && typeof main !== 'undefined' && main.curFrame < times.length) {
					const currHour = times[main.curFrame];
					const currDate = runToDate(run);
					const selectedDate = runToDate(this.value);
					const validTime = currDate.getTime() + (currHour * 3600 * 1000);
					const targetHour = (validTime - selectedDate.getTime()) / (3600 * 1000);
					let finalHour;
					const minTime = Math.min(...times);
					const maxTime = Math.max(...times);

					if (targetHour < minTime) {
						finalHour = minTime;
					} else if (targetHour > maxTime) {
						finalHour = maxTime;
					} else {
						finalHour = times.find(t => t >= targetHour);
						if (finalHour === undefined) {
						    finalHour = maxTime;
						}
					}
					newHour = ("00" + finalHour).slice(-3);
				} else {
					newHour = times.length > 0 ? ("00" + times[0]).slice(-3) : "000";
					console.warn("Could not accurately calculate target hour; defaulting.");
				}

				if (newHour !== null) { // Ensure newHour was set
					window.location.assign("/models/subc/nhem/t2ma/" + this.value + "/" + newHour + "/");
				} else {
					console.error("Fatal error: Could not determine new forecast hour for selected run.");
				}
			}
		});
		function loadGifFrames(){
			$startHour.empty();
			$endHour.empty();
			for(let k=0; k<imgs.length; k++){
				var o = document.createElement("OPTION");
				o.value=k;
				o.append(document.createTextNode(imgs[k].slice(-7,-4)));
				var oa=document.createElement("OPTION");
				oa.value=k;
				oa.append(document.createTextNode(imgs[k].slice(-7,-4)));
				$startHour.append(o);
				$endHour.append(oa);
			}	
		}

		preloadImgs();
		loadGifFrames();
		$startHour.val(storage.getItem("gStart"));
		$endHour.val(storage.getItem("gEnd"));
		main.playing=false;
		loop();
		function loaded(h){
			$("#b" + h).removeClass("hr");
		}
		function loadedImg(h){
			return function(){
				loaded(h);
			};
		}
		$(".disabled").on("click",function(e){
			e.preventDefault();
		});
		runoffset=0;
		runchanger=false;
		$("#next_run").prop("disabled",true);
		var availimgs = ["/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2023122100_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2023122100_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2023122100_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2023122100_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2023122800_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2023122800_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2023122800_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2023122800_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024010400_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024010400_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024010400_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024010400_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024011100_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024011100_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024011100_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024011100_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024011800_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024011800_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024011800_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024011800_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024012500_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024012500_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024012500_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024012500_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024020100_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024020100_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024020100_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024020100_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024020800_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024020800_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024020800_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024020800_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024021500_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024021500_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024021500_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024021500_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024022200_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024022200_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024022200_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024022200_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024022900_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024022900_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024022900_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024022900_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024031400_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024031400_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024031400_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024031400_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024032100_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024032100_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024032100_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024032100_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024032800_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024032800_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024032800_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024032800_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024040400_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024040400_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024040400_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024040400_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024041100_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024041100_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024041100_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024041100_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024041800_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024041800_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024041800_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024041800_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024042500_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024042500_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024042500_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024042500_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024050200_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024050200_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024050200_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024050200_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024051600_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024051600_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024051600_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024051600_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024052300_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024052300_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024052300_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024052300_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024053000_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024053000_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024053000_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024053000_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024060600_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024060600_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024060600_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024060600_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024061300_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024061300_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024061300_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024061300_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024062000_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024062000_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024062000_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024062000_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024062700_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024062700_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024062700_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024062700_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024070400_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024070400_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024070400_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024070400_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024071100_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024071100_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024071100_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024071100_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024071800_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024071800_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024071800_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024071800_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024072500_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024072500_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024072500_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024072500_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024080100_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024080100_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024080100_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024080100_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024080800_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024080800_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024080800_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024080800_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024081500_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024081500_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024081500_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024081500_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024082200_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024082200_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024082200_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024082200_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024082900_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024082900_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024082900_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024082900_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024090500_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024090500_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024090500_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024090500_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024091200_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024091200_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024091200_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024091200_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024091900_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024091900_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024091900_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024091900_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024092600_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024092600_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024092600_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024092600_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024100300_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024100300_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024100300_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024100300_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024101000_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024101000_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024101000_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024101000_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024101700_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024101700_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024101700_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024101700_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024102400_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024102400_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024102400_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024102400_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024103100_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024103100_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024103100_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024103100_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024110700_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024110700_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024110700_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024110700_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024111400_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024111400_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024111400_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024111400_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024120500_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024120500_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024120500_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024120500_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024121200_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024121200_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024121200_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024121200_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024121900_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024121900_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024121900_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024121900_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024122600_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024122600_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024122600_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2024122600_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025010200_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025010200_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025010200_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025010200_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025010900_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025010900_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025010900_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025010900_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025011600_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025011600_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025011600_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025011600_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025012300_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025012300_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025012300_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025012300_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025013000_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025013000_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025013000_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025013000_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025021300_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025021300_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025021300_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025021300_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025022000_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025022000_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025022000_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025022000_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025022700_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025022700_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025022700_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025022700_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025030600_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025030600_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025030600_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025030600_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025031300_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025031300_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025031300_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025031300_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025032000_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025032000_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025032000_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025032000_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025032700_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025032700_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025032700_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025032700_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025041700_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025041700_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025041700_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025041700_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025042400_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025042400_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025042400_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025042400_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025050100_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025050100_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025050100_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025050100_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025050800_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025050800_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025050800_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025050800_f003.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025051500_f000.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025051500_f001.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025051500_f002.png","/data/models/subc/nhem/t2ma/subc_nhem_t2ma_2025051500_f003.png",];

		$("#prev_run").click(function(e) {
			e.preventDefault(); 
			Mousetrap.trigger('down');
		});

		$("#next_run").click(function(e) {
			e.preventDefault();
			Mousetrap.trigger('up');
		});

		$(".ad").each(function () {
		    	$(this).append('<ins class="adsbygoogle" style="display:block;width:300px;height:250px;" data-ad-client="ca-pub-8311370828267035" data-ad-slot="2535929695"></ins>');
			(adsbygoogle = window.adsbygoogle || []).push({});
		});
		Mousetrap.bind("up",function(e){
			e.preventDefault();
			const currhour_idx = main.curFrame;
			if (runcomps && runcomps[currhour_idx]) {
				if (currentRunOffset >= 1 && runcomps[currhour_idx][currentRunOffset-1]) {
					currentRunOffset--;
					if ($runsSelect.length) $runsSelect[0].getElementsByTagName('option')[currentRunOffset].selected = 'selected';
					const imageUrl = runcomps[currhour_idx][currentRunOffset];
					$("#model_img").attr("src", imageUrl);
					$("#prev_run").prop("disabled", false);
					$("#next_run").prop("disabled", currentRunOffset === 0);
				} else if (currentRunOffset === 0) {
					$("#next_run").prop("disabled", true);
				}
			}
		});
		Mousetrap.bind("down",function(e){
			e.preventDefault();
			const currhour_idx = main.curFrame;
			if (runcomps && runcomps[currhour_idx]) {
				if (runcomps[currhour_idx][currentRunOffset+1]) {
					currentRunOffset++;
					if ($runsSelect.length) $runsSelect[0].getElementsByTagName('option')[currentRunOffset].selected = 'selected';
					const imageUrl = runcomps[currhour_idx][currentRunOffset];
					$("#model_img").attr("src", imageUrl);
					$("#prev_run").prop("disabled", !runcomps[currhour_idx][currentRunOffset + 1]); 
					$("#next_run").prop("disabled", false);
				} else {
					$("#prev_run").prop("disabled", true);
				}
			}
		});

		$(document).on('click', '.dropsel', function(e) {
		    e.stopPropagation(); 
		    const $clickedDropsel = $(this);
		    const targetSelector = $clickedDropsel.data('target');
		    if (!targetSelector) return;

		    const $targetList = $(targetSelector);
		    if (!$targetList.length) return;

		    $clickedDropsel.siblings('.dropsel').each(function() {
		        const siblingTargetSelector = $(this).data('target');
		        if (siblingTargetSelector) {
		            $(siblingTargetSelector).hide();
		        }
		    });

		    $targetList.toggle();
		});

		$underlay.click(function(){
			closeAllDialogs();
		});
		$("#show_dialog").click(function(){
			openDialog("dialog");
		});
		$("#trend_gif").click(function(){
			let availableRuns = 0;
			if (runcomps && runcomps[main.curFrame] && runcomps[main.curFrame].length > 0) {
				availableRuns = runcomps[main.curFrame].length;
			}
			if (availableRuns > 1) {
				if (parseInt($trendNum.val()) > availableRuns) {
					$trendNum.val(availableRuns);
				}
			} else {
				alert("No trend data available for the selected forecast hour.");
				return;
			}

			openDialog("trendgif");
		});
		$("#model_compare").click(function(){
			curtime=times[main.curFrame];
			if(times[main.curFrame] > 84 && compavail["nam"] == "true"){
				$("#namop").addClass("disabled-check cursor-default");
				$("#nambox").prop("checked",false).attr("disabled",true);
				document.getElementById("unavnam").innerHTML="Unavailable, no plots beyond 84 hours (current is "+curtime+" hours)";
			}
			else if($("#nambox").is(':disabled') && times[main.curFrame] <= 84 && compavail["nam"] == "true"){
				$("#namop").removeClass("disabled-check cursor-default");
				$("#nambox").attr("disabled",false);
				document.getElementById('unavnam').innerHTML="";
			}
			if(times[main.curFrame] > 240 && compavail["gem"] == "true"){
				$("#gemop").addClass("disabled-check cursor-default");
				$("#gembox").prop("checked",false).attr("disabled",true);
				document.getElementById("unavgem").innerHTML="Unavailable, no plots beyond 240 hours (current is "+curtime+" hours)";
				$(document.getElementById("unavgem")).show();
			}
			else if($("#gembox").is(':disabled') && times[main.curFrame] <= 240 && compavail["gem"] == "true"){
				$("#gemop").removeClass("disabled-check cursor-default");
				$("#gembox").attr("disabled",false);
				document.getElementById('unavgem').innerHTML="";
			}
			if(times[main.curFrame] > 360 && compavail["ecmwf"] == "true"){
				$("#ecmwfop").addClass("disabled-check cursor-default");
				$("#ecmwfbox").prop("checked",false).attr("disabled",true);
				document.getElementById("unavecmwf").innerHTML="Unavailable, no plots beyond 360 hours (current is "+curtime+" hours)";
				$(document.getElementById("unavecmwf")).show();
			}
			else if($("#ecmwfbox").is(':disabled') && times[main.curFrame] <= 360 && compavail["ecmwf"] == "true"){
				$("#ecmwfop").removeClass("disabled-check cursor-default");
				$("#ecmwfbox").attr("disabled",false);
				document.getElementById('unavecmwf').innerHTML="";
			}

			let enabled=0;
			for(let model of ["gfs","nam","gefs","gem","ecmwf"]){
				if(!$("#"+model+"box").is(":disabled")){
					enabled++;
				}
			}
			if(enabled < 2){
				$("#compsubmit").hide();
				$("#compare").append("<span class='submit text-sm italic' id='compunavail' style='color:#ff20218a;'>Cannot make comparison, too few models</span>")
			}
			else{
				$("#compsubmit").show();
				$("#compunavail").hide();
			}
			openDialog("compare");
			$("#compspeed").focus();
		});
		$("#settings_button").click(function(){
			openDialog("settings");
		});
		$("#regionbtn").click(function(){
			openDialog("regionpicker");
		});
		runcodes=[];
		
		let currentRunIndex = 0;
		for(let k=runs.length-1; k>=0; k--){
			runcodes.push(runs[k]["code"]);
			if("2025051500" == runs[k]["code"]){
				runoffset = (runs.length - 1) - k;
			}
		}

		$("#compsubmit").click(function(){
			$("#incmodels, #modelchoose, #useprevop, #fpscomp, #compsubmit").hide();

			let gfscomp="false", gefscomp="false", gemcomp="false", namcomp="false", ecmwfcomp="false", useprev="false"; // Use let

			if($("#gfsbox").is(":checked")){ gfscomp="true"; }
			if($("#gefsbox").is(":checked")){ gefscomp="true"; }
			if($("#gembox").is(":checked")){ gemcomp="true"; }
			if($("#nambox").is(":checked")){ namcomp="true"; }
			if($("#ecmwfbox").is(":checked")){ ecmwfcomp="true"; }
			if($("#useprev").is(":checked")){ useprev="true"; }
			
			compimgs=[];
			let curtime;
			if("subc" == "nam"){
				curtime=Math.round(times[main.curFrame]/6)*6;
				curtime=curtime.toString().padStart(3,"0");
			}
			else{
				curtime=times[main.curFrame].toString().padStart(3,"0");
			}
			$.ajax({
				type:'POST',
				url:"/compmodels.php",
				data:{
					gfs:gfscomp, gefs:gefscomp, gem:gemcomp, ecmwf:ecmwfcomp, nam:namcomp,
					region:"nhem", product:"t2ma", run:"2025051500",
					hour:curtime, useprev:useprev
				},
				dataType:'json',
				success: function(data){
					let resultsdiv=document.createElement("div");
					resultsdiv.id="compresults";
					resultsdiv.className="body mb-4";
					for(let model of Object.keys(data)){
						let failreason = "";
						if(data[model]["url"] != "none"){
							$(resultsdiv).append("<p class='text-sm italic' style='color:#16bf008a;'>"+model.toUpperCase()+" successfully loaded.</p>");
							compimgs.push(data[model]["url"]);
						}
						else{
							if(data[model]["result"] == "no recent plots"){ failreason="No recent plots"; }
							else if(data[model]["result"] == "not available this run"){ failreason="No image for this run and forecast hour"; }
							else if(data[model]["result"] == "not available at this hour"){ failreason="Model does not run at given forecast hour"; }
							else{ failreason="Variable and/or region not available"; }
							$(resultsdiv).append("<p class='text-sm italic' style='color:#ff20218a;'>"+model.toUpperCase()+" image not loaded - "+failreason);
						}
					}
					$(resultsdiv).append("<span>Generating GIF...</span>");
					$compare.append(resultsdiv);

					if(compimgs.length < 2){
						alert("Not enough images available");
						$("#incmodels, #modelchoose, #useprevop, #fpscomp, #compsubmit").show();
						$(resultsdiv).remove();
						closeAllDialogs();
					}
					else{
						const fps=$("#compspeed").val();
						let na=[], ar=[];
						for(let x=0;x<compimgs.length;x++){
							na[x]=new Image();
							na[x].onload = function(boundX) { return function() { ar[boundX] = na[boundX]; }; }(x);
							na[x].src=compimgs[x];
						}
						var gif = new GIF({ workers: 2, quality: 5 });

						let loadedCheck = setInterval(function(){
							let allLoaded = true;
							for (let k=0; k < compimgs.length; k++) {
								if (ar[k] === undefined) {
									allLoaded = false;
									break;
								}
							}
							if(allLoaded && ar.length >= compimgs.length){
								clearInterval(loadedCheck);
								addFrames();
							}
						},250);
						
						function addFrames(){
							for(let x=0;x<compimgs.length;x++){
								if(x==compimgs.length-1){
									gif.addFrame(ar[x], {delay: Math.min((2000/fps)*4,4000)});
								}
								else{	
									gif.addFrame(ar[x], {delay:1000/fps});
								}
							}
							gif.render();
						}
						gif.on('finished',function(b){
							$("#incmodels, #modelchoose, #useprevop, #fpscomp, #compsubmit").show();
							$("#compresults").remove();
							closeAllDialogs();
							var d = confirm("Do you want to save this GIF?");
							if(d==true){
								var f = "model_compare";
								saveAs(b,f + ".gif");
							}
							window.open(URL.createObjectURL(b));
						});	
					}
				}
			});
		});
		$("#trendsubmit").click(function(){
			let frames = parseInt($trendNum.val());
			let fps = parseFloat($trendSpeed.val());
			const interval = parseInt($trendSkip.val()) + 1;
			storage.setItem("tFrames", frames);
			storage.setItem("tFPS", fps);
			storage.setItem("tSkip", $trendSkip.val());

			if (frames < 1) { alert("Please choose more frames."); return; }
			if (fps < 1) { alert("Please choose a faster speed."); return; }
			if (fps > 60) { fps = 60; }

			const tu=[];
			if (runcomps && runcomps[main.curFrame] && runcomps[main.curFrame].length > 1) {
				const runOffsets = runcomps[main.curFrame].length;

				for(let offset = 0; offset < frames; offset++){
					let actual_offset = offset * interval;
					if (actual_offset < runOffsets && runcomps[main.curFrame][actual_offset]) {
						tu.push(runcomps[main.curFrame][actual_offset]);
					} else {
						break; 
					}
				}
			} else {
				alert("Trend data not available for the current forecast hour.");
				return;
			}

			if(tu.length < 1 || (frames > 1 && tu.length < 2) ) {
				const neededruns = interval+1;
			    alert(`Not enough previous runs available for the selected forecast hour to make a trend GIF with these settings. Need at least ${neededruns} runs available (considering interval). Found ${runcomps && runcomps[main.curFrame] ? runcomps[main.curFrame].length : 0} runs for the current hour.`);
			    return;
			}
			
			tu.reverse(); 
			let fileNameBase = "trend_gif";
			if (curmodel && prod && loc) {
				fileNameBase = `${curmodel}_${prod}_${loc}_trend`;
			}
			generateGif(tu, fps, fileNameBase, "trend_progress_bar", "trend_loading_text");
		});

		$("#metarsubmit").click(function(){
			const numFrames = parseInt($("#metarnum").val());
			let fps = parseFloat($("#metarspeed").val());
			const skipInterval = parseInt($("#metarskip").val()) + 1;

			storage.setItem("metarFrames", numFramesFromEnd);
			storage.setItem("metarFPS", fps);
			storage.setItem("metarSkip", skipInterval - 1);

			if (numFrames < 1) { alert("Please choose a number of frames higher than zero."); return; }
			if (fps < 1) { alert("Please choose a faster speed."); return; }
			if (fps > 60) { fps = 60; }
			
			const potentialFrames = main.imgs.slice(Math.max(0, main.imgs.length - (numFrames * skipInterval)));
			const metarImages = [];
			for (let i = 0; i < potentialFrames.length; i += skipInterval) {
				if(potentialFrames[i] && metarImages.length < numFrames) {
					metarImages.push(potentialFrames[i]);
				}
			}

			if (metarImages.length === 0) {
				alert("Not enough frames available with these settings.");
				return null;
			}

			let fileNameBase = "metar_gif";
            if (curmodel && prod && loc) { 
                 fileNameBase = `${curmodel}_${prod}_${loc}_metar`;
            }
			generateGif(metarImages, fps, fileNameBase, "metar_progress_bar", "metar_loading_text");
		});
		$slider.on('input',function(){
			$("#next_run").prop("disabled",true);
			$("#prev_run").prop("disabled",false);
			const f = parseInt(this.value, 10);
			setCurFrame(f);
			const frameNum = f + 1;
			const totalFrames = main.imgs.length;
			if (times && times[f] !== undefined) {
			    const currentHour = String(times[f]).padStart(3, '0');
			    $(this).attr('aria-valuetext', `Forecast Hour F${currentHour} (${frameNum} of ${totalFrames} frames)`);
			} else {
			    $(this).attr('aria-valuetext', `Frame ${frameNum} of ${totalFrames}`);
			}
		});
		$("#save").click(function(){
			storage.setItem("aumodel", $autoUpdate.is(":checked"));
			if($autoUpdate.is(":checked") && '' != "1"){
				if(typeof loadNew === 'undefined' || loadNew === null){
					if (!(typeof loadNew !== 'undefined' && loadNew !== null)) {
                        loadNew = setInterval(checkUpdate,30000);
                    }
				}
			}
			else{
				if(typeof loadNew !== 'undefined' && loadNew !== null){
				    clearInterval(loadNew);
				    loadNew = null;
				}
			}
			storage.setItem("gMSPF", $mspf.val());
			$("#settings").hide();
			$underlay.hide();
		});
		$("#submit").click(function(){
			const start = parseInt($startHour.val());
			const end = parseInt($endHour.val());
			let fps = parseFloat($speed.val());
			const interval = parseInt($skip.val()) + 1;

			storage.setItem("gStart", start);
			storage.setItem("gEnd", end);
			storage.setItem("gFPS", fps);
			storage.setItem("gSkip", $skip.val());

			if (end < start) { alert("Ending frame cannot be before starting frame."); return; }
			if (fps < 1) { alert("Please choose a faster speed."); return; }
			if (fps > 60) { fps = 60; }

			const gifUrls = [];
			for (let k = start; k <= end; k += interval) {
				if (imgs[k]) {
					gifUrls.push(imgs[k]);
				}
			}

			if (gifUrls.length === 0) {
				alert("No frames selected to make a GIF with the current settings.");
				return;
			}

			let fileNameBase = "model_gif";
			if (curmodel && prod && loc) { 
				fileNameBase = `${curmodel}_${prod}_${loc}`;
			}
			generateGif(gifUrls, fps, fileNameBase, "gif_progress_bar", "gif_loading_text");
		});
		function loadImg(){
			if (!plot || !loading) return;
			try{
				 if (typeof load !== 'undefined' && load !== null) clearInterval(load);
			}
			catch(err){}
			const checkImageComplete = () => {
				if(plot.complete){
					plot.style.visibility="visible";
					$plotElement.css("height","");
					loading.style.visibility="hidden";
					if (typeof load !== 'undefined' && load !== null) clearInterval(load);
				}
				else{
					plot.style.visibility="hidden";
					const ohgt = main.plImgs[0] ? main.plImgs[0].height : 0;
					const owid = main.plImgs[0] ? main.plImgs[0].width : 1;
					const imratio = ohgt / (owid || 1);
					const hgt = imratio * $plotElement.width();
					$plotElement.css("height",hgt);
					loading.style.visibility="visible";
				}
			};
			checkImageComplete();
			if (!plot.complete) {
				if (typeof load !== 'undefined' && load !== null) clearInterval(load);
				load = setInterval(checkImageComplete, 500);
			}
		}
		$("#toggle").click(function(){
			runoffset=0;
			runchanger=true;
			if ($runsSelect.length) $runsSelect[0].getElementsByTagName('option')[0].selected = 'selected';
			runchanger=false;
			$("#model_img").attr("src",main.imgs[main.curFrame]);
			$("#next_run").prop("disabled",true);
			$("#prev_run").prop("disabled",false);
			if(main.playing){
				$("#pause").hide();
				$("#play").show();
				main.playing=false;
			}
			else{
				$("#pause").show();
				$("#play").hide();
				main.playing=true;
				loop();
			}
		});
		$("#back").click(prevFrame);
		$("#forward").click(nextFrame);
		$(document).on('click', '.closedialog', function() {
		    closeAllDialogs();
		});

		if("2025051500" == runs[0]["code"]){
			document.addEventListener("visibilitychange", (event) => {
  				if (document.visibilityState == "visible") {
					$.ajax({
						type:'POST',
						url:"/modelRunsCheck.php",
						data:{loc:"nhem",product:"t2ma",model:"subc"},
						dataType:'json',
						success: function(data){
							if(data[data.length-1]["code"] != "2025051500"){
								let newtime;
								if(main.curFrame != 0 && main.curFrame < times.length && times[main.curFrame-1] !== undefined){
									newtime=times[main.curFrame-1];
								} else if (times.length > 0 && times[0] !== undefined) {
									newtime=times[0];
								} else {
									newtime = 0;
								}
								const newHr=("00" + newtime).slice(-3);
								window.location.assign("/models/subc/nhem/t2ma/"+data[data.length-1]["code"]+"/"+newHr+"/");
							}
						}
					})
				}
			});
		}
		function checkUpdate(){
			$.ajax({
				type:'POST',
				url:"/modelFrameCheck.php",
				data:{loc:"nhem",product:"t2ma",run:"2025051500",model:"subc"},
				dataType:'json',
				success: function(data){
					setTimeout(function(){
						imlen = imgs.length;
						imgs=data;
						if(imgs.length != imlen){
							main.imgs=imgs;
							$slider.prop("max", imgs.length-1);
							loadGifFrames();
							preloadImgs();
							//updateHours();
						}
					},6000);
				},
				error: function(d){
					console.log(d);
				}
			});
		}
		</script>
		<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8311370828267035"
		crossorigin="anonymous"></script>
	</body>
</html>