CC-1695 Remove Campcaster Studio and make install easier

Changing htmlUI dir structure to be better.
2010-09-30 15:56:56 -04:00 · 2010-09-30 15:56:56 -04:00 · c4b96da797
commit c4b96da797
parent acda23db88
285 changed files with 0 additions and 0 deletions
--- a/htmlUI/templates/script/alttext.js.tpl
+++ b/htmlUI/templates/script/alttext.js.tpl
@ -0,0 +1,93 @@
+{literal}
+<script type="text/javascript">
+    //  Browser detection
+    ie5 = (document.getElementById && document.all && document.styleSheets) ? 1 : 0;
+    nn6 = (document.getElementById && !document.all) ? 1 : 0;
+    
+    document.write('<div id="alttextContainer"></div>');
+
+    function showalttext(param) {
+        var alttextHeader  = "<div class='alttext' id='alttext' style='position: absolute; top: -1000; left: 0; z-index: 99'>";
+        var alttextFooter  = "</div>";
+        var alttextHtml    = '';
+
+        var sp2         = "&nbsp;&nbsp;";
+        var sp5         = sp2 + sp2 + "&nbsp;";                     // Leerzeichen als Abstandshalter (flexibler und code-sparender als eine aufwendige Tabellenkonstruktion) ;
+        var oF          = "onfocus = 'if (this.blur) this.blur()'"; // Um hässlichen Linkrahmen in einigen Browsern zu vermeiden;
+        var entry       = new Array();
+        //contextmenuStatus = 0;
+
+        alttextHtml = alttextHtml + param;
+
+        document.getElementById('alttextContainer').innerHTML = alttextHeader + alttextHtml + alttextFooter;
+        document.onmouseover = showalttextthan;
+
+        //return false;
+    }
+
+    function showalttextthan(e) {
+        var spacer         = 15;
+        var alttextWidth   = document.getElementById('alttext').clientWidth;
+        var alttextHeight  = document.getElementById('alttext').clientHeight;
+
+        if (ie5) {
+           var clickX  = event.clientX;
+           var clickY  = event.clientY + document.body.scrollTop;
+           var winY    = document.body.clientHeight;
+           var scrollY = document.body.scrollTop;
+        } else {
+           var clickX  = e.pageX;
+           var clickY  = e.pageY;
+           var winY    = window.innerHeight;
+           var scrollY = window.scrollY;
+        }
+
+        if (clickX < alttextWidth)                      var xPos = clickX + spacer;
+        else                                            var xPos = clickX - alttextWidth - spacer;
+
+        if (clickY + alttextHeight > winY  + scrollY)   var yPos = winY - alttextHeight + scrollY;
+        else                                            var yPos = clickY;
+
+        if (yPos < scrollY) yPos = scrollY;
+
+        alttexthide = false;
+        setTimeout("showalttextnow("+xPos+", "+yPos+")");
+        document.onmouseover = null;
+
+    }
+
+    function showalttextnow(xPos, yPos) {
+        if (!alttexthide) {
+            document.getElementById('alttext').style.left = xPos;
+            document.getElementById('alttext').style.top  = yPos;
+        }
+    }
+
+    function hidealttext() {
+        var delay = 0;
+        alttexthide = true;
+        setTimeout("hidealttextnow()", delay);
+    }
+
+    function hidealttextnow() {
+        document.getElementById('alttext').style.top = -1000;
+    }
+
+</script>
+
+<style type="text/css">
+    #alttext {
+        font-size :     80%;
+        float:          left;
+        width:          200px;
+        list-style:     none;
+        line-height:    16px;
+        padding:        4px;
+        margin:         0px 0px 0px 0px;
+        display:        block;
+        clear:          left;
+        background:     #FFFACD;
+        border:         1px solid #ACB3BA;
+    }
+</style>
+{/literal}
--- a/htmlUI/templates/script/basics.js.tpl
+++ b/htmlUI/templates/script/basics.js.tpl
@ -0,0 +1,115 @@
+<script type="text/javascript">
+    //  Browser detection
+    ie5 = (document.getElementById && document.all && document.styleSheets) ? 1 : 0;
+    nn6 = (document.getElementById && !document.all) ? 1 : 0;
+
+    function frename(name, id){literal}{{/literal}
+        var s=document.getElementById('ID'+id);
+        s.innerHTML='<form action="{$UI_HANDLER}" method="post" style="display:inline">'+
+                        '<input type="text" name="newname" value="'+name+'" size="12">'+
+                        '<input type="hidden" name="id" value="'+id+'">'+
+                        '<input type="hidden" name="act" value="rename">'+
+                    '</form>';
+     {literal}}{/literal}
+
+    function fmove(id, relPath){literal}{{/literal}
+        var newPath=prompt('Destination folder (relative path):', relPath);
+        if(newPath==null) return;
+        location.href='{$UI_HANDLER}?id='+id+'&act=move&newPath='+newPath;
+     {literal}}{/literal}
+
+    function fcopy(id, relPath){literal}{{/literal}
+        var newPath=prompt('Destination folder (relative path):', relPath);
+        if(newPath==null) return;
+        location.href='{$UI_HANDLER}?id='+id+'&act=copy&newPath='+newPath;
+     {literal}}{/literal}
+
+    function freplicate(name, id){literal}{{/literal}
+        var np=prompt('Destination folder (relative path):', id);
+        if(np==null) return;
+        location.href='{$UI_HANDLER}?id='+id+'&act=repl&newparid='+np;
+     {literal}}{/literal}
+
+    function newFolder(){literal}{{/literal}
+        var nn=prompt('New folder name:');
+        if(nn==null) return;
+        location.href='{$UI_HANDLER}?id={$START.id}&act=newFolder&newname='+nn;
+    {literal}}
+
+
+    function popup(url, name, width, height)   // popup in center of perent window
+    {
+        var name = 'popup';
+        var screenX;
+        var screenY;
+        var Xpos;
+        var Ypos;
+        var Pwidth;
+        var Pheight;
+
+        if (ie5) {
+            Xpos     = window.screenLeft;
+            Ypos     = window.screenTop;
+            Pwidth   = document.body.clientWidth;
+            Pheight  = document.body.clientHeight;
+        } else {
+            Xpos     = window.screenX;
+            Ypos     = window.screenY;
+            Pwidth   = window.innerWidth;
+            Pheight  = window.innerHeight;
+        }
+
+        screenX = (Xpos + Pwidth/2  - width/2);
+        screenY = (Ypos + Pheight/2 - height/2);
+        url     =  url  + '&is_popup=1';
+        arg     = 'width='+width+', height='+height+',resizable=yes, scrollbars=no, menubar=no, dependent=yes, left='+screenX+', top='+screenY;
+
+        popupwin = window.open(url, name, arg);
+        window.popupwin.focus();
+    }
+
+    function hpopup(url)
+    {
+        var width  = 180;
+        var height = 120;
+        var name = Math.round(Math.random()*100000);
+        var screenX;
+        var screenY;
+        var Xpos;
+        var Ypos;
+        var Pwidth;
+        var Pheight;
+        var popupwin;
+
+        if (ie5) {
+            Xpos     = window.screenLeft;
+            Ypos     = window.screenTop;
+            Pwidth   = document.body.clientWidth;
+            Pheight  = document.body.clientHeight;
+        } else {
+            Xpos     = window.screenX;
+            Ypos     = window.screenY;
+            Pwidth   = window.innerWidth;
+            Pheight  = window.innerHeight;
+        }
+
+        screenX = (Xpos + Pwidth/2  - width/2);
+        screenY = (Ypos + Pheight/2 - height/2);
+        url     =  url  + '&is_popup=1';
+        arg     = 'width='+width+', height='+height+', scrollbars=no, menubar=no, dependent=no, left='+screenX+', top='+screenY;
+
+        popupwin = window.open(url, name, arg);
+        //window.parent.focus();
+    }
+
+    function twoDigit(i) {
+        i = Math.round(i);
+        if(i < 10) i = "0" + i;
+
+        return i;
+    }
+    {/literal}
+
+
+
+</script>
--- a/htmlUI/templates/script/clock.js.tpl
+++ b/htmlUI/templates/script/clock.js.tpl
@ -0,0 +1,23 @@
+<script language="javascript">
+
+{literal}
+
+function myClock(y, m, d, h, i, s, interval) {
+    clock = new Array();
+    clock['interval']  = interval;
+    clock['time']      = new Date(y, m, d, h, i ,s);
+    clock['run']       = setInterval("incClock();", clock['interval']);
+}
+
+function incClock() {
+    clock['time'].setTime(clock['time'].getTime() + clock['interval']);
+    document.getElementById("servertime").innerHTML = twoDigit(clock['time'].getHours()) + ":" + twoDigit(clock['time'].getMinutes()) + ":" + twoDigit(clock['time'].getSeconds());
+}
+
+{/literal}
+
+myClock({$_now|date_format:"%Y"|string_format:"%d"}, {$_now|date_format:"%m"|string_format:"%d"}, {$_now|date_format:"%d"|string_format:"%d"},
+             {$_now|date_format:"%H"|string_format:"%d"}, {$_now|date_format:"%M"|string_format:"%d"}, {$_now|date_format:"%S"|string_format:"%d"},
+             1000);
+
+</script>      
--- a/htmlUI/templates/script/collector.js.tpl
+++ b/htmlUI/templates/script/collector.js.tpl
@ -0,0 +1,52 @@
+{literal}
+<script type="text/javascript">
+
+function collector_submit(formname, action, script, name, width, height)
+{
+    var href = '';
+    var n;
+    
+    {/literal}
+    if (!script) var script = '{$UI_HANDLER}';
+    {literal}
+    
+    for (n = 0; n < (document.forms[formname].elements.length); n++) {
+        if (document.forms[formname].elements[n].checked && document.forms[formname].elements[n].name != 'all') {
+            href = href + '&id[]=' + document.forms[formname].elements[n].name;
+        }
+    }
+
+    if (href == '') return false;
+    
+    
+    if (action == 'delete') {
+                {/literal}
+                popup('{$UI_BROWSER}?popup[]=deleteItem' + href, 'deleteItem', 400, 100);
+                return;
+                {literal}
+    }
+    if (name)   popup (script + '?act=' + action + href, popup, width, height);
+    else        hpopup(script + '?act=' + action + href);
+}
+
+function collector_switchAll(formname)
+{
+    var n;
+
+    for (n = 0; n < document.forms[formname].elements.length; n++) {
+        if (document.forms[formname].elements[n].type == 'checkbox') {
+            document.forms[formname].elements[n].checked = document.forms[formname].elements['all'].checked;
+        }
+    }
+}
+
+function collector_clearAll(formname, action)
+{
+    if (confirm("{/literal}{tra 0='Are you sure to remove all Items?'}{literal}")) {
+        document.forms[formname].elements['all'].checked = true;
+        collector_switchAll(formname);
+        collector_submit(formname, action);
+    }
+}
+</script>
+{/literal}
--- a/htmlUI/templates/script/contextmenu.js.tpl
+++ b/htmlUI/templates/script/contextmenu.js.tpl
@ -0,0 +1,255 @@
+{literal}
+<script type="text/javascript">
+// www.jjam.de - Kontextmen<65> mit JavaScript - Version 15.12.2002
+
+//  Browser detection
+ie5 = (document.getElementById && document.all && document.styleSheets) ? 1 : 0;
+nn6 = (document.getElementById && !document.all) ? 1 : 0;
+
+document.write('<div id="contextmenucontainer"></div>');
+contextmenuStatus = 0;
+document.onclick  = hidecontextmenu;
+
+
+function contextmenu(param) {
+    var contextmenuHeader  = "<div class='contextmenu' id='contextmenu' style='position: absolute; top: -1000; left: 0; z-index: 100'>" +
+    "<ul>";
+    var contextmenuFooter  = "</ul></div>";
+    var contextmenuHtml    = '';
+
+    var sp2         = "&nbsp;&nbsp;";
+    var sp5         = sp2 + sp2 + "&nbsp;";                     // Leerzeichen als Abstandshalter (flexibler und code-sparender als eine aufwendige Tabellenkonstruktion) ;
+    var oF          = "onfocus = 'if (this.blur) this.blur()'"; // Um h<>sslichen Linkrahmen in einigen Browsern zu vermeiden;
+    var entry       = new Array();
+    //contextmenuStatus = 0;
+
+    for (var i = 1; i < contextmenu.arguments.length; ++i) {
+        switch (contextmenu.arguments[i]) {
+            {/literal}
+            case "PL.release":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=PL.confirmRelease', 'PL.confirmRelease', 400, 50)\" "+oF+">&nbsp;##Close##&nbsp;</a></li>";
+            break;
+
+            case "PL.addItem":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: hpopup('{$UI_HANDLER}?act=PL.addItem&id="+param+"')\" "+oF+">&nbsp;##Add to playlist##&nbsp;</a></li>";
+            break;
+
+            case "PL.addStream":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=PL.setItemPlaylengthForm&id="+param+"', 'PL.setStreamPlaylength', 400, 50)\" "+oF+">&nbsp;##Add to playlist##&nbsp;</a></li>";
+            break;
+
+            case "PL.setCliplength":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=PL.setClipLength&elemId="+param+"', 'PL.setClipLength', 400, 50)\" "+oF+">&nbsp;##Set clip length##&nbsp;</a></li>";
+            break;
+
+            case "PL.removeItem":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: hpopup('{$UI_HANDLER}?act=PL.removeItem&id="+param+"')\" "+oF+">&nbsp;##Remove from playlist##&nbsp;</a></li>";
+            break;
+
+            case "PL.activate":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: hpopup('{$UI_HANDLER}?act=PL.activate&id="+param+"')\" "+oF+">&nbsp;##Edit##&nbsp;</a></li>";
+            break;
+
+            case "PL.create":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: hpopup('{$UI_HANDLER}?act=PL.create&id="+param+"')\" "+oF+">&nbsp;##Use to create playlist##&nbsp;</a></li>";
+            break;
+
+            case "PL.changeFadeIn":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=PL.changeTransition&type=fadeIn&id="+param+"', 'PL', '400', '150')\" "+oF+">&nbsp;##Change Fadein##&nbsp;</a></li>";
+            break;
+
+            case "PL.changeTransition":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=PL.changeTransition&type=transition&id="+param+"', 'PL', '400', '150')\" "+oF+">&nbsp;##Change Transition##&nbsp;</a></li>";
+            break;
+
+            case "PL.changeFadeOut":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=PL.changeTransition&type=fadeOut&id="+param+"', 'PL', '400', '150')\" "+oF+">&nbsp;##Change Fadeout##&nbsp;</a></li>";
+            break;
+
+            case "PL.export":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=PL.export&type=fadeOut&id="+param+"', 'PL', '400', '150')\" "+oF+">&nbsp;##Export Playlist##&nbsp;</a></li>";
+            break;
+
+            case "SP.addItem":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: hpopup('{$UI_HANDLER}?act=SP.addItem&id="+param+"')\" "+oF+">&nbsp;##Add to ScratchPad##&nbsp;</a></li>";
+            break;
+
+            case "SP.removeItem":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: hpopup('{$UI_HANDLER}?act=SP.removeItem&id="+param+"')\" "+oF+">&nbsp;##Remove from ScratchPad##&nbsp;</a></li>";
+            break;
+
+            case "listen":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: hpopup('{$UI_BROWSER}?popup[]=listen2Audio&id="+contextmenu.arguments[++i]+"')\" "+oF+">&nbsp;##Listen##&nbsp;</a></li>";
+            break;
+
+            case "edit":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href='{$UI_BROWSER}?act=editItem&id="+param+"' "+oF+">&nbsp;##Edit##&nbsp;</a></li>";
+            break;
+
+            case "delete":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=deleteItem&id="+param+"', 'deleteItem', 400, 50)\" "+oF+">&nbsp;##Delete##&nbsp;</a></li>";
+            break;
+
+            case "fileList":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href='{$UI_BROWSER}?act=fileList&id="+param+"' "+oF+">&nbsp;##List Folder##&nbsp;</a></li>";
+            break;
+
+            case "SCHEDULER.addItem":
+            //contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: hpopup('{$UI_HANDLER}?act=SCHEDULER.setScheduleAtTime&"+param+"'); popup('{$UI_BROWSER}?popup[]=SCHEDULER.addItem', 'Schedule', 420, 200)\" "+oF+">&nbsp;##Insert playlist here##&nbsp;</a></li>";
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=SCHEDULER.addItem&"+param+"', 'Schedule', 420, 200)\" "+oF+">&nbsp;##Insert playlist here##&nbsp;</a></li>";
+            break;
+
+            case "SCHEDULER.removeItem":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=SCHEDULER.removeItem&"+param+"', 'Schedule', 400, 50)\" "+oF+">&nbsp;##Remove playlist##&nbsp;</a></li>";
+            break;
+
+            case "SCHEDULER.addPL":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: "+
+//            "hpopup('{$UI_HANDLER}?act=SCHEDULER.setScheduleAtTime&today=1&hour=0&minute=0');"+
+            "location.href='{$UI_HANDLER}?act=SCHEDULER.set&view=day&today=1';"+
+            "popup('{$UI_BROWSER}?popup[]=SCHEDULER.addItem&playlistId="+param+"', 'Schedule', 420, 200)\" "+oF+
+            ">&nbsp;##Schedule##&nbsp;</a></li>";
+//            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: hpopup('{$UI_HANDLER}?act=SCHEDULER.set&view=day&today=1');"+
+//            "hpopup('{$UI_HANDLER}?act=SCHEDULER.setScheduleAtTime&today=1&hour=0&minute=0');"+
+//            "location.href='ui_browser.php?act=SCHEDULER';"+
+//            "popup('{$UI_BROWSER}?popup[]=SCHEDULER.addItem&playlistId="+param+"', 'Schedule', 420, 200)\" "+oF+
+//            ">&nbsp;##Schedule##&nbsp;</a></li>";
+            break;
+
+            case "SUBJECTS.chgPasswd":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href='{$UI_BROWSER}?act=SUBJECTS.chgPasswd&"+param+"' "+oF+">&nbsp;##Change password##&nbsp;</a></li>";
+            break;
+
+            case "SUBJECTS.manageGroupMember":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href='{$UI_BROWSER}?act=SUBJECTS.manageGroupMember&"+param+"' "+oF+">&nbsp;##Manage group members##&nbsp;</a></li>";
+            break;
+
+            case "SUBJECTS.addSubj2Gr":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href='#'  onClick=\"hpopup('{$UI_HANDLER}?act=SUBJECTS.addSubj2Gr&"+param+"')\" "+oF+">&nbsp;##Add to group##&nbsp;</a></li>";
+            break;
+
+            case "SUBJECTS.removeSubjFromGr":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href='#'  onClick=\"hpopup('{$UI_HANDLER}?act=SUBJECTS.removeSubjFromGr&"+param+"')\" "+oF+">&nbsp;##Remove from group##&nbsp;</a></li>";
+            break;
+
+            case "SUBJECTS.removeSubj":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=SUBJECTS.confirmRemoveSubj&"+param+"', 'confirmRemoveSubj', 400, 50)\" "+oF+">&nbsp;##Delete##&nbsp;</a></li>";
+            break;
+
+            case "TR.upload2Hub":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=TR.confirmUpload2Hub&id="+param+"', 'confirmUpload2Hub', 400, 50)\" "+oF+">&nbsp;##Transfer to the hub##&nbsp;</a></li>";
+            break;
+
+            case "TR.downloadFromHub":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=TR.confirmDownloadFromHub&gunid="+param+"', 'confirmDownloadFromHub', 400, 50)\" "+oF+">&nbsp;##Transfer from the hub##&nbsp;</a></li>";
+            break;
+
+            case "TR.pause":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=TR.pause&id="+param+"', 'TR', '400', '50')\" "+oF+">&nbsp;##Pause transfer##&nbsp;</a></li>";
+            break;
+
+            case "TR.resume":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=TR.resume&id="+param+"', 'TR', '400', '50')\" "+oF+">&nbsp;##Resume transfer##&nbsp;</a></li>";
+            break;
+
+            case "TR.cancel":
+            contextmenuHtml = contextmenuHtml + "<li><a class='contextmenu' href=\"javascript: popup('{$UI_BROWSER}?popup[]=TR.cancel&id="+param+"', 'TR', '400', '50')\" "+oF+">&nbsp;##Cancel transfer##&nbsp;</a></li>";
+            break;
+
+            {literal}
+        }
+    }
+    document.getElementById('contextmenucontainer').innerHTML = contextmenuHeader + contextmenuHtml + contextmenuFooter;
+    document.onclick = showcontextmenu;
+
+    return false;
+}
+
+function showcontextmenu(e) {
+    var contextmenuWidth   = document.getElementById('contextmenu').clientWidth;
+    var contextmenuHeight  = document.getElementById('contextmenu').clientHeight;
+
+    if (ie5) {
+        var clickX  = event.clientX;
+        var clickY  = event.clientY + document.body.scrollTop;
+        var winX    = document.body.clientWidth;
+        var winY    = document.body.clientHeight;
+        var scrollX = document.body.scrollLeft;
+        var scrollY = document.body.scrollTop;
+    } else {
+        var clickX  = e.pageX;
+        var clickY  = e.pageY;
+        var winX    = window.innerWidth;
+        var winY    = window.innerHeight;
+        var scrollX = window.scrollX;
+        var scrollY = window.scrollY;
+    }
+
+    if (clickX + contextmenuWidth < winX)               var xPos = clickX;
+    else                                                var xPos = clickX - contextmenuWidth;
+
+    if (clickY + contextmenuHeight > winY + scrollY)    var yPos = clickY - contextmenuHeight;
+    else                                                var yPos = clickY;
+
+    if (yPos < scrollY) yPos = scrollY;
+
+
+    setTimeout("document.getElementById('contextmenu').style.left = "+xPos+"; document.getElementById('contextmenu').style.top = "+yPos+";", 10);
+    contextmenuStatus = 1;
+    document.onclick  = hidecontextmenu;
+}
+
+
+function hidecontextmenu(e) {
+    if (contextmenuStatus == 1) {
+        setTimeout("document.getElementById('contextmenu').style.top =- 250", 0);
+        contextmenuStatus = 0;
+    }
+}
+
+</script>
+
+
+<style type="text/css">
+    #contextmenu {
+        font-size : 80%;
+        }
+
+    #contextmenu ul {
+        float: left;
+        width: 200px;
+        list-style: none;
+        line-height: 20px;
+        padding: 0;
+        margin: 0px 0 0 0px;
+        display: block;
+        clear: left;
+        background: #eee;
+        border-top: 1px solid #ACB3BA;
+    }
+
+    #contextmenu a {
+        display: block;
+        background: #eee;
+        width: 200px;
+        color: #666;
+        text-decoration: none;
+        padding: 0px;
+        border-top: 0px solid #ACB3BA;
+        border-left: 1px solid #ACB3BA;
+        border-bottom: 1px solid #ACB3BA;
+        border-right: 1px solid #ACB3BA;
+    }
+
+    #contextmenu li {
+        float: left;
+        clear: left;
+        padding: 0;
+    }
+
+    #contextmenu a:hover {
+        color: #000;
+        background: #D6E3EF;
+    }
+</style>
+{/literal}
--- a/htmlUI/templates/script/progressbar.js.tpl
+++ b/htmlUI/templates/script/progressbar.js.tpl
@ -0,0 +1,213 @@
+<script language="javascript">
+
+{literal}
+// play-progress-bar object
+
+function plPrBar() { 
+    plPrBar_debug('new plPrBar'); 
+    // methods:
+    this.init       = plPrBar_init;
+    this.tick       = plPrBar_tick;
+    this.update     = plPrBar_update;
+    this.onair      = plPrBar_onair;
+    this.offair     = plPrBar_offair;
+    this.show       = plPrBar_show;
+    this.hide       = plPrBar_hide;
+    this.create     = plPrBar_create;
+    this.request    = plPrBar_request;
+}
+
+
+function plPrBar_init(current, c_tit, c_pltit, c_eh, c_ei, c_es, c_dh, c_di, c_ds, 
+                      next, n_tit, n_pltit, n_dh, n_di, n_ds, 
+                      upcoming, u_tit, u_pltit, u_dh, u_di, u_ds, u_sh, u_si, u_ss) {
+    plPrBar_debug('init');
+    this.interval   = 333;
+    if (current == 1) {
+        //plPrBar_debug('init::current: ' + current);
+        this.current      = true;
+        this.c_tit        = c_tit;
+        this.c_pltit      = c_pltit;
+        this.c_elapsed    = new Date();
+        this.c_duration   = new Date();
+        this.c_remaining  = new Date();
+        
+        this.c_elapsed.setTime (Date.UTC(1970, 0, 1, c_eh, c_ei, c_es));
+        this.c_duration.setTime(Date.UTC(1970, 0, 1, c_dh, c_di, c_ds));
+        this.c_remaining.setTime(this.c_duration.getTime() - this.c_elapsed.getTime());
+    }
+    if (next == 1) {
+        //plPrBar_debug('init::next: ' + next);
+        this.next       = true; 
+        this.n_tit      = n_tit.slice(0, 35);
+        this.n_pltit    = n_pltit.slice(0, 35);
+        this.n_duration = new Date;
+        this.n_duration.setTime(Date.UTC(1970, 0, 1, n_dh, n_di, n_ds));
+    }
+    if (upcoming == 1) {
+        //plPrBar_debug('init::upcoming: ' + upcoming);
+        this.upcoming   = true;
+        this.u_tit      = u_tit;
+        this.u_pltit    = u_pltit;
+        this.u_duration = new Date;
+        this.u_duration.setTime(Date.UTC(1970, 0, 1, u_dh, u_di, u_ds));
+        this.u_plstart    = new Date();
+        this.u_plstart.setTime(Date.UTC(1970, 0, 1, u_sh, u_si, u_ss));
+    }
+    if (this.current) {
+        this.show('now');
+        document.getElementById("now_title").innerHTML      = this.c_tit;
+        document.getElementById("now_pltitle").innerHTML    = this.c_pltit;
+        this.progress = window.setInterval("ppb.tick();", this.interval);
+        this.onair();
+        this.update();
+    } else {
+        this.hide('now');
+        this.offair();  
+    }
+    if (this.next) {
+        this.show('next');
+        document.getElementById("next_title").innerHTML     = this.n_tit;
+        document.getElementById("next_duration").innerHTML  = '(' + twoDigit(this.n_duration.getUTCHours()) 
+                                                              + ':' + twoDigit(this.n_duration.getUTCMinutes()) 
+                                                              + ':' + twoDigit(this.n_duration.getUTCSeconds()) + ')';
+    } else {
+        this.hide('next');
+    }
+    if (this.upcoming) {
+        this.show('upcoming');
+        document.getElementById("upcoming_pltitle").innerHTML     = this.u_pltit;
+        document.getElementById("upcoming_plstart").innerHTML     = 'at ' + twoDigit(this.u_plstart.getUTCHours()) 
+                                                                  + ':' + twoDigit(this.u_plstart.getUTCMinutes()) 
+                                                                  + ':' + twoDigit(this.u_plstart.getUTCSeconds());
+        document.getElementById("upcoming_title").innerHTML       = this.u_tit;
+        document.getElementById("upcoming_duration").innerHTML    = '(' + twoDigit(this.u_duration.getUTCHours()) 
+                                                                  + ':' + twoDigit(this.u_duration.getUTCMinutes()) 
+                                                                  + ':' + twoDigit(this.u_duration.getUTCSeconds()) + ')';
+    } else {
+        this.hide('upcoming');
+    }
+}
+
+function plPrBar_tick() {
+    //plPrBar_debug('tick:' + this.c_remaining.getTime());
+    if (this.c_remaining.getTime() <= this.interval*2)  {
+        window.clearInterval(this.progress);
+        this.request()
+        return;
+    }
+    this.c_elapsed.setTime(this.c_elapsed.getTime() + this.interval);
+    this.c_remaining.setTime(this.c_duration.getTime() - this.c_elapsed.getTime());
+    this.update();
+}
+
+function plPrBar_update() {
+    //plPrBar_debug('update');
+    document.getElementById("now_elapsed").innerHTML   = twoDigit(this.c_elapsed.getUTCHours())   + ":" + twoDigit(this.c_elapsed.getUTCMinutes())   + ":" + twoDigit(this.c_elapsed.getUTCSeconds());
+    document.getElementById("now_remaining").innerHTML = twoDigit(this.c_remaining.getUTCHours()) + ":" + twoDigit(this.c_remaining.getUTCMinutes()) + ":" + twoDigit(this.c_remaining.getUTCSeconds());
+    document.getElementById("now_scala").style.width   = (100 / this.c_duration.getTime() * this.c_elapsed.getTime()) + "%";
+}
+
+function plPrBar_request() {
+    plPrBar_debug('request');
+    jsCom("jscom_wrapper", ["uiBrowser", "SCHEDULER", "getScheduleInfo_jscom", "1"], this.create);     
+}
+
+function plPrBar_create(jscomRes) {
+    plPrBar_debug('create: ' + jscomRes);
+    window.clearInterval(ppb.progress);
+    if (jscomRes !== '') {
+        eval('var parms = ' + jscomRes + ';');
+        ppb = new plPrBar();
+        ppb.init(parms[0], parms[1], parms[2], parms[3], parms[4], parms[5], parms[6], parms[7], parms[8],
+                 parms[9], parms[10], parms[11], parms[12], parms[13], parms[14],
+                 parms[15], parms[16], parms[17], parms[18], parms[19], parms[20], parms[21], parms[22], parms[23]);
+    } else {
+        plPrBar_hide('now');
+        plPrBar_hide('next');
+        plPrBar_hide('upcoming');
+    };
+    setTimeout("ppb.request()", 10000);
+}
+
+function plPrBar_onair() {
+    plPrBar_debug('onair');
+    document.getElementById("offair").style.display = 'none';
+    document.getElementById("onair").style.display = 'block';
+}
+
+function plPrBar_offair() {
+    plPrBar_debug('offair');
+    document.getElementById("onair").style.display = 'none';
+    document.getElementById("offair").style.display = 'block';
+}
+
+function plPrBar_show(what) {
+    plPrBar_debug('show: ' + what);
+    if (what == 'now') {
+        document.getElementById("now_title_").style.visibility      = 'visible';
+        document.getElementById("now_pltitle_").style.visibility    = 'visible';
+        document.getElementById("now_elapsed_").style.visibility    = 'visible';
+        document.getElementById("now_remaining_").style.visibility  = 'visible';
+        document.getElementById("now_scala_").style.visibility      = 'visible';
+    }
+    if (what == 'next') {
+        document.getElementById("next_title_").style.visibility     = 'visible';
+    }
+    if (what == 'upcoming') {
+        document.getElementById("upcoming_pltitle_").style.visibility   = 'visible';
+        document.getElementById("upcoming_plstart").style.visibility     = 'visible';
+        document.getElementById("upcoming_title_").style.visibility     = 'visible';
+    } 
+}
+
+function plPrBar_hide(what) {
+    plPrBar_debug('hide: ' + what);
+    if (what == 'now') {
+        document.getElementById("now_title_").style.visibility      = 'hidden';
+        document.getElementById("now_title").innerHTML              = '';
+        document.getElementById("now_pltitle_").style.visibility    = 'hidden';
+        document.getElementById("now_pltitle").innerHTML            = '';
+        document.getElementById("now_elapsed_").style.visibility    = 'hidden';
+        document.getElementById("now_elapsed").innerHTML            = '';
+        document.getElementById("now_remaining_").style.visibility  = 'hidden';
+        document.getElementById("now_remaining").innerHTML          = '';
+        document.getElementById("now_scala_").style.visibility      = 'hidden';
+    }
+    if (what == 'next') {
+        document.getElementById("next_title_").style.visibility     = 'hidden';
+        document.getElementById("next_title").innerHTML             = '';
+        document.getElementById("next_duration").innerHTML          = ''; 
+    }
+    if (what == 'upcoming') {
+        document.getElementById("upcoming_pltitle_").style.visibility   = 'hidden';
+        document.getElementById("upcoming_pltitle").innerHTML           = '';
+        document.getElementById("upcoming_title_").style.visibility     = 'hidden';
+        document.getElementById("upcoming_plstart").innerHTML             = ''; 
+    } 
+}
+
+function plPrBar_debug(msg) {
+    if (ppb_debug) {
+        var jetzt = new Date();
+        var Min = jetzt.getMinutes();
+        var Sek = jetzt.getSeconds();
+        var Min = ((Min < 10) ? "0" + Min : Min);
+        var Sek = ((Sek < 10) ? "0" + Sek : Sek);
+        var Stamp = Min+':'+Sek;
+        document.getElementById('debug_console').innerHTML = document.getElementById('debug_console').innerHTML + Stamp + ' ' + msg + '<br>';
+    }
+}
+{/literal}
+
+{$JSCOM->genJsCode()}
+
+ppb_debug = false;
+ppb = new plPrBar();
+ppb.request();
+//interval = setInterval("ppb.request();", 10000);
+
+</script>
+
+
+