--- loncom/html/res/adm/pages/menu.html	2002/05/17 15:09:06	1.53
+++ loncom/html/res/adm/pages/menu.html	2002/07/16 20:30:53	1.61
@@ -4,7 +4,7 @@ The LearningOnline Network with CAPA
 Remote Control
 
 //
-// $Id: menu.html,v 1.53 2002/05/17 15:09:06 matthew Exp $
+// $Id: menu.html,v 1.61 2002/07/16 20:30:53 www Exp $
 //
 // Copyright Michigan State University Board of Trustees
 //
@@ -46,35 +46,32 @@ March 2002 Matthew Hall
 3/19 Gerd Kortemeyer
 5/6/02 Matthew Hall
 
-// Note: use of style="background-image: url(remotebg.gif)"
-// in body tag causes trouble for NS4.x on multiple platforms. 
-
 -->
 <head>
 <title>LON-CAPA Remote</title>
 </head>
 
-
 <body bgcolor="#BBBBBB" 
       background="remotebg.gif"
       onUnload="logout();"
       >
-<style type="text/css">
-</style>
-<basefont size="1" />
 
 <script type="text/javascript">
 <!--
 var statustop = '';
 var statusbot = '';
 var active = 0;
+var dislocked = 1;
 
 var imgpath='/res/adm/pages/';
 
 var currentURL='';
+var reloadURL='';
 var currentStale=1;
 var menucltim;
 
+var clockdelta=0;
+
 // not used (yet)
 // var w_Annotator;
 // var w_bmquery;
@@ -107,6 +104,36 @@ for (var i=1;i<=3;i++) {
 var clienthost=window.location.host;
 var clientwindow=opener;
 
+function syncclock(servertime) {
+    var clientclock=new Date;
+    clockdelta=servertime-clientclock.getTime();
+}
+
+function advanceclock() {
+    var clock=new Date();
+    clock.setTime(clock.getTime()+clockdelta);
+
+    var days=""+clock.getDate();
+    if (days.length<2) { days="0"+days; }
+    var mons=""+(clock.getMonth()+1);
+    if (mons.length<2) { mons="0"+mons; }
+    var years=""+clock.getYear();
+    years=years.substring(1,3);
+    statustop=mons+'/'+days+'/'+years;
+
+    var secs=""+clock.getSeconds();
+    if (secs.length<2) { secs="0"+secs; }
+    var mins=""+clock.getMinutes();
+    if (mins.length<2) { mins="0"+mins; }
+    var hours=""+clock.getHours();
+    if (hours.length<2) { hours=" "+hours; }
+    statusbot=hours+':'+mins+':'+secs;
+
+    if (!dislocked) { showdisplay(); }
+
+    setTimeout('advanceclock();',1000);
+}
+
 function windowcheck() {
    if (clientwindow==null || clientwindow.closed) {
       clientwindow=window.open("http://"+clienthost+"/",'',
@@ -140,6 +167,7 @@ function logout () {
 function activate () {
    opener.menuloaded=1;
    setTimeout('active=1;',2000);
+   advanceclock();
 }
 
 function deactivate () {
@@ -147,8 +175,13 @@ function deactivate () {
 }
 
 function display(utext,ltext) {
+    this.window.focus();
+    showdisplay(utext,ltext);
+}
+
+function showdisplay(utext,ltext) {
   var i; var ch;
-  this.window.focus();
+  dislocked=1;
   if (utext == null) { utext = '';}
   if (ltext == null) { ltext = '';}
   if (typeof(utext)!="string") { utext=''; }
@@ -156,6 +189,7 @@ function display(utext,ltext) {
   if ((utext=='') && (ltext=='')) {
      utext=statustop;
      ltext=statusbot;
+     dislocked=0;
   }
   if (active) { 
    for (i=0;i<=7;i++) {
@@ -163,6 +197,8 @@ function display(utext,ltext) {
          ch=utext.charAt(i);
          if (ch==' ') { ch='space'; }
          if (ch=='-') { ch='hyphen'; }
+         if (ch==':') { ch='colon'; }
+         if (ch=='/') { ch='slash'; }
       } else { ch='space'; }
       this.document['i'+i].src=imgpath+ch+'.gif';
    }
@@ -171,6 +207,8 @@ function display(utext,ltext) {
          ch=ltext.charAt(i);
          if (ch==' ') { ch='space'; }
          if (ch=='-') { ch='hyphen'; }
+         if (ch==':') { ch='colon'; }
+         if (ch=='/') { ch='slash'; }
       } else { ch='space'; }
       this.document['j'+i].src=imgpath+ch+'.gif';
    }
@@ -179,7 +217,7 @@ function display(utext,ltext) {
 
 function defdis() {
    this.window.focus();
-   display(statustop,statusbot);
+   display();
 }
 
 function switchbutton(row,col,imgsrc,texttop,textbot,action) {
@@ -322,118 +360,133 @@ function catalog_info() {
 }
 // -->
 </script>
-
 <center>
-<table border="0" cellspacing="1" cellpadding="0">
+<table hspace="0" border="0" cellspacing="0" cellpadding="0">
 <tr><td>
 <a href="javascript:defdis();"
    onMouseOver="defdis();"
-><img border="0" src="title.gif"></img></a>
+><img border="0" width="80" height="50" src="title.gif"></a>
 </td><td>
-<img border="0" name="led" src="ledoff.gif"> </img>
+<img border="0" width="50" height="50" name="led" src="ledoff.gif">
 </td></tr>
 </table>
-<br />
-<table border="0" cellspacing="1" cellpadding="1">
+</center>
+
+<center>
+<a href="javascript:defdis();"
+   onMouseOver="defdis();"
+><img width="103" height="7" border="0" src="spacer.gif" /></a>
+</center>
+
+<center>
+<table hspace="1" border="0" cellspacing="0" cellpadding="1">
 <tr><td bgcolor="#666666">
-<table border="0" cellspacing="1" cellpadding="0"> 
+<table hspace="0" border="0" cellspacing="1" cellpadding="0"> 
 <tr>
-<td><img name="i0" src="l.gif"></img></td>
-<td><img name="i1" src="o.gif"></img></td>
-<td><img name="i2" src="n.gif"></img></td>
-<td><img name="i3" src="hyphen.gif"></img></td>
-<td><img name="i4" src="c.gif"></img></td>
-<td><img name="i5" src="a.gif"></img></td>
-<td><img name="i6" src="p.gif"></img></td>
-<td><img name="i7" src="a.gif"></img></td>
-</tr>
-<tr>
-<td><img name="j0" src="space.gif"></img></td>
-<td><img name="j1" src="space.gif"></img></td>
-<td><img name="j2" src="space.gif"></img></td>
-<td><img name="j3" src="space.gif"></img></td>
-<td><img name="j4" src="space.gif"></img></td>
-<td><img name="j5" src="space.gif"></img></td>
-<td><img name="j6" src="space.gif"></img></td>
-<td><img name="j7" src="space.gif"></img></td>
+<td><img name="i0" width="15" height="19" src="l.gif" /></td>
+<td><img name="i1" width="15" height="19" src="o.gif" /></td>
+<td><img name="i2" width="15" height="19" src="n.gif" /></td>
+<td><img name="i3" width="15" height="19" src="hyphen.gif"></td>
+<td><img name="i4" width="15" height="19" src="c.gif" /></td>
+<td><img name="i5" width="15" height="19" src="a.gif" /></td>
+<td><img name="i6" width="15" height="19" src="p.gif" /></td>
+<td><img name="i7" width="15" height="19" src="a.gif" /></td>
+</tr>
+<tr>
+<td><img name="j0" width="15" height="19" src="space.gif" /></td>
+<td><img name="j1" width="15" height="19" src="space.gif" /></td>
+<td><img name="j2" width="15" height="19" src="space.gif" /></td>
+<td><img name="j3" width="15" height="19" src="space.gif" /></td>
+<td><img name="j4" width="15" height="19" src="space.gif" /></td>
+<td><img name="j5" width="15" height="19" src="space.gif" /></td>
+<td><img name="j6" width="15" height="19" src="space.gif" /></td>
+<td><img name="j7" width="15" height="19" src="space.gif" /></td>
 </tr>
 </table>
-</td>
-</tr>
-</table><br />
+</td></tr>
+</table>
+</center
+
+<center>
+<a href="javascript:defdis();"
+   onMouseOver="defdis();"
+><img width="103" height="7" border="0" src="spacer.gif" /></a>
+</center>
 
-<table border="0" cellspacing="0" cellpadding="0">
+<center>
+<table hspace="0" border="0" cellspacing="0" cellpadding="0">
 
 <tr>
-<td colspan="2"><a href="javascript:eval(hr[11]);" onMouseOver="display(dt[11],db[11]);"><img border="0" name="b11" src="dempty.gif"></img></a></td>
-<td><a href="javascript:eval(hr[12]);" onMouseOver="display(dt[12],db[12]);"><img border="0" name="b12" src="empty.gif"></img></a></td>
+<td colspan="2"><a href="javascript:eval(hr[11]);" onMouseOver="display(dt[11],db[11]);"><img width="86" height="20" border="0" name="b11" src="dempty.gif" /></a></td>
+<td><a href="javascript:eval(hr[12]);" onMouseOver="display(dt[12],db[12]);"><img width="43" height="20" border="0" name="b12" src="empty.gif" /></a></td>
 </tr>
 
 <tr>
-<td rowspan="2"><a href="javascript:eval(hr[21]);" onMouseOver="display(dt[21],db[21]);"><img border="0" name="b21" src="qempty.gif"></img></a></td>
-<td><a href="javascript:eval(hr[22]);" onMouseOver="display(dt[22],db[22]);"><img border="0" name="b22" src="empty.gif"></img></a></td>
-<td rowspan="2"><a href="javascript:eval(hr[23]);" onMouseOver="display(dt[23],db[23]);"><img border="0" name="b23" src="qempty.gif"></img></a></td>
+<td rowspan="2"><a href="javascript:eval(hr[21]);" onMouseOver="display(dt[21],db[21]);"><img width="43" height="40" border="0" name="b21" src="qempty.gif" /></a></td>
+<td><a href="javascript:eval(hr[22]);" onMouseOver="display(dt[22],db[22]);"><img width="43" height="20" border="0" name="b22" src="empty.gif" /></a></td>
+<td rowspan="2"><a href="javascript:eval(hr[23]);" onMouseOver="display(dt[23],db[23]);"><img width="43" height="40" border="0" name="b23" src="qempty.gif" /></a></td>
 </tr>
 
 <tr>
-<td><a href="javascript:eval(hr[31]);" onMouseOver="display(dt[31],db[31]);"><img border="0" name="b31" src="empty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[31]);" onMouseOver="display(dt[31],db[31]);"><img width="43" height="20" border="0" name="b31" src="empty.gif" /></a></td>
 </tr>
 
 <tr>
-<td><a href="javascript:eval(hr[41]);" onMouseOver="display(dt[41],db[41]);"><img border="0" name="b41" src="empty.gif"></img></a></td>
-<td><a href="javascript:eval(hr[42]);" onMouseOver="display(dt[42],db[42]);"><img border="0" name="b42" src="empty.gif"></img></a></td>
-<td><a href="javascript:eval(hr[43]);" onMouseOver="display(dt[43],db[43]);"><img border="0" name="b43" src="empty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[41]);" onMouseOver="display(dt[41],db[41]);"><img width="43" height="20" border="0" name="b41" src="empty.gif" /></a></td>
+<td><a href="javascript:eval(hr[42]);" onMouseOver="display(dt[42],db[42]);"><img width="43" height="20" border="0" name="b42" src="empty.gif" /></a></td>
+<td><a href="javascript:eval(hr[43]);" onMouseOver="display(dt[43],db[43]);"><img width="43" height="20" border="0" name="b43" src="empty.gif" /></a></td>
 </tr>
 
 <tr>
-<td><a href="javascript:eval(hr[51]);" onMouseOver="display(dt[51],db[51]);"><img border="0" name="b51" src="empty.gif"></img></a></td>
-<td><a href="javascript:eval(hr[52]);" onMouseOver="display(dt[52],db[52]);"><img border="0" name="b52" src="empty.gif"></img></a></td>
-<td><a href="javascript:eval(hr[53]);" onMouseOver="display(dt[53],db[53]);"><img border="0" name="b53" src="empty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[51]);" onMouseOver="display(dt[51],db[51]);"><img width="43" height="20" border="0" name="b51" src="empty.gif" /></a></td>
+<td><a href="javascript:eval(hr[52]);" onMouseOver="display(dt[52],db[52]);"><img width="43" height="20" border="0" name="b52" src="empty.gif" /></a></td>
+<td><a href="javascript:eval(hr[53]);" onMouseOver="display(dt[53],db[53]);"><img width="43" height="20" border="0" name="b53" src="empty.gif" /></a></td>
 </tr>
 
 <tr>
-<td><a href="javascript:eval(hr[61]);" onMouseOver="display(dt[61],db[61]);"><img border="0" name="b61" src="empty.gif"></img></a></td>
-<td><a href="javascript:eval(hr[62]);" onMouseOver="display(dt[62],db[62]);"><img border="0" name="b62" src="empty.gif"></img></a></td>
-<td><a href="javascript:eval(hr[63]);" onMouseOver="display(dt[63],db[63]);"><img border="0" name="b63" src="empty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[61]);" onMouseOver="display(dt[61],db[61]);"><img width="43" height="20" border="0" name="b61" src="empty.gif" /></a></td>
+<td><a href="javascript:eval(hr[62]);" onMouseOver="display(dt[62],db[62]);"><img width="43" height="20" border="0" name="b62" src="empty.gif" /></a></td>
+<td><a href="javascript:eval(hr[63]);" onMouseOver="display(dt[63],db[63]);"><img width="43" height="20" border="0" name="b63" src="empty.gif" /></a></td>
 </tr>
 
 <tr>
-<td><a href="javascript:eval(hr[71]);" onMouseOver="display(dt[71],db[71]);"><img border="0" name="b71" src="empty.gif"></img></a></td>
-<td><a href="javascript:eval(hr[72]);" onMouseOver="display(dt[72],db[72]);"><img border="0" name="b72" src="empty.gif"></img></a></td>
-<td><a href="javascript:eval(hr[73]);" onMouseOver="display(dt[73],db[73]);"><img border="0" name="b73" src="empty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[71]);" onMouseOver="display(dt[71],db[71]);"><img width="43" height="20" border="0" name="b71" src="empty.gif" /></a></td>
+<td><a href="javascript:eval(hr[72]);" onMouseOver="display(dt[72],db[72]);"><img width="43" height="20" border="0" name="b72" src="empty.gif" /></a></td>
+<td><a href="javascript:eval(hr[73]);" onMouseOver="display(dt[73],db[73]);"><img width="43" height="20" border="0" name="b73" src="empty.gif" /></a></td>
 </tr>
 
 <tr>
-<td><a href="javascript:eval(hr[81]);" onMouseOver="display(dt[81],db[81]);"><img border="0" name="b81" src="empty.gif"></img></a></td>
-<td><a href="javascript:eval(hr[82]);" onMouseOver="display(dt[82],db[82]);"><img border="0" name="b82" src="empty.gif"></img></a></td>
-<td><a href="javascript:eval(hr[83]);" onMouseOver="display(dt[83],db[83]);"><img border="0" name="b83" src="empty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[81]);" onMouseOver="display(dt[81],db[81]);"><img width="43" height="20" border="0" name="b81" src="empty.gif" /></a></td>
+<td><a href="javascript:eval(hr[82]);" onMouseOver="display(dt[82],db[82]);"><img width="43" height="20" border="0" name="b82" src="empty.gif" /></a></td>
+<td><a href="javascript:eval(hr[83]);" onMouseOver="display(dt[83],db[83]);"><img width="43" height="20" border="0" name="b83" src="empty.gif" /></a></td>
 </tr>
 
 <tr>
-<td><a href="javascript:eval(hr[91]);" onMouseOver="display(dt[91],db[91]);"><img border="0" name="b91" src="empty.gif"></img></a></td>
-<td><a href="javascript:eval(hr[92]);" onMouseOver="display(dt[92],db[92]);"><img border="0" name="b92" src="empty.gif"></img></a></td>
-<td><a href="javascript:eval(hr[93]);" onMouseOver="display(dt[93],db[93]);"><img border="0" name="b93" src="empty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[91]);" onMouseOver="display(dt[91],db[91]);"><img width="43" height="20" border="0" name="b91" src="empty.gif" /></a></td>
+<td><a href="javascript:eval(hr[92]);" onMouseOver="display(dt[92],db[92]);"><img width="43" height="20" border="0" name="b92" src="empty.gif" /></a></td>
+<td><a href="javascript:eval(hr[93]);" onMouseOver="display(dt[93],db[93]);"><img width="43" height="20" border="0" name="b93" src="empty.gif" /></a></td>
 </tr>
 
 <tr>
-<td><a href="javascript:eval(hr[101]);" onMouseOver="display(dt[101],db[101]);"><img border="0" name="b101" src="empty.gif"></img></a></td>
-<td><a href="javascript:eval(hr[102]);" onMouseOver="display(dt[102],db[102]);"><img border="0" name="b102" src="empty.gif"></img></a></td>
-<td><a href="javascript:eval(hr[103]);" onMouseOver="display(dt[103],db[103]);"><img border="0" name="b103" src="empty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[101]);" onMouseOver="display(dt[101],db[101]);"><img width="43" height="20" border="0" name="b101" src="empty.gif" /></a></td>
+<td><a href="javascript:eval(hr[102]);" onMouseOver="display(dt[102],db[102]);"><img width="43" height="20" border="0" name="b102" src="empty.gif" /></a></td>
+<td><a href="javascript:eval(hr[103]);" onMouseOver="display(dt[103],db[103]);"><img width="43" height="20" border="0" name="b103" src="empty.gif" /></a></td>
 </tr>
 
 </table>
+</center>
 
-
+<center>
 <a href="javascript:defdis();"
    onMouseOver="defdis();"
-><img border="0" src="spacer.gif"></img></a><br />
+><img width="103" height="7" border="0" src="spacer.gif" /></a>
+</center>
 
-<form name='server' action='/adm/logout' method='post' target='loncapaclient'>
-<input type='hidden' name='postdata' value='none' />
+<form name="server" action="/adm/logout" method="post" target="loncapaclient">
+<input type="hidden" name="postdata" value="none" />
 <input type="hidden" name="command" value="none" />
 <input type="hidden" name="url" value="none" />
- </form>
-</center>
+</form>
 <script>
 activate();
 </script>
