trunk 20080912
[gitenigma.git] / data / templates / index_big.tmp
blobd8e770cb8951103a3c1ee7fbcc887c71b78bc97f
1 <html>
2         <head>
3                 <title>Enigma Web Interface - #BOX#</title>
4                 <link rel="stylesheet" type="text/css" href="webif.css">
5                 <script language="javascript" type="text/javascript" src="/window.js"></script>
6                 <script language="javascript" type="text/javascript" src="/dhtml.js"></script>
7                 <script language="javascript" type="text/javascript" src="/index.js"></script>
8                 <script>
9                         function headerUpdateVolumeBar(volume, mute)
10                         {
11                                 for (var i = 9; i <= 63; i += 6)
12                                 {
13                                         var vol = 0;
14                                         if (mute == 0)
15                                                 vol = volume;
16                                         if (i <= vol)
17                                                 getElem("id", "imgVol" + i, null).src = "led_on.gif";
18                                         else
19                                                 getElem("id", "imgVol" + i, null).src = "led_off.gif";
20                                 }
21                                 if (mute == 0)
22                                         getElem("id", "mute", null).src = "speak_on.gif";
23                                 else
24                                         getElem("id", "mute", null).src = "speak_off.gif";
25                         }
26                         function headerUpdateRecording(recording)
27                         {
28                                 if (recording == 1)
29                                         getElem("id", "recording", null).src = "blinking_red.gif";
30                                 else
31                                         getElem("id", "recording", null).src = "trans.gif";
32                         }
33                         function headerUpdateChannelStatusBar(dolby, crypt, format)
34                         {
35                                 if (dolby == 1)
36                                         getElem("id", "imgDolby", null).src = "dolby_on.png";
37                                 else
38                                         getElem("id", "imgDolby", null).src = "dolby_off.png";
39                                 if (crypt == 1)
40                                         getElem("id", "imgCrypt", null).src = "crypt_on.png";
41                                 else
42                                         getElem("id", "imgCrypt", null).src = "crypt_off.png";
43                                 if (format == 1)
44                                         getElem("id", "imgFormat", null).src = "format_on.png";
45                                 else
46                                         getElem("id", "imgFormat", null).src = "format_off.png";
47                         }
48                         function headerUpdateStatusBar(vpid, apid, ip, lock, upTime, agc, snr, ber)
49                         {
50                                 getElem("id", "vpid", null).firstChild.nodeValue = vpid;
51                                 getElem("id", "apid", null).firstChild.nodeValue = apid;
52                                 getElem("id", "ip", null).firstChild.nodeValue = ip;
53                                 getElem("id", "lock", null).firstChild.nodeValue = lock;
54                                 getElem("id", "uptime", null).firstChild.nodeValue = upTime;
55                                 getElem("id", "agc", null).firstChild.nodeValue = "AGC: " + agc + "%";
56                                 getElem("id", "snr", null).firstChild.nodeValue = "SNR: " + snr + "%";
57                                 getElem("id", "ber", null).firstChild.nodeValue = "BER: " + ber;
58                         }
59                         function headerUpdateEPGData(serviceName, nowT, nowD, nowSt, nextT, nextD, nextSt)
60                         {
61                                 getElem("id", "servicename", null).firstChild.nodeValue = serviceName;
62                                 getElem("id", "nowt", null).firstChild.nodeValue = nowT;
63                                 getElem("id", "nowd", null).firstChild.nodeValue = nowD;
64                                 if (!MS)
65                                         nowSt = nowSt.substr(0, 40);
66                                 getElem("id", "nowst", null).firstChild.nodeValue = nowSt;
67                                 getElem("id", "nextt", null).firstChild.nodeValue = nextT;
68                                 getElem("id", "nextd", null).firstChild.nodeValue = nextD;
69                                 if (!MS)
70                                         nextSt = nextSt.substr(0, 40);
71                                 getElem("id", "nextst", null).firstChild.nodeValue = nextSt;
72                         }
73                         function topnavi(command)
74                         {
75                                 parent.body.location = "body" + command;
76                                 parent.leftnavi.location = "leftnavi" + command;
77                         }
78                         function setTitle(title)
79                         {
80                                 getElem("id", "title", null).firstChild.nodeValue = title;
81                         }
82                         function init()
83                         {
84                                 data.location.reload();
85                                 setTimeout("init()", 10000);
86                         }
87                         function updateVideoBar(videoPosition, videoTime, diskGB, diskH)
88                         {
89                                 updateVideoBar2(videoPosition);
90                                 getElem("id", "videoTime", null).firstChild.nodeValue = videoTime;
91                                 getElem("id", "diskgb", null).firstChild.nodeValue = diskGB;
92                                 getElem("id", "diskh", null).firstChild.nodeValue = diskH;
93                         }
94                         function updateVideoBar2(videoPosition)
95                         {
96                                 for (var i = 1; i <= 20; i += 1)
97                                 {
98                                         if (i <= videoPosition)
99                                                 getElem("id", "vid" + i, null).src = "led_on.gif";
100                                         else
101                                                 getElem("id", "vid" + i, null).src = "led_off.gif";
102                                 }
103                         }
104                         function determineBrowser()
105                         {
106                                 var browser = navigator.appName;
107                                 if (navigator.appName == "Microsoft Internet Explorer")
108                                         browser = "MSIE";
109                                 else
110                                         if ((navigator.appName == "Netscape") && (navigator.userAgent.indexOf("Gecko") != -1))
111                                                 browser = "Firefox";
112                                 return browser;
113                         }
114                         function webxtv(browser)
115                         {
116                                 NewWindow("/webxtv?browser=" + browser, "tv", "780", "735", "no", "0");
117                         }
118                         function teletext()
119                         {
120                                 NewWindow("/teletext", "teletext", "480", "560", "no", "0");
121                         }
122                 </script>
123         </head>
124         <body id="index_big" style="margin: 0px; border: 0px; padding: 0px" background="bg.png" onLoad="init()">
125                 <table width="780px" height="100%" align="center" border="0" cellspacing="0" cellpadding="0">
126                 <tbody valign="top">
127                 <tr>
128                         <td colspan="2">
129                                 <!-- begin header -->
130                                 <table id="headTable" style="table-layout: fixed" width="780px" height="112px" border="0" cellpadding="0" cellspacing="0" background="#TOPBALK#">
131                                 <tr>
132                                         <td width="150px">&nbsp;</td>
133                                         <td width="620px">
134                                                 <table id="headercell" style="table-layout: fixed" width="620px" border="0" cellpadding="0" cellspacing="0">
135                                                 <tr>
136                                                         <td width="620px">
137                                                                 <table style="table-layout: fixed" width="620px" border="0" height="60px" cellpadding="0" cellspacing="0">
138                                                                 <tr>
139                                                                         <td id="servicename" width="440px" class="servicename" align="left">&nbsp;</td>
140                                                                         <td width="180px" id="empty" align=right>#EMPTYCELL#</td>
141                                                                 </tr>
142                                                                 <tr>
143                                                                         <td width="440px">
144                                                                                 <table style="table-layout:fixed" border="0" cellspacing="0" cellpadding="0">
145                                                                                 <tr>
146                                                                                         <td id="nowt" class="epgzeit_bold" width="50px" align=left>&nbsp;</td>
147                                                                                         <td id="nowd" class="epgdur" width="40px" align=left>&nbsp;</td>
148                                                                                         <td id="nowst" class="epgname_bold" width="350px" height="20px" align=left>&nbsp;</td>
150                                                                                 </tr>
151                                                                                 </table>
152                                                                         </td>
153                                                                         <td width="180px" align=right>
154                                                                                 <table border="0" cellspacing="0" cellpadding="0">
155                                                                                 <tr>
156                                                                                         <td><a href="javascript:setVol(9)"><img id="imgVol9" src="led_on.gif" border="0" width="15" height="8"></a></td>
157                                                                                         <td><a href="javascript:setVol(15)"><img id="imgVol15" src="led_on.gif" border="0" width="15" height="8"></a></td>
158                                                                                         <td><a href="javascript:setVol(21)"><img id="imgVol21" src="led_on.gif" border="0" width="15" height="8"></a></td>
159                                                                                         <td><a href="javascript:setVol(27)"><img id="imgVol27" src="led_on.gif" border="0" width="15" height="8"></a></td>
160                                                                                         <td><a href="javascript:setVol(33)"><img id="imgVol33" src="led_on.gif" border="0" width="15" height="8"></a></td>
161                                                                                         <td><a href="javascript:setVol(39)"><img id="imgVol39" src="led_on.gif" border="0" width="15" height="8"></a></td>
162                                                                                         <td><a href="javascript:setVol(45)"><img id="imgVol45" src="led_on.gif" border="0" width="15" height="8"></a></td>
163                                                                                         <td><a href="javascript:setVol(51)"><img id="imgVol51" src="led_on.gif" border="0" width="15" height="8"></a></td>
164                                                                                         <td><a href="javascript:setVol(57)"><img id="imgVol57" src="led_on.gif" border="0" width="15" height="8"></a></td>
165                                                                                         <td><a href="javascript:setVol(63)"><img id="imgVol63" src="led_on.gif" border="0" width="15" height="8"></a></td>
166                                                                                         <td>&nbsp;</td>
167                                                                                         <td><a href="javascript:toggleMute()"><img id="mute" border="0" src="speak_on.gif"></a></td>
168                                                                                 </tr>
169                                                                                 </table>
170                                                                         </td>
171                                                                 </tr>
172                                                                 <tr>
173                                                                         <td width="440px">
174                                                                                 <table style="table-layout:fixed" border="0" cellspacing="0" cellpadding="0">
175                                                                                 <tr>
176                                                                                         <td id="nextt" class="epgzeit_bold" width="50px" align=left>&nbsp;</td>
177                                                                                         <td id="nextd" class="epgdur" width="40px" align=left>&nbsp;</td>
178                                                                                         <td id="nextst" class="epgname_bold" width="350px" height="20px" align=left>&nbsp;</td>
180                                                                                 </tr>
181                                                                                 </table>
182                                                                         </td>
183                                                                         <td width="180px" align="right">
184                                                                                 <table border="0" cellpadding="0" cellspacing="0">
185                                                                                 <tr>
186                                                                                         <td><img id="recording" width="12" border="0" src="trans.gif"></td>
187                                                                                         <td><img height="0" width="5" border="0" src="trans.gif"></td>
188                                                                                         <td><img id="imgCrypt" src="crypt_off.png" border="0"></td>
189                                                                                         <td><img height="0" width="5" border="0" src="trans.gif"></td>
190                                                                                         <td><img id="imgFormat" src="format_off.png" border="0"></td>
191                                                                                         <td><img height="0" width="5" border="0" src="trans.gif"></td>
192                                                                                         <td><img id="imgDolby" src="dolby_off.png" border="0"></td>
193                                                                                 </tr>
194                                                                                 </table>
195                                                                         </td>
196                                                                 </tr>
197                                                                 </table>
198                                                                 <table style="table-layout: fixed" width="620px" height="7px" border="0" cellspacing="0" cellpadding="0">
199                                                                 <tr>
200                                                                         <td width="630px" height="7px">&nbsp;</td>
201                                                                 </tr>
202                                                                 </table>
203                                                                 <table id="statcell" border="0" cellpadding="0" cellspacing="0" height="20px">
204                                                                 <tr>
205                                                                         <td id="snr">&nbsp;</td>
206                                                                         <td>&nbsp;<img src="squ.png">&nbsp;</td>
207                                                                         <td id="agc">&nbsp;</td>
208                                                                         <td>&nbsp;<img src="squ.png">&nbsp;</td>
209                                                                         <td id="ber">&nbsp;</td>
210                                                                         <td>&nbsp;<img src="squ.png">&nbsp;</td>
211                                                                         <td id="lock">&nbsp;</td>
212                                                                         <td>&nbsp;<img src="squ.png">&nbsp;</td>
213                                                                         <td id="uptime">&nbsp;</td>
214                                                                         <td>&nbsp;</td>
215                                                                         <td>&nbsp;<img src="squ.png">&nbsp;</td>
216                                                                         <td id="ip">&nbsp;</td>
217                                                                         <td>&nbsp;<img src="squ.png">&nbsp;</td>
218                                                                         <td>vpid:&nbsp;<a id="vpid" href="javascript:vlc()">&nbsp;</a></td>
219                                                                         <td>&nbsp;<img src="squ.png">&nbsp;</td>
220                                                                         <td>apid:&nbsp;<a id="apid" href="audio.pls">&nbsp;</a></td>
221                                                                 </tr>
222                                                                 </table>
223                                                                 <table style="table-layout: fixed" width="620px" height="5px" border="0" cellspacing="0" cellpadding="0">
224                                                                 <tr>
225                                                                         <td width="630px" height="5px">&nbsp;</td>
226                                                                 </tr>
227                                                                 </table>
228                                                         </td>
229                                                 </tr>
230                                                 </table>
231                                         </td>
232                                 </tr>
233                                 </table>
234                                 <!-- end header -->
235                         </td>
236                 </tr>
237                 <tr>
238                         <td colspan="2">
239                                 <!-- channavi start -->
240                                 <table id="channavi" border="0" height="22px" width="780" cellspacing="0" cellpadding="0">
241                                 <tbody align="left">
242                                 <tr>
243                                         <td width="120" align="center">
244                                                 <script>
245                                                 var browser = determineBrowser();
246                                                 if (browser == "MSIE")
247                                                         document.writeln('<a href=javascript:webxtv("MSIE")>WEB-X-TV</a>');
248                                                 else
249                                                 if (browser == "Firefox")
250                                                         document.writeln('<a href=javascript:webxtv("Firefox")>WEB-X-TV</a>');
251                                                 else
252                                                         document.writeln('&nbsp;');
253                                                 </script>
254                                         </td>
255                                         <td align="left">#CHANNAVI#</td>
256                                         <td width=40 align="center"><a href="javascript:teletext()">TEXT</a></td>
257                                 </tr>
258                                 </tbody>
259                                 </table>
260                                 <!-- channavi end -->
261                         </td>
262                 </tr>
263                 #DVRCONTROLS#
264                 <tr>
265                         <td colspan="2">
266                                 <!-- topnavi start -->
267                                 <table id="topnavi" border="0" width="100%" height="22px" cellspacing="0" cellpadding="0">
268                                 <tbody align="left">
269                                 <tr>
270                                         <td width="120">&nbsp;</td>
271                                         <td align="left">#TOPNAVI#</td>
272                                 </tr>
273                                 </tbody>
274                                 </table>
275                                 <!-- topnavi end -->
276                         </td>
277                 </tr>
278                 <tr>
279                         <td colspan="2">
280                                 <table id="titletable" width="100%" height="26px" border="0" cellspacing="0" cellpadding="0" background="mepg_grad.png">
281                                 <tr>
282                                         <td width="120px" align="center" background="mepg_grad.png">&nbsp;</td>
283                                         <td id="title" align="left" valign="middle" background="mepg_grad.png">&nbsp;</td>
284                                 </tr>
285                                 </table>
286                         </td>
287                 </tr>
288                 <tr height="100%">
289                         <td><iframe name="leftnavi" width="110px" height="100%" src="leftnavi" scrolling="no" frameborder="0" marginwidth="0" marginheight="0"></iframe></td>
290                         <td><iframe name="body" width="670px" height="100%" src="body" scrolling="auto" frameborder="0" marginwidth="0" marginheight="0" style="background-color: #F4F4F4F4"></iframe></td>
291                 </tr>
292                 </tbody>
293                 </table>
294                 <iframe name="vlccmd" src="blank" height="0" frameborder="0" framemargin="0" framewidth="0"></iframe>
295                 <iframe name="data" src="data" height="0" frameborder="0" framemargin="0" framewidth="0"></iframe>
296         </body>
297 </html>