166 files changed, 6149 insertions, 0 deletions
diff --git a/html/alist.tmpl b/html/alist.tmpl
new file mode 100644
index 0000000..9d0f3c1
--- /dev/null
+++ b/html/alist.tmpl
@@ -0,0 +1,84 @@
+<!-- TableTemplate -->
+<h1><?% gettext("Wished automated recordings") %?></h1>
+
+<?% IF allow('anew') %?>
+<a href="?cmd=anew">[<?% gettext("Create a new autotimer") %?>]</a>
+<?% END %?>
+<a href="#" onClick="suche('<?% gettext("Search text") %?>', '?cmd=asearch&data=')"><?% gettext("Search in autotimer") %?></a>
+<?% IF allow('aupdate') %?>
+<a href="?cmd=aupdate">[<?% gettext("Start the autotimer process") %?>]</a>
+<?% END %?>
+<p>
+
+<table border="0" width="95%">
+<form name='Autotimer'>
+<?% INCLUDE 'widgets/referer.tmpl' %?>
+
+<?% IF data.size %?>
+    <?% fields = data.shift %?>
+        <tr>
+        <?% FOREACH field = fields %?>
+            <th style="white-space: nowrap">
+                <?% field %?>
+                <?% IF param.sortable %?>
+                <a href="?cmd=<?% cgi.param('cmd') %?>&__sortby=<?% field %?>&__desc=0"><img src="images/asc.png"></a>
+                <a href="?cmd=<?% cgi.param('cmd') %?>&__sortby=<?% field %?>&__desc=1"><img src="images/desc.png"></a>
+                <?% END %?>
+            </th>
+        <?% END %?>
+        </tr>
+        <?% x = -1 %?>
+        <?% FOREACH zeile = data %?>
+        <?% IF zeile.1 == 'n' %?>
+            <?% myclass = "deactive" %?>
+        <?% ELSE %?>
+            <?% myclass = "" %?>
+        <?% END %?>
+        <?% x = x + 1 %?>
+        <tr class="<?% myclass %?>" <?% IF (x mod 2) == 0 %?>bgcolor='#F5F5F5'<?% END %?>>
+            <?% c = 0 %?>
+            <?% FOREACH field = zeile %?>
+                <?% c = c + 1 %?>
+                <?% IF c == 1; # Id Field %?>
+                <td><nobr>
+                    <?% IF allow('aedit') %?>
+                    <a title="<?% gettext("Edit autotimer") %?>"
+                       href="?cmd=aedit&amp;data=<?% zeile.0 %?>">[<?% gettext("Edit") %?>]</a>
+                    <?% END %?>
+                    <?% IF allow('adelete') %?>
+                    <a title="<?% gettext("Delete autotimer")  %?>"
+                       href="javascript:sure(document.Autotimer, '<?% gettext("You will delete this autotimer") %?> : <?% escape(zeile.2) %?>','?cmd=adelete&amp;data=<?% zeile.0 %?>')">
+                    [<?% gettext("Del") %?>]
+                    </a>
+                    <?% END %?>
+                </td>
+                <?% ELSIF c == 2; # Activ Field %?>
+                <td>
+                    <?% aus = gettext('Off') %?>
+                    <?% an = gettext('On') %?>
+                    <?% IF allow('atoggle') %?>
+                    <a href="javascript:tostatus('?cmd=atoggle&amp;data=<?% zeile.0 %?>')">[<?% zeile.1 == 'n' ? aus : an %?>]</a>
+                    <?% ELSE %?>
+                    [<?% zeile.1 == 'n' ? aus : an %?>]
+                    <?% END %?>
+                </td>
+                <?% ELSIF c == 4; # Channel Field %?>
+                <td>
+                    <select style="width: 100%">
+                    <?% FOREACH chid = field.split(',') %?>
+                        <?% chid_enc = reentities(chid) %?>
+                        <option><?% param.channels.$chid_enc.Name %?></option>
+                    <?% END %?>
+                    </select>
+                </td>
+                <?% ELSIF c == 6 || c == 7; # Start/Stop Field %?>
+                <td><?% fmttime(field) %?></td>
+                <?% ELSE %?>
+                <td><?% field %?></td>
+                <?% END %?>
+            <?% END %?>
+        </tr>
+        <?% END %?>
+<?% END %?>
+</form>
+</table>
diff --git a/html/asearch.tmpl b/html/asearch.tmpl
new file mode 120000
index 0000000..5671c2a
--- /dev/null
+++ b/html/asearch.tmpl
@@ -0,0 +1 @@
+alist.tmpl
+\ No newline at end of file
diff --git a/html/bloecke/event_links.tmpl b/html/bloecke/event_links.tmpl
new file mode 100644
index 0000000..b618f6b
--- /dev/null
+++ b/html/bloecke/event_links.tmpl
@@ -0,0 +1,28 @@
+<div id='icons'>
+    <?% IF with_display_button %?>
+<a href="?cmd=display&data=<?% epgId %?>" title='<?% gettext("Detailed program information") %?>'><img src="images/view_event.png" /></a><?% umbruch %?>
+    <?% END %?>
+<a href="?cmd=search&amp;data=<?% url( data.1 ) %?>"><img src="images/repeat.png" title="[<?% gettext("Rep") %?>]" /></a><?% umbruch %?>
+    <?% IF param.timers.${data.0}.Id && allow('tedit') %?>
+<a href="?cmd=tedit&amp;data=<?% param.timers.${data.0}.Id %?>"><img src="images/record_blue.png" title="[<?% gettext("Edit this timer") %?>]" /></a><?% umbruch %?>
+    <?% ELSIF allow('tnew') %?>
+<a href="?cmd=tnew&amp;data=<?% data.0 %?>"><img src="images/record.png" title="[<?% gettext("To record") %?>]" name='recordlink' id='<?% data.0 %?>' /></a><?% umbruch %?>
+    <?% END %?>
+<?% IF allow('switch') && switch %?>
+    <a href="?cmd=switch&amp;data=<?% url(data.4) %?>"><img src="images/switch.png" title="[<?% gettext("Swt") %?>]" /></a><?% umbruch %?>
+<?% END %?>
+<?% INCLUDE 'bloecke/stars.tmpl' eventid=data.0 %?>
+<?% IF data.-2;
+        vid = data.-2.split(' ');
+        video = (vid.3 == '16:9' ? '16_9Screen.png' : '4_3Screen.png');
+        videotext = (vid.3 == '16:9' ? '16:9' : '4:3') %?>
+    <img src="images/<?% video %?>" title="[<?% gettext("Videoformat: ") %?><?% videotext %?>]" /><?% umbruch %?>
+<?% END %?>
+<?% IF data.-1;
+    aud = data.-1.split("\n");
+    audio = (aud.size > 2 ? 'Dolby' : 'Stereo') %?>
+    <?% IF audio == 'Dolby' %?>
+    <img src="images/dolby.png" title="[<?% gettext("Audioformat: ") %?><?% audio %?>]" /><?% umbruch %?>
+    <?% END %?>
+<?% END %?>
+</div>
diff --git a/html/bloecke/links.tmpl b/html/bloecke/links.tmpl
new file mode 100644
index 0000000..67fdf8b
--- /dev/null
+++ b/html/bloecke/links.tmpl
@@ -0,0 +1,9 @@
+<?% BLOCK link %?>
+<div align="center" style='position:absolute'>
+    <img src="images/linkbg.png" width="<?% text.length * 5 %?>">
+    <div style='position:absolute; top:10px; left:10px;'>
+    <?% text %?>%
+    </div>
+    <?% END %?>
+</div>
+<?% END %?>
+\ No newline at end of file
diff --git a/html/bloecke/percentbar.tmpl b/html/bloecke/percentbar.tmpl
new file mode 100644
index 0000000..f8b17fe
--- /dev/null
+++ b/html/bloecke/percentbar.tmpl
@@ -0,0 +1,21 @@
+<?% barexp = barwidth / 100;
+    IF color_switch;
+        ground = "images/bar_green.png";
+        over = "images/bar_red.png";
+    ELSE;
+        ground = "images/bar_red.png";
+        over = "images/bar_green.png";
+    END;
+     %?>
+
+<div align="center" style='position:absolute'>
+    <img src="<?% ground %?>" width="<?% barwidth %?>" title='<?% percent | format "%02d" %?>%'>
+    <div style='position:absolute; top:0px; left:0px; clip:rect(0px, <?% percent * barexp  | format "%d" %?>px, <?% percent * barexp | format "%d" %?>px, 0px)'>
+    <img src="<?% over %?>" width="<?% barwidth %?>" title='<?% percent | format "%02d" %?>%'>
+    </div>
+    <?% IF barwidth > 200 %?>
+    <div style='position:absolute; top:10px; left:<?% barwidth - 70 %?>px; color:#FFFFFF;font-weight:bold'>
+    <?% percent | format "%02d" %?>%
+    </div>
+    <?% END %?>
+</div>
diff --git a/html/bloecke/stars.tmpl b/html/bloecke/stars.tmpl
new file mode 100644
index 0000000..196da4e
--- /dev/null
+++ b/html/bloecke/stars.tmpl
@@ -0,0 +1,4 @@
+<?% level = getModule('SHARE').getEventLevel(eventid) %?>
+<?% IF level %?>
+<img class="stars" src="images/<?% level FILTER format('%d') %?>_stars.png" hspace=0 vspace=0 title="<?% level FILTER format('%d') %?> Stars"><?% umbruch %?>
+<?% END %?>
diff --git a/html/bloecke/tooltip.tmpl b/html/bloecke/tooltip.tmpl
new file mode 100644
index 0000000..44788fa
--- /dev/null
+++ b/html/bloecke/tooltip.tmpl
@@ -0,0 +1,12 @@
+  <?% IF cmd;
+      link="?cmd=${cmd}&amp;data=${linkid}";
+      END;
+      IF !ttp_offset;
+          ttp_offset = 0;
+      END;
+      IF !ttp_offset;ttp_offset = 0;END %?>
+                    <a href="<?% IF link;link;ELSE;"#";END %?>"<?% IF eventid %?> 
+                       onmouseover="ttpreq(this, '<?% escape(title) %?>
+                                                   <?% IF subtitle.length > 0 %?>~<?% escape(subtitle) %?>
+                                                   <?% END %?>',<?% eventid %?>, <?% ttp_offset %?>);"
+                      <?% END %?> >
diff --git a/html/clist.tmpl b/html/clist.tmpl
new file mode 100644
index 0000000..c864fae
--- /dev/null
+++ b/html/clist.tmpl
@@ -0,0 +1,157 @@
+<!-- clist -->
+<?% ######################################################################## %?>
+<?% enableform = allow('cdelete') && data.size > 1  %?>
+<?% ######################################################################## %?>
+<?% IF param.sortable.defined %?>
+    <?% IF cgi.param('__sortby') %?>
+        <?% sortby = cgi.param('__sortby') %?>
+        <?% sortby = "&amp;__sortby=${sortby}" %?>
+        <?% orderby = cgi.param('__desc') %?>
+        <?% orderby = "${sortby}&amp;__desc=${orderby}" %?>
+    <?% END %?>
+    <?% cmd = cgi.param('cmd') %?>
+    <?% IF cgi.param('data') %?>
+        <?% daten = url( cgi.param('data') ) %?>
+        <?% daten = "&amp;data=${daten}" %?>
+    <?% END %?>
+<?% END %?>
+<?% ######################################################################## %?>
+<?% BLOCK SortItem %?>
+        <?% "<strong>" IF cgi.param('__sortby') == row %?>
+        <a href="?cmd=<?% cmd %?><?% daten %?>&amp;__sortby=<?% row %?>&amp;__desc=<?% IF cgi.param('__sortby') == row && cgi.param('__desc') == 1 %?>0<?% ELSE %?>1<?% END %?>" >
+        <?% chop(label,trunc) %?>
+        </a>
+        <?% "</strong>" IF cgi.param('__sortby') == row %?>
+        <?% "<strong>" IF cgi.param('__sortby') == row && cgi.param('__desc') == 0 %?>
+        <a href="?cmd=<?% cmd %?><?% daten %?>&amp;__sortby=<?% row %?>&amp;__desc=0" ><img src="images/asc.png"></a>
+        <?% "</strong>" IF cgi.param('__sortby') == row && cgi.param('__desc') == 0 %?>
+        <?% "<strong>" IF cgi.param('__sortby') == row && cgi.param('__desc') == 1 %?>
+        <a href="?cmd=<?% cmd %?><?% daten %?>&amp;__sortby=<?% row %?>&amp;__desc=1" ><img src="images/desc.png"></a>
+        <?% "</strong>" IF cgi.param('__sortby') == row && cgi.param('__desc') == 1 %?>
+<?% END %?>
+<?% ######################################################################## %?>
+<?% BLOCK RowButtons %?>
+<a href="?cmd=switch&amp;data=<?% id %?>" title="<?% gettext("Switch to channel") %?>">[S]</a>&nbsp;
+<?%- IF allow('cedit') -%?>
+<a href="?cmd=cedit&amp;data=<?% id %?>" title="<?% gettext("Edit channel") %?>">[E]</a>&nbsp;
+<?%- END -%?>
+<?%- IF allow('cdelete') -%?>
+<a href="javascript:sure(document.KanalListe, '<?% gettext("You will delete this channel") %?> : \'<?% escape(name) %?>\' ?','?cmd=cdelete&amp;data=<?% POS %?>')"
+   title="<?% gettext("Delete channel") %?>" >[D]</a>
+<?%- END -%?>
+<?% END %?>
+<?% ######################################################################## %?>
+<?% BLOCK Item %?>
+        <tr<?% ' bgcolor="#F5F5F5"' IF loop.count mod 2 == 0 %?>>
+          <td>
+            <?% IF enableform %?>
+        			<input type="checkbox" value="<?% POS %?>" name="<?% name %?>" />
+             <?% END %?>
+          </td>
+          <td>
+<?% IF allow('cedit') %?>
+            <a href="?cmd=cedit&amp;data=<?% id %?>">
+<?% END %?>
+            <?% POS %?>.<?% name %?>
+<?% IF allow('cedit') %?>
+            </a>
+<?% END %?>
+          </td>
+          <td>
+            <?% frequency %?>
+          </td>
+          <td>
+            <?% parameters %?>
+          </td>
+          <td>
+            <?% source %?>
+          </td>
+          <!--<td>
+            <?% srate %?>
+          </td>-->
+          <td>
+            <?% chop(VPID,16) %?>
+          </td>
+          <td>
+            <?% chop(APID,16) %?>
+          </td>
+          <td>
+            <?% chop(TPID,16) %?>
+          </td>
+          <td>
+            <?% chop(CA,16) %?>
+          </td>
+          <td align="right">
+            <?% PROCESS RowButtons %?>
+           </td>
+        </tr>
+<?% END %?>
+<?% ######################################################################## %?>
+<?% IF cgi.param('data') != "" %?>
+    <?% search = cgi.param('data') %?>
+<?% END %?>
+<h1>
+    <?% gettext("Channels") %?>
+    <?% IF search.defined %?> : "<?% search %?>"
+    <?% END %?>
+</h1>
+    <p>
+      <form name="KanalListe">
+<?% INCLUDE 'widgets/referer.tmpl'%?>
+<?% IF allow( 'cnew' ) %?>
+      <a href="?cmd=cnew">
+        [<?% gettext("Create a new channel") %?>]
+      </a>
+<?% END %?>
+<?% IF allow( 'cupdate' ) %?>
+     <a href="?cmd=cupdate">
+        [<?% gettext("Update channels") %?>]
+      </a>
+<?% END %?>
+    <?% gettext("Search for channels") %?> :
+            <input type="hidden" name="cmd" value="clist" />
+            <input type="text" name="data" size="18" <?% IF search.defined %?>value="<?% search %?>"<?% END %?> />
+        </form>
+    </p>
+<?% IF enableform %?>
+    <p>
+        <a href="#" onclick="selAll(document.clist,1)">[<?% gettext("Select all") %?>]</a>&nbsp;
+        <a href="#" onclick="selAll(document.clist,0)">[<?% gettext("Unselect all") %?>]</a>&nbsp;
+        <a href="#" onclick="reverse(document.clist)">[<?% gettext("Reverse select") %?>]</a>&nbsp;
+        <a href="#" onclick="Delete('<?% gettext("You would delete follow channels?") %?>',
+                            '<?% gettext("You have nothing selected!") %?>','cdelete',document.clist)">
+                            [<?% gettext("Delete channels") %?>]
+        </a>
+    </p>
+<?% END %?>
+
+
+<?% IF data.size > 1 %?>
+<?% fields = data.shift %?>
+<form name="clist" action="">
+    <table border="0" cellspacing="0" cellpadding="0"  summary="" width="100%">
+    <tr><th width="20"><?% PROCESS SortItem row="POS" label="" trunc=5 %?></th>
+        <th width="120"><?% PROCESS SortItem row="Name" label=gettext('Name') trunc=20 %?></th>
+        <th><?% PROCESS SortItem row="Frequency"  label=gettext('Transponder frequency') trunc=6 %?></th>
+        <th><?% PROCESS SortItem row="Parameters"  label=gettext('Various parameters, depends on signal source') trunc=8 %?></th>
+        <th><?% PROCESS SortItem row="Srate" label=gettext('Symbol rate') trunc=6  %?></th>
+        <th><?% PROCESS SortItem row="VPID" label=gettext('Video PID (VPID)') trunc=10  %?></th>
+        <th><?% PROCESS SortItem row="APID" label=gettext('Audio PID (APID)') trunc=10  %?></th>
+        <th><?% PROCESS SortItem row="TPID" label=gettext('Teletext PID (TPID)') trunc=10  %?></th>
+        <th><?% PROCESS SortItem row="CA" label=gettext('Conditional access (CA)') trunc=10  %?></th>
+        <th width="64" align="right"></th>
+    </tr>
+    <?% FOREACH zeile = data %?>
+        <?% id=zeile.0;name=zeile.1;frequency=zeile.2;parameters=zeile.3;source=zeile.4;srate=zeile.5;VPID=zeile.6;APID=zeile.7;TPID=zeile.8;CA=zeile.9;SID=zeile.10;NID=zeile.11;TID=zeile.12;RID=zeile.13;GRP=zeile.14;POS=zeile.15;CGRP=zeile.16 %?>
+        <?% IF CGRP != CGRP_OLD %?>
+            <tr>
+                <td colspan=10 bgcolor='#DDDDDD'><b><?% CGRP %?></b></td>
+            <tr>
+        <?% END %?>
+        <?% PROCESS Item %?>
+        <?% CGRP_OLD = CGRP %?>
+    <?% END %?>
+   </table>
+</form>
+<?% END %?>
+
diff --git a/html/cmdlist.tmpl b/html/cmdlist.tmpl
new file mode 100644
index 0000000..54e48ce
--- /dev/null
+++ b/html/cmdlist.tmpl
@@ -0,0 +1,38 @@
+<h1><?% gettext("Commands list") %?></h1>
+<!-- TableTemplate -->
+<?% IF param.headingText %?>
+<table width=100%><tr><td class='tableheader'><h3><?% param.headingText %?></h3>
+<?% END %?>
+<table border="0" width="95%">
+<?% fields = data.shift %?>
+    <tr>
+    <?% FOREACH field = fields %?>
+        <?% NEXT IF field.match('^__') %?>
+        <th>
+            <nobr><?% field %?>
+            <?% IF param.sortable %?>
+            <a href="?cmd=<?% cgi.param('cmd') %?>&__sortby=<?% field %?>&__desc=0"><img src="images/asc.png"></a>
+            <a href="?cmd=<?% cgi.param('cmd') %?>&__sortby=<?% field %?>&__desc=1"><img src="images/desc.png"></a>
+            <?% END %?>
+            </nobr>
+        </th>
+    <?% END %?>
+    </tr>
+    <?% FOREACH zeile = data %?>
+    <tr>
+        <?% c = -1 %?>
+        <?% FOREACH field = zeile %?>
+            <?% c = c + 1 %?>
+            <?% NEXT IF fields.$c.match('^__') %?>
+            <td>
+            <a href='?cmd=cmd&data=<?% zeile.first %?>'>
+            <?% field.replace('\|', '<p>').replace('\n', '<br>') %?></td>
+            </a>
+        <?% END %?>
+    </tr>
+    <?% END %?>
+</table>
+<?% IF param.headingText %?>
+</td></tr></table>
+<p>
+<?% END %?>
diff --git a/html/display.tmpl b/html/display.tmpl
new file mode 100644
index 0000000..fca8970
--- /dev/null
+++ b/html/display.tmpl
@@ -0,0 +1,85 @@
+<script language="javascript" type="text/javascript">
+<!--
+
+    <?% INCLUDE javascript/records.js %?>
+
+-->
+</SCRIPT>
+<?% USE date %?>
+
+<h1><?% gettext("Detailed program information") %?></h1>
+<!-- TableTemplate -->
+<table border="0" width="95%">
+<?% fields = data.shift %?>
+    <?% c = -1 %?>
+    <?% IF data.first.7 %?>
+       <?% Image = data.first.7 %?>
+    <?% END %?>
+    <?% FOREACH field = fields %?>
+        <?% c = c + 1 %?>
+        <?% NEXT UNLESS data.first.$c %?>
+        <?% NEXT IF field == gettext('Percent') && data.first.$c > 100 %?>
+        <?% NEXT IF field.match('^__') %?>
+        <tr>
+            <td><?% field %?></td>
+        <?% IF field == gettext('Channel') %?>
+            <td><a href="?cmd=program&amp;data=<?% data.first.$c %?>"><?% data.first.$c %?></a></td>
+        <?% ELSIF field == gettext('Service') %?>
+            <td>
+            <a href="?cmd=search&amp;data=<?% url( data.first.1 ) %?>">[<?% gettext("Search for repeats") %?>]</a>
+            <?% IF param.timers.${data.first.$c} && allow('tedit') %?>
+                <a href="?cmd=tedit&amp;data=<?% param.timers.${data.first.$c}.Id %?>"><span name='recordlink' class='normal'><b>[<?% gettext("Edit this timer") %?>]</b></span></a>
+            <?% ELSIF allow('tnew')%?>
+                <a href="?cmd=tnew&amp;data=<?% data.first.$c %?>"><span name='recordlink' id='<?% data.first.$c %?>' class='normal'>[<?% gettext("To record") %?>]</span></a>
+            <?% END %?>
+            <?% level = getModule('SHARE').getEventLevel(data.first.0) %?>
+            <?% IF level %?><br/><?% "*" FILTER repeat(level) %?><?% END %?>
+            <a target="_blank" href="http://german.imdb.com/find?s=tt&amp;site=aka&amp;q=<?% data.last.1 %?>">
+                [<?% gettext("Search with IMDb") %?>]
+            </a>
+            <a target="_blank" href="http://www.ofdb.de/view.php?page=suchergebnis&Kat=Titel&SText=<?% data.last.1 %?>">
+                [<?% gettext("Search with OFDb") %?>]
+            </a>
+            </td>
+        <?% ELSIF field == gettext('Percent') %?>
+            <?% NEXT IF data.first.$c > 100 %?>
+            <td valign='bottom'><nobr>
+                <?% fac = 3 %?>
+                <?% val = data.first.$c * fac %?>
+                <?% per = (100 * fac) - val  + 0.999 | format('%d') %?>
+                <?% per2 = (100 * fac) - per %?>
+                <?% text = (per / fac) | format("<br><font size='1'>%d%%</font>") %?>
+                <table width="100" cellspacing='0' cellpadding='0'>
+                    <tr>
+                    <td bgcolor="#dedede"><img src='images/blank.png' width="<?% per %?>" height='1' hspace=0 vspace=0><?% (per >= 19 ? text : "&nbsp;") %?></td>
+                    <td bgcolor="#ffffff"><img src='images/blank.png' width="<?% per2 %?>" height='1' hspace=0 vspace=0><?% (per <= 20 ? text : "") %?></td>
+                    <tr>
+                </table>
+            </td>
+
+        <?% ELSIF field == gettext('Description') %?>
+            <td>
+            <?% IF Image %?>
+                <?% FOREACH img = Image.split("\n") %?>
+                <img src='epgimages/<?% img %?>' border=1 align='right'>
+                <?% END %?>
+            <?% END %?>
+            <?% data.first.$c %?>
+            </td>
+        <?% ELSIF field == gettext('Start') %?>
+            <td>
+			          <?% date.format(data.first.$c,"%A, %x",locale) %?>&nbsp;
+                <?% date.format(data.first.$c,"%H:%M",locale) %?>
+                <?% IF data.first.11 && data.first.11 != data.first.$c %?>&nbsp;(<?% gettext("VPS") %?>&nbsp;<?% date.format(data.first.11,"%H:%M",locale) %?>) <?% END %?>
+            </td>
+        <?% ELSIF field == gettext('Stop') %?>
+            <td>
+			          <?% date.format(data.first.$c,"%A, %x",locale) %?>&nbsp;
+                <?% date.format(data.first.$c,"%H:%M",locale) %?>
+            </td>
+        <?% ELSE %?>
+            <td><?% data.first.$c %?></td>
+        <?% END %?>
+        </tr>
+    <?% END %?>
+</table>
diff --git a/html/favicon.ico b/html/favicon.ico
new file mode 100644
index 0000000..6a4fe16
--- /dev/null
+++ b/html/favicon.ico
diff --git a/html/filesys.tmpl b/html/filesys.tmpl
new file mode 100644
index 0000000..8806b08
--- /dev/null
+++ b/html/filesys.tmpl
@@ -0,0 +1,76 @@
+<?%
+statusfiles = [];
+trash = param.usage.shift;
+# USE Dumper; Dumper.dump_html(param.usage);
+
+IF param.graphic;
+    FILTER null;
+        FOREACH device = param.usage;
+            name = reentities(device.first).split('/').last;
+
+            free = 100 - device.5;
+            d = [
+                [ device.3, device.4],
+                [ device.5, free],
+            ];
+
+            USE my_graph = GD.Graph.pie(200, 150);
+
+            label = gettext('Total space');
+            label = "${label} ${device.0} ${device.2}";
+            my_graph.set(
+                label => label,
+                pie_height => 6,
+                axislabelclr => 'black',
+                shadow => 1,
+            );
+            my_graph.set_title_font(param.font,8);
+            my_graph.set_value_font(param.font,8);
+            my_graph.set_label_font(param.font,6);
+
+            file = writefile("status_filesys_${name}.gif", my_graph.plot(d).gif );
+            statusfiles.push(file);
+        END;
+    END;
+END;
+%?>
+<!-- Vitals Template -->
+<?% IF param.headingText %?>
+<h3><?% param.headingText %?></h3>
+<?% END %?>
+
+<?% IF param.graphic %?>
+    <table border="0" width="95%">
+    <?% count = 0 %?>
+    <?% FOREACH file = statusfiles %?>
+    	<?% IF count % 2 == 0 %?>
+    		<?% IF count > 0 %?>
+    </tr>
+    		<?% END %?>
+     <tr>
+    	<?% END %?>
+         <td colspan=2 align=center>
+             <img src="<?% file %?>" hspace=5>
+         </td>
+    	<?% count = count + 1 %?>
+     <?% END %?>
+    <?% IF count > 0 %?>
+     </tr>
+    <?% END %?><tr>
+    </table>
+<?% ELSE %?>
+    <table border="0" width="95%">
+            <tr>
+            <?% FOREACH field = trash %?>
+                <th><?% field %?></th>
+            <?% END %?>
+            </tr>
+            <?% FOREACH zeile = data %?>
+            <tr>
+                <?% FOREACH field = zeile %?>
+                <td><?% field %?></td>
+                <?% END %?>
+            </tr>
+            <?% END %?>
+    </table>
+<?% END %?>
diff --git a/html/help.tmpl b/html/help.tmpl
new file mode 100644
index 0000000..65daa5f
--- /dev/null
+++ b/html/help.tmpl
@@ -0,0 +1,127 @@
+<base target="Daten">
+<script type="text/javascript" src="javascript/xtree.js"></script>
+<link type="text/css" rel="stylesheet" href="style/xtree.css" />
+
+<script type="text/javascript">
+/// XP Look
+webFXTreeConfig.rootIcon		= "images/xp/folder.png";
+webFXTreeConfig.openRootIcon	= "images/xp/openfolder.png";
+webFXTreeConfig.folderIcon		= "images/xp/folder.png";
+webFXTreeConfig.openFolderIcon	= "images/xp/openfolder.png";
+webFXTreeConfig.fileIcon		= "images/xp/file.png";
+webFXTreeConfig.lMinusIcon		= "images/xp/Lminus.png";
+webFXTreeConfig.lPlusIcon		= "images/xp/Lplus.png";
+webFXTreeConfig.tMinusIcon		= "images/xp/Tminus.png";
+webFXTreeConfig.tPlusIcon		= "images/xp/Tplus.png";
+webFXTreeConfig.iIcon			= "images/xp/I.png";
+webFXTreeConfig.lIcon			= "images/xp/L.png";
+webFXTreeConfig.tIcon			= "images/xp/T.png";
+
+var tree = new WebFXTree("XXV", "?cmd=<?% start %?>");
+
+<?% IF allow('now') %?>
+    var runnow = new WebFXTreeItem("<?% gettext("Running now") %?>","?cmd=now",tree);
+        runnow.add(new WebFXTreeItem("<?% gettext("Next",12) %?>",  "?cmd=next"));
+
+    <?% USE date %?>
+    <?% FOREACH zeit = param.periods.split(','); %?>
+        <?% runningnext = 0 %?>
+        <?% tom = 0 %?>
+        <?% PERL %?>
+            use Date::Manip;
+            my $z;
+            $z   = UnixDate(ParseDate($stash->{zeit}),"%s") || 0;
+            if($z and $z < time) {
+                $z += 86400;
+                $stash->set('tom', 1);
+            }
+            $stash->set('z', $z);
+        <?% END %?>
+        <?% NEXT UNLESS z %?>
+
+        <?% IF tom %?>
+        runnow.add(new WebFXTreeItem("<?% date.format(z, "%H:%M (%a)", locale) %?>",  "?cmd=now&amp;data=<?% z %?>"));
+        <?% ELSE %?>
+        runnow.add(new WebFXTreeItem("<?% date.format(z, "%H:%M", locale) %?>",  "?cmd=now&amp;data=<?% z %?>"));
+        <?% END %?>
+    <?% END %?>
+<?% END %?>
+
+<?% IF allow('schema') %?>
+    var program = new WebFXTreeItem("<?% gettext("Program guide") %?>","?cmd=schema",tree);
+    <?% FOREACH ch = param.CHANNELS %?>
+    program.add(new WebFXTreeItem("<?% escape(chop(ch.0,10)) %?>",  "?cmd=program&amp;data=<?% ch.1 %?>"));
+    <?% END %?>
+<?% END %?>
+
+
+<?% IF allow('topten') %?>tree.add(new WebFXTreeItem("<?% gettext("TopTen") %?>",    "?cmd=t10"));<?% END %?>
+
+<?% IF allow('cmdlist') %?>tree.add(new WebFXTreeItem("<?% gettext("Commands") %?>",    "?cmd=cmdlist"));<?% END %?>
+
+<?% IF allow('alist') %?>tree.add(new WebFXTreeItem("<?% gettext("AutoTimer") %?>",     "?cmd=alist"));<?% END %?>
+
+<?% IF allow('tlist') %?>tree.add(new WebFXTreeItem("<?% gettext("Timers") %?>",        "?cmd=tlist"));<?% END %?>
+
+<?% IF allow('rlist') %?>tree.add(new WebFXTreeItem("<?% gettext("Recordings") %?>",    "?cmd=rlist"));<?% END %?>
+
+<?% IF allow('mlist') %?>tree.add(new WebFXTreeItem("<?% gettext("Music") %?>",         "?cmd=mlist"));<?% END %?>
+
+<?% IF allow('remote') %?>tree.add(new WebFXTreeItem("<?% gettext("Remote") %?>",        "?cmd=remote"));<?% END %?>
+
+<?% IF allow('vtxpage') %?>tree.add(new WebFXTreeItem("<?% gettext("Teletext") %?>",      "?cmd=vtxpage"));<?% END %?>
+
+<?% IF allow('mllist') %?>tree.add(new WebFXTreeItem("<?% gettext("Media Library") %?>",      "?cmd=mllist"));<?% END %?>
+
+
+<?% IF allow('configedit') %?>
+    var prefs = new WebFXTreeItem("<?% gettext("Preferences") %?>","?cmd=configedit",tree);
+    <?% FOREACH co = param.CONFIGS %?>
+      <?% IF co != "CONFIG" %?>
+        prefs.add(new WebFXTreeItem("<?% chop(co,10) %?>",  "?cmd=configedit&amp;data=<?% co %?>"));
+      <?% END %?>
+    <?% END %?>
+    prefs.add(new WebFXTreeItem("<?% gettext("Edit channels",10) %?>",  "?cmd=cl"));
+<?% END %?>
+
+<?% IF allow('sa') %?>
+var status = new WebFXTreeItem("<?% gettext("Status") %?>","?cmd=sa",tree);
+status.add(new WebFXTreeItem("<?% gettext("Vitals") %?>",      "?cmd=sv"));
+status.add(new WebFXTreeItem("<?% gettext("Memory") %?>",      "?cmd=sm"));
+status.add(new WebFXTreeItem("<?% gettext("Filesystem") %?>",  "?cmd=sf"));
+status.add(new WebFXTreeItem("<?% gettext("Network") %?>",     "?cmd=sn"));
+status.add(new WebFXTreeItem("<?% gettext("Hardware") %?>",    "?cmd=sh"));
+<?% END %?>
+
+<?% IF allow('more') %?>
+var info = new WebFXTreeItem("<?% gettext("Documentation") %?>",0,tree);
+info.add(new WebFXTreeItem("<?% gettext("News") %?>",   "?cmd=more&data=NEWS"));
+info.add(new WebFXTreeItem("<?% gettext("History") %?>",   "?cmd=more&data=CHANGELOG"));
+info.add(new WebFXTreeItem("<?% gettext("License") %?>",   "?cmd=more&data=COPYING"));
+info.add(new WebFXTreeItem("<?% gettext("Readme") %?>",   "?cmd=more&data=<?% gettext('Readme') FILTER upper %?>"));
+info.add(new WebFXTreeItem("<?% gettext("Tutorial") %?>",   "?cmd=more&data=TUTORIAL"));
+<?% END %?>
+
+<?% IF allow('logger') %?>
+var logger = new WebFXTreeItem("<?% gettext("Log files") %?>",0,tree);
+logger.add(new WebFXTreeItem("<?% gettext("Standard") %?>",  "?cmd=logger&data=main"));
+logger.add(new WebFXTreeItem("<?% gettext("Syslog") %?>",    "?cmd=logger&data=syslog"));
+<?% END %?>
+
+<?% IF allow('report') %?>var report = new WebFXTreeItem("<?% gettext("Report") %?>","?cmd=report",tree);<?% END %?>
+<?% IF allow('ul') %?>var user = new WebFXTreeItem("<?% gettext("User") %?>","?cmd=ul",tree);
+<?% ELSIF allow('uprefs') %?>var pass = new WebFXTreeItem("<?% gettext("Personality") %?>","?cmd=uprefs",tree);<?% END %?>
+<?% IF allow('rel') %?>var re   = new WebFXTreeItem("<?% gettext("Reload") %?>","?cmd=rel",tree);<?% END %?>
+<?% IF allow('logout') %?>var lout = new WebFXTreeItem("<?% gettext("Logout") %?>","?cmd=logout",tree);<?% END %?>
+<?% IF allow('restart') %?>var lout = new WebFXTreeItem("<?% gettext("Restart") %?>","?cmd=restart",tree);<?% END %?>
+
+document.write(tree);
+
+</script>
+
+<p>
+<form>
+    <input type="hidden" name="cmd" value='search'>
+    <?% gettext("search") %?>:<input style='width:100px' type="text" name="data" size='10'>
+</form>
+</div>
diff --git a/html/images/16_9Screen.png b/html/images/16_9Screen.png
new file mode 100644
index 0000000..6b81670
--- /dev/null
+++ b/html/images/16_9Screen.png
diff --git a/html/images/1_stars.png b/html/images/1_stars.png
new file mode 100644
index 0000000..f06010f
--- /dev/null
+++ b/html/images/1_stars.png
diff --git a/html/images/2_stars.png b/html/images/2_stars.png
new file mode 100644
index 0000000..905316f
--- /dev/null
+++ b/html/images/2_stars.png
diff --git a/html/images/3_stars.png b/html/images/3_stars.png
new file mode 100644
index 0000000..1783294
--- /dev/null
+++ b/html/images/3_stars.png
diff --git a/html/images/4_3Screen.png b/html/images/4_3Screen.png
new file mode 100644
index 0000000..737016e
--- /dev/null
+++ b/html/images/4_3Screen.png
diff --git a/html/images/4_stars.png b/html/images/4_stars.png
new file mode 100644
index 0000000..9be4448
--- /dev/null
+++ b/html/images/4_stars.png
diff --git a/html/images/5_stars.png b/html/images/5_stars.png
new file mode 100644
index 0000000..5ba2ed7
--- /dev/null
+++ b/html/images/5_stars.png
diff --git a/html/images/I.png b/html/images/I.png
new file mode 100644
index 0000000..e8512fb
--- /dev/null
+++ b/html/images/I.png
diff --git a/html/images/L.png b/html/images/L.png
new file mode 100644
index 0000000..eb334ed
--- /dev/null
+++ b/html/images/L.png
diff --git a/html/images/Lminus.png b/html/images/Lminus.png
new file mode 100644
index 0000000..f7c43c0
--- /dev/null
+++ b/html/images/Lminus.png
diff --git a/html/images/Lplus.png b/html/images/Lplus.png
new file mode 100644
index 0000000..848ec2f
--- /dev/null
+++ b/html/images/Lplus.png
diff --git a/html/images/T.png b/html/images/T.png
new file mode 100644
index 0000000..3017325
--- /dev/null
+++ b/html/images/T.png
diff --git a/html/images/Tminus.png b/html/images/Tminus.png
new file mode 100644
index 0000000..2260e42
--- /dev/null
+++ b/html/images/Tminus.png
diff --git a/html/images/Tplus.png b/html/images/Tplus.png
new file mode 100644
index 0000000..2c8d8f4
--- /dev/null
+++ b/html/images/Tplus.png
diff --git a/html/images/arrow.down.png b/html/images/arrow.down.png
new file mode 100644
index 0000000..675d84b
--- /dev/null
+++ b/html/images/arrow.down.png
diff --git a/html/images/arrow.right.png b/html/images/arrow.right.png
new file mode 100644
index 0000000..79abee5
--- /dev/null
+++ b/html/images/arrow.right.png
diff --git a/html/images/asc.png b/html/images/asc.png
new file mode 100644
index 0000000..80b153f
--- /dev/null
+++ b/html/images/asc.png
diff --git a/html/images/at.png b/html/images/at.png
new file mode 100644
index 0000000..4201164
--- /dev/null
+++ b/html/images/at.png
diff --git a/html/images/back.png b/html/images/back.png
new file mode 100644
index 0000000..9627bbb
--- /dev/null
+++ b/html/images/back.png
diff --git a/html/images/back_big.png b/html/images/back_big.png
new file mode 100644
index 0000000..024e4e4
--- /dev/null
+++ b/html/images/back_big.png
diff --git a/html/images/bar_green.png b/html/images/bar_green.png
new file mode 100644
index 0000000..c7ace12
--- /dev/null
+++ b/html/images/bar_green.png
diff --git a/html/images/bar_red.png b/html/images/bar_red.png
new file mode 100644
index 0000000..4086f57
--- /dev/null
+++ b/html/images/bar_red.png
diff --git a/html/images/blank.png b/html/images/blank.png
new file mode 100644
index 0000000..cee9cd3
--- /dev/null
+++ b/html/images/blank.png
diff --git a/html/images/delete.png b/html/images/delete.png
new file mode 100644
index 0000000..a495dad
--- /dev/null
+++ b/html/images/delete.png
diff --git a/html/images/desc.png b/html/images/desc.png
new file mode 100644
index 0000000..675d84b
--- /dev/null
+++ b/html/images/desc.png
diff --git a/html/images/dolby.png b/html/images/dolby.png
new file mode 100644
index 0000000..6eb9a4c
--- /dev/null
+++ b/html/images/dolby.png
diff --git a/html/images/down.png b/html/images/down.png
new file mode 100644
index 0000000..39c9c30
--- /dev/null
+++ b/html/images/down.png
diff --git a/html/images/edit.png b/html/images/edit.png
new file mode 100644
index 0000000..12700d6
--- /dev/null
+++ b/html/images/edit.png
diff --git a/html/images/english.gif b/html/images/english.gif
new file mode 100644
index 0000000..c2eedfc
--- /dev/null
+++ b/html/images/english.gif
diff --git a/html/images/exit.png b/html/images/exit.png
new file mode 100644
index 0000000..19df8c4
--- /dev/null
+++ b/html/images/exit.png
diff --git a/html/images/file.png b/html/images/file.png
new file mode 100644
index 0000000..a20c6fa
--- /dev/null
+++ b/html/images/file.png
diff --git a/html/images/foldericon.png b/html/images/foldericon.png
new file mode 100644
index 0000000..2684748
--- /dev/null
+++ b/html/images/foldericon.png
diff --git a/html/images/french.gif b/html/images/french.gif
new file mode 100644
index 0000000..3886d93
--- /dev/null
+++ b/html/images/french.gif
diff --git a/html/images/german.gif b/html/images/german.gif
new file mode 100644
index 0000000..dbd8ea7
--- /dev/null
+++ b/html/images/german.gif
diff --git a/html/images/leer.png b/html/images/leer.png
new file mode 100644
index 0000000..7a50497
--- /dev/null
+++ b/html/images/leer.png
diff --git a/html/images/linkbg.png b/html/images/linkbg.png
new file mode 100644
index 0000000..cc6a456
--- /dev/null
+++ b/html/images/linkbg.png
diff --git a/html/images/logo.gif b/html/images/logo.gif
new file mode 100755
index 0000000..37f43f5
--- /dev/null
+++ b/html/images/logo.gif
diff --git a/html/images/menu_big.png b/html/images/menu_big.png
new file mode 100644
index 0000000..e378030
--- /dev/null
+++ b/html/images/menu_big.png
diff --git a/html/images/movie.png b/html/images/movie.png
new file mode 100644
index 0000000..0c24571
--- /dev/null
+++ b/html/images/movie.png
diff --git a/html/images/new.png b/html/images/new.png
new file mode 100644
index 0000000..8aa9166
--- /dev/null
+++ b/html/images/new.png
diff --git a/html/images/newfolder.png b/html/images/newfolder.png
new file mode 100644
index 0000000..0695da8
--- /dev/null
+++ b/html/images/newfolder.png
diff --git a/html/images/next.png b/html/images/next.png
new file mode 100644
index 0000000..c3bb0e8
--- /dev/null
+++ b/html/images/next.png
diff --git a/html/images/nocover.gif b/html/images/nocover.gif
new file mode 100644
index 0000000..81cd60e
--- /dev/null
+++ b/html/images/nocover.gif
diff --git a/html/images/notimers.png b/html/images/notimers.png
new file mode 100644
index 0000000..dd8d629
--- /dev/null
+++ b/html/images/notimers.png
diff --git a/html/images/oben.png b/html/images/oben.png
new file mode 100644
index 0000000..72a9633
--- /dev/null
+++ b/html/images/oben.png
diff --git a/html/images/off.png b/html/images/off.png
new file mode 100644
index 0000000..6eda545
--- /dev/null
+++ b/html/images/off.png
diff --git a/html/images/ok.png b/html/images/ok.png
new file mode 100644
index 0000000..f4e67f0
--- /dev/null
+++ b/html/images/ok.png
diff --git a/html/images/on.png b/html/images/on.png
new file mode 100644
index 0000000..98e0765
--- /dev/null
+++ b/html/images/on.png
diff --git a/html/images/openfoldericon.png b/html/images/openfoldericon.png
new file mode 100644
index 0000000..15fcd56
--- /dev/null
+++ b/html/images/openfoldericon.png
diff --git a/html/images/radio.png b/html/images/radio.png
new file mode 100644
index 0000000..e877c02
--- /dev/null
+++ b/html/images/radio.png
diff --git a/html/images/record.png b/html/images/record.png
new file mode 100644
index 0000000..03bf621
--- /dev/null
+++ b/html/images/record.png
diff --git a/html/images/record_blue.png b/html/images/record_blue.png
new file mode 100644
index 0000000..4201164
--- /dev/null
+++ b/html/images/record_blue.png
diff --git a/html/images/record_green.png b/html/images/record_green.png
new file mode 100644
index 0000000..03bf621
--- /dev/null
+++ b/html/images/record_green.png
diff --git a/html/images/record_red.png b/html/images/record_red.png
new file mode 100644
index 0000000..748388b
--- /dev/null
+++ b/html/images/record_red.png
diff --git a/html/images/repeat.png b/html/images/repeat.png
new file mode 100644
index 0000000..b92f130
--- /dev/null
+++ b/html/images/repeat.png
diff --git a/html/images/schnell_back.png b/html/images/schnell_back.png
new file mode 100644
index 0000000..6d27e6f
--- /dev/null
+++ b/html/images/schnell_back.png
diff --git a/html/images/schnell_vor.png b/html/images/schnell_vor.png
new file mode 100644
index 0000000..708c5f6
--- /dev/null
+++ b/html/images/schnell_vor.png
diff --git a/html/images/spanish.gif b/html/images/spanish.gif
new file mode 100644
index 0000000..6fdede8
--- /dev/null
+++ b/html/images/spanish.gif
diff --git a/html/images/star.png b/html/images/star.png
new file mode 100644
index 0000000..5e76158
--- /dev/null
+++ b/html/images/star.png
diff --git a/html/images/stardark.png b/html/images/stardark.png
new file mode 100644
index 0000000..edea55d
--- /dev/null
+++ b/html/images/stardark.png
diff --git a/html/images/switch.png b/html/images/switch.png
new file mode 100644
index 0000000..4191979
--- /dev/null
+++ b/html/images/switch.png
diff --git a/html/images/timers.png b/html/images/timers.png
new file mode 100644
index 0000000..585622d
--- /dev/null
+++ b/html/images/timers.png
diff --git a/html/images/trans.gif b/html/images/trans.gif
new file mode 100644
index 0000000..35d42e8
--- /dev/null
+++ b/html/images/trans.gif
diff --git a/html/images/up.png b/html/images/up.png
new file mode 100644
index 0000000..6dd9846
--- /dev/null
+++ b/html/images/up.png
diff --git a/html/images/view_event.png b/html/images/view_event.png
new file mode 100644
index 0000000..04601b5
--- /dev/null
+++ b/html/images/view_event.png
diff --git a/html/images/vor.png b/html/images/vor.png
new file mode 100644
index 0000000..346d0de
--- /dev/null
+++ b/html/images/vor.png
diff --git a/html/images/xp/I.png b/html/images/xp/I.png
new file mode 100644
index 0000000..e8512fb
--- /dev/null
+++ b/html/images/xp/I.png
diff --git a/html/images/xp/L.png b/html/images/xp/L.png
new file mode 100644
index 0000000..eb334ed
--- /dev/null
+++ b/html/images/xp/L.png
diff --git a/html/images/xp/Lminus.png b/html/images/xp/Lminus.png
new file mode 100644
index 0000000..bba1a31
--- /dev/null
+++ b/html/images/xp/Lminus.png
diff --git a/html/images/xp/Lplus.png b/html/images/xp/Lplus.png
new file mode 100644
index 0000000..727889b
--- /dev/null
+++ b/html/images/xp/Lplus.png
diff --git a/html/images/xp/T.png b/html/images/xp/T.png
new file mode 100644
index 0000000..3017325
--- /dev/null
+++ b/html/images/xp/T.png
diff --git a/html/images/xp/Tminus.png b/html/images/xp/Tminus.png
new file mode 100644
index 0000000..ca8745a
--- /dev/null
+++ b/html/images/xp/Tminus.png
diff --git a/html/images/xp/Tplus.png b/html/images/xp/Tplus.png
new file mode 100644
index 0000000..64bc9da
--- /dev/null
+++ b/html/images/xp/Tplus.png
diff --git a/html/images/xp/file.png b/html/images/xp/file.png
new file mode 100644
index 0000000..a723c74
--- /dev/null
+++ b/html/images/xp/file.png
diff --git a/html/images/xp/folder.png b/html/images/xp/folder.png
new file mode 100644
index 0000000..7b6835d
--- /dev/null
+++ b/html/images/xp/folder.png
diff --git a/html/images/xp/openfolder.png b/html/images/xp/openfolder.png
new file mode 100644
index 0000000..c8292f4
--- /dev/null
+++ b/html/images/xp/openfolder.png
diff --git a/html/images/xxv.gif b/html/images/xxv.gif
new file mode 100644
index 0000000..b46df28
--- /dev/null
+++ b/html/images/xxv.gif
diff --git a/html/images/zurueck.png b/html/images/zurueck.png
new file mode 100644
index 0000000..39a65bd
--- /dev/null
+++ b/html/images/zurueck.png
diff --git a/html/index.tmpl b/html/index.tmpl
new file mode 100644
index 0000000..513203e
--- /dev/null
+++ b/html/index.tmpl
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
+   "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<link rel="alternate" type="application/rss+xml" title="RSS-News" href="?cmd=request&data=rss">
+<title>XXV - User:<?% user %?></title>
+</head>
+<frameset rows="*,1" frameborder="NO" border="1" framespacing="0">
+    <frameset cols="175,*" frameborder="NO" border="1" framespacing="0">
+        <frame src="?cmd=help" name="Navigation">
+        <frame src="?cmd=<?% param.start %?>" name="Daten">
+    </frameset>
+    <frame src="about:blank" name="Status">
+</frameset>
+</html>
diff --git a/html/javascript/XHConn.js b/html/javascript/XHConn.js
new file mode 100644
index 0000000..537b555
--- /dev/null
+++ b/html/javascript/XHConn.js
@@ -0,0 +1,41 @@
+/** XHRequest based on                                                       **
+ ** XHConn - Simple XMLHTTP Interface - bfults@gmail.com - 2005-04-08        **
+ ** Code licensed under Creative Commons Attribution-ShareAlike License      **
+ ** http://creativecommons.org/licenses/by-sa/2.0/                           **/
+
+function XHRequest()
+{
+  var xmlhttp, bComplete = false;
+  try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }
+  catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }
+  catch (e) { try { xmlhttp = new XMLHttpRequest(); }
+  catch (e) { xmlhttp = false; }}}
+  if (!xmlhttp) 
+    return null;
+
+  this.connect = function(sRequest, fnDone, sData)
+              {
+                if (!xmlhttp) return false;
+                bComplete = false;
+
+                try {
+                     xmlhttp.open("GET", sRequest, true);
+                     xmlhttp.onreadystatechange = function() 
+                          {
+                            if (xmlhttp.readyState == 4 && !bComplete)
+                            {
+                                bComplete = true;
+                                fnDone(xmlhttp, sData);
+                            }
+                          };
+                     xmlhttp.send(null);
+                } catch(z) { alert(z); return false; }
+                return true;
+              };
+  return this;
+}
+
+var ajaxconn = new XHRequest();
+
+if (!ajaxconn)
+    alert("XMLHTTP not available. Try a newer/better browser.");
diff --git a/html/javascript/coolmenus4.js b/html/javascript/coolmenus4.js
new file mode 100644
index 0000000..a8692fc
--- /dev/null
+++ b/html/javascript/coolmenus4.js
@@ -0,0 +1,427 @@
+/************************************************************
+Coolmenus Beta 4.06 - Copyright Thomas Brattli - www.dhtmlcentral.com
+Last updated: 11.13.02
+
+v4.06 - with basic frame support
+*************************************************************/
+/*Browsercheck object*/
+function cm_bwcheck(){
+	//In theory we should use object detection, but this script needs work-arounds for almost every browser...
+	this.ver=navigator.appVersion
+	this.agent=navigator.userAgent.toLowerCase()
+	this.dom=document.getElementById?1:0
+	this.ns4=(!this.dom && document.layers)?1:0;
+	this.op=window.opera 
+	this.moz=(this.agent.indexOf("gecko")>-1 || window.sidebar)
+	this.ie=this.agent.indexOf("msie")>-1 && !this.op
+	if(this.op){
+		this.op5=(this.agent.indexOf("opera 5")>-1 || this.agent.indexOf("opera/5")>-1)
+		this.op6=(this.agent.indexOf("opera 6")>-1 || this.agent.indexOf("opera/6")>-1)
+		this.op7=this.dom&&!this.op5&&!this.op6 //So all higher opera versions will use it
+	}else if(this.moz) this.ns6 = 1
+	else if(this.ie){
+		this.ie4 = !this.dom && document.all
+  	this.ie5 = (this.agent.indexOf("msie 5")>-1)
+  	this.ie55 = (this.ie5 && this.agent.indexOf("msie 5.5")>-1)
+  	this.ie6 = this.dom && !this.ie4 && !this.ie5 && ! this.ie55
+	}
+	this.mac=(this.agent.indexOf("mac")>-1)
+	this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.op5 || this.op6 || this.op7)
+  this.usedom= this.ns6||this.op7//Use dom creation
+  this.reuse = this.ie||this.op7||this.usedom //Reuse layers
+  this.px=this.dom&&!this.op5?"px":""
+	return this
+}
+var bw=new cm_bwcheck()
+/*Variable declaration*/
+var cmpage
+/*Crossbrowser objects functions*/
+function cm_message(txt){alert(txt); return false}
+function cm_makeObj(obj,nest,o,doc){ //Changed in v4.05
+  if(!doc) doc=document 
+  if(bw.usedom&&o) this.evnt=o
+  else{nest=(!nest) ? "doc.":'doc.layers.'+nest+'.'
+    this.evnt=bw.dom? doc.getElementById(obj):
+    bw.ie4?doc.all[obj]:bw.ns4?eval(nest+"layers." +obj):0;
+  }
+  if(!this.evnt) return cm_message('The layer does not exist ('+obj+')' 
+    +'- \nIf your using Netscape please check the nesting of your tags (on the entire page)\nNest:'+nest)
+  this.css=bw.dom||bw.ie4?this.evnt.style:this.evnt; this.ok=0
+  this.ref=bw.dom||bw.ie4?doc:this.css.document; 
+  this.obj = obj + "Object"; 	eval(this.obj + "=this");
+  this.x=0; this.y=0; this.w=0; this.h=0; this.vis=0; return this
+}
+cm_makeObj.prototype.moveIt = function(x,y){this.x=x;this.y=y; this.css.left=x+bw.px;this.css.top=y+bw.px}
+cm_makeObj.prototype.showIt = function(o){this.css.visibility="visible"; this.vis=1; if(bw.op5&&this.arr){ this.arr.showIt(); }}//alert('showing arrow')}} 
+cm_makeObj.prototype.hideIt = function(no){this.css.visibility="hidden"; this.vis=0;}
+cm_makeObj.prototype.clipTo = function(t,r,b,l,setwidth){ 
+this.w=r; this.h=b; if(bw.ns4){this.css.clip.top=t;this.css.clip.right=r; this.css.clip.bottom=b;this.css.clip.left=l
+}else{if(t<0)t=0;if(r<0)r=0;if(b<0)b=0;if(b<0)b=0; this.css.clip="rect("+t+bw.px+","+r+bw.px+","+b+bw.px+","+l+bw.px+")";
+if(setwidth){if(bw.op5||bw.op6){this.css.pixelWidth=r; this.css.pixelHeight=b;}else{this.css.width=r+bw.px; this.css.height=b+bw.px;}}}}
+function cm_active(on,h){
+	if(this.o.arr) on?this.o.arr.hideIt():bw.op5?this.o.arr.showIt():this.o.arr.css.visibility="inherit"
+  if(bw.reuse||bw.usedom){
+    if(!this.img2) this.o.evnt.className=on?this.cl2:this.cl
+    else this.o.ref.images["img"+this.name].src=on?this.img2.src:this.img1.src; //Changed v4.05
+    if(on && bw.ns6){this.o.hideIt(); this.o.css.visibility='inherit' }; //netscape 6 bug fix  
+  }else{  
+    if(!this.img2){ if(on) this.o.over.showIt(); else this.o.over.hideIt();
+    }else this.o.ref.images["img"+this.name].src=on?this.img2.src:this.img1.src;
+  }this.isactive=on?1:0
+}
+/***Pageobject **/
+function cm_page(frame){ //Changed v4.05
+  if(!frame) frame = self 
+  this.x=0; this.x2 =(!bw.ie)?frame.innerWidth:frame.document.body.offsetWidth-20;
+  this.y=0; this.orgy=this.y2= (!bw.ie)?frame.innerHeight:frame.document.body.offsetHeight-6;
+  this.x50=this.x2/2; this.y50=this.y2/2; return this
+}
+/***check positions**/
+function cm_cp(num,w,minus){
+	if(num){if(num.toString().indexOf("%")!=-1){var t = w?cmpage.x2:cmpage.y2; num=parseInt((t*parseFloat(num)/100))
+  if(minus) num-=minus }else num=eval(num);} else num=0; return num
+}
+/**Level object**/
+function cm_makeLevel(){//changed 4.06
+	var c=this, a=arguments; c.width=a[0]||null; c.height=a[1]||null; 
+  c.regClass=a[2]||null; c.overClass=a[3]||null; c.borderX=a[4]>-1?a[4]:null; 
+  c.borderY=a[5]>-1?a[5]:null; c.borderClass=a[6]||null; c.rows=a[7]>-1?a[7]:null; 
+  c.align=a[8]||null; c.offsetX=a[9]||null; c.offsetY=a[10]||null; c.arrow=a[11]||null; 
+  c.arrowWidth=a[12]||null; c.arrowHeight=a[13]||null; c.roundBorder=a[14]||null; return c
+}
+/***Making the main menu object**/
+function makeCM(name){ //Changed v4.06
+  var c=this; c.mc=0; c.name = name; c.m=new Array(); c.scrollY=-1; c.level=new Array(); c.l=new Array(); c.tim=100; c.isresized=0;
+  c.isover=0; c.zIndex=100; c.frameStartLevel=1; c.bar=0; c.z=0; c.totw=0; c.toth=0; c.maxw=0; c.maxh=0; cmpage = new cm_page(); c.constructed = 0;
+	return this
+}//events
+makeCM.prototype.onshow=""; makeCM.prototype.onhide=""; makeCM.prototype.onconstruct="";
+/***Creating layers**/
+function cm_divCreate(id,cl,txt,w,c,app,ex,txt2){
+  if(bw.usedom){var div=document.createElement("DIV"); div.className=cl; div.id=id; 
+    if(txt) div.innerHTML=txt; if(app){app.appendChild(div); return div}
+    if(w) document.body.appendChild(div); return div
+  }else{var dstr='<div id="'+id+'" class="'+cl+'"' 
+    if(ex&&bw.reuse) dstr+=" "+ex; dstr+=">"+txt; ; if(txt2) dstr+=txt2; 
+    if(c) dstr+='</div>'; if(w) document.write(dstr); else return dstr
+  }return ""
+}
+/***Getting layer string for each menu**/
+function cm_getLayerStr(m,app,name,fill,clb,arrow,ah,aw,root){
+  var no=m.nolink,arrstr='',l=m.lev,str='',txt=m.txt,ev='', id=name + '_' + m.name,d1; if(app) d1=app
+  if((!bw.reuse||l==0) && !no){
+    ev=' onmouseover="'+name+'.showsub(\''+m.name+'\')"' 
+    +' onmouseout="'+name+'.mout(\''+m.name+'\')"'
+    +' onclick="'+name+'.onclck(\''+m.name+'\'); return false" '
+  }
+  if(bw.reuse&&l!=0) txt=''; if(l==0) str+=d1=cm_divCreate(id+'_0',clb,''); str+=m.d2=cm_divCreate(id,m.cl,txt,0,0,d1,ev)
+  if(l==0&&bw.usedom){ 
+    m.d2.onclick=new Function(name+'.onclck("'+m.name+'")'); 
+    m.d1=d1; 
+    m.d2.onmouseover=new Function(name+'.showsub("'+m.name+'")'); 
+    m.d2.onmouseout=new Function(name+'.mout("'+m.name+'")')
+  }if(!bw.reuse && !m.img1 && !no){
+    str+=cm_divCreate(id+'_1',m.cl2,txt,0,1)
+    str+=cm_divCreate(id+'_3',"clCMAbs",'<a href="#" '+ev+'><img alt="" src="'+root+fill+'" width="'+m.w+'" height="'+m.h+'" border="0" /></a>',0,1)
+  }str+='</div>'; 
+  if(l==0){if(arrow)str+=m.d3=cm_divCreate(id+'_a','clCMAbs','<img alt="" height="'+aw+'" width="'+ah+'" src="'+root+arrow+'" />',0,1,d1); str+="</div>"}
+  str+="\n"; if(!bw.reuse){m.txt=null; m.d2=null; m.d3=null;}
+  if(bw.usedom){ if(l==0) document.body.appendChild(d1); str=''}
+  return str
+}
+/***get align num from text (better to evaluate numbers later)**/
+function cm_checkalign(a){
+  switch(a){
+    case "right": return 1; break; case "left": return 2; break;
+    case "bottom": return 3; break; case "top": return 4; break;
+    case "righttop": return 5; break; case "lefttop": return 6; break;
+    case "bottomleft": return 7; break; case "topleft": return 8; break;
+  }return null
+}
+/**Making each individual menu **/
+makeCM.prototype.makeMenu=function(name,parent,txt,lnk,targ,w,h,img1,img2,cl,cl2,align,rows,nolink,onclick,onmouseover,onmouseout){
+  var c = this; if(!name) name = c.name+""+c.mc; var p = parent!=""&&parent&&c.m[parent]?parent:0;
+  if(c.mc==0){
+		//Added 4.07 - bug(?) in opera 7 - you cannot dom-add layers created in one document to another one (or so it seems) - so turn of usedom
+		if(bw.op7 && this.frames)	bw.usedom=0
+		var tmp=location.href;
+    if(tmp.indexOf('file:')>-1||tmp.charAt(1)==':') c.root=c.offlineRoot; else c.root=c.onlineRoot
+    if(c.useBar){if(!c.barBorderClass) c.barBorderClass=c.barClass; c.bar1 = cm_divCreate(c.name+'bbar_0',c.barClass,'',0,1);
+      c.bar = cm_divCreate(c.name+'bbar',c.barBorderClass,'',1,1,0,0,c.bar1); if(bw.usedom) c.bar.appendChild(c.bar1);    
+    }}var create=1,img,arrow; var m = c.m[name] = new Object(); m.name=name; m.subs=new Array(); m.parent=p; m.arnum=0; m.arr=0
+  var l = m.lev = p?c.m[p].lev+1:0; c.mc++; m.hide=0;
+  if(l>=c.l.length){
+    var p1,p2=0; if(l>=c.level.length) p1=c.l[c.level.length-1];
+    else p1=c.level[l]; c.l[l]=new Array(); if(!p2) p2=c.l[l-1]
+    if(l!=0){ if(isNaN(p1.align)) p1["align"]=cm_checkalign(p1.align)
+      for(var i in p1){if(i!="str"&&i!="m"){if(p1[i]==null) c.l[l][i]=p2[i]; else c.l[l][i]=p1[i] }}
+    }else{c.l[l]=c.level[0]; c.l[l].align=cm_checkalign(c.l[l].align)}
+    c.l[l]["str"]=''; c.l[l].m=new Array(); if(!c.l[l].borderClass) c.l[l].borderClass=c.l[l].regClass
+    c.l[l].app=0; c.l[l].max=0; c.l[l].arnum=0; c.l[l].o=new Array(); c.l[l].arr=new Array()
+    c.level[l]=p1=p2=null
+    if(l!=0) c.l[l].str=c.l[l].app=cm_divCreate(c.name+ '_' +l+'_0',c.l[l].borderClass,'')
+  }if(p){p = c.m[p]; p.subs[p.subs.length]=name; 
+    if(p.subs.length==1&&c.l[l-1].arrow){ p.arr=1; 
+      if(p.parent){c.m[p.parent].arnum++
+        if(c.m[p.parent].arnum>c.l[l-1].arnum){
+          c.l[l-1].str+=c.l[l-1].arr[c.l[l-1].arnum]=cm_divCreate(c.name+ '_a' +(l-1)+'_'+c.l[l-1].arnum,'clCMAbs','<img height="'+c.l[l-1].arrowHeight
+            +'" width="'+c.l[l-1].arrowWidth+'" src="'+c.root+c.l[l-1].arrow+'" alt="" />',0,1,c.l[l-1].app); c.l[l-1].arnum++
+        }}}if(bw.reuse) if(p.subs.length>c.l[l].max) c.l[l].max = p.subs.length; else create=0
+  }m.rows=rows>-1?rows:c.l[l].rows; m.w=cm_cp(w||c.l[l].width,1); m.h=cm_cp(h||c.l[l].height,0); m.txt=txt; m.lnk=lnk; 
+  if(align) align=cm_checkalign(align); m.align=align||c.l[l].align; m.cl=cl=cl||c.l[l].regClass; 
+  m.targ=targ; m.cl2=cl2||c.l[l].overClass; m.create=create;  m.mover=onmouseover; m.mout=onmouseout; 
+  m.onclck=onclick; m.active = cm_active; m.isactive=0; m.nolink=nolink
+  if(create) c.l[l].m[c.l[l].m.length]=name
+  if(img1){m.img1 = new Image(); m.img1.src=c.root+img1; if(!img2) img2=img1; m.img2 = new Image(); m.img2.src=c.root+img2;
+    m.cl="clCMAbs"; m.txt=''; if(!bw.reuse&&!nolink) m.txt = '<a href="#" onmouseover="'+c.name+'.showsub(\''+name+'\')" onmouseout="'+c.name+'.mout(\''+name+'\')" onclick="'+c.name+'.onclck(\''+name+'\'); return false">';;
+    m.txt+='<img alt="" src="'+c.root+img1+'" width="'+m.w+'" height="'+m.h+'" id="img'+m.name+'" '
+    if(bw.dom&&!nolink) m.txt+='style="cursor:pointer; cursor:hand"'; if(!bw.reuse){if(!bw.dom) m.txt+='name="img'+m.name+'"'; m.txt+=' border="0"'}; m.txt+=' />'; if(!bw.reuse&&!nolink) m.txt+='</a>'
+  }else{m.img1=0; m.img2=0}; 
+  if(l==0||create) c.l[l].str+=cm_getLayerStr(m,c.l[l].app,c.name,c.fillImg,c.l[l].borderClass,c.l[l].arrow,c.l[l].arrowWidth,c.l[l].arrowHeight,c.root)
+  if(l==0){if(m.w>c.maxw) c.maxw=m.w; if(m.h>c.maxh) c.maxh=m.h; c.totw+=c.pxBetween+m.w+c.l[0].borderX;c.toth+=c.pxBetween+m.h+c.l[0].borderY}
+  if(lnk && !onmouseover){
+		var path=lnk.indexOf("mailto:")>-1||lnk.indexOf("http://")>-1?"":c.root
+		m.mover="self.status='"+path+m.lnk+"'"
+		if(!m.mout) m.mout=""; m.mout+=";self.status='';"
+	}
+}
+/**Getting x/y coords for subs **/
+makeCM.prototype.getcoords=function(m,bx,by,x,y,maxw,maxh,ox,oy){
+  var a=m.align; x+=m.o.x; y+=m.o.y
+  switch(a){
+    case 1:  x+=m.w+bx; break; case 2:  x-=maxw+bx; break;
+    case 3:  y+=m.h+by; break; case 4:  y-=maxh+by; break;
+    case 5:  x-=maxw+bx; y-=maxh-m.h; break;
+    case 6:  x+=m.w+bx; y-=maxh-m.h; break;
+    case 7:  y+=m.h+by; x-=maxw-m.w; break;
+    case 8:  y-=maxh+by; x-=maxw-m.w+bx; break;
+  }//Added v4.05
+  if(m.lev==this.frameStartLevel-1 && this.frames){
+    switch(a){
+      case 1:  x=0; break; 
+      case 2:  x=this.cmpage.x2-maxw; break;
+      case 3:  y=0; break; 
+      case 4:  y-=maxh+by; break;
+      case 5:  x-=maxw+bx; y-=maxh-m.h; break;
+      case 6:  x+=m.w+bx; y-=maxh-m.h; break;
+      case 7:  y+=m.h+by; x-=maxw-m.w; break;
+      case 8:  y-=maxh+by; x-=maxw-m.w+bx; break;
+    }
+  }
+  m.subx=x + ox; m.suby=y + oy
+}
+/**Showing sub elements**/
+makeCM.prototype.showsub=function(el){ //Changed v4.06
+  var c=this,pm=c.m[el],m,o,nl
+  if(!pm.b||(c.isresized&&pm.lev>0)) pm.b=c.l[pm.lev].b; c.isover=1
+  clearTimeout(c.tim);
+  var ln=pm.subs.length,l=pm.lev+1
+  if(c.l[pm.lev].a==el&&l!=c.l.length && !c.openOnClick){if(c.l[pm.lev+1].a) c.hidesub(l+1,el); return}
+  c.hidesub(l,el); if(pm.mover) eval(pm.mover); if(!pm.isactive) pm.active(1);
+  c.l[pm.lev].a = el; if(ln==0) return; 
+	if(c.openOnClick && !c.clicked) return//Added v4.06
+	if(!c.l[l].b) return //Added v4.05
+  var b = c.l[l].b, bx=c.l[l].borderX, by=c.l[l].borderY, rows=pm.rows
+	var rb=c.l[l].roundBorder;//added 4.06
+  var x=bx+rb,y=by+rb,maxw=0,maxh=0,cn=0; b.hideIt()
+  for(var i=0;i<c.l[l].m.length;i++){  
+    if(!bw.reuse) m=c.m[c.l[l].m[i]]
+    else m=c.m[c.m[el].subs[i]]
+    if(m && m.parent==el&&!m.hide){
+      if(!bw.reuse) o=m.o; else o=m.o=c.l[l].o[i]
+      if(x!=o.x||y!=o.y) o.moveIt(x,y); nl=m.subs.length //changed 4.06
+      if(bw.reuse){
+        if(o.w!=m.w || o.h!=m.h) o.clipTo(0,m.w,m.h,0,1)
+        if(o.evnt.className!=m.cl){ 
+          m.isactive=0; o.evnt.className=m.cl
+          if(bw.ns6){o.hideIt(); o.css.visibility='inherit'} //NS6 bugfix
+        }if(bw.ie6) b.showIt()//IE6 bugfix (scrollbars)
+        o.evnt.innerHTML=m.txt; if(bw.ie6) b.hideIt() 
+				if(!m.nolink){
+          o.evnt.onmouseover=new Function(c.name+".showsub('"+m.name+"')")
+          o.evnt.onmouseout=new Function(c.name+".mout('"+m.name+"')") //Added v4.05
+          o.evnt.onclick=new Function(c.name+".onclck('"+m.name+"')")
+          if(o.oldcursor){o.css.cursor=o.oldcursor; o.oldcursor=0;}
+        }else{o.evnt.onmouseover=''; o.evnt.onclick='';  if(o.css.cursor=='') o.oldcursor=bw.ns6?"pointer":"hand"; else o.oldcursor=o.css.cursor; o.css.cursor="auto"}        
+      }if(m.arr){o.arr=c.l[l].arr[cn]; o.arr.moveIt(x + m.w-c.l[l].arrowWidth-3,y+m.h/2-(c.l[l].arrowHeight/2)); 
+      o.arr.css.visibility="inherit"; cn++;} else o.arr=0
+      if(!rows){y+=m.h+by; if(m.w>maxw) maxw=m.w; maxh=y}
+      else{x+=m.w+bx; if(m.h>maxh) maxh=m.h; maxw=x;}
+      o.css.visibility="inherit"; if(bw.op5||bw.op6) o.showIt()
+    }else{o = c.m[c.l[l].m[i]].o; o.hideIt();} }
+  if(!rows) maxw+=bx*2+rb; else maxh+=by*2+rb; //changed 4.06
+	if(rb){maxw+=rb; maxh+=rb}//added 4.06
+	b.clipTo(0,maxw,maxh,0,1)
+	//Check frame scroll
+	if(c.chkscroll) c.chkscroll() //Added v4.05 - not the best solution
+  if(c.chkscroll||!pm.subx||!pm.suby||c.scrollY>-1||c.isresized) c.getcoords(pm,c.l[l-1].borderX,c.l[l-1].borderY,pm.b.x,pm.b.y,maxw,maxh,c.l[l-1].offsetX,c.l[l-1].offsetY) //Changed 4.06
+	x=pm.subx; if(c.chkscroll&&l==c.frameStartLevel) pm.suby+=c.scrollY; y=pm.suby; b.moveIt(x,y); if(c.onshow) eval(c.onshow); b.showIt()
+}
+/**Hide sub elements **/
+makeCM.prototype.hidesub=function(l,el){ //Changed v4.05
+  var c = this,tmp,m,i,j,hide
+  if(!l) {l=1; hide=1; c.clicked=0}
+  for(i=l-1;i<c.l.length;i++){
+    if(i>0&&i>l-1) if(c.l[i].b) c.l[i].b.hideIt()//Changed v4.05
+    if(c.l[i].a&&c.l[i].a!=el){
+      m=c.m[c.l[i].a]; m.active(0,1); if(m.mout) eval(m.mout); c.l[i].a=0
+      if(i>0&&i>l-1) if(bw.op5||bw.op6) for(j=0;j<c.l[i].m.length;j++) c.m[c.l[i].m[j]].o.hideIt()
+    }if(i>l){for(j=0;j<c.l[i-1].arnum;j++){c.l[i-1].arr[j].hideIt(); if(bw.op6) c.l[i-1].arr[j].moveIt(-1000,-1000)}} //opera bug
+  }if(hide&&c.onhide) eval(c.onhide) //onhide event
+}
+/***Make all menu div objects**/
+makeCM.prototype.makeObjects=function(nowrite,fromframe){ //Changed v4.06
+  var c = this,oc,name,bx,by,w,h,l,no,ar,id,nest,st=0,en=c.l.length,bobj,o,m,i,j
+  //Added v4.05
+  if(fromframe){
+    st = this.frameStartLevel
+    this.body = fromframe.document.body
+    this.doc = fromframe.document
+    this.deftarget=fromframe
+    this.cmpage = new cm_page(fromframe)
+  }else{
+    this.body=document.body
+    this.doc=document
+    if(this.frames) en = this.frameStartLevel
+    this.deftarget=self
+  }
+  if(!nowrite){
+    for(i=st;i<en;i++){ //changed 4.06
+      if(!bw.usedom) this.doc.write(c.l[i].str)
+      else if(i>0) this.body.appendChild(c.l[i].app)
+      if(!this.frames) c.l[i].str=null
+    }}c.z=c.zIndex+2
+  for(i=st;i<en;i++){oc=0
+    if(i!=0){bobj=c.l[i].b = new cm_makeObj(c.name + "_"+i+"_0","",c.l[i].app,this.doc); bobj.css.zIndex=c.z; 
+    if(bw.dom) bobj.css.overflow='hidden'}; bx=c.l[i].borderX; by=c.l[i].borderY; c.l[i].max=0;
+    for(j=0;j<c.l[i].m.length;j++){
+      m = c.m[c.l[i].m[j]]; name=m.name; w=m.w; h=m.h; l=m.lev; no=m.nolink;
+      if(i>0){m.b = bobj; nest=i}
+      else{m.b = new cm_makeObj(c.name + "_"+name+"_0","",m.d1,this.doc); m.b.css.zIndex=c.z; m.b.clipTo(0,w+bx*2,h+by*2,0,1); nest=name}
+      id = c.name + "_"+name; nest=c.name + "_"+nest;
+      if(m.create){
+        o=m.o=new cm_makeObj(id,nest+"_0",m.d2,this.doc); o.z=o.css.zIndex=c.z+1; if(bw.reuse){c.l[l].o[oc]=o; oc++}; 
+        if(l==0&&m.img1) o.css.visibility='inherit'; if(bw.op5) o.showIt(); o.arr=0;
+      }if(!bw.reuse||l==0) o.clipTo(0,w,h,0,1); o.moveIt(bx,by); o.z=o.css.zIndex=c.z+2
+      if(j<c.l[i].arnum){
+        c.l[i].arr[j]=new cm_makeObj(c.name+"_a"+i+"_"+j,nest+"_0",nowrite?0:c.l[i].arr[j],this.doc)
+        c.l[i].arr[j].css.zIndex=c.z+30+j;
+      }else if(l==0&&m.arr==1){
+        o.arr=new cm_makeObj(id+"_a",nest+"_0",m.d3,this.doc)
+        o.arr.moveIt(bx+m.w-c.l[i].arrowWidth-3,by+m.h/2-(c.l[i].arrowHeight/2)); 
+        o.arr.css.zIndex=c.z+20;
+      }if(!no && !bw.reuse && !m.img1){  
+        o.over=new cm_makeObj(c.name + "_"+name+"_1",nest+"_0"+".document.layers."+id,"",this.doc)
+        o.over.moveIt(0,0); o.over.hideIt(); o.over.clipTo(0,w,h,0,1); o.over.css.zIndex=c.z+3
+        img=new cm_makeObj(c.name + "_"+name+"_3",nest+"_0"+".document.layers."+id,"",this.doc); img.moveIt(0,0)
+        img.css.visibility="inherit"; img.css.zIndex=c.z+4; if(bw.op5) img.showIt()
+      }c.z++; 
+    }
+  }
+	if(fromframe){	///Set scroll vars - added v4.05
+		c.chkscroll = function(){//changed 4.06
+			if (bw.ie&&!bw.ie6) this.scrollY=this.body.scrollTop;
+			else if (bw.ie6 || bw.op7){
+				if (this.doc.compatMode && document.compatMode != "BackCompat")	this.scrollY=this.doc.documentElement.scrollTop
+				else this.scrollY=this.body.scrollTop
+			}else this.scrollY=this.deftarget.pageYOffset;
+		}
+	}
+}
+/**Onmouseout**/
+makeCM.prototype.mout = function(){ //Changed v4.06
+	var c = this; clearTimeout(c.tim); c.isover = 0; var f="if(!"+c.name+".isover)"+c.name+".hidesub()"
+  if(!c.closeOnClick) c.tim = setTimeout(f,c.wait)
+	else{
+		if(bw.ns4){ document.captureEvents("Event.MOUSEDOWN"); document.onmousedown=new Function(f)}
+		else document.onclick=new Function(f); 
+		if(this.frames){
+			if(bw.ns4){this.doc.captureEvents("Event.MOUSEDOWN"); this.doc.onmousedown=new Function(f)}
+			else this.doc.onclick=new Function(f)
+		}
+	}
+}
+/**Constructing and initiating top items and bar**/
+makeCM.prototype.construct=function(nowrite){ //Changed v4.06
+  var c=this; if(!c.l[0]||c.l[0].m.length==0) return cm_message('No menus defined');
+	 if(!nowrite){for(var i=1;i<c.l.length;i++){c.l[i].str+="</div>"}} //Added 4.06
+  c.makeObjects(nowrite); cmpage = new cm_page(); 
+  var mpa,o,maxw=c.maxw,maxh=c.maxh,i,totw=c.totw,toth=c.toth,m,px=c.pxBetween
+  var bx=c.l[0].borderX,by=c.l[0].borderY,x=c.fromLeft,y=c.fromTop,mp=c.menuPlacement,rows=c.rows
+  if(rows){toth=maxh+by*2; totw=totw-px+bx;}else{totw=maxw+bx*2; toth=toth-px+by;}
+  switch(mp){
+    case "center": x=cmpage.x2/2-totw/2; if(bw.ns4) x-=9; break;
+    case "right": x=cmpage.x2-totw; break;
+    case "bottom": case "bottomcenter": y=cmpage.y2-toth; if(mp=="bottomcenter") x=cmpage.x2/2-totw/2; break;
+    default: if(mp.toString().indexOf(",")>-1) mpa=1; break;
+  }for(var i=0;i<c.l[0].m.length;i++){
+    m = c.m[c.l[0].m[i]]; o = m.b; if(mpa) rows?x=cm_cp(mp[i]):y=cm_cp(mp[i],0,0,1); 
+    o.moveIt(x,y); o.showIt(); if(m.arr) m.o.arr.showIt(); o.oy=y; 
+    if(!mpa) rows?x+=m.w+px+bx:y+=m.h+px+by
+  }if(c.useBar==1){ //Background-Bar
+    var bbx=c.barBorderX,bby=c.barBorderY; 
+    var bar1=c.bar1= new cm_makeObj(c.name+'bbar_0',c.name+'bbar',nowrite?0:c.bar1,document)
+    var bar=c.bar= new cm_makeObj(c.name+'bbar','',nowrite?0:c.bar,document); bar.css.zIndex=c.zIndex+1
+    var barx=c.barX=="menu"?c.m[c.l[0].m[0]].b.x-bbx:cm_cp(c.barX,1);
+    var bary=c.barY=="menu"?c.m[c.l[0].m[0]].b.y-bby:cm_cp(c.barY);
+    var barw=c.barWidth=="menu"?totw:cm_cp(c.barWidth,1,bbx*2);
+    var barh=c.barHeight=="menu"?toth:cm_cp(c.barHeight,0,bby*2);
+    bar1.clipTo(0,barw,barh,0,1); bar1.moveIt(bbx,bby); bar1.showIt();
+    bar.clipTo(0,barw+bbx*2,barh+bby*2,0,1); bar.moveIt(barx,bary); bar.showIt();
+  }if(c.resizeCheck){ //Window resize code - updated 4.06 - stil sucks
+    if(bw.ns4||bw.op5||bw.op6)setTimeout('window.onresize=new Function("'+c.name+'.resized()")',500)
+		else window.onresize=new Function(c.name+".resized()")
+    c.resized=cm_resized; if(bw.op5||bw.op6) document.onmousemove=new Function(c.name+".resized()")
+  }if(c.onconstruct) eval(c.onconstruct) //onconstruct event
+  c.constructed = 1 //Added v4.05
+  return true
+}
+/**Capturing resize**/
+var cm_inresize=0
+function cm_resized(){
+  if(cm_inresize) return
+	page2=new cm_page(); var off=(bw.op6||bw.op5)?20:5
+  if(page2.x2<cmpage.x2-off || page2.y2<cmpage.orgy-off || page2.x2>cmpage.x2+off || page2.y2>cmpage.orgy+off){
+		if(bw.ie||bw.ns6||bw.op7||bw.ns4){
+      cmpage=page2; this.isresized=1; 
+      if(this.onresize) eval(this.onresize); this.construct(1);
+      if(this.onafterresize) eval(this.onafterresize);
+		}else{cm_inresize=1; location.reload()} 
+  }
+}
+/**Onclick of an item**/
+makeCM.prototype.onclck=function(m){ //Changed v4.06
+  m = this.m[m]
+  if(m.onclck) eval(m.onclck);
+	if(this.openOnClick && m.subs.length>0){
+		this.clicked = 1; this.showsub(m.name); return
+	} 
+  var lnk=m.lnk, targ=m.targ
+  if(lnk){
+    if(lnk.indexOf("mailto")!=0 && lnk.indexOf("http")!=0) lnk=this.root+lnk
+		if(String(targ)=="undefined" || targ=="" || targ==0 || targ=="_self"){
+      if(this.frames){ //Turning of all level 1 + vars
+        if(this.l[0].a){
+          this.m[this.l[0].a].active(0,1)
+          this.l[0].a =0
+        }
+        for(i=this.frameStartLevel;i<this.l.length;i++){
+          if(this.l[i].b){
+            this.l[i].b.hideIt()
+            this.l[i].b = null
+            for(j=0;j<this.l[i].m.length;j++){
+              this.m[this.l[i].m[j]].b = null;
+            }
+          }
+        }
+        this.isover=0
+      }
+      this.deftarget.location.href=lnk 
+    }
+    else if(targ=="_blank") window.open(lnk)
+    else if(targ=="_top" || targ=="window") top.location.href=lnk
+    else if(top[targ]) top[targ].location.href=lnk
+    else if(parent[targ]) parent[targ].location.href=lnk
+  }else return false
+}
+
diff --git a/html/javascript/global.js b/html/javascript/global.js
new file mode 100644
index 0000000..7a0e82f
--- /dev/null
+++ b/html/javascript/global.js
@@ -0,0 +1,174 @@
+// To status frame und dann refresh der seite
+function tostatus(url, num) {
+    myoldurl = location.href;
+    location.href = url;
+}
+
+// Redirect
+function redirect(url, wait, par) {
+    if(! wait) {
+        wait = 0.1;
+    }
+    if(par) {
+        window.setTimeout(par + '.location.href = "' + url + '"', wait * 1000);
+    } else {
+        window.setTimeout('location.href = "' + url + '"', wait * 1000);
+    }
+}
+
+// Program choose
+function di(wert, url) {
+    location.href = url + wert;
+}
+
+// Question bevor delete
+function sure(form, text, url, id) {
+    id = (id) ? id : '';
+    var erg = confirm(text);
+    var refe = encodeURIComponent(form.referer.value);
+    if(erg == true) {
+        var callurl = url + id + '&referer=' + refe;
+        location.href = callurl;
+    }
+}
+
+function Delete(question,warn,cmd,form) {
+// test on checked Boxes
+    ok = new Array;
+    txt = new Array;
+    x = 0;
+    for(var i=0;i<form.length;++i) {
+        var id;
+        if(form.elements[i].type == 'checkbox' && form.elements[i].checked) {
+            id = form.elements[i].value;
+            ok.push(id);
+            txt.push(form.elements[i].name);
+            form.elements[i].checked = 0;
+            x += 1;
+        }
+    }
+    if(x > 0) {
+        if(confirm(question + '\n' + txt.join("\n"))) {
+            tostatus('?cmd=' + cmd + '&data=' + ok.join('_'));
+        }
+    } else {
+        alert(warn);
+    }
+}
+
+function Toggle(warn,form) {
+// test on checked Boxes
+    ok = new Array;
+    txt = new Array;
+    x = 0;
+    for(var i=0;i<form.length;++i) {
+        var id;
+        if(form.elements[i].type == 'checkbox' && form.elements[i].checked) {
+            id = form.elements[i].value;
+            ok.push(id);
+            txt.push(form.elements[i].name);
+            form.elements[i].checked = 0;
+            x += 1;
+        }
+    }
+    if(x > 0) {
+        tostatus('?cmd=ttoggle&data=' + ok.join('_'));
+    } else {
+        alert(warn);
+    }
+}
+
+function selAll(form, type) {
+// check all Boxes
+    for(var i=0;i<form.length;++i) {
+        if(form.elements[i].type == 'checkbox') {
+            form.elements[i].checked = type;
+        }
+    }
+}
+
+function selSwitch(form, search) {
+// switch Boxes with search in name on or off
+    for(var i=0;i<form.length;++i) {
+        if(form.elements[i].type == 'checkbox' && form.elements[i].name == search) {
+            if(form.elements[i].checked) {
+                form.elements[i].checked = 0;
+            } else {
+                form.elements[i].checked = 1;
+            }
+        }
+    }
+}
+
+function reverse(form) {
+// check all Boxes
+    for(var i=0;i<form.length;++i) {
+        if(form.elements[i].type == 'checkbox') {
+            if(form.elements[i].checked) {
+                form.elements[i].checked = 0;
+            } else {
+                form.elements[i].checked = 1;
+            }
+        }
+    }
+}
+
+function Play(warnmsg,form,proxy) {
+// test on checked Boxes
+    ok = new Array;
+    x = 0;
+    for(var i=0;i<form.length;++i) {
+        var id;
+        if(form.elements[i].type == 'checkbox' && form.elements[i].checked) {
+            id = form.elements[i].value;
+            ok.push(id);
+            x += 1;
+        }
+    }
+    if(x > 0) {
+          var url = "";
+          if(proxy != "")
+            url = proxy;
+          url = url + '?cmd=mplaylist&data=' + ok.join('_') + '&binary=1';
+          location.href = url;
+    } else {
+        alert(warnmsg);
+    }
+}
+
+/* -------------------- Widget Routines --------------- */
+
+/*
+- An AjaxCall to check for right values in HTML Widget
+checkValue(inputObject, msgId, perlCall, wrongMessage, goodMessage);
+checkValue(this, 'id<?% param.count %?>', 'getip', 'host: %s is not exists!', 'ip address is %s')
+*/
+function checkValue (valobj, msgname, cmd, wrongMsg, goodMsg) {
+
+    var fnWhenDone = function (oXML, sData) {
+        var val = sData[0];
+        var msg = sData[1];
+        var wrongMsg = sData[2];
+        var goodMsg = sData[3];
+
+        if(oXML.responseText.search('ERROR') > -1) {
+            msg.className = 'error';
+            msg.innerHTML = wrongMsg.replace('%s', oXML.responseText);
+        } else {
+            msg.className = 'good';
+            msg.innerHTML = goodMsg.replace('%s', oXML.responseText);
+        }
+    };
+
+    var inputvalue = valobj.value;
+    var msgobj = document.getElementById(msgname);
+    msgobj.innerHTML = 'Check value ...';
+
+    if(inputvalue) {
+        var url = "?cmd=checkvalue&data=" + cmd + ":" + inputvalue + "&ajax=text";
+        var aconn = new XHRequest();
+        if(!aconn)
+          return false;
+        return aconn.connect(url, fnWhenDone, [valobj, msgobj, wrongMsg, goodMsg]);
+    }
+}
diff --git a/html/javascript/helptip.js b/html/javascript/helptip.js
new file mode 100644
index 0000000..6c129d4
--- /dev/null
+++ b/html/javascript/helptip.js
@@ -0,0 +1,240 @@
+/*----------------------------------------------------------------------------\
+|                               Help Tip 1.12                                 |
+|-----------------------------------------------------------------------------|
+|                         Created by Erik Arvidsson                           |
+|                  (http://webfx.eae.net/contact.html#erik)                   |
+|                      For WebFX (http://webfx.eae.net/)                      |
+|-----------------------------------------------------------------------------|
+|           A tool tip like script that can be used for context help          |
+|-----------------------------------------------------------------------------|
+|                  Copyright (c) 1999 - 2002 Erik Arvidsson                   |
+|-----------------------------------------------------------------------------|
+| This software is provided "as is", without warranty of any kind, express or |
+| implied, including  but not limited  to the warranties of  merchantability, |
+| fitness for a particular purpose and noninfringement. In no event shall the |
+| authors or  copyright  holders be  liable for any claim,  damages or  other |
+| liability, whether  in an  action of  contract, tort  or otherwise, arising |
+| from,  out of  or in  connection with  the software or  the  use  or  other |
+| dealings in the software.                                                   |
+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
+| This  software is  available under the  three different licenses  mentioned |
+| below.  To use this software you must chose, and qualify, for one of those. |
+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
+| The WebFX Non-Commercial License          http://webfx.eae.net/license.html |
+| Permits  anyone the right to use the  software in a  non-commercial context |
+| free of charge.                                                             |
+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
+| The WebFX Commercial license           http://webfx.eae.net/commercial.html |
+| Permits the  license holder the right to use  the software in a  commercial |
+| context. Such license must be specifically obtained, however it's valid for |
+| any number of  implementations of the licensed software.                    |
+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
+| GPL - The GNU General Public License    http://www.gnu.org/licenses/gpl.txt |
+| Permits anyone the right to use and modify the software without limitations |
+| as long as proper  credits are given  and the original  and modified source |
+| code are included. Requires  that the final product, software derivate from |
+| the original  source or any  software  utilizing a GPL  component, such  as |
+| this, is also licensed under the GPL license.                               |
+|-----------------------------------------------------------------------------|
+| 2002-09-27 |                                                                |
+| 2001-11-25 | Added a resize to the tooltip if the document width is too     |
+|            | small.                                                         |
+| 2002-05-19 | IE50 did not recognise the JS keyword undefined so the test    |
+|            | for scroll support was updated to be IE50 friendly.            |
+| 2002-07-06 | Added flag to hide selects for IE                              |
+| 2002-10-04 | (1.1) Restructured and made code more IE garbage collector     |
+|            | friendly. This solved the most nasty memory leaks. Also added  |
+|            | support for hiding the tooltip if ESC is pressed.              |
+| 2002-10-18 | Fixed verrical position in case of scrolled document.          |
+| 2002-12-02 | Mozilla bug workaround related to mousedown and move.          |
+|-----------------------------------------------------------------------------|
+| Dependencies: helptip.css (To set up the CSS of the help-tooltip class)     |
+|-----------------------------------------------------------------------------|
+| Usage:                                                                      |
+|                                                                             |
+|   <script type="text/javascript" src="helptip.js">< /script>                |
+|   <link type="text/css" rel="StyleSheet" href="helptip.css" />              |
+|                                                                             |
+|   <a class="helpLink" href="?" onclick="showHelp(event, 'String to show');  |
+|      return false">Help</a>                                                 |
+|-----------------------------------------------------------------------------|
+| Created 2001-09-27 | All changes are in the log above. | Updated 2002-12-02 |
+\----------------------------------------------------------------------------*/
+
+function showHelpTip(e, sHtml, bHideSelects) {
+
+	// find anchor element
+	var el = e.target || e.srcElement;
+	while (el.tagName != "A")
+		el = el.parentNode;
+	
+	// is there already a tooltip? If so, remove it
+	if (el._helpTip) {
+		helpTipHandler.hideHelpTip(el);
+	}
+
+	helpTipHandler.hideSelects = Boolean(bHideSelects);
+
+	// create element and insert last into the body
+	helpTipHandler.createHelpTip(el, sHtml);
+	
+	// position tooltip
+	helpTipHandler.positionToolTip(e);
+
+	// add a listener to the blur event.
+	// When blurred remove tooltip and restore anchor
+	el.onblur = helpTipHandler.anchorBlur;
+	el.onkeydown = helpTipHandler.anchorKeyDown;
+}
+
+var helpTipHandler = {
+	hideSelects:	false,
+	
+	helpTip:		null,
+	
+	showSelects:	function (bVisible) {
+		if (!this.hideSelects) return;
+		// only IE actually do something in here
+		var selects = [];
+		if (document.all)
+			selects = document.all.tags("SELECT");
+		var l = selects.length;
+		for	(var i = 0; i < l; i++)
+			selects[i].runtimeStyle.visibility = bVisible ? "" : "hidden";	
+	},
+	
+	create:	function () {
+		var d = document.createElement("DIV");
+		d.className = "help-tooltip";
+		d.onmousedown = this.helpTipMouseDown;
+		d.onmouseup = this.helpTipMouseUp;
+		document.body.appendChild(d);		
+		this.helpTip = d;
+	},
+	
+	createHelpTip:	function (el, sHtml) {
+		if (this.helpTip == null) {
+			this.create();
+		}
+
+		var d = this.helpTip;
+		d.innerHTML = sHtml;
+		d._boundAnchor = el;
+		el._helpTip = d;
+		return d;
+	},
+	
+	// Allow clicks on A elements inside tooltip
+	helpTipMouseDown:	function (e) {
+		var d = this;
+		var el = d._boundAnchor;
+		if (!e) e = event;
+		var t = e.target || e.srcElement;
+		while (t.tagName != "A" && t != d)
+			t = t.parentNode;
+		if (t == d) return;
+		
+		el._onblur = el.onblur;
+		el.onblur = null;
+	},
+	
+	helpTipMouseUp:	function () {
+		var d = this;
+		var el = d._boundAnchor;
+		el.onblur = el._onblur;
+		el._onblur = null;
+		el.focus();
+	},	
+	
+	anchorBlur:	function (e) {
+		var el = this;
+		helpTipHandler.hideHelpTip(el);
+	},
+	
+	anchorKeyDown:	function (e) {
+		if (!e) e = window.event
+		if (e.keyCode == 27) {	// ESC
+			helpTipHandler.hideHelpTip(this);
+		}
+	},
+	
+	removeHelpTip:	function (d) {
+		d._boundAnchor = null;
+		d.style.filter = "none";
+		d.innerHTML = "";
+		d.onmousedown = null;
+		d.onmouseup = null;
+		d.parentNode.removeChild(d);
+		//d.style.display = "none";
+	},
+	
+	hideHelpTip:	function (el) {
+		var d = el._helpTip;
+		/*	Mozilla (1.2+) starts a selection session when moved
+			and this destroys the mouse events until reloaded
+		d.style.top = -el.offsetHeight - 100 + "px";
+		*/		
+		
+		d.style.visibility = "hidden";
+		//d._boundAnchor = null;
+
+		el.onblur = null;
+		el._onblur = null;
+		el._helpTip = null;
+		el.onkeydown = null;
+		
+		this.showSelects(true);
+	},
+	
+	positionToolTip:	function (e) {
+		this.showSelects(false);		
+		var scroll = this.getScroll();
+		var d = this.helpTip;
+		
+		// width
+		if (d.offsetWidth >= scroll.width)
+			d.style.width = scroll.width - 10 + "px";
+		else
+			d.style.width = "";
+		
+		// left
+		if (e.clientX > scroll.width - d.offsetWidth)
+			d.style.left = scroll.width - d.offsetWidth + scroll.left + "px";
+		else
+			d.style.left = e.clientX - 2 + scroll.left + "px";
+		
+		// top
+		if (e.clientY + d.offsetHeight + 18 < scroll.height)
+			d.style.top = e.clientY + 18 + scroll.top + "px";
+		else if (e.clientY - d.offsetHeight > 0)
+			d.style.top = e.clientY + scroll.top - d.offsetHeight + "px";
+		else
+			d.style.top = scroll.top + 5 + "px";
+			
+		d.style.visibility = "visible";
+	},
+	
+	// returns the scroll left and top for the browser viewport.
+	getScroll:	function () {
+		if (document.all && typeof document.body.scrollTop != "undefined") {	// IE model
+			var ieBox = document.compatMode != "CSS1Compat";
+			var cont = ieBox ? document.body : document.documentElement;
+			return {
+				left:	cont.scrollLeft,
+				top:	cont.scrollTop,
+				width:	cont.clientWidth,
+				height:	cont.clientHeight
+			};
+		}
+		else {
+			return {
+				left:	window.pageXOffset,
+				top:	window.pageYOffset,
+				width:	window.innerWidth,
+				height:	window.innerHeight
+			};
+		}
+		
+	}
+
+};
+\ No newline at end of file
diff --git a/html/javascript/records.js b/html/javascript/records.js
new file mode 100644
index 0000000..c3e8faa
--- /dev/null
+++ b/html/javascript/records.js
@@ -0,0 +1,26 @@
+// Search for epgevents and check for future programming
+function checkrecord (name) {
+    var fnWhenDone = function (oXML, sData) {
+        if(oXML.responseText != 'ok') {
+            var text = oXML.responseText.split(':');
+            document.getElementById(sData).src = 'images/record_red.png';
+            document.getElementById(sData).title = '<?% gettext('When you want this timer save then has him a conflict with timer: ') %?>' + text[0];
+            document.getElementById(sData).className = 'problem';
+        } else {
+            document.getElementById(sData).src = 'images/record_green.png';
+            document.getElementById(sData).className = 'noproblem';
+        }
+     };
+
+    var tags = document.getElementsByName('recordlink');
+    for (var i = 0; i < tags.length; i++) {
+        var epgid = tags[i].id;
+        var url = "?cmd=conflict&data=" + epgid + "&ajax=text";
+        var aconn = new XHRequest();
+        if(!aconn)
+          return false;
+        aconn.connect(url, fnWhenDone, epgid);
+    }
+}
+
+window.onLoad = window.setTimeout("checkrecord('recordlink')", 1000);
diff --git a/html/javascript/tabpane.js b/html/javascript/tabpane.js
new file mode 100644
index 0000000..04b1550
--- /dev/null
+++ b/html/javascript/tabpane.js
@@ -0,0 +1,368 @@
+/*----------------------------------------------------------------------------\
+|                               Tab Pane 1.02                                 |
+|-----------------------------------------------------------------------------|
+|                         Created by Erik Arvidsson                           |
+|                  (http://webfx.eae.net/contact.html#erik)                   |
+|                      For WebFX (http://webfx.eae.net/)                      |
+|-----------------------------------------------------------------------------|
+|                  Copyright (c) 1998 - 2003 Erik Arvidsson                   |
+|-----------------------------------------------------------------------------|
+| This software is provided "as is", without warranty of any kind, express or |
+| implied, including  but not limited  to the warranties of  merchantability, |
+| fitness for a particular purpose and noninfringement. In no event shall the |
+| authors or  copyright  holders be  liable for any claim,  damages or  other |
+| liability, whether  in an  action of  contract, tort  or otherwise, arising |
+| from,  out of  or in  connection with  the software or  the  use  or  other |
+| dealings in the software.                                                   |
+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
+| This  software is  available under the  three different licenses  mentioned |
+| below.  To use this software you must chose, and qualify, for one of those. |
+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
+| The WebFX Non-Commercial License          http://webfx.eae.net/license.html |
+| Permits  anyone the right to use the  software in a  non-commercial context |
+| free of charge.                                                             |
+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
+| The WebFX Commercial license           http://webfx.eae.net/commercial.html |
+| Permits the  license holder the right to use  the software in a  commercial |
+| context. Such license must be specifically obtained, however it's valid for |
+| any number of  implementations of the licensed software.                    |
+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
+| GPL - The GNU General Public License    http://www.gnu.org/licenses/gpl.txt |
+| Permits anyone the right to use and modify the software without limitations |
+| as long as proper  credits are given  and the original  and modified source |
+| code are included. Requires  that the final product, software derivate from |
+| the original  source or any  software  utilizing a GPL  component, such  as |
+| this, is also licensed under the GPL license.                               |
+|-----------------------------------------------------------------------------|
+| 2002-01-?? | First working version                                          |
+| 2002-02-17 | Cleaned up for 1.0 public version                              |
+| 2003-02-18 | Changed from javascript uri for anchors to return false        |
+| 2003-03-03 | Added dispose methods to release IE memory                     |
+|-----------------------------------------------------------------------------|
+| Dependencies: *.css           a css file to define the layout               |
+|-----------------------------------------------------------------------------|
+| Created 2002-01-?? | All changes are in the log above. | Updated 2003-03-03 |
+\----------------------------------------------------------------------------*/
+
+// This function is used to define if the browser supports the needed
+// features
+function hasSupport() {
+
+	if (typeof hasSupport.support != "undefined")
+		return hasSupport.support;
+	
+	var ie55 = /msie 5\.[56789]/i.test( navigator.userAgent );
+	
+	hasSupport.support = ( typeof document.implementation != "undefined" &&
+			document.implementation.hasFeature( "html", "1.0" ) || ie55 )
+			
+	// IE55 has a serious DOM1 bug... Patch it!
+	if ( ie55 ) {
+		document._getElementsByTagName = document.getElementsByTagName;
+		document.getElementsByTagName = function ( sTagName ) {
+			if ( sTagName == "*" )
+				return document.all;
+			else
+				return document._getElementsByTagName( sTagName );
+		};
+	}
+
+	return hasSupport.support;
+}
+
+///////////////////////////////////////////////////////////////////////////////////
+// The constructor for tab panes
+//
+// el : HTMLElement		The html element used to represent the tab pane
+// bUseCookie : Boolean	Optional. Default is true. Used to determine whether to us
+//						persistance using cookies or not
+//
+function WebFXTabPane( el, bUseCookie ) {
+	if ( !hasSupport() || el == null ) return;
+	
+	this.element = el;
+	this.element.tabPane = this;
+	this.pages = [];
+	this.selectedIndex = null;
+	this.useCookie = bUseCookie != null ? bUseCookie : true;
+	
+	// add class name tag to class name
+	this.element.className = this.classNameTag + " " + this.element.className;
+	
+	// add tab row
+	this.tabRow = document.createElement( "div" );
+	this.tabRow.className = "tab-row";
+	el.insertBefore( this.tabRow, el.firstChild );
+
+	var tabIndex = 0;
+	if ( this.useCookie ) {
+		tabIndex = Number( WebFXTabPane.getCookie( "webfxtab_" + this.element.id ) );
+		if ( isNaN( tabIndex ) )
+			tabIndex = 0;
+	}
+	this.selectedIndex = tabIndex;
+	
+	// loop through child nodes and add them
+	var cs = el.childNodes;
+	var n;
+	for (var i = 0; i < cs.length; i++) {
+		if (cs[i].nodeType == 1 && cs[i].className == "tab-page") {
+			this.addTabPage( cs[i] );
+		}
+	}
+}
+
+WebFXTabPane.prototype.classNameTag = "dynamic-tab-pane-control";
+
+WebFXTabPane.prototype.setSelectedIndex = function ( n ) {
+	if (this.selectedIndex != n) {
+		if (this.selectedIndex != null && this.pages[ this.selectedIndex ] != null )
+			this.pages[ this.selectedIndex ].hide();
+		this.selectedIndex = n;
+		this.pages[ this.selectedIndex ].show();
+		
+		if ( this.useCookie )
+			WebFXTabPane.setCookie( "webfxtab_" + this.element.id, n );	// session cookie
+	}
+};
+	
+WebFXTabPane.prototype.getSelectedIndex = function () {
+	return this.selectedIndex;
+};
+	
+WebFXTabPane.prototype.addTabPage = function ( oElement ) {
+	if ( !hasSupport() ) return;
+	
+	if ( oElement.tabPage == this )	// already added
+		return oElement.tabPage;
+
+	var n = this.pages.length;
+	var tp = this.pages[n] = new WebFXTabPage( oElement, this, n );
+	tp.tabPane = this;
+	
+	// move the tab out of the box
+	this.tabRow.appendChild( tp.tab );
+			
+	if ( n == this.selectedIndex )
+		tp.show();
+	else
+		tp.hide();
+		
+	return tp;
+};
+	
+WebFXTabPane.prototype.dispose = function () {
+	this.element.tabPane = null;
+	this.element = null;		
+	this.tabRow = null;
+	
+	for (var i = 0; i < this.pages.length; i++) {
+		this.pages[i].dispose();
+		this.pages[i] = null;
+	}
+	this.pages = null;
+};
+
+
+
+// Cookie handling
+WebFXTabPane.setCookie = function ( sName, sValue, nDays ) {
+	var expires = "";
+	if ( nDays ) {
+		var d = new Date();
+		d.setTime( d.getTime() + nDays * 24 * 60 * 60 * 1000 );
+		expires = "; expires=" + d.toGMTString();
+	}
+
+	document.cookie = sName + "=" + sValue + expires + "; path=/";
+};
+
+WebFXTabPane.getCookie = function (sName) {
+	var re = new RegExp( "(\;|^)[^;]*(" + sName + ")\=([^;]*)(;|$)" );
+	var res = re.exec( document.cookie );
+	return res != null ? res[3] : null;
+};
+
+WebFXTabPane.removeCookie = function ( name ) {
+	setCookie( name, "", -1 );
+};
+
+
+
+
+
+
+
+
+///////////////////////////////////////////////////////////////////////////////////
+// The constructor for tab pages. This one should not be used.
+// Use WebFXTabPage.addTabPage instead
+//
+// el : HTMLElement			The html element used to represent the tab pane
+// tabPane : WebFXTabPane	The parent tab pane
+// nindex :	Number			The index of the page in the parent pane page array
+//
+function WebFXTabPage( el, tabPane, nIndex ) {
+	if ( !hasSupport() || el == null ) return;
+	
+	this.element = el;
+	this.element.tabPage = this;
+	this.index = nIndex;
+	
+	var cs = el.childNodes;
+	for (var i = 0; i < cs.length; i++) {
+		if (cs[i].nodeType == 1 && cs[i].className == "tab") {
+			this.tab = cs[i];
+			break;
+		}
+	}
+	
+	// insert a tag around content to support keyboard navigation
+	
+	
+	var a = document.createElement( "A" );
+	this.aElement = a;
+	a.href = "#";
+	a.onclick = function () { return false; };
+	while ( this.tab.hasChildNodes() )
+		a.appendChild( this.tab.firstChild );
+	this.tab.appendChild( a );
+
+	
+	// hook up events, using DOM0
+	var oThis = this;
+	this.tab.onclick = function () { oThis.select(); };
+	this.tab.onmouseover = function () { WebFXTabPage.tabOver( oThis ); };
+	this.tab.onmouseout = function () { WebFXTabPage.tabOut( oThis ); };
+}
+
+WebFXTabPage.prototype.show = function () {
+	var el = this.tab;
+	var s = el.className + " selected";
+	s = s.replace(/ +/g, " ");
+	el.className = s;
+	
+	this.element.style.display = "block";
+};
+
+WebFXTabPage.prototype.hide = function () {
+	var el = this.tab;
+	var s = el.className;
+	s = s.replace(/ selected/g, "");
+	el.className = s;
+
+	this.element.style.display = "none";
+};
+	
+WebFXTabPage.prototype.select = function () {
+	this.tabPane.setSelectedIndex( this.index );
+};
+	
+WebFXTabPage.prototype.dispose = function () {
+	this.aElement.onclick = null;
+	this.aElement = null;
+	this.element.tabPage = null;
+	this.tab.onclick = null;
+	this.tab.onmouseover = null;
+	this.tab.onmouseout = null;
+	this.tab = null;
+	this.tabPane = null;
+	this.element = null;
+};
+
+WebFXTabPage.tabOver = function ( tabpage ) {
+	var el = tabpage.tab;
+	var s = el.className + " hover";
+	s = s.replace(/ +/g, " ");
+	el.className = s;
+};
+
+WebFXTabPage.tabOut = function ( tabpage ) {
+	var el = tabpage.tab;
+	var s = el.className;
+	s = s.replace(/ hover/g, "");
+	el.className = s;
+};
+
+
+// This function initializes all uninitialized tab panes and tab pages
+function setupAllTabs() {
+	if ( !hasSupport() ) return;
+
+	var all = document.getElementsByTagName( "*" );
+	var l = all.length;
+	var tabPaneRe = /tab\-pane/;
+	var tabPageRe = /tab\-page/;
+	var cn, el;
+	var parentTabPane;
+	
+	for ( var i = 0; i < l; i++ ) {
+		el = all[i]
+		cn = el.className;
+
+		// no className
+		if ( cn == "" ) continue;
+		
+		// uninitiated tab pane
+		if ( tabPaneRe.test( cn ) && !el.tabPane )
+			new WebFXTabPane( el );
+	
+		// unitiated tab page wit a valid tab pane parent
+		else if ( tabPageRe.test( cn ) && !el.tabPage &&
+					tabPaneRe.test( el.parentNode.className ) ) {
+			el.parentNode.tabPane.addTabPage( el );			
+		}
+	}
+}
+
+function disposeAllTabs() {
+	if ( !hasSupport() ) return;
+	
+	var all = document.getElementsByTagName( "*" );
+	var l = all.length;
+	var tabPaneRe = /tab\-pane/;
+	var cn, el;
+	var tabPanes = [];
+	
+	for ( var i = 0; i < l; i++ ) {
+		el = all[i]
+		cn = el.className;
+
+		// no className
+		if ( cn == "" ) continue;
+		
+		// tab pane
+		if ( tabPaneRe.test( cn ) && el.tabPane )
+			tabPanes[tabPanes.length] = el.tabPane;
+	}
+	
+	for (var i = tabPanes.length - 1; i >= 0; i--) {
+		tabPanes[i].dispose();
+		tabPanes[i] = null;
+	}
+}
+
+
+// initialization hook up
+
+// DOM2
+if ( typeof window.addEventListener != "undefined" )
+	window.addEventListener( "load", setupAllTabs, false );
+
+// IE 
+else if ( typeof window.attachEvent != "undefined" ) {
+	window.attachEvent( "onload", setupAllTabs );
+	window.attachEvent( "onunload", disposeAllTabs );
+}
+
+else {
+	if ( window.onload != null ) {
+		var oldOnload = window.onload;
+		window.onload = function ( e ) {
+			oldOnload( e );
+			setupAllTabs();
+		};
+	}
+	else 
+		window.onload = setupAllTabs;
+}
+\ No newline at end of file
diff --git a/html/javascript/tooltip.js b/html/javascript/tooltip.js
new file mode 100644
index 0000000..efcf793
--- /dev/null
+++ b/html/javascript/tooltip.js
@@ -0,0 +1,101 @@
+var ttp_content;
+ttp_content = "";
+
+var ttp_timer;
+var ttp_x = -1;
+var ttp_y = -1;
+var ttp_visable = 0;
+var ttp_offset_x = 0;
+
+function ttp_update_pos(){
+		document.getElementById('TOOLTIP').style.left = (ttp_offset_x + ttp_x) + "px";
+		document.getElementById('TOOLTIP').style.top  = (ttp_y + 20) + "px";
+}
+
+var ttp_ie = document.all?true:false;
+if (!ttp_ie) document.captureEvents(Event.MOUSEMOVE)
+document.onmousemove = ttp_onmousemove;
+
+function ttp_onmousemove(e) {
+if (ttp_ie) { 
+  ttp_x = event.clientX + document.body.scrollLeft;
+  ttp_y = event.clientY + document.body.scrollTop;
+} else { 
+  ttp_x = e.pageX;
+  ttp_y = e.pageY;
+}
+if (ttp_x < 0)  {ttp_x = 0;}
+if (ttp_y < 0)  {ttp_y = 0;}
+if(ttp_visable) {ttp_update_pos();}
+}
+
+
+function ttp_update_content(title, description){
+  var utitle = unescape(title);
+  ttp_content =  '<div id="ttwindow"><p class="topic">';
+  ttp_content += utitle.substr(0,50);
+  if (utitle.length > 50)  {ttp_content += '...';}
+  ttp_content += '</p><p class="description">'
+  ttp_content += unescape(description);
+  ttp_content += '</p></div>';
+}
+
+function ttp_make_visable(title, description){
+		ttp_update_pos();
+		document.getElementById('TOOLTIP').style.visibility = "visible";
+		ttp_update_content(title, description);
+		document.getElementById('TOOLTIP').innerHTML = ttp_content;
+		ttp_visable = 1;
+}
+
+function ttp_make_invisable(self){
+    clearTimeout(ttp_timer);
+		ttp_visable = 0;
+		document.getElementById('TOOLTIP').style.visibility = "hidden";
+}
+
+function ttp(self, title, description, offset_x){
+  self.onmouseout=function(){ ttp_make_invisable(this); };
+	if(description && ttp_x != -1 && ttp_y != -1){
+    ttp_offset_x  = offset_x;
+    ttp_timer = setTimeout("ttp_make_visable('"+escape(title)+"', '"+escape(description)+"')", 750);
+	}
+}
+
+
+function ttp_make_req_visable(title, eventid){
+
+    if(!eventid || eventid<=0)
+      return false;
+    var fnWhenDone = function (oXML, sData) {
+
+        var description = eval('(' + oXML.responseText + ')');
+
+        if(description && description.data && typeof(description.data) == 'string'){
+            var content = description.data.replace(/\r\n/g,'<br />');
+
+          	ttp_update_pos();
+            ttp_update_content(title,content);
+
+        		document.getElementById('TOOLTIP').innerHTML = ttp_content;
+        		document.getElementById('TOOLTIP').style.visibility = "visible";
+
+        		ttp_visable = 1;
+        }
+    };
+
+    var url = "?cmd=edescription&data=" + eventid + "&ajax=json";
+    var aconn = new XHRequest();
+    if(!aconn)
+      return false;
+    return aconn.connect(url, fnWhenDone, eventid);
+}
+
+
+function ttpreq(self, title, eventid, offset_x){
+  self.onmouseout=function(){ ttp_make_invisable(this); };
+	if(eventid && ttp_x != -1 && ttp_y != -1){
+    ttp_offset_x  = offset_x;
+    ttp_timer = setTimeout("ttp_make_req_visable('"+escape(title)+"', '"+eventid+"')", 750);
+	}
+}
diff --git a/html/javascript/xtree.js b/html/javascript/xtree.js
new file mode 100644
index 0000000..58d2d95
--- /dev/null
+++ b/html/javascript/xtree.js
@@ -0,0 +1,541 @@
+/*----------------------------------------------------------------------------\
+|                       Cross Browser Tree Widget 1.17                        |
+|-----------------------------------------------------------------------------|
+|                          Created by Emil A Eklund                           |
+|                  (http://webfx.eae.net/contact.html#emil)                   |
+|                      For WebFX (http://webfx.eae.net/)                      |
+|-----------------------------------------------------------------------------|
+| An object based tree widget,  emulating the one found in microsoft windows, |
+| with persistence using cookies. Works in IE 5+, Mozilla and konqueror 3.    |
+|-----------------------------------------------------------------------------|
+|                   Copyright (c) 1999 - 2002 Emil A Eklund                   |
+|-----------------------------------------------------------------------------|
+| This software is provided "as is", without warranty of any kind, express or |
+| implied, including  but not limited  to the warranties of  merchantability, |
+| fitness for a particular purpose and noninfringement. In no event shall the |
+| authors or  copyright  holders be  liable for any claim,  damages or  other |
+| liability, whether  in an  action of  contract, tort  or otherwise, arising |
+| from,  out of  or in  connection with  the software or  the  use  or  other |
+| dealings in the software.                                                   |
+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
+| This  software is  available under the  three different licenses  mentioned |
+| below.  To use this software you must chose, and qualify, for one of those. |
+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
+| The WebFX Non-Commercial License          http://webfx.eae.net/license.html |
+| Permits  anyone the right to use the  software in a  non-commercial context |
+| free of charge.                                                             |
+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
+| The WebFX Commercial license           http://webfx.eae.net/commercial.html |
+| Permits the  license holder the right to use  the software in a  commercial |
+| context. Such license must be specifically obtained, however it's valid for |
+| any number of  implementations of the licensed software.                    |
+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
+| GPL - The GNU General Public License    http://www.gnu.org/licenses/gpl.txt |
+| Permits anyone the right to use and modify the software without limitations |
+| as long as proper  credits are given  and the original  and modified source |
+| code are included. Requires  that the final product, software derivate from |
+| the original  source or any  software  utilizing a GPL  component, such  as |
+| this, is also licensed under the GPL license.                               |
+|-----------------------------------------------------------------------------|
+| Dependencies: xtree.css (To set up the CSS of the tree classes)             |
+|-----------------------------------------------------------------------------|
+| 2001-01-10 | Original Version Posted.                                       |
+| 2001-03-18 | Added getSelected and get/setBehavior  that can make it behave |
+|            | more like windows explorer, check usage for more information.  |
+| 2001-09-23 | Version 1.1 - New features included  keyboard  navigation (ie) |
+|            | and the ability  to add and  remove nodes dynamically and some |
+|            | other small tweaks and fixes.                                  |
+| 2002-01-27 | Version 1.11 - Bug fixes and improved mozilla support.         |
+| 2002-06-11 | Version 1.12 - Fixed a bug that prevented the indentation line |
+|            | from  updating correctly  under some  circumstances.  This bug |
+|            | happened when removing the last item in a subtree and items in |
+|            | siblings to the remove subtree where not correctly updated.    |
+| 2002-06-13 | Fixed a few minor bugs cased by the 1.12 bug-fix.              |
+| 2002-08-20 | Added usePersistence flag to allow disable of cookies.         |
+| 2002-10-23 | (1.14) Fixed a plus icon issue                                 |
+| 2002-10-29 | (1.15) Last changes broke more than they fixed. This version   |
+|            | is based on 1.13 and fixes the bugs 1.14 fixed withou breaking |
+|            | lots of other things.                                          |
+| 2003-02-15 | The  selected node can now be made visible even when  the tree |
+|            | control  loses focus.  It uses a new class  declaration in the |
+|            | css file '.webfx-tree-item a.selected-inactive', by default it |
+|            | puts a light-gray rectangle around the selected node.          |
+| 2003-03-16 | Adding target support after lots of lobbying...                |
+|-----------------------------------------------------------------------------|
+| Created 2000-12-11 | All changes are in the log above. | Updated 2003-03-16 |
+\----------------------------------------------------------------------------*/
+
+var webFXTreeConfig = {
+	rootIcon        : 'images/foldericon.png',
+	openRootIcon    : 'images/openfoldericon.png',
+	folderIcon      : 'images/foldericon.png',
+	openFolderIcon  : 'images/openfoldericon.png',
+	fileIcon        : 'images/file.png',
+	iIcon           : 'images/I.png',
+	lIcon           : 'images/L.png',
+	lMinusIcon      : 'images/Lminus.png',
+	lPlusIcon       : 'images/Lplus.png',
+	tIcon           : 'images/T.png',
+	tMinusIcon      : 'images/Tminus.png',
+	tPlusIcon       : 'images/Tplus.png',
+	blankIcon       : 'images/blank.png',
+	defaultText     : 'Tree Item',
+	defaultAction   : 'javascript:void(0);',
+	defaultBehavior : 'classic',
+	usePersistence	: true
+};
+
+var webFXTreeHandler = {
+	idCounter : 0,
+	idPrefix  : "webfx-tree-object-",
+	all       : {},
+	behavior  : null,
+	selected  : null,
+	onSelect  : null, /* should be part of tree, not handler */
+	getId     : function() { return this.idPrefix + this.idCounter++; },
+	toggle    : function (oItem) { this.all[oItem.id.replace('-plus','')].toggle(); },
+	select    : function (oItem) { this.all[oItem.id.replace('-icon','')].select(); },
+	focus     : function (oItem) { this.all[oItem.id.replace('-anchor','')].focus(); },
+	blur      : function (oItem) { this.all[oItem.id.replace('-anchor','')].blur(); },
+	keydown   : function (oItem, e) { return this.all[oItem.id].keydown(e.keyCode); },
+	cookies   : new WebFXCookie(),
+	insertHTMLBeforeEnd	:	function (oElement, sHTML) {
+		if (oElement.insertAdjacentHTML != null) {
+			oElement.insertAdjacentHTML("BeforeEnd", sHTML)
+			return;
+		}
+		var df;	// DocumentFragment
+		var r = oElement.ownerDocument.createRange();
+		r.selectNodeContents(oElement);
+		r.collapse(false);
+		df = r.createContextualFragment(sHTML);
+		oElement.appendChild(df);
+	}
+};
+
+/*
+ * WebFXCookie class
+ */
+
+function WebFXCookie() {
+	if (document.cookie.length) { this.cookies = ' ' + document.cookie; }
+}
+
+WebFXCookie.prototype.setCookie = function (key, value) {
+	document.cookie = key + "=" + escape(value);
+}
+
+WebFXCookie.prototype.getCookie = function (key) {
+	if (this.cookies) {
+		var start = this.cookies.indexOf(' ' + key + '=');
+		if (start == -1) { return null; }
+		var end = this.cookies.indexOf(";", start);
+		if (end == -1) { end = this.cookies.length; }
+		end -= start;
+		var cookie = this.cookies.substr(start,end);
+		return unescape(cookie.substr(cookie.indexOf('=') + 1, cookie.length - cookie.indexOf('=') + 1));
+	}
+	else { return null; }
+}
+
+/*
+ * WebFXTreeAbstractNode class
+ */
+
+function WebFXTreeAbstractNode(sText, sAction) {
+	this.childNodes  = [];
+	this.id     = webFXTreeHandler.getId();
+	this.text   = sText || webFXTreeConfig.defaultText;
+	this.action = sAction || webFXTreeConfig.defaultAction;
+	this._last  = false;
+	webFXTreeHandler.all[this.id] = this;
+}
+
+/*
+ * To speed thing up if you're adding multiple nodes at once (after load)
+ * use the bNoIdent parameter to prevent automatic re-indentation and call
+ * the obj.ident() method manually once all nodes has been added.
+ */
+
+WebFXTreeAbstractNode.prototype.add = function (node, bNoIdent) {
+	node.parentNode = this;
+	this.childNodes[this.childNodes.length] = node;
+	var root = this;
+	if (this.childNodes.length >= 2) {
+		this.childNodes[this.childNodes.length - 2]._last = false;
+	}
+	while (root.parentNode) { root = root.parentNode; }
+	if (root.rendered) {
+		if (this.childNodes.length >= 2) {
+			document.getElementById(this.childNodes[this.childNodes.length - 2].id + '-plus').src = ((this.childNodes[this.childNodes.length -2].folder)?((this.childNodes[this.childNodes.length -2].open)?webFXTreeConfig.tMinusIcon:webFXTreeConfig.tPlusIcon):webFXTreeConfig.tIcon);
+			this.childNodes[this.childNodes.length - 2].plusIcon = webFXTreeConfig.tPlusIcon;
+			this.childNodes[this.childNodes.length - 2].minusIcon = webFXTreeConfig.tMinusIcon;
+			this.childNodes[this.childNodes.length - 2]._last = false;
+		}
+		this._last = true;
+		var foo = this;
+		while (foo.parentNode) {
+			for (var i = 0; i < foo.parentNode.childNodes.length; i++) {
+				if (foo.id == foo.parentNode.childNodes[i].id) { break; }
+			}
+			if (i == foo.parentNode.childNodes.length - 1) { foo.parentNode._last = true; }
+			else { foo.parentNode._last = false; }
+			foo = foo.parentNode;
+		}
+		webFXTreeHandler.insertHTMLBeforeEnd(document.getElementById(this.id + '-cont'), node.toString());
+		if ((!this.folder) && (!this.openIcon)) {
+			this.icon = webFXTreeConfig.folderIcon;
+			this.openIcon = webFXTreeConfig.openFolderIcon;
+		}
+		if (!this.folder) { this.folder = true; this.collapse(true); }
+		if (!bNoIdent) { this.indent(); }
+	}
+	return node;
+}
+
+WebFXTreeAbstractNode.prototype.toggle = function() {
+	if (this.folder) {
+		if (this.open) { this.collapse(); }
+		else { this.expand(); }
+}	}
+
+WebFXTreeAbstractNode.prototype.select = function() {
+	document.getElementById(this.id + '-anchor').focus();
+}
+
+WebFXTreeAbstractNode.prototype.deSelect = function() {
+	document.getElementById(this.id + '-anchor').className = '';
+	webFXTreeHandler.selected = null;
+}
+
+WebFXTreeAbstractNode.prototype.focus = function() {
+	if ((webFXTreeHandler.selected) && (webFXTreeHandler.selected != this)) { webFXTreeHandler.selected.deSelect(); }
+	webFXTreeHandler.selected = this;
+	if ((this.openIcon) && (webFXTreeHandler.behavior != 'classic')) { document.getElementById(this.id + '-icon').src = this.openIcon; }
+	document.getElementById(this.id + '-anchor').className = 'selected';
+	document.getElementById(this.id + '-anchor').focus();
+	if (webFXTreeHandler.onSelect) { webFXTreeHandler.onSelect(this); }
+}
+
+WebFXTreeAbstractNode.prototype.blur = function() {
+	if ((this.openIcon) && (webFXTreeHandler.behavior != 'classic')) { document.getElementById(this.id + '-icon').src = this.icon; }
+	document.getElementById(this.id + '-anchor').className = 'selected-inactive';
+}
+
+WebFXTreeAbstractNode.prototype.doExpand = function() {
+	if (webFXTreeHandler.behavior == 'classic') { document.getElementById(this.id + '-icon').src = this.openIcon; }
+	if (this.childNodes.length) {  document.getElementById(this.id + '-cont').style.display = 'block'; }
+	this.open = true;
+	if (webFXTreeConfig.usePersistence) {
+		webFXTreeHandler.cookies.setCookie(this.id.substr(18,this.id.length - 18), '1');
+}	}
+
+WebFXTreeAbstractNode.prototype.doCollapse = function() {
+	if (webFXTreeHandler.behavior == 'classic') { document.getElementById(this.id + '-icon').src = this.icon; }
+	if (this.childNodes.length) { document.getElementById(this.id + '-cont').style.display = 'none'; }
+	this.open = false;
+	if (webFXTreeConfig.usePersistence) {
+		webFXTreeHandler.cookies.setCookie(this.id.substr(18,this.id.length - 18), '0');
+}	}
+
+WebFXTreeAbstractNode.prototype.expandAll = function() {
+	this.expandChildren();
+	if ((this.folder) && (!this.open)) { this.expand(); }
+}
+
+WebFXTreeAbstractNode.prototype.expandChildren = function() {
+	for (var i = 0; i < this.childNodes.length; i++) {
+		this.childNodes[i].expandAll();
+} }
+
+WebFXTreeAbstractNode.prototype.collapseAll = function() {
+	this.collapseChildren();
+	if ((this.folder) && (this.open)) { this.collapse(true); }
+}
+
+WebFXTreeAbstractNode.prototype.collapseChildren = function() {
+	for (var i = 0; i < this.childNodes.length; i++) {
+		this.childNodes[i].collapseAll();
+} }
+
+WebFXTreeAbstractNode.prototype.indent = function(lvl, del, last, level, nodesLeft) {
+	/*
+	 * Since we only want to modify items one level below ourself,
+	 * and since the rightmost indentation position is occupied by
+	 * the plus icon we set this to -2
+	 */
+	if (lvl == null) { lvl = -2; }
+	var state = 0;
+	for (var i = this.childNodes.length - 1; i >= 0 ; i--) {
+		state = this.childNodes[i].indent(lvl + 1, del, last, level);
+		if (state) { return; }
+	}
+	if (del) {
+		if ((level >= this._level) && (document.getElementById(this.id + '-plus'))) {
+			if (this.folder) {
+				document.getElementById(this.id + '-plus').src = (this.open)?webFXTreeConfig.lMinusIcon:webFXTreeConfig.lPlusIcon;
+				this.plusIcon = webFXTreeConfig.lPlusIcon;
+				this.minusIcon = webFXTreeConfig.lMinusIcon;
+			}
+			else if (nodesLeft) { document.getElementById(this.id + '-plus').src = webFXTreeConfig.lIcon; }
+			return 1;
+	}	}
+	var foo = document.getElementById(this.id + '-indent-' + lvl);
+	if (foo) {
+		if ((foo._last) || ((del) && (last))) { foo.src =  webFXTreeConfig.blankIcon; }
+		else { foo.src =  webFXTreeConfig.iIcon; }
+	}
+	return 0;
+}
+
+/*
+ * WebFXTree class
+ */
+
+function WebFXTree(sText, sAction, sBehavior, sIcon, sOpenIcon) {
+	this.base = WebFXTreeAbstractNode;
+	this.base(sText, sAction);
+	this.icon      = sIcon || webFXTreeConfig.rootIcon;
+	this.openIcon  = sOpenIcon || webFXTreeConfig.openRootIcon;
+	/* Defaults to open */
+	if (webFXTreeConfig.usePersistence) {
+		this.open  = (webFXTreeHandler.cookies.getCookie(this.id.substr(18,this.id.length - 18)) == '0')?false:true;
+	} else { this.open  = true; }
+	this.folder    = true;
+	this.rendered  = false;
+	this.onSelect  = null;
+	if (!webFXTreeHandler.behavior) {  webFXTreeHandler.behavior = sBehavior || webFXTreeConfig.defaultBehavior; }
+}
+
+WebFXTree.prototype = new WebFXTreeAbstractNode;
+
+WebFXTree.prototype.setBehavior = function (sBehavior) {
+	webFXTreeHandler.behavior =  sBehavior;
+};
+
+WebFXTree.prototype.getBehavior = function (sBehavior) {
+	return webFXTreeHandler.behavior;
+};
+
+WebFXTree.prototype.getSelected = function() {
+	if (webFXTreeHandler.selected) { return webFXTreeHandler.selected; }
+	else { return null; }
+}
+
+WebFXTree.prototype.remove = function() { }
+
+WebFXTree.prototype.expand = function() {
+	this.doExpand();
+}
+
+WebFXTree.prototype.collapse = function(b) {
+	if (!b) { this.focus(); }
+	this.doCollapse();
+}
+
+WebFXTree.prototype.getFirst = function() {
+	return null;
+}
+
+WebFXTree.prototype.getLast = function() {
+	return null;
+}
+
+WebFXTree.prototype.getNextSibling = function() {
+	return null;
+}
+
+WebFXTree.prototype.getPreviousSibling = function() {
+	return null;
+}
+
+WebFXTree.prototype.keydown = function(key) {
+	if (key == 39) {
+		if (!this.open) { this.expand(); }
+		else if (this.childNodes.length) { this.childNodes[0].select(); }
+		return false;
+	}
+	if (key == 37) { this.collapse(); return false; }
+	if ((key == 40) && (this.open) && (this.childNodes.length)) { this.childNodes[0].select(); return false; }
+	return true;
+}
+
+WebFXTree.prototype.toString = function() {
+	var str = "<div id=\"" + this.id + "\" ondblclick=\"webFXTreeHandler.toggle(this);\" class=\"webfx-tree-item\" onkeydown=\"return webFXTreeHandler.keydown(this, event)\">" +
+		"<img id=\"" + this.id + "-icon\" class=\"webfx-tree-icon\" src=\"" + ((webFXTreeHandler.behavior == 'classic' && this.open)?this.openIcon:this.icon) + "\" onclick=\"webFXTreeHandler.select(this);\">" +
+		"<a href=\"" + this.action + "\" id=\"" + this.id + "-anchor\" onfocus=\"webFXTreeHandler.focus(this);\" onblur=\"webFXTreeHandler.blur(this);\"" +
+		(this.target ? " target=\"" + this.target + "\"" : "") +
+		">" + this.text + "</a></div>" +
+		"<div id=\"" + this.id + "-cont\" class=\"webfx-tree-container\" style=\"display: " + ((this.open)?'block':'none') + ";\">";
+	var sb = [];
+	for (var i = 0; i < this.childNodes.length; i++) {
+		sb[i] = this.childNodes[i].toString(i, this.childNodes.length);
+	}
+	this.rendered = true;
+	return str + sb.join("") + "</div>";
+};
+
+/*
+ * WebFXTreeItem class
+ */
+
+function WebFXTreeItem(sText, sAction, eParent, sIcon, sOpenIcon) {
+	this.base = WebFXTreeAbstractNode;
+	this.base(sText, sAction);
+	/* Defaults to close */
+	if (webFXTreeConfig.usePersistence) {
+		this.open = (webFXTreeHandler.cookies.getCookie(this.id.substr(18,this.id.length - 18)) == '1')?true:false;
+	} else { this.open = false; }
+	if (sIcon) { this.icon = sIcon; }
+	if (sOpenIcon) { this.openIcon = sOpenIcon; }
+	if (eParent) { eParent.add(this); }
+}
+
+WebFXTreeItem.prototype = new WebFXTreeAbstractNode;
+
+WebFXTreeItem.prototype.remove = function() {
+	var iconSrc = document.getElementById(this.id + '-plus').src;
+	var parentNode = this.parentNode;
+	var prevSibling = this.getPreviousSibling(true);
+	var nextSibling = this.getNextSibling(true);
+	var folder = this.parentNode.folder;
+	var last = ((nextSibling) && (nextSibling.parentNode) && (nextSibling.parentNode.id == parentNode.id))?false:true;
+	this.getPreviousSibling().focus();
+	this._remove();
+	if (parentNode.childNodes.length == 0) {
+		document.getElementById(parentNode.id + '-cont').style.display = 'none';
+		parentNode.doCollapse();
+		parentNode.folder = false;
+		parentNode.open = false;
+	}
+	if (!nextSibling || last) { parentNode.indent(null, true, last, this._level, parentNode.childNodes.length); }
+	if ((prevSibling == parentNode) && !(parentNode.childNodes.length)) {
+		prevSibling.folder = false;
+		prevSibling.open = false;
+		iconSrc = document.getElementById(prevSibling.id + '-plus').src;
+		iconSrc = iconSrc.replace('minus', '').replace('plus', '');
+		document.getElementById(prevSibling.id + '-plus').src = iconSrc;
+		document.getElementById(prevSibling.id + '-icon').src = webFXTreeConfig.fileIcon;
+	}
+	if (document.getElementById(prevSibling.id + '-plus')) {
+		if (parentNode == prevSibling.parentNode) {
+			iconSrc = iconSrc.replace('minus', '').replace('plus', '');
+			document.getElementById(prevSibling.id + '-plus').src = iconSrc;
+}	}	}
+
+WebFXTreeItem.prototype._remove = function() {
+	for (var i = this.childNodes.length - 1; i >= 0; i--) {
+		this.childNodes[i]._remove();
+ 	}
+	for (var i = 0; i < this.parentNode.childNodes.length; i++) {
+		if (this == this.parentNode.childNodes[i]) {
+			for (var j = i; j < this.parentNode.childNodes.length; j++) {
+				this.parentNode.childNodes[j] = this.parentNode.childNodes[j+1];
+			}
+			this.parentNode.childNodes.length -= 1;
+			if (i + 1 == this.parentNode.childNodes.length) { this.parentNode._last = true; }
+			break;
+	}	}
+	webFXTreeHandler.all[this.id] = null;
+	var tmp = document.getElementById(this.id);
+	if (tmp) { tmp.parentNode.removeChild(tmp); }
+	tmp = document.getElementById(this.id + '-cont');
+	if (tmp) { tmp.parentNode.removeChild(tmp); }
+}
+
+WebFXTreeItem.prototype.expand = function() {
+	this.doExpand();
+	document.getElementById(this.id + '-plus').src = this.minusIcon;
+}
+
+WebFXTreeItem.prototype.collapse = function(b) {
+	if (!b) { this.focus(); }
+	this.doCollapse();
+	document.getElementById(this.id + '-plus').src = this.plusIcon;
+}
+
+WebFXTreeItem.prototype.getFirst = function() {
+	return this.childNodes[0];
+}
+
+WebFXTreeItem.prototype.getLast = function() {
+	if (this.childNodes[this.childNodes.length - 1].open) { return this.childNodes[this.childNodes.length - 1].getLast(); }
+	else { return this.childNodes[this.childNodes.length - 1]; }
+}
+
+WebFXTreeItem.prototype.getNextSibling = function() {
+	for (var i = 0; i < this.parentNode.childNodes.length; i++) {
+		if (this == this.parentNode.childNodes[i]) { break; }
+	}
+	if (++i == this.parentNode.childNodes.length) { return this.parentNode.getNextSibling(); }
+	else { return this.parentNode.childNodes[i]; }
+}
+
+WebFXTreeItem.prototype.getPreviousSibling = function(b) {
+	for (var i = 0; i < this.parentNode.childNodes.length; i++) {
+		if (this == this.parentNode.childNodes[i]) { break; }
+	}
+	if (i == 0) { return this.parentNode; }
+	else {
+		if ((this.parentNode.childNodes[--i].open) || (b && this.parentNode.childNodes[i].folder)) { return this.parentNode.childNodes[i].getLast(); }
+		else { return this.parentNode.childNodes[i]; }
+} }
+
+WebFXTreeItem.prototype.keydown = function(key) {
+	if ((key == 39) && (this.folder)) {
+		if (!this.open) { this.expand(); }
+		else { this.getFirst().select(); }
+		return false;
+	}
+	else if (key == 37) {
+		if (this.open) { this.collapse(); }
+		else { this.parentNode.select(); }
+		return false;
+	}
+	else if (key == 40) {
+		if (this.open) { this.getFirst().select(); }
+		else {
+			var sib = this.getNextSibling();
+			if (sib) { sib.select(); }
+		}
+		return false;
+	}
+	else if (key == 38) { this.getPreviousSibling().select(); return false; }
+	return true;
+}
+
+WebFXTreeItem.prototype.toString = function (nItem, nItemCount) {
+	var foo = this.parentNode;
+	var indent = '';
+	if (nItem + 1 == nItemCount) { this.parentNode._last = true; }
+	var i = 0;
+	while (foo.parentNode) {
+		foo = foo.parentNode;
+		indent = "<img id=\"" + this.id + "-indent-" + i + "\" src=\"" + ((foo._last)?webFXTreeConfig.blankIcon:webFXTreeConfig.iIcon) + "\">" + indent;
+		i++;
+	}
+	this._level = i;
+	if (this.childNodes.length) { this.folder = 1; }
+	else { this.open = false; }
+	if ((this.folder) || (webFXTreeHandler.behavior != 'classic')) {
+		if (!this.icon) { this.icon = webFXTreeConfig.folderIcon; }
+		if (!this.openIcon) { this.openIcon = webFXTreeConfig.openFolderIcon; }
+	}
+	else if (!this.icon) { this.icon = webFXTreeConfig.fileIcon; }
+	var label = this.text.replace(/</g, '&lt;').replace(/>/g, '&gt;');
+	var str = "<div id=\"" + this.id + "\" ondblclick=\"webFXTreeHandler.toggle(this);\" class=\"webfx-tree-item\" onkeydown=\"return webFXTreeHandler.keydown(this, event)\">" +
+		indent +
+		"<img id=\"" + this.id + "-plus\" src=\"" + ((this.folder)?((this.open)?((this.parentNode._last)?webFXTreeConfig.lMinusIcon:webFXTreeConfig.tMinusIcon):((this.parentNode._last)?webFXTreeConfig.lPlusIcon:webFXTreeConfig.tPlusIcon)):((this.parentNode._last)?webFXTreeConfig.lIcon:webFXTreeConfig.tIcon)) + "\" onclick=\"webFXTreeHandler.toggle(this);\">" +
+		"<img id=\"" + this.id + "-icon\" class=\"webfx-tree-icon\" src=\"" + ((webFXTreeHandler.behavior == 'classic' && this.open)?this.openIcon:this.icon) + "\" onclick=\"webFXTreeHandler.select(this);\">" +
+		"<a href=\"" + this.action + "\" id=\"" + this.id + "-anchor\" onfocus=\"webFXTreeHandler.focus(this);\" onblur=\"webFXTreeHandler.blur(this);\"" +
+		(this.target ? " target=\"" + this.target + "\"" : "") +
+		">" + label + "</a></div>" +
+		"<div id=\"" + this.id + "-cont\" class=\"webfx-tree-container\" style=\"display: " + ((this.open)?'block':'none') + ";\">";
+	var sb = [];
+	for (var i = 0; i < this.childNodes.length; i++) {
+		sb[i] = this.childNodes[i].toString(i,this.childNodes.length);
+	}
+	this.plusIcon = ((this.parentNode._last)?webFXTreeConfig.lPlusIcon:webFXTreeConfig.tPlusIcon);
+	this.minusIcon = ((this.parentNode._last)?webFXTreeConfig.lMinusIcon:webFXTreeConfig.tMinusIcon);
+	return str + sb.join("") + "</div>";
+}
+\ No newline at end of file
diff --git a/html/logger.tmpl b/html/logger.tmpl
new file mode 100644
index 0000000..ffded50
--- /dev/null
+++ b/html/logger.tmpl
@@ -0,0 +1,55 @@
+<p><p>
+<!-- TableTemplate -->
+<script type="text/javascript" src="javascript/helptip.js"></script>
+<link type="text/css" rel="StyleSheet" href="style/helptip.css" />
+
+<h1><?% gettext("Read journal file: ") %?><?% param.logfile %?></h1>
+<h3><?% gettext("Size: ") %?><?% param.Size %?>&nbsp;
+    <?% gettext("Last changed: ") %?><?% param.LastChanged %?></h3>
+<br/>
+<a href='?cmd=logger&data=<?% param.type %?>&__full=<?% param.full %?>'>[<?% gettext("Refresh") %?>]</a>
+<a href='?cmd=logger&data=<?% param.type %?>&__full=<?% param.full ? 0 : 1 %?>'>[
+    <?% param.full ? gettext("Short display")
+                   : gettext("Full display") %?>]</a>
+<?%- truncatesize = param.full ? 1000 : param.maxlet -%?>
+<p/>
+<table border="0" width="95%">
+<?% fields = data.shift %?>
+    <tr>
+    <?% FOREACH field = fields %?>
+        <?% NEXT IF field.match('^__') %?>
+        <th>
+            <nobr><?% field | html %?>
+            <?% IF param.sortable %?>
+                <a href="?cmd=<?% cgi.param('cmd') %?>&__sortby=<?% field %?>&__desc=0"><img src="images/asc.png"></a>
+                <a href="?cmd=<?% cgi.param('cmd') %?>&__sortby=<?% field %?>&__desc=1"><img src="images/desc.png"></a>
+            <?% END %?>
+            </nobr>
+        </th>
+    <?% END %?>
+    </tr>
+    <?% x = -1 %?>
+    <?% FOREACH zeile = data %?>
+    <tr>
+        <?% x = x + 1 %?>
+        <?% c = -1 %?>
+        <?% FOREACH field = zeile %?>
+            <?% c = c + 1 %?>
+            <?% NEXT IF fields.$c.match('^__') %?>
+            <td <?% IF (x mod 2) == 0 %?>bgcolor='#F5F5F5'<?% END %?>>
+                <?% IF field == zeile.last && truncatesize < 100 %?>
+                    <a id="test" href="?" class="helpLink" onclick='showHelpTip(event, "<?% escape(zeile.last.replace("  ", "&nbsp;&nbsp;")) %?>", true); return false'>
+                    <font color='<?% param.color(zeile) %?>'>
+                    <?% chop(field,truncatesize) %?>
+                    </font>
+                    </a>
+                <?% ELSE %?>
+                    <font color='<?% param.color(zeile) %?>'>
+                    <?% chop(field,truncatesize) %?>
+                    </font>
+                <?% END %?>
+            </td>
+        <?% END %?>
+    </tr>
+    <?% END %?>
+</table>
diff --git a/html/memory.tmpl b/html/memory.tmpl
new file mode 100644
index 0000000..bfc8fa6
--- /dev/null
+++ b/html/memory.tmpl
@@ -0,0 +1,105 @@
+<?%
+    USE date;
+    statusfiles = {};
+
+    FILTER null;
+        name = 'memory_stat';
+        swapdata = [];
+        activedata = [];
+        cacheddata = [];
+        buffersdata = [];
+        timestamps = [];
+        FOREACH item = param.stack;
+            t = date.format(item.timestamp, '%H:%M:%S');
+            timestamps.push(t);
+            swapdata.push(item.memory.SwapTotal);
+            activedata.push(item.memory.Active);
+            cacheddata.push(item.memory.Cached);
+            buffersdata.push(item.memory.Buffers);
+        END;
+
+        # Maximum wert
+        max = param.stack.last.memory.MemTotal;
+
+        # Data ...
+        d = [
+             timestamps ,
+             swapdata ,
+             cacheddata ,
+             activedata ,
+             buffersdata ,
+        ];
+
+        USE my_graph = GD.Graph.lines(500,300);
+
+        # Xsteps
+        steps = param.stack.size / 5 | format('%d');
+
+        label = gettext('Memory usage since');
+        label = "${label} ${d.first.first}";
+        my_graph.set(
+                title => label,
+                x_label_skip => steps,
+                x_long_ticks => 1,
+
+                y_label => gettext('Memory usage in bytes'),
+                y_long_ticks => 1,
+
+                line_width   => 2,
+                box_axis     => 1,
+                boxclr       => '#FFFFCC',
+                fgclr        => '#BBBBBB'
+                legend_placement => 'RD',
+                legend_spacing => 5,
+        );
+        my_graph.set_title_font(param.font,10);
+        my_graph.set_y_label_font(param.font,10);
+        my_graph.set_x_label_font(param.font,10);
+        my_graph.set_x_axis_font(param.font,6);
+        my_graph.set_y_axis_font(param.font,6);
+        my_graph.set_legend( 'Swap', 'Active', 'Cached', 'Buffers');
+        statusfiles.$name = writefile("status_${name}.gif", my_graph.plot(d).gif );
+        END;
+
+        # ------------------- Piegraph f�r Speicher
+        FILTER null;
+        name = 'memory_now';
+        d2 = [
+            ["Active ${data.Active}","Cached ${data.Cached}","Inactive ${data.Inactive}","MemFree ${data.MemFree}","Buffers ${data.Buffers}"],
+            [ data.Active, data.Cached, data.Inactive, data.MemFree, data.Buffers]
+        ];
+        USE my_graph = GD.Graph.pie(400, 300);
+        label = gettext('Total Memory');
+        label = "${label} ${data.MemTotal}";
+        my_graph.set(
+                title => label,
+                axislabelclr => 'black',
+                pie_height => 25,
+                transparent => 0,
+        );
+        my_graph.set_title_font(param.font,10);
+        my_graph.set_label_font(param.font,10);
+        my_graph.set_value_font(param.font,8);
+        statusfiles.$name = writefile("status_${name}.gif", my_graph.plot(d2).gif );
+      END;
+ %?>
+<!-- Vitals Template -->
+<?% IF param.headingText %?>
+<table width=100%><tr><td class='tableheader'><h3><?% param.headingText %?></h3>
+<?% END %?>
+<table border="0" width="95%">
+<tr>
+    <td colspan=2 align=center>
+        <img src="<?% statusfiles.memory_now %?>">
+    </td>
+</tr>
+<tr>
+    <td colspan=2 align=center>
+        <img src="<?% statusfiles.memory_stat %?>">
+    </td>
+</tr>
+</table>
+<?% IF param.headingText %?>
+</td></tr></table>
+<p>
+<?% END %?>
diff --git a/html/mlcopy.tmpl b/html/mlcopy.tmpl
new file mode 120000
index 0000000..b15f879
--- /dev/null
+++ b/html/mlcopy.tmpl
@@ -0,0 +1 @@
+mledit.tmpl
+\ No newline at end of file
diff --git a/html/mldisplay.tmpl b/html/mldisplay.tmpl
new file mode 100644
index 0000000..01a125e
--- /dev/null
+++ b/html/mldisplay.tmpl
@@ -0,0 +1,228 @@
+<?% fields = data.shift %?>
+
+<h1><?% gettext("Media details for") %?>: <?% fields.2 %?><?% IF fields.3 %?> - <?% fields.3 %?><?% END %?></h1>
+
+<?% INCLUDE 'mlnavcontainer.tmpl'
+        nav_back = 1
+        nav_copy = 1
+        nav_edit = 1
+        nav_delete = 1
+        nav_newmedia = 1
+        nav_search = 1
+        nav_ranges = 1
+%?>
+
+<table width="100%">
+<tr>    
+    <td width="20%" align="center" rowspan="8">
+        <img src='?cmd=mlcache&__source=<?% fields.10 %?>' width="133" height="200" align="center" />
+    </td>
+    <td colspan="4">
+        <h1><?% fields.2 %?>
+        <?% IF fields.3 %?>
+            - <?% fields.3 %?>
+        <?% END %?>
+        </h1>
+    </td>
+</tr>
+<tr>
+    <td width="10%">
+        <b><?% gettext("Year") %?>:</b>
+    </td>
+    <td width="30%">
+        <?% IF fields.9 %?>
+            <a href="?cmd=mlsearch&__search&__selfields=year&__searchitem=<?% fields.9 %?>"><?% fields.9 %?></a>
+        <?% END %?>
+    </td>
+    <td width="10%">
+        <b><?% gettext("Runtime") %?>:</b>
+    </td>
+    <td width="30%">
+        <?% IF fields.13 %?>
+        <?% fields.13 %?>
+        <?% END %?>
+    </td>
+</tr>
+<tr>
+    <td width="10%">
+        <b><?% gettext("Director") %?>:</b>
+    </td>
+    <td width="30%">
+        <?% IF fields.11 %?>
+            <?% mydirectors = [] %?>
+            <?% FOREACH director = fields.11.split(',') %?>
+                <?% director = director.replace('^\s+|\s+$','') %?>
+                <?% director = "<a href=\"?cmd=mlsearch&__search&__selfields=director&__searchitem=$director\">$director</a>" %?>
+                <?% mydirectors.push(director) %?>
+            <?% END %?>
+            <?% mydirectors.join(', ') %?>
+        <?% END %?>
+    </td>
+    <td width="10%">
+        <b><?% gettext("Language") %?>:</b>
+    </td>
+    <td width="30%">
+        <?% IF fields.4 %?>
+            <?% mylanguages = [] %?>
+            <?% FOREACH language = fields.4.split(',') %?>
+                <?% language = language.replace('^\s+|\s+$','') %?>
+                <?% language = "<a href=\"?cmd=mlsearch&__search&__selfields=director&__searchitem=$language\">$language</a>" %?>
+                <?% mylanguages.push(language) %?>
+            <?% END %?>
+            <?% mylanguages.join(', ') %?>
+        <?% END %?>
+    </td>
+</tr>
+<tr>
+    <td width="10%">
+        <b><?% gettext("Country") %?>:</b>
+    </td>
+    <td width="30%">
+        <?% IF fields.14 %?>
+            <?% mycountrys = [] %?>
+            <?% FOREACH country = fields.14.split('&#x2f;') %?>
+                <?% country = country.replace('^\s+|\s+$','') %?>
+                <?% country = "<a href=\"?cmd=mlsearch&__search&__selfields=country&__searchitem=$country\">$country</a>" %?>
+                <?% mycountrys.push(country) %?>
+            <?% END %?>
+            <?% mycountrys.join(' &#x2f; ') %?>
+        <?% END %?>
+    </td>
+    <td width="10%">
+        <b><?% gettext("Mediatype") %?>:</b>
+    </td>
+    <td width="30%">
+        <?% IF param.mediatype %?>
+        <a href="?cmd=mlsearch&__search&__selfields=mediatype&__searchitem=<?% param.mediatype %?>"><?% param.mediatype %?></a>
+        <?% END %?>
+    </td>
+</tr>
+<tr>
+    <td width="10%">
+        <b><?% gettext("DiskID") %?>:</b>
+    </td>
+    <td width="30%">
+        <?% IF fields.5 %?>
+            <a href="?cmd=mlsearch&__search&__selfields=diskid&__searchitem=<?% fields.5 %?>"><?% fields.5 %?></a>
+        <?% END %?>
+    </td>
+    <td width="10%">
+        <b><?% gettext("TV-Episode") %?>:</b>
+    </td>
+    <td width="30%">
+        <input type=checkbox disabled="1" value="<?% fields.23 %?>" />
+        &nbsp;&nbsp;
+        <b><?% gettext("Seen") %?>:</b>
+        &nbsp;&nbsp;
+        <input type=checkbox disabled="1" value="<?% fields.25 %?>" />
+    </td>
+</tr>
+<tr>
+    <td width="10%">
+        <b><?% gettext("Filename") %?>:</b>
+    </td>
+    <td width="30%">
+        <?% IF fields.16 %?>
+            <?% fields.16 %?>
+        <?% END %?>
+    </td>
+    <td width="10%">
+        <b><?% gettext("Filesize") %?>:</b>
+    </td>
+    <td width="30%">
+        <?% IF fields.17 %?>
+            <?% fields.17 %?>
+        <?% END %?>
+    </td>
+</tr>
+<tr>
+    <td width="10%">
+        <b><?% gettext("Filedate") %?>:</b>
+    </td>
+    <td width="30%">
+        <?% IF fields.18 %?>
+            <?% fields.18 %?>
+        <?% END %?>
+    </td>
+    <td width="10%">
+        <b><?% gettext("Size") %?>:</b>
+    </td>
+    <td width="30%">
+        <?% IF fields.21 && fields.22 %?>
+            <?% fields.21 %?>&nbsp;x&nbsp;<?% fields.22 %?>
+        <?% END %?>
+    </td>
+</tr>
+<tr>
+    <td width="10%">
+        <b><?% gettext("Audio Codec") %?>:</b>
+    </td>
+    <td width="30%">
+        <?% IF fields.19 %?>
+            <?% fields.19 %?>
+        <?% END %?>
+    </td>
+    <td width="10%">
+        <b><?% gettext("Video Codec") %?>:</b>
+    </td>
+    <td width="30%">
+        <?% IF fields.20 %?>
+            <?% fields.20 %?>
+        <?% END %?>
+    </td>
+</tr>
+<?% IF param.genres_sel.0 %?>
+<tr>
+    <td>
+    </td>
+    <td>
+        <b><?% gettext("Genres") %?>:</b>
+    </td>
+    <td colspan=3>
+        <?% selection = param.genres_sel %?>
+        <?% genres = param.genres_all %?>
+        <?% FOREACH id = selection %?>
+        <a href="?cmd=mlsearch&__search&__genres=<?% genres.$id.id %?>"><?% genres.$id.name %?></a>&nbsp;
+        <?% END %?>
+    </td>
+</tr>
+<?% END %?>
+<?% IF fields.15 %?>
+<tr>
+    <td colspan="5">
+        <b><?% gettext("Plot") %?>:</b><br>
+        <?% fields.15 | replace('\n','<br>') %?>
+    </td>
+</tr>
+<?% END %?>
+<?% IF fields.6 %?>
+<tr>
+    <td colspan="5">
+        <b><?% gettext("Comment") %?>:</b><br>
+        <?% fields.6 | replace('\n','<br>') %?>
+    </td>
+</tr>
+<?% END %?>
+<?% IF param.actors.0.0 %?>
+<tr>
+    <td colspan="5">
+        <b><?% gettext("Actors") %?>:</b><br>
+        <table width="100%">
+            <?% WHILE param.actors.size %?>
+            <tr>    
+                <?% FOREACH [ 1 .. param.actorcols ] %?>
+                <?% actor = param.actors.shift %?>
+                    <td width="<?% (100 - (100 mod param.actorcols)) / param.actorcols %?>%" valign="top">
+                        <?% IF actor.0 %?>
+                        <img src='?cmd=mlcache&__source=<?% actor.1 %?>' alt="" border="0" width="44" height="60" />
+                        &nbsp;<a href="?cmd=mlsearch&__search&__selfields=actors&__searchitem=<?% actor.0 %?>"><?% actor.0 %?></a>
+                        <?% END %?>
+                    </td>
+                <?% END %?>
+            </tr>
+            <?% END %?>
+        </table>
+    </td>
+</tr>
+<?% END %?>
+</table>
diff --git a/html/mledit.tmpl b/html/mledit.tmpl
new file mode 100644
index 0000000..4108a04
--- /dev/null
+++ b/html/mledit.tmpl
@@ -0,0 +1,206 @@
+<h1><?% IF data.id %?>
+    <?% gettext("Edit Media") %?>
+    <?% ELSE %?>
+    <?% gettext("Create Media") %?>
+<?% END %?></h1>
+
+<?% INCLUDE 'mlnavcontainer.tmpl'
+        nav_back = 1
+        nav_copy = 1
+        nav_edit = 1
+        nav_delete = 1
+        nav_new = 1
+        nav_search = 1
+        nav_ranges = 1
+%?>
+
+<form name='library'>
+<input type="hidden" name="cmd" value="mlresearch"/>
+<input type="hidden" name="data" value="<?% IF data.id %?><?% data.id %?><?% ELSE %?><?% param.id %?><?% END %?>" />
+<input type="hidden" name="__range" value="<?% param.range %?>" />
+<table border="100%">
+    <tr>
+        <td>
+            <?% gettext('Title') %?>:
+        </td>
+        <td colspan="3">
+            <input type="text" name="__title" id="title" value="<?% data.title || param.title %?>" size="50" maxlength="255" />
+            &nbsp;<input type="submit" name="__search" value="<?% gettext('Search at') %?>"  onfocus="document.library.cmd.value='mlresearch'" onblur="document.library.cmd.value='mlsave'" />&nbsp;&nbsp;
+            <input type="radio" name="__source" value="dvdpalace" checked>&nbsp;
+            <a href="http://www.dvd-palace.de" target="_blank">DVD-Palace (DE)</a>
+            <!--<img width="100" height="28" src="images/dvdpalace.gif" border="0" alt="www.dvd-palace.de"/ align="bottom">-->
+            <!--<input type="radio" name="__source" value"nix">&nbsp;Nix-->
+        </td>
+    </tr>
+    <tr>
+        <td>
+            <?% gettext('Subtitle') %?>:
+        </td>
+        <td>
+            <input type="text" name="__subtitle" id="subtitle" value="<?% data.subtitle || param.subtitle %?>" size="50" maxlength="255" />
+        </td>
+        <td>
+            <?% gettext('Country') %?>:
+        </td>
+        <td>
+            <input type="text" name="__country" id="country" value="<?% data.country || param.country %?>" size="50" maxlength="255" />
+        </td>
+    </tr>
+    <tr>
+        <td>
+            <?% gettext('Cover URL') %?>:
+        </td>
+        <td>
+            <input type="text" name="__imgurl" id="imgurl" value="<?% data.imgurl || param.imgurl %?>" size="50" maxlength="255" />
+        </td>
+        <td>
+            <?% gettext('Director') %?>:
+        </td>
+        <td>
+            <input type="text" name="__director" id="director" value="<?% data.director || param.director %?>" size="50" maxlength="255" />
+        </td>
+    </tr>
+    <tr>
+        <td>
+            <?% gettext('Language') %?>:
+        </td>
+        <td>
+            <input type="text" size="15" maxlength="255" name="__language" id="language" value="<?% data.language || param.language %?>" />
+            <a href="#" title="set to german" onclick="document.library.__language.value='<?% gettext('german') %?>'">
+                <img src="images/german.gif" border="0" alt="<?% gettext('german') %?>" />
+            </a>
+            <a href="#" title="set to english" onclick="document.library.__language.value='<?% gettext('english') %?>'">
+                <img src="images/english.gif" border="0" alt="<?% gettext('english') %?>" />
+            </a>
+            <a href="#" title="set to french" onclick="document.library.__language.value='<?% gettext('french') %?>'">
+                <img src="images/french.gif" border="0" alt="<?% gettext('french') %?>" />
+            </a>
+            <a href="#" title="set to spanish" onclick="document.library.__language.value='<?% gettext('spanish') %?>'">
+                <img src="images/spanish.gif" border="0" alt="<?% gettext('spanish') %?>" />
+            </a>
+        </td>
+        <td rowspan="5">
+            <?% gettext('Plot') %?>:
+        </td>
+        <td rowspan="5">
+            <textarea cols="40" rows="8" name="__plot" id="plot" wrap="virtual"><?% data.plot || param.plot %?></textarea>
+        </td>
+    </tr>
+    <tr>
+        <td>
+            <?% gettext('DiskID') %?>:
+        </td>
+        <td>
+            <input type="text" name="__diskid" id="diskid" value="<?% data.diskid || param.diskid %?>" size="15" maxlength="255" />
+            <input type="hidden" name="__id" id="id" value="<?% data.id || param.id %?>" size="15" maxlength="255" />
+            <?% gettext('Mediatype') %?>
+            <select name="__mediatype">
+                <option label="" value="0" <?% IF (data.mediatype || param.mediatype) && (data.mediatype == 0 || param.mediatype == 0) %?>selected="selected"<?% END %?>></option>
+                <?% mediatypes = param.mediatypes %?>
+                <?% FOREACH type = mediatypes %?>
+                <option label="<?% type.1 %?>" value="<?% type.0 %?>" <?% IF data.mediatype == type.0 || param.mediatype == type.0 %?>selected="selected"<?% END %?>><?% type.1 %?></option>
+                <?% END %?>
+            </select>
+        </td>
+    </tr>
+    <tr>
+        <td>
+            <?% gettext('TV-Episode') %?>:
+        </td>
+        <td>
+            <input type="checkbox" name="__istv" id="istv" value="<?% data.istv || param.istv %?>" />
+        </td>
+    </tr>
+    <tr>
+        <td>
+            <?% gettext('Seen') %?>:
+        </td>
+        <td>
+            <input type="checkbox" name="__seen" id="seen" value="<?% data.seen || param.seen %?>" />
+        </td>
+    </tr>
+    <tr>
+        <td>
+            <?% gettext('Runtime') %?>:
+        </td>
+        <td>
+            <input type="text" name="__runtime" id="runtime" value="<?% data.runtime || param.runtime %?>" size="5" maxlength="5" />min
+            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+            <?% gettext('Year') %?>:
+            <input type="text" name="__year" id="year" value="<?% data.year || param.year %?>" size="5" maxlength="4" />
+        </td>
+    </tr>
+    <tr>
+        <td>
+            <?% gettext('Filename') %?>:
+        </td>
+        <td>
+            <input type="text" name="__filename" id="filename" value="<?% data.filename || param.filename %?>" size="50" maxlength="255" />
+        </td>
+        <td rowspan="5">
+            <?% gettext('Actors') %?>:
+        </td>
+        <td rowspan="5">
+            <textarea cols="40" rows="8" name="__actors" id="actors" wrap="off"><?% data.actors || param.actors %?></textarea>
+        </td>
+    </tr>
+    <tr>
+        <td>
+            <?% gettext('Filesize') %?>:
+        </td>
+        <td>
+            <input type="text" name="__filesize" id="filesize" value="<?% data.filesize || param.filesize %?>" size="10" maxlength="15" /> bytes
+        </td>
+    </tr>
+    <tr>
+        <td>
+            <?% gettext('Filedate') %?>:
+        </td>
+        <td>
+            <input type="text" name="__filedate" id="filedate" value="<?% data.filedate || param.filedate %?>" size="18" maxlength="20" />
+        </td>
+    </tr>
+    <tr>
+        <td>
+            <?% gettext('Audio Codec') %?>:
+        </td>
+        <td>
+            <input type="text" name="__audio_codec" id="audio_codec" value="<?% data.audio_codec || param.audio_codec %?>" />
+        </td>
+    </tr>
+    <tr>
+        <td>
+            <?% gettext('Video Codec') %?>:
+        </td>
+        <td>
+            <input type="text" name="__video_codec" id="video_codec" value="<?% data.video_codec || param.video_codec %?>" />
+        </td>
+    </tr>
+    <tr>
+        <td>
+            <?% gettext('Size') %?>:
+        </td>
+        <td>
+            <input type="text" name="__video_width" id="video_width" value="<?% data.video_width || param.video_width %?>" size="5" maxlength="4" /> x
+            <input type="text" name="__video_height" id="video_height" value="<?% data.video_height || param.video_height %?>" size="5" maxlength="4" />
+        </td>
+        <td rowspan="2">
+            <?% gettext('Comment') %?>:
+        </td>
+        <td rowspan="2">
+            <textarea cols="40" rows="8" name="__comment" id="comment" wrap="virtual"><?% data.comment || param.comment %?></textarea>
+        </td>
+    </tr>
+    <tr>
+        <td colspan="2"><?% gettext('Genre') %?>:
+            <br/>
+            <?% INCLUDE 'mlgenres.tmpl' %?>
+        </td>
+    </tr>
+    <tr>
+        <td colspan="4">
+            <input type='submit' name="__save" value='<?% gettext('Save') %?>' onfocus="document.library.cmd.value='mlsave'" onblur="document.library.cmd.value='mlresearch'"/>&nbsp;
+        </td>
+    </tr>
+</table>
+</form>
diff --git a/html/mlgenres.tmpl b/html/mlgenres.tmpl
new file mode 100644
index 0000000..4fdb73f
--- /dev/null
+++ b/html/mlgenres.tmpl
@@ -0,0 +1,17 @@
+<table class="genreselect" width="100%">
+    <?% allgenres = param.allgenres %?>
+    <?% WHILE allgenres.size %?>
+    <tr>
+    <?% FOREACH [ 1..5 ] %?>
+    <?% set = allgenres.shift %?>
+        <td nowrap="nowrap">
+        <?% IF set.first %?>
+            <input type="checkbox" name="__genres" id="<?% set.0 %?>" value="<?% set.0 %?>" <?% IF  param.genres.grep("^$set.0\$").size > 0 %?>checked="checked"<?% END %?>/>
+            <label for="<?% set.0 %?>"><?% set.1 %?></label>
+        <?% END %?>
+        </td>
+    <?% END %?>
+    </tr>
+    <?% END %?>
+    </tr>
+</table>
diff --git a/html/mlimport.tmpl b/html/mlimport.tmpl
new file mode 120000
index 0000000..b15f879
--- /dev/null
+++ b/html/mlimport.tmpl
@@ -0,0 +1 @@
+mledit.tmpl
+\ No newline at end of file
diff --git a/html/mlist.tmpl b/html/mlist.tmpl
new file mode 100644
index 0000000..9652c96
--- /dev/null
+++ b/html/mlist.tmpl
@@ -0,0 +1,104 @@
+<h1><?% gettext("Music Library") %?></h1>
+<!-- TableTemplate -->
+<form name="musicform" onSubmit="location.href = '?cmd=ml&amp;data=' + 'search:' + document.forms[0].search.value; return false">
+<table width="95%" border=1>
+<tr>
+    <th>
+    <?% gettext("Artists") %?>: <select name='artists' onChange="di('artist:' + this.form.artists.options[this.form.artists.options.selectedIndex].value, '?cmd=ml&amp;data=')">
+    <?% FOREACH ch = param.artists %?>
+        <option value="<?% url( ch.0 ) %?>" <?% "selected" IF cgi.param('data').split(':').first == 'artist' && cgi.param('data').split(':').last == ch.0 %?>><?% ch.0 %?></option>
+    <?% END %?>
+    </select>
+    </th>
+
+    <th>
+    <?% gettext("Albums") %?>: <select name='albums' onChange="di('album:' + this.form.albums.options[this.form.albums.options.selectedIndex].value, '?cmd=ml&amp;data=')">
+    <?% FOREACH ch = param.albums %?>
+        <option value="<?% url( ch.0 ) %?>" <?% "selected" IF cgi.param('data').split(':').first == 'album' && cgi.param('data').split(':').last == ch.0 %?>><?% chop(ch.0,50) %?></option>
+    <?% END %?>
+    </select>
+    </th>
+</tr>
+<tr>
+    <th>
+    <?% gettext("Search") %?>: <input name='search' value='<?% cgi.param('data').split(':').last IF cgi.param('data').split(':').first == 'search' %?>'><input type='button' onClick="location.href = '?cmd=ml&amp;data=' + 'search:' + document.forms[0].search.value" value="<?% gettext("Go") %?>">
+    </th>
+    <th>
+    <?% gettext("Genres") %?>: <select name='genres' onChange="di('genre:' + this.form.genres.options[this.form.genres.options.selectedIndex].value, '?cmd=ml&amp;data=')">
+    <?% FOREACH ch = param.genres %?>
+        <option value="<?% url( ch.0 ) %?>" <?% "selected" IF cgi.param('data').split(':').first == 'genre' && cgi.param('data').split(':').last == ch.0 %?>><?% ch.0 %?></option>
+    <?% END %?>
+    </select>
+    </th>
+</tr>
+</table>
+<br>
+
+
+<b>
+<a href="#" onClick="Play('<?% gettext("You have nothing selected!") %?>',document.musicform,'<?% param.proxy %?>')">
+[<?% gettext("Play selected songs") %?>]
+</a>
+<a href="?cmd=mrefresh">[<?% gettext("Update Music Database") %?>]</a>
+<a href="?cmd=mcovers&data=force">[<?% gettext("Get new Covers") %?>]</a>
+</b>
+<br>
+<a href="#" onClick="selAll(document.musicform, 1)">[<?% gettext("Select all") %?>]</a>
+<a href="#" onClick="selAll(document.musicform, 0)">[<?% gettext("Unselect all") %?>]</a>
+<a href="#" onClick="reverse(document.musicform)">[<?% gettext("Reverse select") %?>]</a>
+
+<p>
+<table border="0" width="95%">
+<?% IF data.size %?>
+    <?% fields = data.shift %?>
+        <?% FOREACH zeile = data %?>
+        <?% IF !oldalbum.defined || zeile.2 != oldalbum %?>
+        <tr>
+        <td colspan=<?% zeile.size %?>>
+            &nbsp;
+        </td>
+        </tr>
+        <tr>
+        <td colspan=<?% zeile.size %?>>
+            <img class="cover" src="?cmd=mcoverimage&amp;data=<?% zeile.0 %?>&amp;__binary=1" alt="<?% zeile.2 %?>" align="right" />&nbsp;
+            <?% albummark = "Album"+loop.count %?>
+            <h1>Album: <?% zeile.2 %?>&nbsp;<font size=2><a href="#" onClick="selSwitch(document.musicform, '<?% albummark %?>')">[<?% gettext("Select") %?> album]</a></font></h1>
+            <h3>
+            <?% gettext("Artist") %?>: <?% zeile.1 %?>,&nbsp;
+            <?% gettext("Year") %?>: <?% zeile.5 %?>,&nbsp;
+            <?% gettext("Genre") %?>: <?% zeile.7 %?>,&nbsp;
+            <?% gettext("Comment") %?>: <?% chop(zeile.last,25) %?>&nbsp;
+            </h3>
+        </td>
+        </tr>
+        <tr>
+        <?% FOREACH field = fields %?>
+        <?% NEXT IF field.match('^__') %?>
+            <th><?% field %?></th>
+        <?% END %?>
+        </tr>
+        <?% END %?>
+        <tr>
+            <?% c = -1 %?>
+            <?% FOREACH field = zeile %?>
+                <?% c = c + 1 %?>
+                <?% NEXT IF fields.$c.match('^__') %?>
+                <?% IF c == 0; # Id Field %?>
+                <td>
+                    <input name='<?% albummark %?>' type="checkbox" value="<?% url(field) %?>">
+                </td>
+                <?% ELSIF c == 1 || c == 2; # Artist/Album Field %?>
+                    <?% typ = (c == 1 ? 'artist' : 'album') %?>
+                <td>
+                    <a href="?cmd=ml&data=<?% typ %?>:<?% url(field) %?>"><?% field %?></a>
+                </td>
+                <?% ELSE %?>
+                <td><?% field %?></td>
+                <?% END %?>
+            <?% END %?>
+        </tr>
+            <?% oldalbum = zeile.2 %?>
+        <?% END %?>
+<?% END %?>
+</form>
+</table>
diff --git a/html/mllist.tmpl b/html/mllist.tmpl
new file mode 100644
index 0000000..fc728e1
--- /dev/null
+++ b/html/mllist.tmpl
@@ -0,0 +1,10 @@
+<h1><?% gettext("Media list") %?></h1>
+
+<?% INCLUDE 'mlnavcontainer.tmpl'
+        nav_ranges = 1
+        nav_new = 1
+        nav_search = 1
+%?>
+
+<?% INCLUDE 'mllistmedias.tmpl' %?>
+
diff --git a/html/mllistmedias.tmpl b/html/mllistmedias.tmpl
new file mode 100644
index 0000000..e85f8be
--- /dev/null
+++ b/html/mllistmedias.tmpl
@@ -0,0 +1,55 @@
+<?% IF data.size %?>
+<!-- TableTemplate -->
+<table width="100%">
+<?% WHILE data.size %?>
+<tr>    
+    <?% FOREACH [ 1 .. param.cols ] %?>
+    <?% fields = data.shift %?>
+    <td width="<?% (100 - (100 mod param.cols)) / param.cols %?>%">
+        <?% IF fields.0 %?>
+        <table width="100%">
+            <tr>
+                <td>
+                    <a href='?cmd=mldisplay&data=<?% fields.0 %?>&__range=<?% param.range %?>'>
+                    <img src='<?% IF param.usecache == "y" %?>?cmd=mlcache&__source=<?% END %?><?% fields.1 %?>' alt="" border="0" width="97" height="144" align="left">
+                </td>
+                <td width="100%">
+                    <b>
+                    <a href='?cmd=mldisplay&data=<?% fields.0 %?>&__range=<?% param.range %?>'>
+                    <?% fields.2 %?>
+                    <?% IF fields.3 %?>
+                    - <?% fields.3 %?>
+                    <?% END %?>
+                    </a>
+                    </b><br>
+                    <?% IF fields.4 && fields.5 %?>
+                    <font size="-2">[
+                    <?% IF fields.4 %?><a href="?cmd=mlsearch&__search&__selfields=year&__searchitem=<?% fields.4 %?>"><?% fields.4 %?></a><?% END %?>
+                    <?% IF fields.4 && fields.5 %?>;<?% END %?>
+                    <?% IF fields.5 %?>
+                        <?% mydirectors = [] %?>
+                        <?% FOREACH director = fields.5.split(',') %?>
+                            <?% director = director.replace('^\s+|\s+$','') %?>
+                            <?% director = "<a href=\"?cmd=mlsearch&__search&__selfields=director&__searchitem=$director\">$director</a>" %?>
+                            <?% mydirectors.push(director) %?>
+                        <?% END %?>
+                        <?% mydirectors.join(', ') %?>
+                    <?% END %?>]
+                    </font><br>
+                    <?% END %?>
+                    <font size="-4">
+                    <?% fields.6 %?>...
+                    <a href='?cmd=mldisplay&data=<?% fields.0 %?>&__range=<?% param.range %?>'>
+                    <b><?% gettext("more") %?></b>
+                    </a>
+                    </font>
+                </td>
+            </tr>
+        </table>
+        <?% END %?>
+    </td>
+    <?% END %?>
+</tr>
+<?% END %?>
+</table>
+<?% END %?>
+\ No newline at end of file
diff --git a/html/mlnavcontainer.tmpl b/html/mlnavcontainer.tmpl
new file mode 100644
index 0000000..3ea27c2
--- /dev/null
+++ b/html/mlnavcontainer.tmpl
@@ -0,0 +1,110 @@
+<link href="style/coolmenus4.css" type="text/css" rel="stylesheet">
+<script language="JavaScript1.2" src="javascript/coolmenus4.js"></script>
+<script type="text/javascript">
+
+/*** 
+This is the menu creation code - place it right after you body tag
+Feel free to add this to a stand-alone js file and link it to your page.
+**/
+
+//Menu object creation
+oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname
+
+oCMenu.frames = 0
+
+//Menu properties   
+oCMenu.pxBetween=5
+oCMenu.fromLeft=20 
+oCMenu.fromTop=52
+oCMenu.rows=1 
+oCMenu.menuPlacement="left"
+                                                             
+oCMenu.offlineRoot="" 
+oCMenu.onlineRoot="" 
+oCMenu.resizeCheck=1 
+oCMenu.wait=1000 
+oCMenu.fillImg=""
+oCMenu.zIndex=0
+
+//Background bar properties
+oCMenu.useBar=1
+oCMenu.barWidth="100%"
+oCMenu.barHeight=22
+oCMenu.barClass="clBar"
+oCMenu.barX=0 
+oCMenu.barY=50
+oCMenu.barBorderX=1
+oCMenu.barBorderY=1
+oCMenu.barBorderClass="clBarborder"
+
+//Level properties - ALL properties have to be spesified in level 0
+oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
+oCMenu.level[0].width=80
+oCMenu.level[0].height=18
+oCMenu.level[0].regClass="clLevel0"
+oCMenu.level[0].overClass="clLevel0over"
+oCMenu.level[0].borderX=0
+oCMenu.level[0].borderY=0
+oCMenu.level[0].borderClass="clLevel0border"
+oCMenu.level[0].offsetX=0
+oCMenu.level[0].offsetY=0
+oCMenu.level[0].rows=0
+oCMenu.level[0].arrow='images/arrow.down.png'
+oCMenu.level[0].arrowWidth=6
+oCMenu.level[0].arrowHeight=4
+oCMenu.level[0].align="bottom"
+
+//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
+oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
+oCMenu.level[1].width=oCMenu.level[0].width-2
+oCMenu.level[1].height=16
+oCMenu.level[1].regClass="clLevel1"
+oCMenu.level[1].overClass="clLevel1over"
+oCMenu.level[1].borderX=1
+oCMenu.level[1].borderY=1
+oCMenu.level[1].align="right" 
+oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+20
+oCMenu.level[1].offsetY=0
+oCMenu.level[1].borderClass="clLevel1border"
+
+/******************************************
+Menu item creation:
+myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout) 
+*************************************/
+<?% IF nav_new && allow('mledit') %?>
+oCMenu.makeMenu('top0','','&nbsp;<?% gettext("New") %?>','?cmd=mledit&__range=<?% param.range %?>','',30)
+<?% END %?>
+<?% IF nav_edit && allow('mledit') %?>
+oCMenu.makeMenu('top1','','&nbsp;<?% gettext("Edit") %?>','?cmd=mledit&data=<?% fields.0 %?>&__range=<?% param.range %?>','',45)
+<?% END %?>
+<?% IF nav_copy && allow('mlcopy') %?>
+oCMenu.makeMenu('top2','','&nbsp;<?% gettext("Copy") %?>','?cmd=mlcopy&data=<?% fields.0 %?>&__range=<?% param.range %?>','',50)
+<?% END %?>
+<?% IF nav_delete && allow('mldelete') %?>
+oCMenu.makeMenu('top3','','&nbsp;<?% gettext("Delete") %?>','?cmd=mldelete&data=<?% fields.0 %?>&__range=<?% param.range %?>','',45)
+<?% END %?>
+<?% IF nav_back %?>
+oCMenu.makeMenu('top4','','&nbsp;<?% gettext("Back") %?>','<?% info.Referer %?>','',45)
+<?% END %?>
+<?% IF nav_ranges %?>
+oCMenu.makeMenu('top5','','&nbsp;<?% gettext("Ranges") %?>','',60)
+    <?% FOREACH r = param.ranges %?>
+        oCMenu.makeMenu('sub<?% loop.count + 49 %?>','top5','<?% r.1 %?>','?cmd=mllist&__range=<?% url( r.0 ) %?>')
+    <?% END %?>
+<?% END %?>
+<?% IF nav_search && allow('mlsearch') %?>
+oCMenu.makeMenu('top6','','&nbsp;<?% gettext("Search") %?>','?cmd=mlsearch&__range=<?% param.range %?>','',45)
+<?% END %?>
+
+
+
+
+
+//Leave this line - it constructs the menu
+oCMenu.construct()		
+</script>
+<br/>
+<br/>
+<form name='media'>
+<?% INCLUDE 'widgets/referer.tmpl' %?>
+</form>
diff --git a/html/mlresearch.tmpl b/html/mlresearch.tmpl
new file mode 100644
index 0000000..a30dd98
--- /dev/null
+++ b/html/mlresearch.tmpl
@@ -0,0 +1,71 @@
+<h1>
+<?% IF param.hitcount < 1 %?>
+<?% gettext("Search result : None title found.") %?>
+<?% ELSIF param.hitcount == 1 %?>
+<?% gettext("Search result : One title found.") %?>
+<?% ELSE %?>
+<?% topic = gettext("Search results : %s titles found."); topic | replace('%s',param.hitcount) %?>
+<?% END %?>
+</h1>
+
+<?% INCLUDE 'mlnavcontainer.tmpl'
+        nav_back = 1
+        nav_new = 1
+        nav_search = 1
+        nav_ranges = 1
+%?>
+
+
+<table>
+<?% WHILE data.size %?>
+<?% fields = data.shift %?>
+    <tr>
+        <td>
+            <?% IF fields.1 %?>
+            <a href="?cmd=mlimport&__import=<?% fields.0 %?>&__id=<?% param.id %?>&__range=<?% param.range %?>&__source=<?% param.source %?>">
+                <img src="<?% fields.1 %?>">
+            </a>
+            <?% END %?>
+        </td>
+        <td>
+            <?% IF fields.0 %?>
+            <a href="?cmd=mlimport&__import=<?% fields.0 %?>&__id=<?% param.id %?>&__range=<?% param.range %?>&__source=<?% param.source %?>">
+            <?% END %?>
+                <b><?% fields.2 %?></b>
+            <?% IF fields.0 %?>
+            </a>
+            <?% END %?>
+        </td>
+        <td>
+            <?% IF fields.3 %?>
+            <font size="-2">
+                <?% fields.3 | replace('\n', '<br>') %?>
+            </font>
+            <?% END %?>
+        </td>
+    </tr>
+<?% END %?>
+    <tr>
+        <td align="center" colspan="3">
+            <b>
+                <font size="+1">
+                    &nbsp;
+                    <?% c = 1 %?>
+                    <?% d = 0 %?>
+                    <?% WHILE d < param.hitcount %?>
+                    <?% IF ( param.start.defined || d != 0 ) && param.start != d %?>
+                        <a href="?cmd=mlresearch&__source=<?% param.source %?>&__title=<?% param.title %?>&__start=<?% d %?>">
+                    <?% END %?>
+                        <?% c %?>
+                    <?% IF ( param.start.defined || d != 0 ) && param.start != d %?>
+                        </a>
+                    <?% END %?>
+                    <?% c = c + 1 %?>
+                    <?% d = d + 20 %?>
+                    <?% END %?>
+                    &nbsp;
+                </font>
+            </b>
+        </td>
+    </tr>
+</table>
diff --git a/html/mlsearch.tmpl b/html/mlsearch.tmpl
new file mode 100644
index 0000000..b2e94d7
--- /dev/null
+++ b/html/mlsearch.tmpl
@@ -0,0 +1,52 @@
+<h1><?% gettext("Search Media") %?></h1>
+
+<?% INCLUDE 'mlnavcontainer.tmpl'
+        nav_back = 1
+        nav_ranges = 1
+        nav_new = 1
+%?>
+
+<script language="JavaScript" type="text/javascript">
+function selectAllFields()
+{
+	for (var i = 0; i < document.search['__selfields'].length; i++)
+	{
+		document.search['__selfields'].options[i].selected = true;
+	}
+}
+</script>
+
+<form name="search">
+<input type="hidden" name="cmd" value="mlsearch"/>
+<table width="100%">
+    <tr>
+        <td valign="middle" align="center">
+            <?% gettext('Search Item') %?>:
+            <input type="text" name="__searchitem" id="searchitem" value="<?% param.searchitem %?>" size="50" maxlength="255" />
+        </td>
+        <td valign="middle" align="center">
+            <?% gettext('Search in') %?>:<br>
+            <select name='__selfields' size="8" multiple="multiple">
+            <?% fields = param.fields %?>
+            <?% WHILE fields.size %?>
+            <?% field = fields.shift %?>
+                <option value="<?% field.0 %?>" <?% IF param.selfields.grep("^$field.0\$").size > 0 %?>selected<?% END %?>><?% field.1 %?>
+            <?% END %?>
+            </select>
+            <br>
+            <a href="javascript:selectAllFields()" ><?% gettext('Select all') %?></a>
+        </td>
+        <td valign="middle" align="center">
+            <?% gettext('Search in selected Genres') %?>
+            <?% INCLUDE 'mlgenres.tmpl' %?>
+        </td>
+    </tr>
+    <tr>
+        <td colspan="3">
+            <input type='submit' name="__search" value='<?% gettext('Search') %?>'/>
+        </td>
+    </tr>
+</table>
+</form>
+
+<?% INCLUDE 'mllistmedias.tmpl' %?>
diff --git a/html/network.tmpl b/html/network.tmpl
new file mode 100644
index 0000000..0f4538d
--- /dev/null
+++ b/html/network.tmpl
@@ -0,0 +1,115 @@
+<?%
+    USE date;
+    statusfiles = {};
+
+    FILTER null;
+        name = 'network_stat';
+        timestamps = [];
+        FOREACH entry = param.stack.first.network;
+            iname = entry.first.split(':').first;
+
+            rxbytes.${iname} = [];
+            txbytes.${iname} = [];
+            rxerror.${iname} = [];
+            txerror.${iname} = [];
+
+            oldentry.${iname} = [];
+        END;
+
+        FOREACH item = param.stack;
+            t = date.format(item.timestamp, '%H:%M:%S');
+            timestamps.push(t);
+
+            FOREACH entry = item.network;
+                iname = entry.first.split(':').first;
+
+                UNLESS oldentry.${iname}.size;
+                    oldentry.${iname} = entry;
+                END;
+
+                bytes = entry.1 - oldentry.${iname}.1;
+                rxbytes.${iname}.push(bytes);
+
+                bytes = entry.5 - oldentry.${iname}.5;
+                txbytes.${iname}.push(bytes);
+
+                rxerror.${iname}.push(entry.3);
+                txerror.${iname}.push(entry.7);
+                oldentry.${iname} = entry;
+            END;
+        END;
+
+        FOREACH iname = rxbytes.keys.sort;
+
+            # Data ...
+            d = [
+                 timestamps,
+                 rxbytes.${iname},
+                 rxerror.${iname},
+                 txbytes.${iname},
+                 txerror.${iname},
+            ];
+
+            USE my_graph = GD.Graph.lines(600,300);
+
+            # Xsteps
+            steps = param.stack.size / 5 | format('%d');
+            label = gettext('Traffic on Interface');
+            label = "${label} ${iname}";
+            my_graph.set(
+                    title => label,
+                    x_label_skip => steps,
+                    x_long_ticks => 1,
+
+                    y_label => gettext('Transfer in bytes'),
+                    y_long_ticks => 1,
+
+                    line_width   => 2,
+                    box_axis     => 1,
+                    boxclr       => '#FFFFCC',
+                    fgclr        => '#BBBBBB'
+                    legend_placement => 'RD',
+                    legend_spacing => 5,
+            );
+            my_graph.set_title_font(param.font,10);
+            my_graph.set_y_label_font(param.font,10);
+            my_graph.set_x_label_font(param.font,10);
+            my_graph.set_x_axis_font(param.font,6);
+            my_graph.set_y_axis_font(param.font,6);
+            my_graph.set_legend( 'RxBytes', 'RxErrors', 'TxBytes', 'TxErrors');
+            statusfiles.$iname = writefile("status_network_${iname}.gif", my_graph.plot(d).gif );
+        END;
+    END;
+ %?>
+
+<!-- Vitals Template -->
+<?% IF param.headingText %?>
+<table width=100%><tr><td class='tableheader'><h3><?% param.headingText %?></h3>
+<?% END %?>
+<table border="0" width="95%">
+        <?% fields = data.shift %?>
+        <tr>
+        <?% FOREACH field = fields %?>
+            <th><?% field %?></th>
+        <?% END %?>
+        </tr>
+        <?% FOREACH zeile = data %?>
+        <tr>
+            <?% FOREACH field = zeile %?>
+            <td><?% field %?></td>
+            <?% END %?>
+        </tr>
+        <?% END %?>
+
+        <?% FOREACH file = statusfiles.keys %?>
+        <tr>
+            <td colspan="<?% fields.size %?>" align=center>
+                <img src="<?% statusfiles.$file %?>">
+            </td>
+        </tr>
+        <?% END %?>
+</table>
+<?% IF param.headingText %?>
+</td></tr></table>
+<p>
+<?% END %?>
diff --git a/html/next.tmpl b/html/next.tmpl
new file mode 120000
index 0000000..dc903f9
--- /dev/null
+++ b/html/next.tmpl
@@ -0,0 +1 @@
+now.tmpl
+\ No newline at end of file
diff --git a/html/now.tmpl b/html/now.tmpl
new file mode 100644
index 0000000..170f667
--- /dev/null
+++ b/html/now.tmpl
@@ -0,0 +1,104 @@
+<script language="javascript" type="text/javascript">
+<!--
+
+    <?% INCLUDE javascript/records.js %?>
+
+-->
+</SCRIPT>
+<!-- TableTemplate -->
+<form>
+    <input type="hidden" name="cmd" value="now">
+<?%
+    USE date( );
+    zeitformat = gettext("%A the %D at %H:%M o'clock");
+    IF cgi.param('data') > 2400;
+        t = date.format(cgi.param('data'), '%H:%M', locale);
+        day = date.format(cgi.param('data'), zeitformat, locale) ;
+    ELSIF cgi.param('data') && param.zeit;
+        t = date.format(param.zeit, '%H:%M', locale);
+        day = date.format(param.zeit, zeitformat, locale) ;
+    ELSE;
+        t = date.format(date.now, '%H:%M', locale);
+        day = date.format(date.now, zeitformat, locale) ;
+        now = 1;
+    END;
+%?>
+<h1><?% IF cgi.param('cmd') == 'next' %?>
+    <?% gettext("What is running at next") %?>
+    <?% ELSIF now %?>
+    <?% gettext("What is running now") %?>
+    <?% ELSE %?>
+    <?% gettext("What is running at") %?>&nbsp;<?% day %?>
+    <?% END %?>
+</h1>
+    <select name='cgroups' onChange="di(this.form.cgroups.options[this.form.cgroups.options.selectedIndex].value, '?cmd=<?% cgi.param('cmd') %?>&amp;data=<?% param.zeitvon || cgi.param('data') %?>&amp;__cgrp=')">
+        <?% FOREACH cgrp = param.cgroups %?>
+        <option value='<?% cgrp.last %?>' <?% "selected" IF param.channelgroup == cgrp.last %?>><?% cgrp.first %?>
+        <?% END %?>
+    </select>
+    <input type="text" name="data" value="<?% t %?>" size="5">
+    <input type="hidden" name="__cgrp" value="<?% cgi.param('__cgrp') %?>" />
+    <input type="submit" value="<?% gettext("Go") %?>">
+    <input type="button" value="<?% gettext("Reload EPG data") %?>" onclick="location.href='?cmd=erestart'">
+</form>
+
+<table border="0" width="95%">
+<?% IF data.size %?>
+    <?% fields = data.shift %?>
+        <tr>
+        <?% FOREACH field = fields %?>
+            <?% NEXT IF field.match('^__') %?>
+            <th><?% field %?></th>
+        <?% END %?>
+        </tr>
+        <?% FOREACH zeile = data %?>
+        <?% id=zeile.0;title=zeile.1;subtitle=zeile.2;sender=zeile.3;channel=zeile.4;group=zeile.5;start=zeile.6;stop=zeile.7;desc=zeile.8;duration=zeile.9 %?>
+            <?% IF group != old %?>
+                <tr><td colspan="6" bgcolor='#DDDDDD'>
+                <b><?% group %?></b>
+                </td></tr>
+            <?% END %?>
+        <tr class="<?% myclass %?>" <?% IF (loop.count mod 2) == 0 %?>bgcolor='#F5F5F5'<?% END %?>>
+                <td><nobr>
+                <?% IF param.timers.${id} && param.timers.${id}.Status  %?><b><?% END %?>
+                    <a href="?cmd=search&amp;data=<?% url( title ) %?>">[<?% gettext("Rep") %?>]</a>
+                <?% IF param.timers.${id} && allow('tedit') %?>
+                    <a href="?cmd=tedit&amp;data=<?% param.timers.${id}.Id %?>">[<?% gettext("Edit") %?>]</a><br>
+                <?% ELSIF allow('tnew') %?>
+                    <a href="?cmd=tnew&amp;data=<?% id %?>"><span name='recordlink' id='<?% id %?>' class='normal'>[<?% gettext("Rec") %?>]</span></a><br>
+                <?% END %?>
+                <?% IF allow('switch') %?>
+                    <a href="?cmd=switch&amp;data=<?% channel %?>" target='Status'>[<?% gettext("Swt") %?>]</a>
+                <?% END %?>
+                </td>
+                <td>
+                    <?% IF param.timers.${id} && param.timers.${id}.Status %?><b><?% END %?>
+                    <?% INCLUDE bloecke/tooltip.tmpl cmd="display" eventid=id linkid=id ttp_offset=0 %?><?% title %?></a>
+                    <?% IF subtitle != "" %?>
+                    <br><small><?% subtitle %?></small>
+                    <?% END %?>
+                </td>
+                <td>
+                    <?% IF param.timers.${id} && param.timers.${id}.Status  %?><b><?% END %?>
+                    <a href="?cmd=program&amp;data=<?% channel %?>"><?% sender %?></a>
+                </td>
+                <td><?% IF param.timers.${id} && param.timers.${id}.Status %?><b><?% END %?><?% start %?><?% IF param.timers.${id} && param.timers.${id}.Status %?></b><?% END %?></td>
+                <td><?% IF param.timers.${id} && param.timers.${id}.Status %?><b><?% END %?><?% stop %?><?% IF param.timers.${id} && param.timers.${id}.Status %?></b><?% END %?></td>
+                <?% UNLESS duration > 100 OR duration <= 0 %?>
+                <td width="100" valign='bottom'><nobr>
+                    <?% per = (100 - duration) + 0.999 | format('%d'); per = (per > 100 ? 100 : per)  %?>
+                    <?% per2 = 100 - per %?>
+                    <?% text = per | format("<br><font size='1'>${per}%%</font>") %?>
+                    <table width="100%" cellspacing='0' cellpadding='0'>
+                        <tr>
+                        <td bgcolor="#dedede"><img src='images/blank.png' width="<?% per %?>" height='1' hspace=0 vspace=0><?% IF param.timers.${id} && param.timers.${id}.Status %?><b><?% END %?><?% (per > 19 ? text : "&nbsp;") %?></td>
+                        <td bgcolor="#ffffff"><img src='images/blank.png' width="<?% per2 %?>" height='1' hspace=0 vspace=0><?% IF param.timers.${id} && param.timers.${id}.Status %?><b><?% END %?><?% (per < 20 ? text : "") %?></td>
+                        <tr>
+                    </table>
+                </td>
+                <?% END %?>
+        </tr>
+        <?% old = group %?>
+        <?% END %?>
+<?% END %?>
+</table>
diff --git a/html/program.tmpl b/html/program.tmpl
new file mode 100644
index 0000000..195fdb8
--- /dev/null
+++ b/html/program.tmpl
@@ -0,0 +1,107 @@
+<script language="javascript" type="text/javascript">
+<!--
+
+    <?% INCLUDE javascript/records.js %?>
+
+-->
+</SCRIPT>
+
+<!-- TableTemplate -->
+<?% USE date %?>
+<?% FOREACH ch = param.channels %?>
+    <?% IF cgi.param('data') == ch.1 || cgi.param('data') == ch.0 || param.current == ch.1 %?>
+        <?% channel = ch.0 %?>
+        <?% channelpos = ch.1 %?>
+        <?% LAST %?>
+    <?% END %?>
+<?% END %?>
+<h1><?% gettext("Program guide for") %?>&nbsp;<?% channel %?></h1>
+<table>
+<tr>
+<form>
+    <td>
+        <input type="hidden" name="cmd" value="search" />
+        <input type="hidden" name="__channel" value="<?% channelpos %?>" />
+        <?% gettext("Search on Channel") %?>:<input type="text" name="data" size="10" />
+    </td>
+</form>
+<form>
+    <td>
+    <select name='data' onChange="di(this.form.data.options[this.form.data.options.selectedIndex].value, '?cmd=program&amp;data=')">
+    <?% FOREACH ch = param.channels %?>
+        <option value="<?% ch.1 %?>" <?% "selected" IF channelpos == ch.1 %?>><?% ch.0 %?></option>
+    <?% END %?>
+    </select>
+    </td>
+</form>
+    <td>
+        <a href='?cmd=switch&amp;data=<?% channelpos %?>'>[<?% gettext('Switch') %?>]</a>
+        <a href='?cmd=livestream&amp;data=<?% channelpos %?>' type='audio/x-mpegurl'>[<?% gettext('Livestream') %?>]</a>
+    </td>
+</tr>
+</table>
+
+<table border="0" width="95%">
+<?% IF data.size %?>
+    <?% fields = data.shift %?>
+        <tr>
+        <?% FOREACH field = fields %?>
+            <?% NEXT IF field.match('^__') || loop.count == 6 %?>
+            <th><?% field %?></th>
+        <?% END %?>
+        </tr>
+        <?% FOREACH zeile = data %?>
+            <?% c = 0 %?>
+            <?% day = date.format(zeile.5, "%A, %x", locale) %?>
+            <?% IF !oldday.defined || day != oldday %?>
+                <tr><td colspan="<?% zeile.size %?>" bgcolor='#DDDDDD'>
+                <b><?% day %?></b>
+                </td></tr>
+            <?% END %?>
+        <tr class="<?% myclass %?>"<?% IF (loop.count mod 2) == 0 %?> bgcolor='#F5F5F5'<?% END %?>>
+            <?% FOREACH field = zeile %?>
+                <?% c = c + 1 %?>
+                <?% IF c == 1; # Id Field %?>
+                <td>
+                    <a href="?cmd=search&amp;data=<?% url( zeile.1 ) %?>">[<?% gettext("Rep") %?>]</a>
+    <?% IF param.timers.${zeile.0} && allow('tedit') %?>
+                    <a href="?cmd=tedit&amp;data=<?% param.timers.${zeile.0}.Id %?>"><b><span name='recordlink' id='<?% zeile.0 %?>' class='normal'>[<?% gettext("Edit this timer") %?>]</span></b></a>
+    <?% ELSIF allow('tnew') %?>
+                    <a href="?cmd=tnew&amp;data=<?% zeile.0 %?>"><span name='recordlink' id='<?% zeile.0 %?>' class='normal'>[<?% gettext("To record") %?>]</span></a>
+    <?% END %?>
+                <?% level = getModule('SHARE').getEventLevel(zeile.0) %?>
+                <?% IF level %?><br/><?% "*" FILTER repeat(level) %?><?% END %?>
+                </td>
+                <?% ELSIF c == 2; # Text Field %?>
+                <td>
+                    <?% INCLUDE bloecke/tooltip.tmpl cmd="display" title=field subtitle=zeile.2 desc=zeile.6 eventid=zeile.0 linkid=zeile.0 ttp_offset=0 %?>
+                    <?% IF param.timers.${zeile.0} && param.timers.${zeile.0}.Status %?>
+                    <b><?% field %?></b>
+                    <?% ELSE %?>
+                    <?% field %?>
+                    <?% END %?>
+                    <?% IF zeile.2.length > 0  %?>
+                    <br><small><?% zeile.2 %?></small>
+                    <?% END %?>
+                    <?% IF zeile.6.length > 0 %?>
+                    <br><small><em><?% chop(zeile.6,80) | replace('<br />',' ') %?></em></small>
+                    <?% END %?>
+                    </a>
+                </td>
+                <?% ELSIF c == 3; # Subtitle Field %?>
+                <?% ELSIF c == 6; # Day Field %?>
+                <?% ELSIF c >= 7; # Desc Field %?>
+                <?% ELSE %?>
+                    <?% IF param.timers.${zeile.0} && param.timers.${zeile.0}.Status %?>
+                            <td><b><?% field %?></b></td>
+                    <?% ELSE %?>
+                            <td><?% field %?></td>
+                    <?% END %?>
+                <?% END %?>
+            <?% END %?>
+        </tr>
+        <?% oldday = day %?>
+        <?% END %?>
+<?% END %?>
+</table>
+
diff --git a/html/rdisplay.tmpl b/html/rdisplay.tmpl
new file mode 100644
index 0000000..0f31e28
--- /dev/null
+++ b/html/rdisplay.tmpl
@@ -0,0 +1,169 @@
+<h1><?% gettext("Recording") %?>: <?% data.Title %?></h1>
+<!-- TableTemplate -->
+<?% USE date %?>
+<?% BLOCK marks %?>
+    <?% width = data.Duration > 7200 ? 500 : 400 %?>
+    <?% bgcolor = "red" %?>
+    <table width='<?% width %?>' align='center' cellpadding=0 cellspacing=0 border=1>
+    <tr>
+        <?% c = 0 %?>
+        <?% colspan = 0 %?>
+        <?% abstand = 15 * 60; # 15 Minuten %?>
+        <?% range = (((data.Duration div abstand)+1)) * abstand ; # Aufrunden auf auf die vollen 15 Minuten %?>
+        <?% IF range < abstand ; abstand = ( ( range div 60 ) +  1) * 60 ; END  %?>
+        <?%- WHILE c < range -%?>
+            <?%-
+                 c = c + abstand;
+                 percent = (abstand / data.Duration) * width
+                 colspan = colspan + 1;
+                 Stunden = c div 3600;
+                 Minuten = c div 60 mod 60;
+            -%?>
+        <td bgcolor="white" width="<?% offset = (c % 3600 ? 1 : 2);(percent - offset) | format('%d') %?>" align='right'>
+            <font size='1'><?% Stunden | format('%02d') %?>:<?% Minuten | format('%02d') %?></font>
+        </td>
+        <?% END %?>
+    </tr>
+    <tr>
+        <?% c = 0 %?>
+        <?% abstand = abstand div 3 %?>
+        <td bgcolor="white" colspan="<?% colspan %?>"><nobr><?%- WHILE c < range -%?><?%- c = c + abstand; percent = (abstand / data.Duration) * width -%?><img style="background:white" src='/images/blank.png' width="<?% offset = (c % 3600 ? 1 : 2);(percent - offset) | format('%d') %?>" height='10'><img style="background:<?% c % 900 ? "gray" : "black" %?>" src='/images/blank.png' width="<?% c % 3600 ? "1" : "2" %?>" height='<?% (c % 900 ? "5" : "10") %?>'><?%- END -%?></td>
+    </tr>
+    <tr>
+        <td colspan="<?% colspan %?>"><nobr><?%- secold = 0;
+        c = -1;
+        ml = d.split(',');
+        FOREACH marker = ml;
+                b = c;
+                c = c + 1;
+                m = marker.split(':');
+                sec = m.0 * 3600;
+                sec = sec + m.1 * 60;
+                sec = sec + m.2;
+                percent = ((sec-secold) / data.Duration) * width;
+                bgcolor = (bgcolor == 'red' ? 'white' : 'red');
+            -%?><img style="background:<?% bgcolor %?>" src='images/blank.png' width="<?% percent | format('%d') %?>" height='10' title="<?% (b < 0 ? "0:00:00.00" : ml.$b) %?> - <?% ml.$c %?>">
+            <?%- secold = sec;
+            END;
+            IF data.Duration > secold;
+            bgcolor = (bgcolor == 'red' ? 'white' : 'red');
+            percent = ((data.Duration - secold) / data.Duration) * width;
+            -%?><img style="background:<?% bgcolor %?>" src="images/blank.png" width="<?% percent | format('%d') %?>" height="10" title="<?% (c < 0 ? "0:00:00.00" : ml.$c) %?> - <?% data.Duration div 3600 | format('%d') %?>:<?% data.Duration div 60 mod 60 | format('%02d') %?>:<?% data.Duration mod 60 | format('%02d') %?>" />
+            <?% END %?>
+        </td>
+    </tr>
+    </table>
+<?% END %?>
+
+<?% BLOCK dur # d in Sekunden %?>
+<?% IF d > 1 %?>
+    <?% Stunden = d div 3600 %?>
+    <?% Minuten = d div 60 mod 60 %?>
+    <?% Sekunden =  d mod 60 %?>
+    <?% gettext('Duration') %?> : <?% Stunden | format('%d') %?>:<?% Minuten | format('%02d') %?>:<?% Sekunden | format('%02d') %?>
+<?% END %?>
+<?% END %?>
+
+<?% quest=data.Title;IF data.SubTitle.length > 0;quest=data.SubTitle;END %?>
+
+<table>
+<form name='RecordDisplay'>
+<?% INCLUDE 'widgets/referer.tmpl' %?>
+<tr>
+    <td colspan="2"><b>
+    <a href="?cmd=rlist">[<?% gettext("Recording list") %?>]</a>&nbsp;
+<?% IF allow('rdelete') %?>
+    <a href="javascript:sure(document.RecordDisplay, '<?% gettext("You will delete this recording") %?>?','?cmd=rdelete&amp;data=<?% data.RecordId %?>')">
+    [<?% gettext("Delete recording") %?>]
+    </a>&nbsp;
+<?% END %?>
+<?% IF allow('rcut') %?>
+    <a href="?cmd=rcut&amp;data=<?% data.RecordId %?>">[<?% gettext("Cut recording") %?>]</a>&nbsp;
+<?% END %?>
+<?% IF allow('redit') %?>
+    <a href="?cmd=redit&amp;data=<?% data.RecordId %?>">[<?% gettext("Edit recording") %?>]</a>&nbsp;
+<?% END %?>
+<?% IF allow('playrecord') %?>
+    <a href="?cmd=playrecord&amp;data=<?% data.RecordId %?>">[<?% gettext("Watch recording") %?>]</a>&nbsp;
+<?% END %?>
+<?% IF allow('rplay') %?>
+    <a href="?cmd=rplay&amp;data=<?% data.RecordId %?>">[<?% gettext("Watch recording in VDR") %?>]</a>&nbsp;
+<?% END %?>
+    <a target="_blank" href="http://german.imdb.com/find?s=tt&amp;site=aka&amp;q=<?% quest %?>">
+        [<?% gettext("Search with IMDb") %?>]
+    </a>
+    <a target="_blank" href="http://www.ofdb.de/view.php?page=suchergebnis&Kat=Titel&SText=<?% quest %?>">
+        [<?% gettext("Search with OFDb") %?>]
+    </a>
+<?% IF allow('rconvert') %?>
+    <br />
+    <select name='data' onChange="di(this.form.data.options[this.form.data.options.selectedIndex].value, '?cmd=rconvert&amp;data=')">
+    <?% c = 0 %?>
+        <option value='0'><?% gettext("Choose an action for this recording") %?>:</option>
+    <?% FOREACH cmd = param.reccmds %?>
+        <?% c = c + 1 %?>
+        <option value='<?% c %?>_<?% data.RecordId %?>'><?% cmd.split(':').first %?></option>
+    <?% END %?>
+    </select>
+<?% END %?>
+    </td>
+</tr>
+<tr>
+    <td>
+    <?% IF param.previews.size %?>
+        <table border="0" align='left'>
+        <td>
+        <?% FOREACH bild = param.previews %?>
+            <img src="<?% bild %?>" width="168" vspace='1'><br>
+        <?% END %?>
+        </td>
+        </table>
+    <?% END %?>
+    </td><td>
+        <table border="0">
+        <th colspan=2>
+        <?% IF data.New > 0 %?><img src="images/new.png" alt="" title="<?% gettext("New recording") %?>" /><?% END %?>
+        <?% data.Title %?><?% IF data.SubTitle %?><br><?% data.SubTitle %?><?% END %?></th>
+        <tr>
+            <td>&nbsp;</td>
+            <td><?% date.format(data.StartTime,"%A, %x",locale) %?>&nbsp;
+                &nbsp;&nbsp;&nbsp;<?% date.format(data.StartTime,"%H:%M",locale) %?>&nbsp;-&nbsp;<?% date.format(data.StopTime,"%H:%M",locale) %?>&nbsp;
+                 (<?% PROCESS dur d=data.Duration IF data.Duration > (60*5)%?>)</td>
+        </tr>
+        <tr>
+            <td>&nbsp;</td>
+            <td>
+            <?% data.Description %?><br>
+            </td>
+        </tr>
+        <tr>
+            <td>&nbsp;</td>
+            <td>
+            <?% PROCESS marks d=data.Marks %?>
+            </td>
+        </tr>
+        <?% IF data.Channel %?>
+        <tr>
+            <td>&nbsp;</td>
+            <td>
+            <?% gettext('Channel') %?> : <?% data.Channel %?>
+            </td>
+        </tr>
+        <?% END %?>
+        <tr>
+            <td>&nbsp;</td>
+            <td>
+            <?% gettext('Lifetime') %?> : <?% data.Lifetime %?>
+            </td>
+        </tr>
+        <tr>
+            <td>&nbsp;</td>
+            <td>
+            <?% gettext('Priority') %?> : <?% data.Prio %?>
+            </td>
+        </tr>
+        </table>
+    </td>
+</tr>
+</form>
+</table>
diff --git a/html/report.tmpl b/html/report.tmpl
new file mode 100644
index 0000000..9606516
--- /dev/null
+++ b/html/report.tmpl
@@ -0,0 +1,43 @@
+<h1><?% gettext("Protocol of the activities") %?></h1>
+
+<?% FOREACH name = data.keys.sort %?>
+    <h2><?% gettext("Report for Modul");" " %?>
+        <?% name %?>:</h2>
+    <?% IF name == 'RECORDS';
+            link = '?cmd=rdisplay&data=';
+        ELSIF name == 'AUTOTIMER';
+            link = '?cmd=tedit&data=';
+        END;
+     %?>
+
+    <?% FOREACH typ = data.$name.keys.sort %?>
+        <?% IF typ == 'message' %?>
+            <?% data.$name.$typ %?><p>
+
+        <?% ELSIF typ == 'table' and data.$name.$typ.size > 1 %?>
+           <?% fields = data.$name.$typ.shift %?>
+                <table>
+                    <tr>
+                    <?% FOREACH field = fields %?>
+                        <?% NEXT IF field.match('^__') %?>
+                        <th>
+                            <nobr><?% field %?>
+                            </nobr>
+                        </th>
+                    <?% END %?>
+                    </tr>
+                    <?% FOREACH zeile = data.$name.$typ %?>
+                    <tr>
+                        <?% c = -1 %?>
+                        <?% FOREACH field = zeile %?>
+                            <?% c = c + 1 %?>
+                            <?% NEXT IF fields.$c.match('^__') %?>
+                            <td><a href='<?% link %?><?% zeile.first %?>'><?% field %?></a></td>
+                        <?% END %?>
+                    </tr>
+                    <?% END %?>
+            </table>
+        <?% END %?>
+    <?% END %?>
+    <p>
+<?% END %?>
diff --git a/html/rlist.tmpl b/html/rlist.tmpl
new file mode 100644
index 0000000..5547b00
--- /dev/null
+++ b/html/rlist.tmpl
@@ -0,0 +1,269 @@
+<body class="frame">
+<?% USE date %?>
+<?% enableform = allow('rdelete') %?>
+<?% IF cgi.param('cmd')=='rl' || cgi.param('cmd')=='rlist' %?>
+    <?% browse = cgi.param('data') %?>
+<?% END %?>
+<div id="body">
+<?% BLOCK time %?>
+<?% date.format(t,"%x %H:%M",locale) %?>
+<?% END %?>
+
+<?% BLOCK dur # d in Sekunden %?>
+<?% IF d > 1 %?>
+    <?% Stunden = d div 3600 %?>
+    <?% Minuten = d div 60 mod 60 %?>
+    <?% Sekunden =  d mod 60 %?>
+    <?% Stunden | format('%d') %?>:<?% Minuten | format('%02d') %?>:<?% Sekunden | format('%02d') %?>
+<?% END %?>
+<?% END %?>
+
+<?% BLOCK image %?>
+    <?% files = param.getPreview(eventid) %?>
+    <?% IF type == 'RADIO' %?>
+	<img src="images/radio.png" width="200" title="<?% gettext('Radio recording') %?>" />
+    <?% ELSE %?>
+	<img src="<?% files.last || "images/movie.png" %?>" width="200" title="<?% gettext('Television recording') %?>" />
+    <?% END %?>
+<?% END %?>
+<?% ######################################################################## %?>
+<?% total = 0 %?>
+<?% BLOCK printsumme %?>
+                <p class="description" style="padding: 0; margin-left: <?% width %?>px;">
+        		<?% IF total > 0;
+                    sec  = total mod 60;
+                    min  = total div 60 mod 60;
+                    hour = total div 3600;
+        		%?>
+						<?% gettext("total time") %?> : 
+						<?% IF hour > 0 %?><?% hour FILTER format('%02d') %?>:<?% END %?><?% min FILTER format('%02d') %?>:<?% sec FILTER format('%02d')%?>
+       			<?% END %?>
+       		    <?% IF param.free;
+                        secf  = param.free mod 60;
+                        minf  = param.free div 60 mod 60;
+                        hourf = param.free div 3600;
+      		    %?>
+    					<br /><?% gettext("available capacity") %?> : 
+						<?% IF hourf > 0 %?><?% hourf FILTER format('%02d') %?>:<?% END %?><?% minf FILTER format('%02d') %?>:<?% secf FILTER format('%02d')%?>
+   			    <?% END %?>
+				</p>
+<?% END %?>
+<?% ######################################################################## %?>
+<?% BLOCK item %?>
+      <td valign="top">
+        <table cellspacing="0" cellpadding="0" width="1">
+          <?% IF folder > 1 %?>
+          <tr>
+            <td>
+                  <a href="?cmd=rlist&amp;data=<?% url( fulltitle ) %?>">
+                  <b><?% foldertitle %?></b><br />
+                  <?% IF new > 0 %?>
+                  <img src="images/newfolder.png" alt="" title="<?% gettext("New recording") %?>" />
+                  <?% ELSE %?>
+                  <img src="images/foldericon.png" alt="" />
+                  <?% END %?>
+		          &nbsp;<?% folder %?><?% IF new > 0 %?>&nbsp;(<?% new %?>)<?% END %?>&nbsp;<?% gettext("more recordings") %?>&nbsp;...
+                  </a>
+                  <img src="images/blank.png" height="1" width="200" alt="" />
+            </td>
+          </tr>
+          <tr>
+            <td>
+            <?% IF enableform %?>
+            <input type="checkbox" value="all:<?% id %?>" name="<?% gettext("All recordings with title") %?> : '<?% title %?>'" />
+            <?% END %?>
+            </td>
+          </tr>
+          <?% ELSE %?>
+          <tr>
+            <td>
+                  <div style="height:160px; vertical-align:middle;">
+                  <a href="?cmd=rdisplay&amp;data=<?% id %?>">
+                  <?% PROCESS image %?>
+                  </a>
+                  </div>
+                  <div style="height:3em; overflow:hidden;">
+                  <?% INCLUDE bloecke/tooltip.tmpl cmd="rdisplay" linkid=id ttp_offset=0 %?>
+                  <?% IF new > 0 %?><img src="images/new.png" alt="" title="<?% gettext("New recording") %?>" /><?% END %?>
+                  <b><?% (title.match('[a-z]') ? title : fulltitle) %?></b>
+                  <?% IF subtitle %?>
+                  <br>&nbsp;<?% subtitle %?>
+                  <?% END %?>
+                  </a>
+                  </div>
+				  </a>
+            </td>
+          </tr>
+          <tr>
+            <td>
+    <?% IF enableform %?>
+                    <input type="checkbox" value="<?% id %?>" name="<?% title %?>" />
+    <?% END %?>
+                    <?% PROCESS time t=start %?><br />
+                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<?% gettext("Duration") %?>: <?% PROCESS dur d=duration %?>
+            </td>
+          </tr>
+          <?% END %?>
+        </table>
+      </td>
+
+<?% END %?>
+<?% IF cgi.param('data') != "" %?>
+    <?% search = cgi.param('data') %?>
+<?% END %?>
+<h1><?% gettext("Stored recordings") %?>
+    <?% IF search.defined %?> : "<?% search %?>" <?% END %?>
+    &nbsp;<small>(<?% param.usage %?>)</small>
+</h1>
+<?% IF data.size %?>
+<?% fields = data.shift %?>
+<form>
+        <a href="?cmd=rupdate">[<?% gettext("Update recordings") %?>]</a>&nbsp;
+<?% IF allow('rdelete') %?>
+<a href="#" onClick="Delete('<?% gettext("You would delete follow recordings?") %?>',
+'<?% gettext("You have nothing selected!") %?>','rdelete',document.rlist)">
+[<?% gettext("Delete recordings") %?>]</a>&nbsp;
+<?% END %?>
+		<?% gettext("Search for recordings") %?>:
+        <input type="hidden" name="cmd" value='rsearch' >
+        <input type="text" name="data" size='18' <?% IF cgi.param('cmd')=='rs' || cgi.param('cmd')=='rsearch' %?>value='<?% cgi.param('data')%?>'<?% END %?>>
+</form>
+
+<?% IF browse.defined && browse != "" %?>
+    <?% directorys = browse.split('~') %?>
+    <?% IF directorys.size <= 1 %?>
+      <a title="<?% gettext("Back") %?>" href="?cmd=rlist">[^]</a>
+    <?% ELSE %?>
+    <?% t = directorys.pop %?>
+    <?% directory = directorys.join('~') %?>
+      <a title="<?% gettext("Back") %?>" href="?cmd=rlist">[^]</a>&nbsp;
+      <a title="<?% gettext("Back") %?>" href="?cmd=rlist&amp;data=<?% url( directory ) %?>">[<<]</a>
+    <?% END %?>
+    <br />
+<?% END %?>
+<?% IF param.sortable %?>
+    <?% cmd = cgi.param('cmd') %?>
+    <?% IF cgi.param('data') %?>
+        <?% daten = url ( cgi.param('data') ) %?>
+        <?% daten = "&amp;data=${daten}" %?>
+    <?% END %?>
+<?% END %?>
+<?% IF enableform %?>
+<form name='rlist'>
+<?% END %?>
+<?% IF param.previewcommand == 'n' %?>
+    <table border="0" width="95%">
+        <tr>
+        <?% c = -1 %?>
+        <?% FOREACH field = fields %?>
+            <?% c = c + 1 %?>
+            <?% NEXT IF field.match('^__') %?>
+            <th style="white-space: nowrap">
+            <?% field %?>
+            <?% IF param.sortable %?>
+                <?% IF c == 0 %?>
+                  <a href="?cmd=<?% cmd %?><?% daten %?>&__sortby=__RecordStart&__desc=0"><img src="images/asc.png"></a>
+                  <a href="?cmd=<?% cmd %?><?% daten %?>&__sortby=__RecordStart&__desc=1"><img src="images/desc.png"></a>
+                <?% ELSE %?>
+                  <a href="?cmd=<?% cmd %?><?% daten %?>&__sortby=<?% field %?>&__desc=0"><img src="images/asc.png"></a>
+                  <a href="?cmd=<?% cmd %?><?% daten %?>&__sortby=<?% field %?>&__desc=1"><img src="images/desc.png"></a>
+              <?% END %?>
+            <?% END %?>
+            </th>
+        <?% END %?>
+        </tr>
+        <?% FOREACH zeile = data %?>
+        <?%- id=zeile.0;eventid=zeile.1;title=zeile.2.split('~').last;subtitle=zeile.3;
+             duration=zeile.4;start=zeile.5;new=zeile.6;type=zeile.7;folder=zeile.8;fulltitle=zeile.9;
+             isrecording=zeile.10;desc=zeile.11;foldertitle=fulltitle.split('~').last -%?>
+	    <?% total = total + duration %?>
+        <tr>
+            <?% IF folder > 1 %?>
+            <td colspan="4">
+                  <a href="?cmd=rlist&amp;data=<?% url( fulltitle ) %?>">
+                  <?% IF new > 0 %?>
+                  <img src="images/newfolder.png" alt="" title="<?% gettext("New recording") %?>" />
+                  <?% ELSE %?>
+                  <img src="images/foldericon.png" alt="" />
+                  <?% END %?>
+                  <b><?% foldertitle.split('~').last %?></b>&nbsp;<?% folder %?><?% IF new > 0 %?>&nbsp;(<?% new %?>)<?% END %?>&nbsp;<?% gettext("more recordings") %?>&nbsp;...
+                  </a>
+            </td>
+            <?% ELSE %?>
+            <?% c = -1 %?>
+            <?% FOREACH field = zeile %?>
+             <?%- id=zeile.0;eventid=zeile.1;title=zeile.2.split('~').last;subtitle=zeile.3;
+                   duration=zeile.4;start=zeile.5;new=zeile.6;type=zeile.7;folder=zeile.8;fulltitle=zeile.9;
+                   isrecording=zeile.10;desc=zeile.11;foldertitle=fulltitle.split('~').last -%?>
+                <?% c = c + 1 %?>
+                <?% NEXT IF fields.$c.match('^__') %?>
+            <td>
+                <?% IF c == 0 %?>
+    <?% IF enableform %?>
+                    <input type="checkbox" value="<?% id %?>" name="<?% title %?>" />
+    <?% END %?>
+                    <?% PROCESS time t=start %?>
+                <?% ELSIF c == 4 %?>
+                    <?% PROCESS dur d=field %?>
+                <?% ELSIF c == 2 # title %?>
+                    <?% INCLUDE bloecke/tooltip.tmpl cmd="rdisplay" linkid=id ttp_offset=0 %?>
+                    <?% IF new > 0 %?><img src="images/new.png" alt="" title="<?% gettext("New recording") %?>" />&nbsp;<?% END %?>
+                    <?% var = (field.split('~').last.match('[a-z]') ? field.split('~').last : zeile.9);chop(var,30) %?>
+                    </a>
+                <?% ELSE %?>
+                    <a href="?cmd=rdisplay&amp;data=<?% id %?>">
+                    <?% field %?>
+                    </a>
+                <?% END %?>
+            </td>
+            <?% END %?>
+            <?% END %?>
+        </tr>
+        <?% END %?>
+	    <tr>
+            <td colspan="4">
+				<?% PROCESS printsumme width=0 %?>
+            </td>
+        </tr>
+    </table>
+<?% ELSE %?>
+<?% IF param.sortable %?>
+<?% BLOCK SortItem %?>
+<a href="?cmd=<?% cmd %?><?% daten %?>&amp;__sortby=<?% row %?>&amp;__desc=0" ><img src="images/asc.png"></a>
+<?% label %?>
+<a href="?cmd=<?% cmd %?><?% daten %?>&amp;__sortby=<?% row %?>&amp;__desc=1" ><img src="images/desc.png"></a>&nbsp;
+<?% END %?>
+        <?% gettext('Sorting') %?> :
+        <?% PROCESS SortItem row="RecordId" label=gettext('Index') %?>
+        <?% PROCESS SortItem row="title" label=gettext('Title') %?>
+        <?% PROCESS SortItem row="subtitle" label=gettext('Subtitle') %?>
+        <?% PROCESS SortItem row="__RecordStart" label=gettext('Start') %?>
+        <?% PROCESS SortItem row="duration" label=gettext('Duration') %?>
+<?% END %?>
+      <div>
+        <?% FOREACH zeile = data %?>
+            <!-- Item: <?% FOREACH x = zeile %?><?% loop.count - 1 %?>:<?% x %?>|<?% END %?> -->
+            <?%- id=zeile.0;eventid=zeile.1;title=zeile.2.split('~').last;subtitle=zeile.3;
+             duration=zeile.4;start=zeile.5;new=zeile.6;type=zeile.7;folder=zeile.8;fulltitle=zeile.9;
+             isrecording=zeile.10;desc=zeile.11;foldertitle=fulltitle.split('~').last -%?>
+		    <?% total = total + duration %?>
+			<?% IF old.defined && old != ( folder > 1 ?  2 : 1 ) %?>
+      <div style="clear:both"></div>
+        <?% END %?>
+      <div style="float:left; margin: 2px">
+            <?% PROCESS item %?>
+            <?% old = ( folder > 1 ?  2 : 1 ) %?>
+      </div>
+        <?% END %?>
+    </div>
+    <div style="clear:both"></div>
+	<?% PROCESS printsumme width=0 %?>
+    <?% END %?>
+<?% IF enableform %?>
+</form>
+<a href="#" onClick="selAll(document.rlist, 1)">[<?% gettext("Select all") %?>]</a>
+<a href="#" onClick="selAll(document.rlist, 0)">[<?% gettext("Unselect all") %?>]</a>
+<a href="#" onClick="reverse(document.rlist)">[<?% gettext("Reverse select") %?>]</a>
+<?% END %?>
+
+<?% END %?>
diff --git a/html/rsearch.tmpl b/html/rsearch.tmpl
new file mode 120000
index 0000000..2e6f4df
--- /dev/null
+++ b/html/rsearch.tmpl
@@ -0,0 +1 @@
+rlist.tmpl
+\ No newline at end of file
diff --git a/html/schema.tmpl b/html/schema.tmpl
new file mode 100644
index 0000000..38ad6d6
--- /dev/null
+++ b/html/schema.tmpl
@@ -0,0 +1,174 @@
+<?%-
+USE date;
+zeitformat = gettext("%A the %D at %H:%M o'clock");
+day = date.format(param.zeitvon, zeitformat, locale);
+
+width = 720;        # Table width
+Duration = param.zeitbis - param.zeitvon;
+
+-%?>
+<script language="javascript" type="text/javascript">
+    var interval = 300
+
+    function reload() {
+        Now = new Date();
+        location.href = '?cmd=schema';
+    }
+
+    inter = interval * 1000;
+    aktiv = window.setTimeout("reload()", inter);
+</script>
+
+<form>
+<h1><?% gettext("What is running at") %?>&nbsp;<?% day %?><br/>
+<?% gettext('Display') %?>&nbsp;<?% gettext('from') %?>&nbsp;<?% date.format(param.zeitvon, '%H:%M', locale) %?>&nbsp;<?% gettext('to') %?>&nbsp;<?% date.format(param.zeitbis, '%H:%M', locale) %?>&nbsp;<?% gettext("o'clock") %?>
+</h1>
+
+<!-- TableTemplate -->
+<select name='cgroups' onChange="di(this.form.cgroups.options[this.form.cgroups.options.selectedIndex].value, '?cmd=schema&amp;data=<?% param.zeitvon %?>&amp;__cgrp=')">
+<?% FOREACH cgrp = param.cgroups %?>
+    <option value='<?% cgrp.last %?>' <?% "selected" IF param.channelgroup == cgrp.last %?>><?% cgrp.first %?>
+<?% END %?>
+</select>
+
+<table width='<?% (width + 100) %?>' cellpadding="0" cellspacing="0">
+<tr>
+    <td><img alt="" src='images/blank.png' width=100 height=1 border=0 /></td>
+    <?% c = 0; colspan = 0; abstand = 15 * 60; # 15 Minuten %?>
+    <?%- WHILE c < Duration -%?>
+        <?%-
+             c = c + abstand;
+             percent = (abstand / Duration) * width
+             colspan = colspan + 1;
+             zeit = param.zeitvon + c;
+        -%?>
+    <td bgcolor="white" width="<?% offset = (c % 3600 ? 1 : 2);(percent - offset) | format('%d') %?>" align='right'>
+        <?% IF c == abstand && zeit > date.now %?>
+        &nbsp;<a href='?cmd=schema&amp;data=<?% (param.zeitvon - Duration) %?>&amp;__cgrp=<?% param.channelgroup %?>'><</a>
+        <?% END %?>
+        <font size='1'><?% date.format(zeit, '%H:%M', locale) %?>
+        <?% IF c >= Duration %?>
+        &nbsp;<a href='?cmd=schema&amp;data=<?% (param.zeitvon + Duration) %?>&amp;__cgrp=<?% param.channelgroup %?>'>></a>
+        <?% END %?>
+    </font></td>
+    <?% END %?>
+</tr>
+
+<tr>
+    <?% c = 0 %?>
+    <?% abstand = abstand div 3 %?>
+    <td>&nbsp;</td>
+    <td bgcolor="white" colspan="<?% colspan %?>" style="white-space: nowrap">
+        <?%- IF date.now > param.zeitvon && date.now < param.zeitbis -%?>
+        <?% a = date.now - param.zeitvon;
+            p = (a / Duration) * width;
+         %?>
+        <div style="position:absolute; z-index:1">
+            <div style="position:relative; top:0px; left:0px; width:<?% p | format('%d') %?>px; height:10px; z-index:2; border:thin solid #804000; background-color:#FF0000; text-align: right; -moz-opacity:0.2; filter:Alpha(opacity=20)"><font size="1">&nbsp;</font></div>
+        </div>
+        <div style="position:absolute; z-index:1">
+            <div style="position:relative; top:0px; left:<?% p | format('%d') %?>px; width:1px; height:100%; border-left:1px solid red; margin:0px; z-Index: 2;"><img alt="" src='images/blank.png' width='1' height='<?% data.keys.size * 23 %?>' border="0" hspace="0" vspace="0" /></div>
+        </div>
+        <?%- END -%?>
+        <?%- WHILE c < Duration;
+             c = c + abstand;
+             percent = (abstand / Duration) * width
+        -%?><img alt="" style="background:white" src='images/blank.png' width="<?%-
+            offset = (c % 3600 ? 1 : 2);
+            (percent - offset) | format('%d')
+        -%?>" height='10' /><img alt=""
+            style="background:<?% c % 900 ? "gray" : "black" %?>"
+            src='images/blank.png'
+            width="<?% c % 3600 ? "1" : "2" %?>"
+            height='<?% (c % 900 ? "5" : "10") %?>' />
+        <?%- END -%?>
+    </td>
+</tr>
+
+<?% x = -1 %?>
+<?% FOREACH cpos = data.keys.nsort %?>
+<tr><td colspan="<?% (colspan + 1) %?>"><img src='images/blank.png' width='10' height=1 border=0 align='left' /></td></tr>
+<?% x = x + 1;
+    channelName = data.$cpos.first.3;
+    channelId = data.$cpos.first.4;
+%?>
+<tr class="<?% myclass %?>" <?% IF (x mod 2) == 0 %?>bgcolor='#E5E5E5'<?% END %?>>
+    <td>
+        <a href="?cmd=program&amp;data=<?% channelId %?>"><?% chop(channelName,12) %?></a>
+    </td>
+    <td colspan="<?% colspan %?>" style="white-space: nowrap">
+        <?%- ges = 0; oldend = param.zeitvon -%?>
+        <?%-
+        FOREACH event = data.$cpos;
+                epgId       = event.0;
+                epgTitle    = event.1;
+                epgSubTitle = event.2;
+                chName      = event.3;
+                chPos       = event.4;
+                epgStart    = event.5;
+                epgStop     = event.6;
+                epgPercent  = event.7;
+                epgDesc     = event.8;
+                second_start= event.9;
+                second_stop = event.10;
+                video = event.11;
+                audio = event.12;
+                image = event.13;
+                IF second_start > oldend;
+                    laenge = second_start - oldend;
+                    percent = (laenge / Duration) * width;
+                    ges = ges + percent;
+        -%?>
+        <img alt="" src='images/blank.png' width='<?% percent | format('%d') %?>' height=8 border=0 align='left' />
+                <?% END;
+                IF second_start < oldend;
+                    dur = second_stop - oldend;
+                ELSE;
+                    dur = second_stop - second_start;
+                END;
+                IF dur < 0; dur = 0; END;
+                percent = (dur / Duration) * width;
+                IF (ges + percent) > width;
+                    percent = width - ges;
+                END;
+                ges = ges + percent;
+                trun = percent / 10 | format('%d');
+                IF dur < 300;
+                    trun = 3;
+
+                END;
+                -%?>
+        <?% d=[epgStart, " - ", epgStop ,"<br />", epgDesc ];desc=d.join("") %?>
+<?% IF trun <= 3 %?>
+        <?% INCLUDE bloecke/tooltip.tmpl cmd="display" title=epgTitle subtitle=epgSubTitle eventid=epgId linkid=epgId ttp_offset=-200 %?><img alt="" src='images/blank.png' width='<?% percent | format('%d') %?>' height=8 border=0 hspace=0 vspace=0 align='left' /></a>
+<?% ELSE %?>
+        <table class='<?% PROCESS getStatus e=event t=param.timers r=param.runningTimer %?>' align="left" width="<?% percent | format('%d') %?>" cellpadding="0" cellspacing="0"><tr><td>
+        <?% INCLUDE bloecke/tooltip.tmpl cmd="display" title=epgTitle subtitle=epgSubTitle eventid=epgId linkid=epgId ttp_offset=-200 %?>
+        <?% chop(epgTitle,trun) %?></a></td></tr></table>
+<?% END %?>
+        <?% oldend = second_stop %?>
+        <?% END %?>
+    </td>
+</tr>
+<?% END %?>
+</table>
+</form>
+
+<?% BLOCK title %?>
+<?% e.1 %?>&nbsp;
+<?% e.2 IF e.2 %?>&nbsp;
+<?% e.5 %?> - <?% e.6 %?>&nbsp;
+<?% END %?>
+
+<?%- BLOCK getStatus -%?>
+<?%-
+    class = 'schema_normal';
+    IF t.exists(e.0) && t.${e.0}.Status;
+        class = 'schema_record_plan';
+    END;
+    IF t.exists(e.0) && r.exists(t.${e.0}.Id);
+        class = 'schema_record_now';
+    END;
+class;
+-%?>
+<?%- END -%?>
diff --git a/html/search.tmpl b/html/search.tmpl
new file mode 100644
index 0000000..be3eed0
--- /dev/null
+++ b/html/search.tmpl
@@ -0,0 +1,131 @@
+<script language="javascript" type="text/javascript">
+<!--
+
+    <?% INCLUDE javascript/records.js %?>
+
+-->
+</SCRIPT>
+<?% USE date %?>
+<h1><?% gettext("Advanced Search") %?>
+<?% IF data.size %?>
+    <?% found = data.size - 1 %?>
+   :&nbsp;<?% gettext("Found %s items") | replace("%s", found ) %?>
+<?% END %?>
+</h1>
+
+<table border="0" width="95%">
+<form method='get'>
+    <input type='hidden' name='cmd' value='search'>
+    <input type='hidden' name='__action' value='save'>
+<tr>
+    <td><?% gettext('Search text') %?>:</td>
+    <td><input type="text" name="data" value="<?% cgi.param('data') || cgi.param('data') %?>"></td>
+</tr>
+<tr>
+    <td><?% gettext('Search in fields') %?>:</td>
+    <td>
+        <input type="radio" name="__Where" value="all" <?% IF ! cgi.param('__Where') || cgi.param('__Where') == 'all' %?>checked<?% END %?>><?% gettext('All') %?>&nbsp;
+        <input type="radio" name="__Where" value="title" <?% IF cgi.param('__Where') == 'title' %?>checked<?% END %?>><?% gettext('Only in title') %?>&nbsp;
+        <input type="radio" name="__Where" value="titlesubtitle" <?% IF cgi.param('__Where') == 'titlesubtitle' %?>checked<?% END %?>><?% gettext('Only in title and subtitle') %?>&nbsp;
+    </td>
+</tr>
+<tr>
+    <td><?% gettext('Video format') %?>:</td>
+    <td>
+        <input type="radio" name="__VideoFormat" value="all" <?% IF ! cgi.param('__VideoFormat') || cgi.param('__VideoFormat') == 'all' %?>checked<?% END %?>><?% gettext('All') %?>&nbsp;
+        <input type="radio" name="__VideoFormat" value="widescreen" <?% IF cgi.param('__VideoFormat') == 'widescreen' %?>checked<?% END %?>><?% gettext('16:9 Widescreen') %?>&nbsp;
+    </td>
+</tr>
+<tr>
+    <td><?% gettext('Audio format') %?>:</td>
+    <td>
+        <input type="radio" name="__AudioFormat" value="all" <?% IF ! cgi.param('__AudioFormat') || cgi.param('__AudioFormat') == 'all' %?>checked<?% END %?>><?% gettext('All') %?>&nbsp;
+        <input type="radio" name="__AudioFormat" value="dts" <?% IF cgi.param('__AudioFormat') == 'dts' %?>checked<?% END %?>><?% gettext('Dolby Digital') %?>&nbsp;
+        <input type="radio" name="__AudioFormat" value="stereo" <?% IF cgi.param('__AudioFormat') == 'stereo' %?>checked<?% END %?>><?% gettext('Stereo') %?>&nbsp;
+    </td>
+</tr>
+<tr>
+    <td><?% gettext('Minimum length (in minutes)') %?>:</td>
+    <td>
+        <input type="text" name="__MinLength" value="<?% cgi.param('__MinLength') %?>">
+    </td>
+</tr>
+<tr>
+    <td><?% gettext('Channel') %?>:</td>
+    <td>
+    <select name='__channel'>
+        <option value="0"><?% gettext('All channels') %?>
+    <?% FOREACH chan = getModule('CHANNELS').ChannelArray('Name') %?>
+        <option value="<?% chan.last %?>" <?% IF cgi.param('__channel') == chan.last %?>selected<?% END %?>><?% chan.first %?>
+    <?% END %?>
+    </select>
+    </td>
+</tr>
+<tr>
+    <td colspan=2>
+        <input type='submit' value='<?% gettext('Search') %?>'>&nbsp;
+        <input type='reset' value='<?% gettext('Reset') %?>'>&nbsp;
+    </td>
+</tr>
+</form>
+</table>
+
+
+<?% IF data.size > 1 %?>
+<table border="0" width="95%">
+<?% IF data.size %?>
+    <?% fields = data.shift %?>
+        <tr>
+        <?% FOREACH field = fields %?>
+            <?% NEXT IF field.match('^__') || loop.count == 8 || loop.count == 9 %?>
+            <th><?% field %?></th>
+        <?% END %?>
+        </tr>
+        <?% FOREACH zeile = data %?>
+            <?% c = -1 %?>
+            <?% day = date.format(zeile.7, "%A, %x", locale) %?>
+            <?% IF !oldday.defined || day != oldday %?>
+                <tr><td colspan="<?% zeile.size %?>" bgcolor='#DDDDDD'>
+                <b><?% day %?></b>
+                </td></tr>
+            <?% END %?>
+            <tr class="<?% myclass %?>"<?% IF (loop.count mod 2) == 0 %?> bgcolor='#F5F5F5'<?% END %?>>
+            <?% FOREACH field = zeile %?>
+                <?% c = c + 1 %?>
+                <?% NEXT IF fields.$c.match('^__') %?>
+                <?% IF c == 0; # Id Field %?>
+                <td>
+                <?% INCLUDE 'bloecke/event_links.tmpl' data=zeile %?>
+                </td>
+                <?% ELSIF c == 1; # Text Field %?>
+                <td>
+                    <?% INCLUDE bloecke/tooltip.tmpl cmd="display" title=field subtitle=zeile.2 desc=zeile.8 eventid=zeile.0 linkid=zeile.0 ttp_offset=0 %?>
+                    <?% IF param.timers.${zeile.0} && param.timers.${zeile.0}.Status %?>
+                    <b><?% field %?></b>
+                    <?% ELSE %?>
+                    <?% field %?>
+                    <?% END %?>
+                    <?% IF zeile.2 != "" %?>
+                    <br><small><?% zeile.2 %?></small>
+                    <?% END %?>
+                    <?% IF zeile.8.length > 0 %?>
+                    <br><small><em><?% chop(zeile.8,80) | replace('<br />',' ') %?></em></small>
+                    <?% END %?>
+                    </a>
+                </td>
+                <?% ELSIF c == 3; # Channel Field %?>
+                <td>
+                    <a href="?cmd=program&amp;data=<?% zeile.4 %?>"><?% field %?></a>
+                </td>
+                <?% ELSIF c == 7; # Day Field %?>
+                <?% ELSIF c == 8; # Desc Field %?>
+                <?% ELSE %?>
+                <td><?% field %?></td>
+                <?% END %?>
+            <?% END %?>
+        </tr>
+        <?% oldday = day %?>
+        <?% END %?>
+<?% END %?>
+</table>
+<?% END %?>
diff --git a/html/skin.cfg b/html/skin.cfg
new file mode 100644
index 0000000..375c631
--- /dev/null
+++ b/html/skin.cfg
@@ -0,0 +1,3 @@
+<?% ######################################################################## %?>
+<?% # How many columns has the Programmenu, 0=Show all entrys %?>
+<?% SET global.cfgMaxChannelMenuEntrys = 40 %?>
diff --git a/html/style/coolmenus4.css b/html/style/coolmenus4.css
new file mode 100644
index 0000000..3832d60
--- /dev/null
+++ b/html/style/coolmenus4.css
@@ -0,0 +1,19 @@
+/* CoolMenus 4 - default styles - do not edit */
+.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
+/* CoolMenus 4 - default styles - end */
+  
+/*Style for the background-bar*/
+.clBar{position:absolute; width:10; height:10; background-color:buttonface; layer-background-color:buttonface; visibility:hidden}
+.clBarborder{position:absolute; visibility:hidden; background-color: #A0A0A0; layer-background-color:#A0A0A0}
+
+/*Styles for level 0*/
+.clLevel0,.clLevel0over{position:absolute; padding:2px; font-family:Tahoma, Verdan, Helvetica, Sans-Serfif; font-size:11px; text-decoration: none;}
+.clLevel0{background-color:buttonface; layer-background-color:buttonface; color:black;}
+.clLevel0over{background-color:buttonface; layer-background-color:buttonface; color:black; cursor:pointer; cursor:hand; border: 1px solid white }
+.clLevel0border{position:absolute; visibility:hidden; background-color:white; layer-background-color:white}
+
+/*Styles for level 1*/
+.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:Tahoma, Verdan, Helvetica, Sans-Serfif; font-size:11px;  text-decoration: none;}
+.clLevel1{background-color:white; layer-background-color:white; color:black; }
+.clLevel1over{background-color:Highlight; layer-background-color:Highlight; color:white; cursor:pointer; cursor:hand; border: 1px solid rgb(120,172,255);}
+.clLevel1border{position:absolute; visibility:hidden; background-color:buttonface; layer-background-color:buttonface}
diff --git a/html/style/helptip.css b/html/style/helptip.css
new file mode 100644
index 0000000..2293abc
--- /dev/null
+++ b/html/style/helptip.css
@@ -0,0 +1,36 @@
+/*
+	Notice that IE has a display problem if the help link is on
+	the last line of a container with no padding. If this is the
+	case increase the padding bottom to at least 1px
+*/
+
+a.helpLink {
+	color:				Green;
+	text-decoration:	none;
+	cursor:				help;
+}
+
+a.helpLink:hover {
+	color:				Red;
+	text-decoration:	none;
+}
+
+.help-tooltip {
+	position:	absolute;
+	width:		50%;
+	border:		1px Solid WindowFrame;
+	background:	Infobackground;
+	color:		InfoText;
+	font:		StatusBar;
+	font:		Status-Bar;
+	padding:	3px;
+	filter:		progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=3);
+	z-index:	10000;
+}
+
+
+.help-tooltip a,
+.help-tooltip a:hover {
+	color:		blue !important;
+	background:	none;
+}
diff --git a/html/style/luna/tab.active.png b/html/style/luna/tab.active.png
new file mode 100644
index 0000000..d85e7f6
--- /dev/null
+++ b/html/style/luna/tab.active.png
diff --git a/html/style/luna/tab.css b/html/style/luna/tab.css
new file mode 100644
index 0000000..d8a4403
--- /dev/null
+++ b/html/style/luna/tab.css
@@ -0,0 +1,84 @@
+.dynamic-tab-pane-control.tab-pane {
+	position:	relative;
+	width:		100%;		/* width needed weird IE bug */
+	margin-right:	-2px;	/* to make room for the shadow */
+}
+
+.dynamic-tab-pane-control .tab-row .tab {
+
+	width:				70px;
+	height:				16px;
+	background-image:	url( "tab.png" );
+
+	position:		relative;
+	top:			0;
+	display:		inline;
+	float:			left;
+	overflow:		hidden;
+
+	cursor:			Default;
+
+	margin:			1px -1px 1px 2px;
+	padding:		2px 0px 0px 0px;
+	border:			0;
+
+	z-index:		1;
+	font:			11px Tahoma;
+	white-space:	nowrap;
+	text-align:		center;
+}
+
+.dynamic-tab-pane-control .tab-row .tab.selected {
+	width:				74px !important;
+	height:				18px !important;
+	background-image:	url( "tab.active.png" ) !important;
+	background-repaet:	no-repeat;
+
+	border-bottom-width:	0;
+	z-index:		3;
+	padding:		2px 0 0px 0;
+	margin:			1px -3px -3px 0px;
+	top:			-2px;
+	font:				11px Tahoma;
+}
+
+.dynamic-tab-pane-control .tab-row .tab a {
+	font:				11px Tahoma;
+	color:				Black;
+	text-decoration:	none;
+	cursor:				default;
+}
+
+.dynamic-tab-pane-control .tab-row .tab.hover {
+	font:				11px Tahoma;
+	width:				70px;
+	height:				16px;
+	background-image:	url( "tab.hover.png" );
+	background-repaet:	no-repeat;
+}
+
+
+.dynamic-tab-pane-control .tab-page {
+	clear:			both;
+	border:			1px solid rgb( 145, 155, 156 );
+	background:		rgb( 252, 252, 254 );
+	z-index:		2;
+	position:		relative;
+	top:			-2px;
+
+	font:				11px Tahoma;
+	color:				Black;
+
+	filter:			progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fffcfcfe, EndColorStr=#fff4f3ee, GradientType=0)
+					progid:DXImageTransform.Microsoft.Shadow(Color=#ff919899, Strength=2, Direction=135);
+
+	/*244, 243, 238*/
+	/* 145, 155, 156*/
+
+	padding:		10px;
+}
+
+.dynamic-tab-pane-control .tab-row {
+	z-index:		1;
+	white-space:	nowrap;
+}
+\ No newline at end of file
diff --git a/html/style/luna/tab.hover.png b/html/style/luna/tab.hover.png
new file mode 100644
index 0000000..53de327
--- /dev/null
+++ b/html/style/luna/tab.hover.png
diff --git a/html/style/luna/tab.png b/html/style/luna/tab.png
new file mode 100644
index 0000000..0f1fb78
--- /dev/null
+++ b/html/style/luna/tab.png
diff --git a/html/style/style.css b/html/style/style.css
new file mode 100644
index 0000000..b01eaa0
--- /dev/null
+++ b/html/style/style.css
@@ -0,0 +1,225 @@
+body{
+ font-family:Verdana, Arial, sans-serif;
+ font-size:80%;
+ border: #005199 1px dashed ;
+ color:#000064;
+ margin:10px;
+ padding:10px;
+}
+
+/* �berschriften */
+h1 { font-size:1.3em;margin-top:0px;}
+h2 { font-size:1.1em;}
+h3 { font-size:1em; margin-top:0px; margin-bottom:0px;}
+h4 { font-size:1em;}
+h2,h4 { margin-top:0px;margin-bottom:0px; }
+h1,h2,h3,h4 { color:#e88229;}
+
+/* Keine Rahmen um Grafiken als Link */
+a img {border-width:0px;}
+
+/* Standard Hyperlinks */
+a:link, a:visited, a:hover, a:active{
+ text-decoration:none;
+ color:#005199;
+ background-color:inherit;
+}
+a:visited { color:#0075e3; }
+a:hover, a:active {
+ color:#770;
+ text-decoration:underline;
+}
+
+/* Tabelle auf den Referenzseiten */
+table {
+    font-size:1em;
+    border:1px solid #000000;
+    }
+td,th {
+    vertical-align:top;
+    border: #eeeeee 1px solid;
+}
+th, .th{
+  background-color:#efefef;
+  border: #eeeeee 1px solid;
+  padding:3px;
+  text-align:left;
+}
+
+.tableheader{
+  padding:3px;
+  text-align:left;
+}
+
+/* funktioniert leider nur im neuesten Firefox fehlerfrei ;(
+input:focus, textarea:focus, select:focus {
+  border: #FF0000 1px solid;
+  background-color:#ffff99;
+}
+*/
+
+input[type~=text],input[type~=password]  {
+    width : 200px;
+}
+
+select  {
+    width : 205px;
+}
+
+
+/* VTX */
+p.vtx{
+ font-size:16px;
+ font-family:monospace;
+ white-space:nowrap;
+}
+
+img.vtx{
+ position:absolute;
+ z-index: 1;
+ width:  10px;
+ height: 19px;
+}
+
+/* VTX Hyperlinks */
+a.vtx:link, a.vtx:visited, a.vtx:hover, a.vtx:active{
+ text-decoration:none;
+ color:#00FF00;
+}
+
+.footer {
+ font-size:0.6em;
+}
+
+.timer_On {
+ color:green;
+}
+
+.timer_Off{
+ color:red;
+}
+
+.menu{
+  background-color:#efefef;
+  padding:10px;
+  text-align:left;
+}
+
+.normal{
+    color:#000064;
+    font-weight:normal;
+}
+
+.refresh{
+    color:#0000FF;
+    font-weight:normal;
+}
+
+.deactive{
+    color:#aaaaaa;
+}
+
+.active{
+    color:#00aa00;
+    font-weight:bold;
+}
+
+.problem{
+    color:#ff0000;
+}
+
+.noproblem{
+    color:#00AA00;
+}
+
+.problemred{
+    color:#ff0000;
+    font-weight:bold;
+}
+
+.fastproblem{
+    color:#990000;
+    font-weight:bold;
+}
+
+.fastproblemgreen{
+    font-weight:bold;
+}
+
+.error{
+    color:#ff0000;
+    font-weight:bold;
+}
+
+.good{
+    color:#009900;
+    font-weight:normal;
+}
+
+.schema_normal{
+    font-size:0.9em;
+    border:1px solid #666666;
+    border-right:0px;
+}
+
+.schema_record_plan{
+    font-size:0.9em;
+    font-weight:bold;
+    border:1px solid;
+    border-right:0px;
+}
+
+.schema_record_now{
+    font-size:0.9em;
+    font-weight:bold;
+    border:1px solid #006600;
+    border-right:0px;
+    background-color: #DDFFDD;
+}
+
+.schema_record_conflict{
+    font-size:0.9em;
+    font-weight:bold;
+    border:1px solid #006600;
+    border-right:0px;
+    background-color: #DDFFDD;
+}
+
+.light{
+    background-color: #F5F5F5;
+}
+
+.dark{
+    background-color: #EEEEEE;
+}
+
+
+#TOOLTIP {
+  position:absolute; 
+  width: 400px; 
+  top: 0px; 
+  left: 0px; 
+  z-index:5; 
+  visibility:hidden;
+}
+
+#ttwindow {
+	width: 400px;
+  font-size: 12px;
+  border:1px solid #666666;
+}
+
+#ttwindow p.topic {
+	text-align: left;
+	font-weight: bold;
+	padding: 3px;
+	color:              #000064;
+	background-color:   #DDDDDD;
+  margin: 0px;
+}
+
+#ttwindow p.description {
+	padding: 5px;
+  margin: 0px;
+	background-color:   #ffffff;
+}
diff --git a/html/style/xtree.css b/html/style/xtree.css
new file mode 100644
index 0000000..9764366
--- /dev/null
+++ b/html/style/xtree.css
@@ -0,0 +1,46 @@
+.webfx-tree-container {
+	margin: 0px;
+	padding: 0px;
+	font: icon;
+	white-space: nowrap;
+}
+
+.webfx-tree-item {
+	padding: 0px;
+	margin: 0px;
+	font: icon;
+	color: WindowText;
+	white-space: nowrap;
+	height: 16px;
+}
+
+.webfx-tree-item a, .webfx-tree-item a:active, .webfx-tree-item a:hover {
+	margin-left: 3px;
+	padding: 0px 2px 1px 2px;
+}
+
+.webfx-tree-item a {
+	color: black;
+	text-decoration: none;
+}
+
+.webfx-tree-item a:hover {
+	color: blue;
+	text-decoration: underline;
+}
+
+.webfx-tree-item a:active {
+	background: highlight;
+	color: highlighttext;
+	text-decoration: none;
+}
+
+.webfx-tree-item img {
+	vertical-align: middle;
+	border: 0px;
+}
+
+.webfx-tree-icon {
+	width: 16px;
+	height: 16px;
+}
+\ No newline at end of file
diff --git a/html/tlist.tmpl b/html/tlist.tmpl
new file mode 100644
index 0000000..ab5c825
--- /dev/null
+++ b/html/tlist.tmpl
@@ -0,0 +1,143 @@
+<!-- tlist -->
+<?% USE date %?>
+<?% enableform = allow('tdelete') || allow('ttoggle');
+	rest = param.capacity;
+%?>
+
+<?% IF data.size <= 1 %?>
+<h1><?% gettext("Planned recordings") %?></h1>
+<?% ELSE %?>
+<h1><?% gettext("Planned recordings") %?> - <?% date.format(data.1.9, "%A, %x", locale) %?></h1>
+<?% END %?>
+
+<?% IF allow('tnew') %?>
+<a href="?cmd=tnew">[<?% gettext("Create a new timer") %?>]</a>
+<?% END %?>
+<?% IF allow('tupdate') %?>
+<a href="javascript:tostatus('?cmd=tupdate')">[<?% gettext("Update timers") %?>]</a>
+<?% END %?>
+<form name='Timer'>
+<?% INCLUDE 'widgets/referer.tmpl' %?>
+
+<?% IF allow('ttoggle') %?>
+<a href="#" onClick="Toggle('<?% gettext("You have nothing selected!") %?>',document.TimerList)">
+    [<?% gettext("Toggle timer") %?>]
+</a>
+<?% END %?>
+<?% IF allow('tdelete') %?>
+<a href="#" onClick="Delete('<?% gettext("You would delete follow timers?") %?>',
+'<?% gettext("You have nothing selected!") %?>','tdelete',document.TimerList)">
+    [<?% gettext("Delete timer") %?>]
+</a>
+&nbsp;
+<?% END %?>
+	    <?% gettext("Search for timers") %?>:
+        <input type="hidden" name="cmd" value='tsearch' >
+        <input type="text" name="data" size='18' <?% IF cgi.param('cmd')=='ts' || cgi.param('cmd')=='tsearch' %?>value='<?% cgi.param('data')%?>'<?% END %?>>
+</form>
+<?% IF enableform %?>
+<form name='TimerList'>
+    <?% INCLUDE 'widgets/referer.tmpl' %?>
+<?% END %?>
+<table border="0" width="95%">
+        <tr>
+        <?% fields = data.shift %?>
+        <?% FOREACH field = fields %?>
+            <?% NEXT IF field.match('^__') %?>
+            <th><?% field %?></th>
+        <?% END %?>
+<?% IF enableform %?>
+            <th><?% gettext("Select") %?></th>
+<?% END %?>
+        </tr>
+        <?% FOREACH zeile = data %?>
+            <?% aktiv = ( zeile.1 mod 2 );
+                vps = zeile.1 mod 8 div 4;
+                day = date.format(zeile.9, "%A, %x", locale);
+                IF aktiv; rest = rest - zeile.last; END;
+            %?>
+            <?% IF oldDay != day %?>
+            <tr><td colspan='<?% zeile.size + 1 %?>' bgcolor='#DDDDDD'><b><?% day %?></b></td><tr>
+            <?% END %?>
+            <?% myclass = "normal" %?>
+            <?% UNLESS aktiv %?>
+                <?% myclass = "deactive" %?>
+            <?% ELSIF zeile.10 %?>
+                <?% myclass = 'problem' %?>
+            <?% ELSIF param.runningTimer.exists(zeile.0) %?>
+                <?% myclass = "active" %?>
+            <?% END %?>
+            <tr class="<?% myclass %?>" <?% IF (loop.count mod 2) == 0 %?>bgcolor='#F5F5F5'<?% END %?>>
+                <?% c = -1 %?>
+                <?% FOREACH field = zeile %?>
+                    <?% c = c + 1 %?>
+                    <?% NEXT IF fields.$c.match('^__') %?>
+                    <?% IF c == 0; # Id Field %?>
+                    <td nowrap><nobr>
+                        <a href="?cmd=search&amp;data=<?% url( zeile.7.split('~').last ) %?>" title="<?% gettext("Search for repeats") %?>"><div class="<?% myclass %?>">[R]</div></a>
+    <?% IF allow('tedit') %?>
+                        <a href="?cmd=tedit&amp;data=<?% zeile.0 %?>" title="<?% gettext("Edit this timer") %?>"><div class="<?% myclass %?>">[E]</div></a>
+    <?% END %?>
+    <?% IF allow('tdelete') %?>
+                        <a href="javascript:sure(document.TimerList, '<?% gettext("You will delete this timer") %?> : <?% escape(zeile.7.split('~').first)  %?>','?cmd=tdelete&amp;data=<?% zeile.0 %?>')" title="<?% gettext("Delete this timer") %?>"><div class="<?% myclass %?>">[D]</div></a>
+    <?% END %?>
+                    </td>
+                    <?% ELSIF c == 1; # Id Status %?>
+                    <td>
+                        <?% aus = gettext('Off') %?>
+                        <?% an = gettext('On') %?>
+    <?% IF allow('ttoggle') %?>
+            			<a name='<?% zeile.0 %?>' href="javascript:tostatus('?cmd=ttoggle&amp;data=<?% zeile.0 %?>', <?% zeile.0 %?>)" title="<?% gettext("Toggle timer") %?>&nbsp;<?% aktiv ? aus : an %?>"><div class="<?% myclass %?>">[<?% aktiv ? an : aus %?>]</div></a>
+            			<?% vps ? '(VPS)' : '' %?>
+                        <?% IF zeile.12 && allow('aedit') %?>
+            			<a href="?cmd=aedit&amp;data=<?% zeile.12 %?>" title="<?% gettext("Edit autotimer") %?>"><div class="<?% myclass %?>">(AT)</div></a><br>
+                        <?% END %?>
+                        <?% IF rest <= 0 %?><a href="javascript:alert('<?% gettext("Not enough space to record this timer!") %?>')">(!)</a><br/><?% END %?>
+    <?% ELSE %?>
+            			[<?% aktiv ? aus : an %?>]<?% vps ? '&nbsp;(VPS)' : '' %?>
+    <?% END %?>
+
+                        <?% level = getModule('SHARE').getEventLevel(zeile.11) %?>
+                        <?% IF level %?><?% "*" FILTER repeat(level) %?><?% END %?>
+    		</td>
+                    <?% ELSIF c == 2; # Channel Field %?>
+                    <td nowrap>
+                        <a href="?cmd=program&amp;data=<?% field %?>" title="<?% gettext("Jump to program guide:") %?> <?% zeile.2 %?>"><div class="<?% myclass %?>"><?% zeile.2 %?></div></a>
+                    </td>
+                    <?% ELSIF c == 7; # Title %?>
+                    <td>
+                        <?% IF zeile.11 %?><?% INCLUDE bloecke/tooltip.tmpl cmd="display" title=field desc=zeile.14 eventid=zeile.11 linkid=zeile.11 ttp_offset=0 %?><?% END %?>
+                        <?% FOREACH f = field.split('~') %?>
+                            <div class="<?% myclass %?>"><?% f %?></div>
+                        <?% END %?>
+                        <?% IF zeile.11 %?></a><?% END %?>
+                    </td>
+                    <?% ELSIF c == 8; # Prio %?>
+                    <td>
+                        <?% IF myclass == 'fastproblem' %?>
+                        <div class="fastproblemgreen"><?% field %?></div>
+                        <?% ELSIF myclass == 'problem' %?>
+                        <div class="problemred"><?% field %?></div>
+                        <?% ELSE %?>
+                        <?% field %?>
+                        <?% END %?>
+                    </td>
+                    <?% ELSE %?>
+                    <td><?% field %?></td>
+                    <?% END %?>
+                <?% END %?>
+    <?% IF enableform %?>
+                    <td>
+                        <input type="checkbox" value="<?% zeile.0 %?>" name="<?% zeile.7 | replace('~',' ') %?>" />
+                    </td>
+    <?% END %?>
+            </tr>
+            <?% oldDay = day %?>
+        <?% END %?>
+</table>
+<?% IF enableform %?>
+</form>
+<a href="#" onClick="selAll(document.TimerList, 1)">[<?% gettext("Select all") %?>]</a>
+<a href="#" onClick="selAll(document.TimerList, 0)">[<?% gettext("Unselect all") %?>]</a>
+<a href="#" onClick="reverse(document.TimerList)">[<?% gettext("Reverse select") %?>]</a>
+<?% END %?>
diff --git a/html/topten.tmpl b/html/topten.tmpl
new file mode 100644
index 0000000..3d57a71
--- /dev/null
+++ b/html/topten.tmpl
@@ -0,0 +1,86 @@
+<script language="javascript" type="text/javascript">
+<!--
+
+    <?% INCLUDE javascript/records.js %?>
+
+-->
+</SCRIPT>
+
+<!-- TableTemplate -->
+<?% USE date %?>
+<h1><?% gettext("TopTen Entrys") %?></h1>
+<h6><?% gettext("This Screen list the most programmed EPG Events from all XXV Users. Of course, we list only Events these are exists in your EPG Table!") %?></h6>
+<p/>
+<table>
+<tr>
+
+<!--
+<div id="navcontainer">
+<ul id="navlist">
+    <li><a href="#" onclick="suche('<?% gettext('Search string:') %?>', '?cmd=search&__channel=<?% channelpos %?>&data=', '<?% cgi.param('search') %?>')">
+        <?% gettext("Search on Channel") %?></a></li>
+    <li><a href='?cmd=switch&amp;data=<?% channelpos %?>'><?% gettext('Switch') %?></a></li>
+    <li><a href='?cmd=livestream&amp;data=<?% channelpos %?>' type='audio/x-mpegurl'><?% gettext('Livestream') %?></a></li>
+</ul>
+</div>
+-->
+
+<table border="0" width="95%">
+<?% IF data.size %?>
+    <?% fields = data.shift %?>
+        <tr>
+        <?% FOREACH field = [gettext('Service'),gettext('Title'),gettext('Channel'),gettext('Start'),gettext('Rank')] %?>
+            <th><?% field %?></th>
+        <?% END %?>
+        </tr>
+        <?% FOREACH zeile = data %?>
+            <?% c = 0 %?>
+        <tr class="<?% myclass %?>"<?% IF (loop.count mod 2) == 0 %?> bgcolor='#F5F5F5'<?% END %?>>
+            <?% FOREACH field = [zeile.0,zeile.1,zeile.4,zeile.5,zeile.8] %?>
+                <?% c = c + 1 %?>
+                <?% IF c == 1; # Id Field %?>
+                <td>
+                <?% INCLUDE 'bloecke/event_links.tmpl' data=zeile umbruch='<br/>' %?>
+                </td>
+                <?% ELSIF c == 2; # Text Field %?>
+                <td>
+                    <?% INCLUDE bloecke/tooltip.tmpl cmd="display" title=field subtitle=zeile.2 desc=zeile.3 eventid=zeile.0 linkid=zeile.0 ttp_offset=0 %?>
+                    <?% IF param.timers.${zeile.0} && param.timers.${zeile.0}.Status %?>
+                    <b><?% field %?></b>
+                    <?% ELSE %?>
+                    <?% field %?>
+                    <?% END %?>
+                    <?% IF zeile.2.length > 0  %?>
+                    <br><small><?% zeile.2 %?></small>
+                    <?% END %?>
+                    <?% IF zeile.3.length > 0 %?>
+                    <br><small><em><?% chop(zeile.3,30) | replace('<br />',' ') %?></em></small>
+                    <?% END %?>
+                    </a>
+                </td>
+                <?% ELSIF c == 3; # Channel Field %?>
+								<?% cf = reentities(field) %?>
+                <td>
+    						<a href='?cmd=program&data=<?% param.channels.$cf.POS %?>'><?% param.channels.$cf.Name %?></a>
+                </td>
+                <?% ELSIF c == 4; # Time Field %?>
+                <td>
+                  <?% date.format(field,"%x %X",locale) %?>
+                </td>
+                <?% ELSIF c == 5; # Rank Field %?>
+                <td>
+                <?% field | format('%d') %?>
+                </td>
+                <?% ELSE %?>
+                    <?% IF param.timers.${zeile.0} && param.timers.${zeile.0}.Status %?>
+                            <td><b><?% field %?></b></td>
+                    <?% ELSE %?>
+                            <td><?% field %?></td>
+                    <?% END %?>
+                <?% END %?>
+            <?% END %?>
+        </tr>
+        <?% oldday = day %?>
+        <?% END %?>
+<?% END %?>
+</table>
diff --git a/html/tsearch.tmpl b/html/tsearch.tmpl
new file mode 120000
index 0000000..d1d3655
--- /dev/null
+++ b/html/tsearch.tmpl
@@ -0,0 +1 @@
+tlist.tmpl
+\ No newline at end of file
diff --git a/html/ulist.tmpl b/html/ulist.tmpl
new file mode 100644
index 0000000..3081d7b
--- /dev/null
+++ b/html/ulist.tmpl
@@ -0,0 +1,41 @@
+<!-- TableTemplate -->
+<h1><?% gettext("Administration of User") %?></h1>
+
+<a href="?cmd=unew">[<?% gettext("Create a new account for user") %?>]</a>
+<p>
+
+<table border="0" width="95%">
+<form name='UserList'>
+<?% INCLUDE 'widgets/referer.tmpl' %?>
+<?% IF data.size %?>
+    <?% fields = data.shift %?>
+        <tr>
+        <?% FOREACH field = fields %?>
+            <th><?% field %?></th>
+        <?% END %?>
+        </tr>
+        <?% x = -1 %?>
+        <?% FOREACH zeile = data %?>
+        <?% x = x + 1 %?>
+        <tr class="<?% myclass %?>" <?% IF (x mod 2) != 0 %?>bgcolor='#F5F5F5'<?% END %?>>
+            <?% c = 0 %?>
+            <?% FOREACH field = zeile %?>
+                <?% c = c + 1 %?>
+                <?% IF c == 1; # Id Field %?>
+                <td>
+                    <a title="<?% gettext("Edit account of user") %?>" href="?cmd=uedit&amp;data=<?% zeile.0 %?>">
+                    [<?% gettext("Edit") %?>]</a>&nbsp;
+                    <a title="<?% gettext("Delete account of user") %?>"
+                       href="javascript:sure(document.UserList, '<?% gettext("You will delete this account of user") %?>: <?% escape(zeile.1) %?>','?cmd=udelete&amp;data=<?% zeile.0 %?>')">
+                    [<?% gettext("Del") %?>]
+                    </a>
+                </td>
+                <?% ELSE %?>
+                <td><?% field %?></td>
+                <?% END %?>
+            <?% END %?>
+        </tr>
+        <?% END %?>
+<?% END %?>
+</form>
+</table>
diff --git a/html/vitals.tmpl b/html/vitals.tmpl
new file mode 100644
index 0000000..7704065
--- /dev/null
+++ b/html/vitals.tmpl
@@ -0,0 +1,86 @@
+<?%
+    USE date;
+    statusfiles = {};
+
+    FILTER null;
+        name = 'vitals';
+        loaddata = [];
+        utildata = [];
+        userdata = [];
+        timestamps = [];
+        FOREACH item = param.stack;
+            t = date.format(item.timestamp, '%H:%M:%S');
+            timestamps.push(t);
+            l = item.load.first * 10;
+            loaddata.push(l);
+            utildata.push(item.util);
+            userdata.push(item.users);
+        END;
+
+        # Maximum wert
+        max = loaddata.nsort.last;
+        IF utildata.nsort.last > max;
+            max = utildata.nsort.last;
+        END;
+        IF userdata.nsort.last > max;
+            max = userdata.nsort.last;
+        END;
+        max = max + (max div 10) + 0.9 | format('%d');
+
+        # Data ...
+        d = [
+             timestamps ,
+             loaddata ,
+             userdata ,
+             utildata ,
+        ];
+
+        USE my_graph = GD.Graph.lines(500,300);
+
+        # Xsteps
+        steps = param.stack.size / 5 | format('%d');
+        my_graph.set(
+                x_label_skip => steps,
+                x_long_ticks => 1,
+
+                y_label => gettext('Average load'),
+                y_long_ticks => 1,
+                y_max_value => max,
+
+                line_width   => 2,
+                box_axis     => 1,
+                boxclr       => '#FFFFCC',
+                fgclr        => '#BBBBBB'
+                legend_placement => 'RD',
+                legend_spacing => 5,
+        );
+        my_graph.set_title_font(param.font,10);
+        my_graph.set_y_label_font(param.font,10);
+        my_graph.set_x_label_font(param.font,10);
+        my_graph.set_x_axis_font(param.font,6);
+        my_graph.set_y_axis_font(param.font,6);
+        my_graph.set_legend( 'Load (x10)', 'User', 'Util');
+        statusfiles.load = writefile("status_${name}.gif", my_graph.plot(d).gif );
+        END;
+ %?>
+<!-- Vitals Template -->
+<?% IF param.headingText %?>
+<table width=100%><tr><td class='tableheader'><h3><?% param.headingText %?></h3>
+<?% END %?>
+<table border="0" width="95%">
+<?% FOREACH name = data.keys.sort %?>
+<tr>
+    <td><?% name %?></td>
+    <td><?% data.$name %?></td>
+</tr>
+<?% END %?>
+<tr>
+    <td colspan=2 align=center>
+        <img src="<?% statusfiles.load %?>">
+    </td>
+</tr>
+</table>
+<?% IF param.headingText %?>
+</td></tr></table>
+<p>
+<?% END %?>
diff --git a/html/widgets/checkbox.tmpl b/html/widgets/checkbox.tmpl
new file mode 100644
index 0000000..631db79
--- /dev/null
+++ b/html/widgets/checkbox.tmpl
@@ -0,0 +1,17 @@
+<!-- string -->
+<tr>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <?% data.msg %?>
+    </td>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <?% val = cgi.param(data.NAME) || data.def %?>
+        <table style="border:0px solid #000000;"><tr>
+        <?% c = 0 %?>
+        <?% FOREACH wert = data.choices %?>
+            <?% "</tr><tr>" IF (c mod 3) == 0 %?>
+            <td><input type="checkbox" name="<?% data.NAME %?>" value="<?% wert %?>" <?% "checked" IF val.grep("^${wert}").size %?> <?% FOREACH p = param.tags; "$p ";END %?>><?% wert %?></td>
+            <?% c = c + 1 %?>
+        <?% END %?>
+        </tr></table>
+    </td>
+</tr>
diff --git a/html/widgets/confirm.tmpl b/html/widgets/confirm.tmpl
new file mode 100644
index 0000000..5bb046b
--- /dev/null
+++ b/html/widgets/confirm.tmpl
@@ -0,0 +1,12 @@
+<!-- confirm -->
+<tr>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <?% data.msg %?>
+    </td>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <nobr>
+        <?% val = cgi.param(data.NAME) || data.def %?>
+        <input type="radio" name="<?% data.NAME %?>" value="y" <?% "checked" IF val == 'y' %?>><?% gettext("yes") %?>&nbsp;
+        <input type="radio" name="<?% data.NAME %?>" value="n" <?% "checked" IF val == 'n' %?>><?% gettext("no") %?>
+    </td>
+</tr>
diff --git a/html/widgets/date.tmpl b/html/widgets/date.tmpl
new file mode 100644
index 0000000..565d3f2
--- /dev/null
+++ b/html/widgets/date.tmpl
@@ -0,0 +1,32 @@
+<script type="text/javascript">
+
+var weekstring = '<?% gettext('MTWTFSS') %?>';
+var weekdays = weekstring.split('');
+
+function ch_input (checkbox, input) {
+    var txt = '';
+    for(var i=0;i<checkbox.length;++i) {
+        if(checkbox[i].checked) {
+          txt = txt + weekdays[i];
+        } else {
+          txt = txt + '-';
+        }
+    }
+    input.value = txt;
+}
+</script>
+<!-- date -->
+<tr>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <?% data.msg %?>
+    </td>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <?% val = cgi.param(data.NAME) || data.def %?>
+        <input type="text" name="<?% data.NAME %?>" value="<?% val %?>" <?% FOREACH p = param.tags; "$p ";END %?>><br/>
+        <?% valarr = val.split(''); z = 0 %?>
+        <?% FOREACH dd = gettext('Mon Tue Wed Thu Fri Sat Sun').split(' ') %?>
+        <input type="checkbox" name="Weekday" <?% "checked" IF ! val.search('^\d+') && valarr.$z != '-' %?> onchange='ch_input(this.form.Weekday, this.form.<?% data.NAME %?>)'><?% dd %?>
+        <?% z = z + 1;
+        END %?>
+    </td>
+</tr>
diff --git a/html/widgets/dir.tmpl b/html/widgets/dir.tmpl
new file mode 100644
index 0000000..fa41e1b
--- /dev/null
+++ b/html/widgets/dir.tmpl
@@ -0,0 +1,20 @@
+<!-- dir -->
+<tr>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <?% data.msg %?>
+    </td>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <?% val = cgi.param(data.NAME) || data.def %?>
+        <input type="text" name="<?% data.NAME %?>" value="<?% val %?>" <?% FOREACH p = param.tags; "$p ";END %?>
+            onBlur="check<?% data.NAME %?>Dir()"><br>
+        <span id='id<?% param.count %?>'></span>
+    </td>
+</tr>
+<script>
+function check<?% data.NAME %?>Dir () {
+    checkValue(document.forms[0].<?% data.NAME %?>, 'id<?% param.count %?>', "isdir", 
+	'<?% gettext("Directory does not exist!") %?>', 
+	'<?% gettext("Directory exists!") %?>');
+}
+window.setTimeout("check<?% data.NAME %?>Dir()", 500);
+</script>
diff --git a/html/widgets/err.tmpl b/html/widgets/err.tmpl
new file mode 100644
index 0000000..69f24a3
--- /dev/null
+++ b/html/widgets/err.tmpl
@@ -0,0 +1,2 @@
+<!-- MessageTemplate -->
+<br><h3><font color="red"><?% data.join('<br>') %?></font></h3><br>
diff --git a/html/widgets/file.tmpl b/html/widgets/file.tmpl
new file mode 100644
index 0000000..2c41fe4
--- /dev/null
+++ b/html/widgets/file.tmpl
@@ -0,0 +1,20 @@
+<!-- file -->
+<tr>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <?% data.msg %?>
+    </td>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <?% val = cgi.param(data.NAME) || data.def %?>
+            <input type="text" name="<?% data.NAME %?>" value="<?% val %?>" <?% FOREACH p = param.tags; "$p ";END %?>
+                onBlur="check<?% data.NAME %?>File()"><br>
+            <span id='id<?% param.count %?>'></span>
+    </td>
+</tr>
+<script>
+function check<?% data.NAME %?>File () {
+    checkValue(document.forms[0].<?% data.NAME %?>, 'id<?% param.count %?>', "isfile",
+	'<?% gettext("File does not exist!") %?>', 
+	'<?% gettext("File exists!") %?>');
+}
+window.setTimeout("check<?% data.NAME %?>File()", 500);
+</script>
diff --git a/html/widgets/footer.tmpl b/html/widgets/footer.tmpl
new file mode 100644
index 0000000..ff0a5b6
--- /dev/null
+++ b/html/widgets/footer.tmpl
@@ -0,0 +1,60 @@
+<?% IF debug %?>
+    <?% data = bench %?>
+
+<div class="tab-pane" id="tabPane1">
+
+	<div class="tab-page" id="tabPage1">
+		<h2 class="tab">Last Logs</h2>
+
+		<table>
+        <?% FOREACH logline = llog(5) %?>
+        <tr><td>
+            <div style='font-size:10px'><?% logline %?><br></div>
+        </td></tr>
+        <?% END %?>
+		</table>
+
+	</div>
+
+	<div class="tab-page" id="tabPage2">
+		<h2 class="tab">Benchmark</h2>
+            <table width=100%>
+                <?% FOREACH n = data.keys.sort %?>
+                    <?% NEXT IF data.$n > 1000 %?>
+                    <?% ges = data.$n + ges %?>
+                <tr>
+                    <td><div style='font-size:10px'><?% n %?></div></td>
+                    <td><div style='font-size:10px'><?% data.$n %?></div></td>
+                </tr>
+                <?% END %?>
+                <tr>
+                    <td><b><div style='font-size:10px'>Summary:</div></b></td>
+                    <td><b><div style='font-size:10px'><?% ges %?></div></b></td>
+                </tr>
+            </table>
+	</div>
+
+	<div class="tab-page" id="tabPage3">
+		<h2 class="tab">Variables</h2>
+
+		<table><tr><td>
+        <pre><?% PERL %?>
+use Data::Dumper;
+print Dumper($stash->_dump_frame(5));
+        <?% END %?></pre>
+		</td></tr></table>
+
+	</div>
+
+</div>
+<?% END %?>
+
+<!-- ###### Tooltips ###### -->
+<div id="TOOLTIP"></div>
+
+<center class='footer'>
+User: <?% user %?><br>
+XXV System -- Version: <?% version %?> -- created by xpix, hulk and poetter 2004 - 2007
+</center>
+    </body>
+</HTML>
diff --git a/html/widgets/formEnd.tmpl b/html/widgets/formEnd.tmpl
new file mode 100644
index 0000000..125126f
--- /dev/null
+++ b/html/widgets/formEnd.tmpl
@@ -0,0 +1,11 @@
+<!-- FormEnd -->
+<tr><td colspan=2>&nbsp;</td></tr>
+<tr>
+    <td>
+        <input type='submit' value='<?% gettext("Apply") %?>'>&nbsp;
+        <input type='reset' value='<?% gettext("Reset") %?>'>&nbsp;
+    </td>
+    <td>&nbsp;</td>
+<tr>
+</form>
+</table>
diff --git a/html/widgets/formStart.tmpl b/html/widgets/formStart.tmpl
new file mode 100644
index 0000000..8e5bb25
--- /dev/null
+++ b/html/widgets/formStart.tmpl
@@ -0,0 +1,10 @@
+<!-- FormStart -->
+<?% IF data %?>
+<h1><?% data %?></h1>
+<?% END %?>
+<table border='0' width='95%' style="margin-top:15px">
+<form method="post" action="?cmd=<?% cgi.param('cmd') %?>">
+    <input type='hidden' name='data' value='<?% cgi.param('data') %?>'>
+    <input type='hidden' name='__action' value='save'>
+
+    <?% INCLUDE 'widgets/referer.tmpl' %?>
diff --git a/html/widgets/hidden.tmpl b/html/widgets/hidden.tmpl
new file mode 100644
index 0000000..e641c54
--- /dev/null
+++ b/html/widgets/hidden.tmpl
@@ -0,0 +1,2 @@
+<!-- hidden -->
+<input type="hidden" name="<?% data.NAME %?>" value="<?% cgi.param(data.NAME) || data.def %?>">
diff --git a/html/widgets/host.tmpl b/html/widgets/host.tmpl
new file mode 100644
index 0000000..cf90c8a
--- /dev/null
+++ b/html/widgets/host.tmpl
@@ -0,0 +1,23 @@
+<!-- host -->
+<tr>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <?% data.msg %?>
+    </td>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <?% val = cgi.param(data.NAME) || data.def %?>
+        <input
+            type="text"
+            name="<?% data.NAME %?>"
+            value="<?% val %?>"
+            <?% FOREACH p = param.tags; "$p ";END %?>
+            onBlur="check<?% data.NAME %?>Host()"
+        ><br/>
+        <span id='id<?% param.count %?>'></span>
+    </td>
+</tr>
+<script>
+function check<?% data.NAME %?>Host () {
+    checkValue(document.forms[0].<?% data.NAME %?>, 'id<?% param.count %?>', 'getip', '<?% gettext("Host does not exist!") %?>', 'IP: %s');
+}
+window.setTimeout("check<?% data.NAME %?>Host()", 500);
+</script>
diff --git a/html/widgets/integer.tmpl b/html/widgets/integer.tmpl
new file mode 100644
index 0000000..bbde2c3
--- /dev/null
+++ b/html/widgets/integer.tmpl
@@ -0,0 +1,9 @@
+<!-- integer -->
+<tr>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <?% data.msg %?>
+    </td>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <input type="text" name="<?% data.NAME %?>" value="<?% cgi.param(data.NAME) || data.def %?>" <?% FOREACH p = param.tags; "$p ";END %?>>
+    </td>
+</tr>
diff --git a/html/widgets/link.tmpl b/html/widgets/link.tmpl
new file mode 100644
index 0000000..5ac989f
--- /dev/null
+++ b/html/widgets/link.tmpl
@@ -0,0 +1,2 @@
+<!-- Link -->
+<a href="<?% reentities(data.url) %?>">[<?% data.text %?>]</a>
diff --git a/html/widgets/list.tmpl b/html/widgets/list.tmpl
new file mode 100644
index 0000000..452636b
--- /dev/null
+++ b/html/widgets/list.tmpl
@@ -0,0 +1,38 @@
+<!-- list -->
+<tr>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <?% data.msg %?>
+    </td>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <?% val = cgi.param(data.NAME) || data.def %?>
+        <?% UNLESS val.max %?>
+            <?% values = val.join(',').split(',') %?>
+        <?% ELSE %?>
+            <?% values = val %?>
+        <?% END %?>
+        <?% IF data.options == 'multi' %?>
+            <select name="<?% data.NAME %?>" multiple size="10" <?% FOREACH p = param.tags; "$p ";END %?>>
+        <?% ELSE %?>
+            <select name="<?% data.NAME %?>" <?% FOREACH p = param.tags; "$p ";END %?>>
+        <?% END %?>
+            <?% FOREACH l = data.choices %?>
+                <?% sel = '' %?>
+                <?% dis = '' %?>
+                <?% FOREACH valch = values %?>
+					<?% IF (valch == l.1 || valch == l.0) %?>
+                    <?% sel = ' selected="selected"';values.shift;LAST %?>
+                    <?% END %?>
+                <?% END %?>
+                <?% FOREACH valch = data.disabled %?>
+					<?% IF (valch == l.1 || valch == l.0) %?>
+                    <?% dis = ' disabled="disabled"';data.disabled.shift;LAST %?>
+                    <?% END %?>
+                <?% END %?>
+            <option value='<?% l.1 %?>'<?% sel %?><?% dis %?>><?% l.0 %?></option>
+            <?% END %?>
+            </select>
+    </td>
+</tr>
+
+<pre>
+</pre>
diff --git a/html/widgets/littlemenu.tmpl b/html/widgets/littlemenu.tmpl
new file mode 100644
index 0000000..8ae191f
--- /dev/null
+++ b/html/widgets/littlemenu.tmpl
@@ -0,0 +1,12 @@
+<!-- LittleMenuTemplate -->
+
+<?% IF data.title %?>
+<h1><?% data.title %?></h1>
+<?% END %?>
+
+<?% FOREACH l = data.links %?>
+<?% "<b>" IF data.highlight == l.key %?>
+<a href="<?% l.value.link %?>">[<?% l.value.text %?>]</a>&nbsp;
+<?% "</b>" IF data.highlight == l.key %?>
+<?% END %?>
+<p>
diff --git a/html/widgets/menu.tmpl b/html/widgets/menu.tmpl
new file mode 100644
index 0000000..41bfc5f
--- /dev/null
+++ b/html/widgets/menu.tmpl
@@ -0,0 +1,21 @@
+<!-- MenuTemplate -->
+<?% message = data.shift %?>
+<?% IF message %?>
+<h1><pre><?% gettext("ERROR")%?> : <?% message %?></pre></h1>
+<?% END %?>
+
+<ul>
+<?% FOREACH field = data %?>
+    <?% group = field.0; short = field.1; name = field.2; descr = field.3 %?>
+    <?% IF ! oldgroup.defined %?>
+<li><?% group %?><ul>
+    <?% ELSIF oldgroup != group && oldgroup.defined %?>
+</ul></li></ul>
+<ul><li><?% group %?><ul>
+    <?% END %?>
+<li><a href="?cmd=<?% name %?>" title="<?% descr %?>"><?% name %?></a></li>
+    <?% oldgroup = group %?>
+<?% END %?>
+</ul>
+</li>
+</ul>
diff --git a/html/widgets/message.tmpl b/html/widgets/message.tmpl
new file mode 100644
index 0000000..aa52e9b
--- /dev/null
+++ b/html/widgets/message.tmpl
@@ -0,0 +1,4 @@
+<!-- MessageTemplate -->
+<?% IF param.tags; param.tags.first; END %?>
+<?% data.join('<br>') %?><br>
+<?% IF param.tags; param.tags.last; END %?>
diff --git a/html/widgets/password.tmpl b/html/widgets/password.tmpl
new file mode 100644
index 0000000..2455ab1
--- /dev/null
+++ b/html/widgets/password.tmpl
@@ -0,0 +1,11 @@
+<!-- password -->
+<tr>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <?% data.msg %?>
+    </td>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <?% val = cgi.param(data.NAME) || data.def %?>
+        <input type="password" name="<?% data.NAME %?>" value="" <?% FOREACH p = param.tags; "$p ";END %?>><br/>
+        <input type="password" name="<?% data.NAME %?>" value="" <?% FOREACH p = param.tags; "$p ";END %?> title='<?% gettext("Entry again") %?>'>
+    </td>
+</tr>
diff --git a/html/widgets/player.tmpl b/html/widgets/player.tmpl
new file mode 100644
index 0000000..0a4db13
--- /dev/null
+++ b/html/widgets/player.tmpl
@@ -0,0 +1,20 @@
+<br>
+<!-- player -->
+       <OBJECT id='mediaPlayer' width="320" height="285"
+      classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95'
+      codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701'
+      standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>
+      <param name='fileName' value="<?% data %?>">
+      <param name='animationatStart' value='true'>
+      <param name='transparentatStart' value='true'>
+      <param name='autoStart' value="true">
+      <param name='showControls' value="true">
+      <param name='loop' value="true">
+      <EMBED type='application/x-mplayer2'
+        pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
+        id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='-1'
+        bgcolor='darkblue' showcontrols="true" showtracker='-1'
+        showdisplay='0' showstatusbar='-1' videoborder3d='-1' width="320" height="285"
+        src="<?% data %?>" autostart="true" designtimesp='5311' loop="true">
+      </EMBED>
+      </OBJECT>
diff --git a/html/widgets/radio.tmpl b/html/widgets/radio.tmpl
new file mode 100644
index 0000000..acd42f5
--- /dev/null
+++ b/html/widgets/radio.tmpl
@@ -0,0 +1,12 @@
+<!-- radio -->
+<tr>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <?% data.msg %?>
+    </td>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <?% val = cgi.param(data.NAME) || data.def %?>
+        <?% FOREACH wert = data.choices %?>
+            <input type="radio" name="<?% data.NAME %?>" value="<?% wert %?>" <?% "checked" IF val == wert %?><?% FOREACH p = param.tags; " $p";END %?>><?% wert %?><br>
+        <?% END %?>
+    </td>
+</tr>
diff --git a/html/widgets/redirect.tmpl b/html/widgets/redirect.tmpl
new file mode 100644
index 0000000..60f4e73
--- /dev/null
+++ b/html/widgets/redirect.tmpl
@@ -0,0 +1,4 @@
+<!-- Redirect -->
+<script type="text/javascript">
+    redirect('<?% reentities(data.url) %?>', '<?% data.wait ? data.wait : 1 %?>', '<?% data.parent %?>');
+</script>
diff --git a/html/widgets/referer.tmpl b/html/widgets/referer.tmpl
new file mode 100644
index 0000000..152158b
--- /dev/null
+++ b/html/widgets/referer.tmpl
@@ -0,0 +1,8 @@
+    <?% command = cgi.param('cmd') %?>
+    <?% IF info.Referer.match("cmd=help") %?>
+        <input type='hidden' name='referer' value='?cmd=<?% cgi.param('cmd') %?>&data=<?% cgi.param('data') %?>'>
+    <?% ELSIF info.Referer.match("cmd=${command}") %?>
+        <input type='hidden' name='referer' value='<?% cgi.param('referer') %?>'>
+    <?% ELSE %?>
+        <input type='hidden' name='referer' value='<?% info.Referer %?>'>
+    <?% END %?>
diff --git a/html/widgets/remote.tmpl b/html/widgets/remote.tmpl
new file mode 100644
index 0000000..633537c
--- /dev/null
+++ b/html/widgets/remote.tmpl
@@ -0,0 +1,134 @@
+<!-- remote -->
+<?% IF cgi.param('monitor').defined;monitor = cgi.param('monitor');ELSE;monitor = param.monitor;END %?>
+<img src="images/trans.gif" name="switchimage" width="2" height="1">
+<form name="remoteform" onsubmit="changeInterval(document.remoteform.grabinterval.value); return false">
+
+<script language="javascript" type="text/javascript">
+<!--
+
+var interval = 5
+var last = 0;
+
+function switch_channel(url) {
+    parent.Status.location.href = url;
+<?% IF monitor %?>
+    if(last + 1000 < Date.UTC()) {
+        grab();
+    }
+<?% END %?>
+}
+
+<?% IF monitor %?>
+function grab() {
+    if(document.remoteform.grabinterval.value > 0) {
+        Now = new Date();
+    	document.livepicture.src = '?cmd=gdisplay&binary=1&laber=' + Now.getTime();
+    }
+    last = Date.UTC();
+}
+
+function changeInterval(newinterval) {
+    window.clearInterval(aktiv);
+    if(newinterval > 0) {
+        inter = newinterval * 1000;
+        aktiv = window.setInterval("grab()", inter);
+    }
+}
+
+inter = interval * 1000;
+aktiv = window.setInterval("grab()", inter);
+<?% END %?>
+-->
+</script>
+
+<style type="text/css" media="screen">
+<!--
+#small  { font-weight: normal; width: 20px; height: 20px; font-size: 9px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif}
+-->
+</style>
+<?% USE date %?>
+<!-- remote -->
+<center>
+<table border=0 cellpadding=0 cellspacing=0>
+<tr>
+<?% IF monitor %?>
+  <td rowspan="12">
+    <img src="?cmd=gdisplay&binary=1&laber=<?% date.now %?>" width="<?% param.width %?>" height="<?% param.height %?>" name="livepicture">
+  </td>
+<?% END %?>
+  <td colspan="3"><nobr>
+  <input type="button" onclick="self.location.href='?cmd=r&monitor=<?% monitor ? 0 : 1 %?>'" name="monitor" value="<?% gettext("Monitor") %?>">
+  <input type="button" onclick="switch_channel('?cmd=remote&data=Power')" name="power" value="<?% gettext("Powerdown") %?>">
+  </td>
+</tr>
+<tr>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=1')" type="button" name="1" value="1"></td>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=2')" type="button" name="2" value="2"></td>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=3')" type="button" name="3" value="3"></td>
+</tr>
+<tr>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=4')" type="button" name="4" value="4"></td>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=5')" type="button" name="5" value="5"></td>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=6')" type="button" name="6" value="6"></td>
+</tr>
+<tr>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=7')" type="button" name="7" value="7"></td>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=8')" type="button" name="8" value="8"></td>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=9')" type="button" name="9" value="9"></td>
+</tr>
+<tr>
+  <td>&nbsp;</td>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=Null')" type="button" name="0" value="0"></td>
+  <td>&nbsp;</td>
+</tr>
+<tr>
+  <td colspan="3" align="center"><nobr>
+    <input id='small' onclick="switch_channel('?cmd=remote&data=Red')" type="button" name="red" value=" " style="background:red">
+    <input id='small' onclick="switch_channel('?cmd=remote&data=Green')" type="button" name="green" value=" " style="background:green">
+    <input id='small' onclick="switch_channel('?cmd=remote&data=Yellow')" type="button" name="yellow" value=" " style="background:yellow">
+    <input id='small' onclick="switch_channel('?cmd=remote&data=Blue')" type="button" name="blue" value=" " style="background:blue">
+  </td>
+</tr>
+<tr>
+  <td>&nbsp;</td>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=Up')" type="button" name="up" value="^"></td>
+  <td>&nbsp;</td>
+</tr>
+<tr>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=Left')" type="button" name="left" value="<"></td>
+  <td align='center'><input            onclick="switch_channel('?cmd=remote&data=Ok')" type="button" name="ok" value="<?% gettext("Ok") %?>"></td>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=Right')" type="button" name="right" value=">"></td>
+</tr>
+<tr>
+  <td>&nbsp;</td>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=Down')" type="button" name="down" value="v"></td>
+  <td>&nbsp;</td>
+</tr>
+<tr>
+  <td colspan="3"><nobr>
+  <input type="button" onclick="switch_channel('?cmd=remote&data=Menu')" name="menu" value="<?% gettext("Menu") %?>">
+  <input onclick="switch_channel('?cmd=remote&data=Back')" type="button" name="back" value="<?% gettext("Back") %?>">
+  </td>
+</tr>
+<tr>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=VolumeMinus')" type="button" name="leiser" value="-"></td>
+  <td align='center'>&nbsp;</td>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=VolumePlus')" type="button" name="lauter" value="+"></td>
+</tr>
+<?% IF monitor %?>
+<tr>
+    <td align='center' colspan="3">
+        <input style='width:20px' name="grabinterval" type="text" size="2">
+        <input type="button" onclick="changeInterval(document.remoteform.grabinterval.value)" value="<?% gettext("Set") %?>">
+    </td>
+</tr>
+<?% END %?>
+</form>
+</table>
+<?% IF monitor %?>
+<script language="javascript" type="text/javascript">
+<!--
+document.remoteform.grabinterval.value = interval;
+//-->
+</script>
+<?% END %?>
diff --git a/html/widgets/start.tmpl b/html/widgets/start.tmpl
new file mode 100644
index 0000000..909740c
--- /dev/null
+++ b/html/widgets/start.tmpl
@@ -0,0 +1,29 @@
+<!DOCTYPE html
+	PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+	 "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <title><?% IF param.title.defined;param.title;ELSE %?>XXV - <?% user %?><?% END %?></title>
+<?% IF allow('request') %?>
+    <link rel="alternate" type="application/rss+xml" title="RSS-News 1.0" href="http://<?% info.HOST %?>/?cmd=request&data=rss&__version=1">
+    <link rel="alternate" type="application/rss+xml" title="RSS-News 2.0" href="http://<?% info.HOST %?>/?cmd=request&data=rss&__version=2">
+<?% END %?>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <meta name="copyright" content="copyright 2006 Xpix">
+<!-- Styles -->
+    <link href="style/style.css" type="text/css" rel="stylesheet"   />
+
+<!-- Javascript -->
+    <script type="text/javascript" src="javascript/global.js"></script>
+    <script type="text/javascript" src="javascript/XHConn.js"></script>
+    <script type="text/javascript" src="javascript/tooltip.js"></script>
+</head>
+<body>
+<script language="javascript" type="text/javascript">
+    var proxy = '<?% proxy %?>';
+</SCRIPT>
+
+<?% INCLUDE 'skin.cfg' %?>
+<?%# INCLUDE 'help.tmpl' %?>
+
+<div class="content">
diff --git a/html/widgets/string.tmpl b/html/widgets/string.tmpl
new file mode 100644
index 0000000..d531c32
--- /dev/null
+++ b/html/widgets/string.tmpl
@@ -0,0 +1,21 @@
+<!-- string -->
+<tr>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <?% data.msg %?>
+    </td>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <?% val = cgi.param(data.NAME) || data.def %?>
+        <?% IF data.readonly %?>
+        <span<?% FOREACH p = param.tags; "$p ";END %?>>
+        <?% val %?>
+        </span>
+        <?% ELSE %?>
+            <?% IF (val && val.length > 30) || param.type == 'text' %?>
+            <textarea cols='50' rows='5' name="<?% data.NAME %?>" <?% FOREACH p = param.tags; "$p ";END %?>><?%  val | replace("<br />","
+") %?></textarea>
+            <?% ELSE %?>
+            <input type="text" name="<?% data.NAME %?>" value="<?% val %?>" <?% FOREACH p = param.tags; "$p ";END %?>>
+            <?% END %?>
+        <?% END %?>
+    </td>
+</tr>
diff --git a/html/widgets/table.tmpl b/html/widgets/table.tmpl
new file mode 100644
index 0000000..01d1303
--- /dev/null
+++ b/html/widgets/table.tmpl
@@ -0,0 +1,47 @@
+<p><p>
+<!-- TableTemplate -->
+<?% IF param.headingText %?>
+<table width=100%><tr><td class='tableheader'><h3><?% param.headingText %?></h3>
+<?% END %?>
+<table border="0" width="95%">
+<?% IF type == 'HASH' %?>
+    <?% IF ! param.hide_HeadRow %?>
+    <th width="1%">Name</th><th>Value</th>
+    <?% END %?>
+    <?% FOREACH name = data.keys.sort %?>
+    <?% NEXT IF name.match('^__') %?>
+    <tr>
+        <td width="50%"><?% name %?></td><td><?% data.$name %?></td>
+    </tr>
+    <?% END %?>
+<?% ELSE %?>
+    <?% fields = data.shift %?>
+        <tr>
+        <?% FOREACH field = fields %?>
+            <?% NEXT IF field.match('^__') %?>
+            <th>
+                <nobr><?% field %?>
+                <?% IF param.sortable %?>
+                <a href="?cmd=<?% cgi.param('cmd') %?>&__sortby=<?% field %?>&__desc=0"><img src="images/asc.png"></a>
+                <a href="?cmd=<?% cgi.param('cmd') %?>&__sortby=<?% field %?>&__desc=1"><img src="images/desc.png"></a>
+                <?% END %?>
+                </nobr>
+            </th>
+        <?% END %?>
+        </tr>
+        <?% FOREACH zeile = data %?>
+        <tr>
+            <?% c = -1 %?>
+            <?% FOREACH field = zeile %?>
+                <?% c = c + 1 %?>
+                <?% NEXT IF fields.$c.match('^__') %?>
+                <td><?% field %?></td>
+            <?% END %?>
+        </tr>
+        <?% END %?>
+<?% END %?>
+</table>
+<?% IF param.headingText %?>
+</td></tr></table>
+<p>
+<?% END %?>
diff --git a/html/widgets/url.tmpl b/html/widgets/url.tmpl
new file mode 100644
index 0000000..0b5b03b
--- /dev/null
+++ b/html/widgets/url.tmpl
@@ -0,0 +1,16 @@
+<!-- url -->
+<tr>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <?% data.msg %?>
+    </td>
+    <td class="<?% (param.count mod 2) == 0 ? 'light' : 'dark' %?>" >
+        <?% val = cgi.param(data.NAME) || data.def %?>
+        <input
+            type="text"
+            name="<?% data.NAME %?>"
+            value="<?% val %?>"
+            <?% FOREACH p = param.tags; "$p ";END %?>
+        ><br/>
+        <span id='id<?% param.count %?>'></span>
+    </td>
+</tr>
diff --git a/html/widgets/vtx.tmpl b/html/widgets/vtx.tmpl
new file mode 100644
index 0000000..9d3e2fd
--- /dev/null
+++ b/html/widgets/vtx.tmpl
@@ -0,0 +1,45 @@
+<!-- vtx -->
+<?% IF !global.include_vtx_wigdet.defined %?>
+<h1><?% gettext("Teletext") %?>&nbsp;
+<?% gettext("Page") %?>&nbsp;<?% param.page; pages = cgi.param('data').split('_'); IF pages.size > 1 && pages.last > 0 %?>/<?% pages.last; END %?>
+</h1>
+<?% ELSE %?>
+<h2>
+<?% gettext("Page") %?>&nbsp;<?% param.page; pages = cgi.param('data').split('_'); IF pages.size > 1 && pages.last > 0 %?>/<?% pages.last; END %?>
+</h2>
+<?% END %?>
+
+<?% IF !global.include_vtx_wigdet.defined %?>
+<?% url = "?cmd=vt&amp;data=" %?>
+<table border="0">
+<tr><td><form>
+    <select name='chan' onChange="di(this.form.chan.options[this.form.chan.options.selectedIndex].value, '?cmd=vtxchannel&amp;data=')">
+	<?% FOREACH ch = param.channels %?>
+	    <option value="<?% ch.1 %?>" <?% "selected" IF param.channel == ch.1 %?>><?% ch.0 %?></option>
+	<?% END %?>
+    </select>
+    <input style='width:50px' type="hidden" name="cmd" value="vt">
+	<?% gettext("Page") %?>:<input style='width:50px' type="text" name="data" size="5" value="<?% param.page %?>">
+    </form>
+</td>
+<td>
+<form>
+    <input type="hidden" name="cmd" value="vs">
+	<?% gettext("Search") %?>:<input style='width:50px' type="text" name="data" size="10" value="">
+</form>
+</td>
+</tr>
+</table>
+    <?% IF param.toppage != 0 %?><a title="<?% gettext("First page") %?>" href="<?% url %?><?% param.toppage %?>">[^]</a><?% ELSE %?><span class="shadow">[^]</span><?% END %?>&nbsp;
+    <?% IF param.page_prev != 0 %?><a title="<?% gettext("Prior page") %?>"href="<?% url %?><?% param.page_prev %?>">[<<]</a><?% ELSE %?><span class="shadow">[<<]</span><?% END %?>&nbsp;
+    <?% IF param.subpage_prev != 0 %?><a title="<?% gettext("Prior subpage") %?>"href="<?% url %?><?% param.subpage_prev %?>">[<]</a><?% ELSE %?><span class="shadow">[<]</span><?% END %?>&nbsp;
+    <?% IF param.subpage_next != 0 %?><a title="<?% gettext("Next subpage") %?>"href="<?% url %?><?% param.subpage_next %?>">[>]</a><?% ELSE %?><span class="shadow">[>]</span><?% END %?>&nbsp;
+    <?% IF param.page_next != 0 %?><a title="<?% gettext("Next page") %?>"href="<?% url %?><?% param.page_next %?>">[>>]</a><?% ELSE %?><span class="shadow">[>>]</span><?% END %?>
+<?% END %?>
+
+<br />
+<?% FOREACH l = data %?>
+    <?% l %?>
+<?% END %?>
+
+<?% SET global.include_vtx_wigdet = 1 %?>
diff --git a/html/widgets/wait.tmpl b/html/widgets/wait.tmpl
new file mode 100644
index 0000000..cc814c0
--- /dev/null
+++ b/html/widgets/wait.tmpl
@@ -0,0 +1,33 @@
+<!DOCTYPE html
+	PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+	 "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <title>XXV</title>
+    <meta name="copyright" content="copyright 2004 Xpix">
+<style type="text/css">
+<!--
+
+    <?% INCLUDE style/style.css %?>
+
+-->
+</style>
+</head>
+<body>
+<!-- WaitTemplate -->
+<?% percent = (data.current / data.maximum) * 100 %?>
+<?% step = data.maximum / data.steps %?>
+<?% c = 0 %?>
+<center>
+<h3><?% data.msg %?></h3>
+<table border=0 align=center>
+<?% WHILE c < data.steps %?>
+    <?% c = c + 1 %?>
+    <?% color = (step * c) <= data.current ? "red" : "white" %?>
+    <td bgcolor="<?% color %?>">&nbsp;&nbsp;&nbsp;</td>
+<?% END %?>
+    <td>&nbsp;<b><?% percent | format "%02d" %?>%</b> (<?% data.eta %?>)</td>
+</table>
+</center>
+</body>
+</html>