--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html>
+<head>
+
+
+<style>
+td {
+ border: 1px solid black;
+ height: 18px;
+ width: 18px;
+ font-size: 5px;
+}
+
+.combiner-v {
+ background-color: #fff;
+ width: 18px;
+ height: 180px;
+}
+
+.power-v {
+ background-color: #fff;
+}
+
+.power-h {
+ background-color: #fff;
+}
+
+.power-4-v {
+ background-color: #fff;
+}
+
+.power-4-h {
+ background-color: #fff;
+}
+
+.combiner-h {
+ background-color: #fff;
+ height: 14px;
+ width: 10px;
+}
+
+.combiner-4-h {
+ background-color: #fff;
+ width: 60px;
+}
+
+.combiner-4-v {
+ background-color: #fff;
+ height: 60px;
+}
+
+.beam-pipe {
+ height: 60px;
+ width: 60px;
+ border-radius: 40px;
+}
+.empty-box {
+ border: 0px solid black;
+}
+
+.box-detector {
+ float: left;
+}
+
+.box-color {
+ float: left;
+}
+
+.color-box-table {
+ height: 6px;
+}
+
+.dirich {
+ background-color: #fff;
+}
+
+</style>
+
+<style>
+
+ .tooltiptext {
+ visibility: hidden;
+ width: 120px;
+ background-color: white;
+ color: #000;
+ text-align: center;
+ border-radius: 6px;
+ border: 1px solid black;
+ padding: 5px 0;
+ font-size: 12px;
+ margin: 10px;
+
+ /* Position the tooltip */
+ position: absolute;
+ z-index: 1;
+}
+
+.dirich:hover .tooltiptext {
+ visibility: visible;
+}
+
+.combiner-h:hover .tooltiptext {
+ visibility: visible;
+}
+
+.combiner-v:hover .tooltiptext {
+ visibility: visible;
+}
+
+.combiner-4-h:hover .tooltiptext {
+ visibility: visible;
+}
+
+.combiner-4-v:hover .tooltiptext {
+ visibility: visible;
+}
+
+.power-v:hover .tooltiptext {
+ visibility: visible;
+}
+
+.power-h:hover .tooltiptext {
+ visibility: visible;
+}
+
+.power-4-h:hover .tooltiptext {
+ visibility: visible;
+}
+
+.power-4-v:hover .tooltiptext {
+ visibility: visible;
+}
+</style>
+
+
+</head>
+<body>
+
+
+<div style="border: 1px solid black;border-radius: 8px; background-Color: LightGray; height: 40px; width: 400px; padding-top: 6px; padding-left: 10px;">
+ <p style="display: inline">Min: </p><input style="width:60px" type="text" title="Min" name="Min" value="">
+ <p style="display: inline">Max: </p><input style="width:60px" type="text" title="Max" name="Max" value="">
+ <input type="submit" name="send" value="Send" onClick="loadDoc()">
+
+ <!--<input style="display: inline;" type="checkbox" Id="invertBox" checked="1" onClick="invertColorScale()">-->
+<select Id="invertBox" style="display: inline;" onClick="invertColorScale()">
+ <option value="0">bgr</option>
+ <option value="1">rgb</option>
+ <option value="2">gbr</option>
+</select>
+</div>
+
+
+<h3 id="title">RICH Temperatures</h3><p id="updateTime" style="position: absolute; top: 0px;right: 1%;">updateTime:</p>
+<div class="box-detector">
+
+ <table>
+ <tr>
+
+ <td class="combiner-v" rowspan="6" colspan="2" id="0x8210"><span class="tooltiptext" id="0x8210_s">0x8210</span></td>
+<!-- Combiner -->
+ <td class="dirich" rowspan="3" colspan="1" id="0x7300"><span class="tooltiptext" id="0x7300_s">0x7300</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7301"><span class="tooltiptext" id="0x7301_s">0x7301</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7310"><span class="tooltiptext" id="0x7310_s">0x7310</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7311"><span class="tooltiptext" id="0x7311_s">0x7311</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7320"><span class="tooltiptext" id="0x7320_s">0x7320</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7321"><span class="tooltiptext" id="0x7321_s">0x7321</span></td>
+ <td class="power-v" rowspan="6" colspan="1" ></td> <!-- Powermodul -->
+
+
+ <td class="combiner-v" rowspan="6" colspan="2" id="0x8211"><span class="tooltiptext" id="0x8211_s">0x8211</span></td>
+<!-- Combiner -->
+ <td class="dirich" rowspan="3" colspan="1" id="0x7330"><span class="tooltiptext" id="0x7330_s">0x7330</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7331"><span class="tooltiptext" id="0x7331_s">0x7331</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7340"><span class="tooltiptext" id="0x7340_s">0x7340</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7341"><span class="tooltiptext" id="0x7341_s">0x7341</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7350"><span class="tooltiptext" id="0x7350_s">0x7350</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7351"><span class="tooltiptext" id="0x7351_s">0x7351</span></td>
+ <td class="power-v" rowspan="6" colspan="1" ></td> <!-- Powermodul -->
+
+ <td class="combiner-v" rowspan="6" colspan="2" id="0x8212"><span class="tooltiptext" id="0x8212_s">0x8212</span></td><!-- Combiner -->
+ <td class="dirich" rowspan="3" colspan="1" id="0x7360"><span class="tooltiptext" id="0x7360_s">0x7360</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7361"><span class="tooltiptext" id="0x7361_s">0x7361</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7370"><span class="tooltiptext" id="0x7370_s">0x7370</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7371"><span class="tooltiptext" id="0x7371_s">0x7371</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7380"><span class="tooltiptext" id="0x7380_s">0x7380</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7381"><span class="tooltiptext" id="0x7381_s">0x7381</span></td>
+ <td class="power-v" rowspan="6" colspan="1"></td>
+
+
+ </tr>
+
+ <tr>
+ </tr>
+
+ <tr>
+ </tr>
+
+ <tr>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7200"><span class="tooltiptext" id="0x7200_s">0x7200</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7201"><span class="tooltiptext" id="0x7201_s">0x7201</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7210"><span class="tooltiptext" id="0x7210_s">0x7210</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7211"><span class="tooltiptext" id="0x7211_s">0x7211</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7220"><span class="tooltiptext" id="0x7220_s">0x7220</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7221"><span class="tooltiptext" id="0x7221_s">0x7221</span></td>
+
+ <td class="dirich" rowspan="3" colspan="1" id="0x7230"><span class="tooltiptext" id="0x7230_s">0x7230</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7231"><span class="tooltiptext" id="0x7231_s">0x7231</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7240"><span class="tooltiptext" id="0x7240_s">0x7240</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7241"><span class="tooltiptext" id="0x7241_s">0x7241</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7250"><span class="tooltiptext" id="0x7250_s">0x7250</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7251"><span class="tooltiptext" id="0x7251_s">0x7251</span></td>
+
+ <td class="dirich" rowspan="3" colspan="1" id="0x7260"><span class="tooltiptext" id="0x7260_s">0x7260</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7261"><span class="tooltiptext" id="0x7261_s">0x7261</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7270"><span class="tooltiptext" id="0x7270_s">0x7270</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7271"><span class="tooltiptext" id="0x7271_s">0x7271</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7280"><span class="tooltiptext" id="0x7280_s">0x7280</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7281"><span class="tooltiptext" id="0x7281_s">0x7281</span></td>
+
+ </tr>
+ <tr>
+ </tr>
+ <tr>
+ </tr>
+
+ <tr>
+
+ <td class="combiner-v" rowspan="6" colspan="2" id="0x8200"><span class="tooltiptext" id="0x8200_s">0x8200</span></td>
+<!-- Combiner -->
+ <td class="dirich" rowspan="3" colspan="1" id="0x7100"><span class="tooltiptext" id="0x7100_s">0x7100</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7101"><span class="tooltiptext" id="0x7101_s">0x7101</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7110"><span class="tooltiptext" id="0x7110_s">0x7110</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7111"><span class="tooltiptext" id="0x7111_s">0x7111</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7120"><span class="tooltiptext" id="0x7120_s">0x7120</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7121"><span class="tooltiptext" id="0x7121_s">0x7121</span></td>
+ <td class="power-v" rowspan="6" colspan="1" ></td> <!-- Powermodul -->
+
+
+ <td class="combiner-v" rowspan="6" colspan="2" id="0x8201"><span class="tooltiptext" id="0x8201_s">0x8201</span></td>
+<!-- Combiner -->
+ <td class="dirich" rowspan="3" colspan="1" id="0x7130"><span class="tooltiptext" id="0x7130_s">0x7130</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7131"><span class="tooltiptext" id="0x7131_s">0x7131</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7140"><span class="tooltiptext" id="0x7140_s">0x7140</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7141"><span class="tooltiptext" id="0x7141_s">0x7141</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7150"><span class="tooltiptext" id="0x7150_s">0x7150</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7151"><span class="tooltiptext" id="0x7151_s">0x7151</span></td>
+ <td class="power-v" rowspan="6" colspan="1" ></td> <!-- Powermodul -->
+
+ <td class="combiner-v" rowspan="6" colspan="2" id="0x8202"><span class="tooltiptext" id="0x8202_s">0x8202</span></td>
+ <!-- Combiner -->
+ <td class="dirich" rowspan="3" colspan="1" id="0x7160"><span class="tooltiptext" id="0x7160_s">0x7160</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7161"><span class="tooltiptext" id="0x7161_s">0x7161</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7170"><span class="tooltiptext" id="0x7170_s">0x7170</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7171"><span class="tooltiptext" id="0x7171_s">0x7171</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7180"><span class="tooltiptext" id="0x7180_s">0x7180</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7181"><span class="tooltiptext" id="0x7181_s">0x7181</span></td>
+ <td class="power-v" rowspan="6" colspan="1"></td>
+
+ <td class="empty-box" colspan="24" rowspan="6"></td>
+ </tr>
+
+ <tr>
+ </tr>
+
+ <tr>
+ </tr>
+
+ <tr>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7000"><span class="tooltiptext" id="0x7000_s">0x7000</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7001"><span class="tooltiptext" id="0x7001_s">0x7001</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7010"><span class="tooltiptext" id="0x7010_s">0x7010</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7011"><span class="tooltiptext" id="0x7011_s">0x7011</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7020"><span class="tooltiptext" id="0x7020_s">0x7020</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7021"><span class="tooltiptext" id="0x7021_s">0x7021</span></td>
+
+ <td class="dirich" rowspan="3" colspan="1" id="0x7030"><span class="tooltiptext" id="0x7030_s">0x7030</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7031"><span class="tooltiptext" id="0x7031_s">0x7031</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7040"><span class="tooltiptext" id="0x7040_s">0x7040</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7041"><span class="tooltiptext" id="0x7041_s">0x7041</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7050"><span class="tooltiptext" id="0x7050_s">0x7050</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7051"><span class="tooltiptext" id="0x7051_s">0x7051</span></td>
+
+ <td class="dirich" rowspan="3" colspan="1" id="0x7060"><span class="tooltiptext" id="0x7060_s">0x7060</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7061"><span class="tooltiptext" id="0x7061_s">0x7061</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7070"><span class="tooltiptext" id="0x7070_s">0x7070</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7071"><span class="tooltiptext" id="0x7071_s">0x7071</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7080"><span class="tooltiptext" id="0x7080_s">0x7080</span></td>
+ <td class="dirich" rowspan="3" colspan="1" id="0x7081"><span class="tooltiptext" id="0x7081_s">0x7081</span></td>
+
+ </tr>
+ <tr>
+ </tr>
+ <tr>
+ </tr>
+
+ </table>
+
+</div>
+<div class="box-color" style="margin-left: 30px">
+<table style="border-collapse: collapse; width: 50px; border: 0px;">
+ <tr>
+ <td class="color-box-table" id="color-box-table_1" style="border: 0px; background-color:hsl(00, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_2" style="border: 0px; background-color:hsl(05, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_3" style="border: 0px; background-color:hsl(10, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_4" style="border: 0px; background-color:hsl(15, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_5" style="border: 0px; background-color:hsl(20, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_6" style="border: 0px; background-color:hsl(25, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_7" style="border: 0px; background-color:hsl(30, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_8" style="border: 0px; background-color:hsl(35, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_9" style="border: 0px; background-color:hsl(40, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_10" style="border: 0px; background-color:hsl(45, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_11" style="border: 0px; background-color:hsl(50, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_12" style="border: 0px; background-color:hsl(55, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_13" style="border: 0px; background-color:hsl(60, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_14" style="border: 0px; background-color:hsl(65, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_15" style="border: 0px; background-color:hsl(70, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_16" style="border: 0px; background-color:hsl(75, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_17" style="border: 0px; background-color:hsl(80, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_18" style="border: 0px; background-color:hsl(85, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_19" style="border: 0px; background-color:hsl(90, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_20" style="border: 0px; background-color:hsl(95, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_21" style="border: 0px; background-color:hsl(100, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_22" style="border: 0px; background-color:hsl(105, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_23" style="border: 0px; background-color:hsl(110, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_24" style="border: 0px; background-color:hsl(115, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_25" style="border: 0px; background-color:hsl(120, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_26" style="border: 0px; background-color:hsl(125, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_27" style="border: 0px; background-color:hsl(130, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_28" style="border: 0px; background-color:hsl(135, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_29" style="border: 0px; background-color:hsl(140, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_30" style="border: 0px; background-color:hsl(145, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_31" style="border: 0px; background-color:hsl(150, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_32" style="border: 0px; background-color:hsl(155, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_33" style="border: 0px; background-color:hsl(160, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_34" style="border: 0px; background-color:hsl(165, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_35" style="border: 0px; background-color:hsl(170, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_36" style="border: 0px; background-color:hsl(175, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_37" style="border: 0px; background-color:hsl(180, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_38" style="border: 0px; background-color:hsl(185, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_39" style="border: 0px; background-color:hsl(190, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_40" style="border: 0px; background-color:hsl(195, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_41" style="border: 0px; background-color:hsl(200, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_42" style="border: 0px; background-color:hsl(205, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_43" style="border: 0px; background-color:hsl(210, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_44" style="border: 0px; background-color:hsl(215, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_45" style="border: 0px; background-color:hsl(220, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_46" style="border: 0px; background-color:hsl(225, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_47" style="border: 0px; background-color:hsl(230, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_48" style="border: 0px; background-color:hsl(235, 100%, 55%)" ></td>
+ </tr>
+ <tr>
+ <td class="color-box-table" id="color-box-table_49" style="border: 0px; background-color:hsl(240, 100%, 55%)" ></td>
+ </tr>
+</table>
+</div>
+<p id="MaxVal" >max</p>
+<p id="MinVal" style="margin-top:355px;"> min</p>
+
+<p id="cutoff"></p>
+
+<script type="text/javascript">
+
+var min = 20;
+var max = 80;
+var manualMax = 0;
+var manualMin = 0;
+var invert = 0;
+var symbol = '';
+var file = window.location.hash.substr(1);
+var hashvar = window.location.hash.substr(1).split("#");
+
+var pos = file.indexOf("#");
+var cutoff = window.location.hash.substr(pos+2);
+
+//if (invertFlagHash != undefined ) {
+// invert = window.location.hash.substr(1);
+//}
+document.getElementById("invertBox").checked == false;
+var myReload = setInterval("getdata('../code/getjson.cgi?'+file,updatedata)",10000);
+
+if (pos == -1) {
+ cutoff = 0
+} else {
+ document.getElementById("cutoff").innerHTML = "Cutoff: " + cutoff;
+}
+
+invertColorScale();
+
+function invertColorScale(){
+ if (document.getElementById("invertBox").value == 1) {
+ for (i = 1; i < 50; i++) {
+ document.getElementById("color-box-table_"+i).style.backgroundColor = "hsl("+(240-((i-1)*5))+", 100%, 55%)";
+ }
+ } else if (document.getElementById("invertBox").value == 2) {
+ var cnt=49;
+ for (i = 1; i < 50; i++) {
+ document.getElementById("color-box-table_"+i).style.backgroundColor = "hsl("+((110+ ((cnt-1)*5)))%360+", 100%, 55%)";
+ cnt--;
+ }
+ } else {
+ for (i = 1; i < 50; i++) {
+ document.getElementById("color-box-table_"+i).style.backgroundColor = "hsl("+(i-1)*5+", 100%, 55%)";
+ }
+ }
+
+ getdata('../code/getjson.cgi?'+file,updatedata);
+}
+
+function color(id,value) {
+ var val = map(value,min,max);
+ var x = 240.0 - val;
+ if(!document.getElementById(id)) {return;}
+ if (val == -1) {
+ if (document.getElementById("invertBox").value == 2) {
+ document.getElementById(id).style.backgroundColor = "#FFF200";
+ } else {
+ document.getElementById(id).style.backgroundColor = "#FF00FF";
+ }
+ } else {
+ if (document.getElementById("invertBox").value == 1) {
+ document.getElementById(id).style.backgroundColor = "hsl("+(val)+", 100%, 55%)";
+ } else if (document.getElementById("invertBox").value == 2) {
+ document.getElementById(id).style.backgroundColor = "hsl("+(110+val)%360 +", 100%, 55%)";
+ } else {
+ document.getElementById(id).style.backgroundColor = "hsl("+x+", 100%, 55%)";
+ }
+ }
+
+ document.getElementById(id+"_s").innerHTML = id +": " + value.toFixed(2) + " " + symbol;
+
+ function map(val,min,max) {
+ var test;
+ //var range = (max - min)/48;
+ if (min<max && val >= min && val <= max) {
+ test = ((val - min)/(max - min))*240;
+ } else {
+ test = -1;
+ }
+ return test;
+ }
+}
+
+function getdata(command,callback) {
+ var xmlhttp = null;
+ var cb = null;
+ xmlhttp=new XMLHttpRequest();
+ cb = callback;
+
+ xmlhttp.onreadystatechange = function() {
+ if(xmlhttp.readyState == 4) {
+ if(cb)
+ cb(xmlhttp.responseText);
+ }
+ }
+ xmlhttp.open("GET",command,true);
+ xmlhttp.send(null);
+ }
+
+function updatedata(d) {
+ var data;
+ try {
+ data = JSON.parse(d);
+ max = data['max'];
+ min = data['min'];
+ symbol = data['symbol'];
+
+ if (pos != -1) {
+ max = parseInt(cutoff);
+ }
+
+ if (manualMin != "") {
+ min = parseInt(manualMin); //min
+ }
+
+ if (manualMax != "") {
+ max = parseInt(manualMax); //max
+ }
+
+ document.getElementById("MaxVal").innerHTML = max.toFixed(2) + " " + symbol;
+ document.getElementById("MinVal").innerHTML = min.toFixed(2)+ " " + symbol;
+ document.getElementById("title").innerHTML = data["title"];
+
+ if (data['updatetime'] != undefined) {
+ document.getElementById("updateTime").innerHTML = "last update: " + data['updatetime'];
+ } else {
+ document.getElementById("updateTime").innerHTML = "Error";
+ }
+
+ resetColor();
+
+ for (var k in data) {
+ if (k.substring(0,3) == "0x7") {
+ color(k,data[k]);
+ }
+ if (k.substring(0,3) == "0x8") {
+ color(k,data[k]);
+ }
+ }
+ }
+ catch (e) {
+ }
+ }
+
+
+function loadDoc() {
+ var inputTag = document.getElementsByTagName("input");
+ manualMin = inputTag[0].value; //min
+ manualMax = inputTag[1].value; //max
+
+ getdata('../code/getjson.cgi?'+file,updatedata);
+}
+
+
+function resetColor(){
+
+ var dirichColor = document.getElementsByClassName("dirich");
+ var combinerHColor = document.getElementsByClassName("combiner-h");
+ var combinerVColor = document.getElementsByClassName("combiner-v");
+ var combiner4HColor = document.getElementsByClassName("combiner-4h");
+ var combiner4VColor = document.getElementsByClassName("combiner-4v");
+
+ for (var j=0;j<dirichColor.length;j++) {
+ dirichColor[j].style.backgroundColor = "White";
+ }
+ for (var j=0;j<combinerHColor.length;j++) {
+ combinerHColor[j].style.backgroundColor = "White";
+ }
+ for (var j=0;j<combinerVColor.length;j++) {
+ combinerVColor[j].style.backgroundColor = "White";
+ }
+ for (var j=0;j<combiner4HColor.length;j++) {
+ combiner4HColor[j].style.backgroundColor = "White";
+ }
+ for (var j=0;j<combiner4VColor.length;j++) {
+ combiner4VColor[j].style.backgroundColor = "White";
+ }
+
+}
+</script>
+</body>
+</html>
+
+<!--TODO
+- remove missing boards
+- color scale overflow handling
+- invert color scale for voltages? "green is good, slightly yellow - well, blue - too high but who cares, red = bad"
+-->
+