--- loncom/html/res/adm/pages/menu.html	2000/10/10 10:05:17	1.11
+++ loncom/html/res/adm/pages/menu.html	2001/06/15 22:25:10	1.35
@@ -4,19 +4,57 @@ The LearningOnline Network with CAPA
 Remote Control
 6/12/00,6/13,6/14,6/15 Gerd Kortemeyer
 Sept Ben Tyszka
-10/2,10/3,10/4 Gerd Kortemeyer
+10/2,10/3,10/4,10/17,10/19,3/1/1 Gerd Kortemeyer
+Jan Guy Albertelli
+5/1/1 Gerd Kortemeyer
+2/19 Guy Albertelli
+3/21 Gerd Kortemeyer
+4/30 Ben Tyszka
+5/2 Scott Harrison
+5/4,5/9,5/28,5/30,6/1,6/2,6/3,6/8 Gerd Kortemeyer
 -->
 <head>
 <title>LON-CAPA Remote</title>
 </head>
 
 
-<body bgcolor="#BBBBBB" background="remotebg.gif" onUnload="logout();">
-<basefont size=1>
-<script>
+<body bgcolor="#BBBBBB" 
+      background="remotebg.gif"
+      onLoad="activate();" 
+      onUnload="logout();">
+<basefont size="1" />
 
+<script type="text/javascript">
+<!--
 statustop='';
 statusbot='';
+active=0;
+
+imgpath='/res/adm/pages/';
+
+var currentURL='';
+var currentStale=1;
+var menucltim;
+
+// not used (yet)
+// var w_Annotator;
+// var w_bmquery;
+// var w_BookmarkPal;
+// var w_LONcatInfo;
+
+//////////////////////////////////////
+var w_Annotator_flag=-1;
+var w_bmquery_flag=-1;
+var w_BookmarkPal_flag=-1;
+var w_LONcatInfo_flag=-1;
+ // 1 means currently open
+ // 0 means closed (but has been open)
+ // -1 means never yet opened/defined
+///////////////////////////////////////
+
+hr=new Array;
+db=new Array;
+dt=new Array;
 
 clienthost=window.location.host;
 clientwindow=opener;
@@ -32,19 +70,48 @@ function logout () {
    windowcheck();
    if (clientwindow.status!='MenuControl:nologout')
    {   
+      if (w_Annotator_flag!=-1 && annotator && !annotator.closed) {
+          annotator.close();
+      }
+      if (w_bmquery_flag!=-1 && bmquery && !bmquery.closed) {
+          bmquery.close();
+      }
+      if (w_BookmarkPal_flag!=-1 && bookmarkpal && !bookmarkpal.closed) {
+          bookmarkpal.close();
+      }
+      if (w_LONcatInfo_flag!=-1 && loncatinfo && !loncatinfo.closed) {
+          loncatinfo.close();
+      }
       clientwindow.window.location.href="http://"+clienthost+"/adm/logout";
    }
 }
 
+function activate () {
+   opener.menuloaded=1;
+   setTimeout('active=1;',2000);
+}
+
+function deactivate () {
+   active=0;
+}
+
 function display(utext,ltext) {
-   var i; var ch;
+  var i; var ch;
+  this.window.focus();
+  if (utext==undefined) { utext=''; }
+  if (ltext==undefined) { ltext=''; }
+  if ((utext=='') && (ltext=='')) {
+     utext=statustop;
+     ltext=statusbot;
+  }
+  if (active) { 
    for (i=0;i<=7;i++) {
       if (i<utext.length) {
          ch=utext.charAt(i);
          if (ch==' ') { ch='space'; }
          if (ch=='-') { ch='hyphen'; }
       } else { ch='space'; }
-      this.document['i'+i].src=ch+'.gif';
+      this.document['i'+i].src=imgpath+ch+'.gif';
    }
    for (i=0;i<=7;i++) {
       if (i<ltext.length) {
@@ -52,8 +119,9 @@ function display(utext,ltext) {
          if (ch==' ') { ch='space'; }
          if (ch=='-') { ch='hyphen'; }
       } else { ch='space'; }
-      this.document['j'+i].src=ch+'.gif';
+      this.document['j'+i].src=imgpath+ch+'.gif';
    }
+  }
 }
 
 function defdis() {
@@ -61,6 +129,22 @@ function defdis() {
    display(statustop,statusbot);
 }
 
+function switchbutton(row,col,imgsrc,texttop,textbot,action) {
+   var idx=10*row+col;
+   this.document['b'+idx].src=imgpath+imgsrc;
+   hr[idx]=action;
+   dt[idx]=texttop;
+   db[idx]=textbot;
+}
+
+function clearbut(row,col) {
+   var idx=10*row+col;
+   this.document['b'+idx].src=imgpath+'empty.gif';
+   hr[idx]='javascript:defdis();';
+   dt[idx]='';
+   db[idx]='';
+}
+
 function setstatus(tp,bt) {
    this.document['led'].src="ledblink.gif";
    statustop=tp;
@@ -83,210 +167,180 @@ function gopost(url,postdata) {
    if (url!='') {
       this.document.server.action="http://"+clienthost+url;
       this.document.server.postdata.value=postdata;
+      this.document.server.command.value='';
+      this.document.server.url.value='';
+      this.document.server.submit();
+   }
+}
+
+function gocmd(url,cmd) {
+   windowcheck();
+   this.document['led'].src="ledsend.gif";
+   if (url!='') {
+      this.document.server.action="http://"+clienthost+url;
+      this.document.server.postdata.value='';
+      this.document.server.command.value=cmd;
+      this.document.server.url.value=currentURL;
       this.document.server.submit();
    }
 }
 
 function annotate() {
+   w_Annotator_flag=1;
    annotator=window.open('','Annotator','width=365,height=265,scrollbars=0');
-   anndoc=annotator.document;
-   anstr="<html><body onload='Javascript:document.goannotate.submit();'>";
-   anstr+="<form name='goannotate' target='Annotator' method='post' action='/adm/annotations'>";
-   anstr+="<input type='hidden' name='urlnew' value='"+clientwindow.location.href+"'>";
-   anstr+="</form></body></html>";
-   anndoc.write(anstr);
-   anndoc.close();
+   annotator.document.write(
+   "<html><body onload='Javascript:document.goannotate.submit();'>"
+  +"<form name='goannotate' target='Annotator' method='post' "
+  +"action='/adm/annotations'>"
+  +"<input type='hidden' name='urlnew' value='"+clientwindow.location.href+"'>"
+  +"</form></body></html>");
+   annotator.document.close();
 }
 
 function set_bookmark() {
    go('');
-   prompt("Please enter a name for this bookmark.", 
-           clientwindow.window.location.href);
+   clienttitle="Enter Title";
+   clienthref="Enter Address";
+   w_bmquery_flag=1;
+   bmquery=window.open('','bmquery','width=365,height=165,scrollbars=0');
+   bmquery.document.write(
+   "<html><body bgcolor='bbbbbb'><center><form method='post'"
+   +" name='newlink' action='/adm/bookmarks' target='bmquery' "
+   +">\n <table width=340 height=150 "
+   +"bgcolor='ffffff' align=center><tr><td>Link Name:<br><input "
+   +"type='text' name='title' size=45 value='"+clienttitle+"'>"
+   +"<br>Address:<br><input type='text' name='address' size='45' "
+   +"value='"+clienthref+"'><br><center><input type='submit' "
+   +"value='Save'> <input type='button' value='Close (no save)' "
+   +"onclick='javascript:window.close();'></center></td>"
+   +"</tr></table></form></center></body></html>");
+   bmquery.document.close();
 }
 
 function edit_bookmarks() {
    go('');
-   window.open("http://"+clienthost+"/adm/bookmarks",
+   w_BookmarkPal_flag=1;
+   bookmarkpal=window.open("http://"+clienthost+"/adm/bookmarks",
                "BookmarkPal", "width=400,height=505,scrollbars=0");
 }
 
+function catalog_info() {
+   go('');
+   w_LONcatInfo_flag=1;
+   loncatinfo=window.open(clientwindow.window.location.href+'.meta',"LONcatInfo");
+}
+// -->
 </script>
 
 <center>
-<table border=0 cellspacing=0 cellpadding=0>
+<table border="0" cellspacing="1" cellpadding="0">
 <tr><td>
 <a href="javascript:defdis();"
    onMouseOver="defdis();"
-><img border=0 src="title.gif"></a>
+><img border="0" src="title.gif"></img></a>
 </td><td>
-<img border=0 name="led" src="ledoff.gif">
+<img border="0" name="led" src="ledoff.gif"> </img>
 </td></tr>
 </table>
-<br>
-<table border=0 cellspacing=1 cellpadding=1>
+<br />
+<table border="0" cellspacing="1" cellpadding="1">
 <tr><td bgcolor="#666666">
-<table border=0 cellspacing=1 cellpadding=0> 
+<table border="0" cellspacing="1" cellpadding="0"> 
 <tr>
-<td><img name=i0 src=l.gif></td>
-<td><img name=i1 src=o.gif></td>
-<td><img name=i2 src=n.gif></td>
-<td><img name=i3 src=hyphen.gif></td>
-<td><img name=i4 src=c.gif></td>
-<td><img name=i5 src=a.gif></td>
-<td><img name=i6 src=p.gif></td>
-<td><img name=i7 src=a.gif></td>
-</tr>
-<tr>
-<td><img name=j0 src=space.gif></td>
-<td><img name=j1 src=space.gif></td>
-<td><img name=j2 src=space.gif></td>
-<td><img name=j3 src=space.gif></td>
-<td><img name=j4 src=space.gif></td>
-<td><img name=j5 src=space.gif></td>
-<td><img name=j6 src=space.gif></td>
-<td><img name=j7 src=space.gif></td>
+<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>
 </tr>
 </table>
 </td>
 </tr>
-</table><br>
+</table><br />
 
-<a href="javascript:defdis();"
-   onMouseOver="defdis();"
-><img border=0 src="spacer.gif"></a><br>
+<table border="0" cellspacing="0" cellpadding="0">
 
-<img src="navmenu.gif" usemap="#navmenuMap" border=0><br>
+<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>
+</tr>
 
-<a href="javascript:defdis();"
-   onMouseOver="defdis();"
-><img border=0 src="spacer.gif"></a><br>
+<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>
+</tr>
 
-<img src="fnkmenu.gif" usemap="#fnkmenuMap" border=0><br>
+<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>
+</tr>
 
-<a href="javascript:defdis();"
-   onMouseOver="defdis();"
-><img border=0 src="spacer.gif"></a><br>
+<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>
+</tr>
 
-<img src="endmenu.gif" usemap="#endmenuMap" border=0>
+<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>
+</tr>
 
-</center>
+<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>
+</tr>
 
-<MAP NAME="fnkmenuMap">
-    <AREA SHAPE="rect" COORDS="4,3,34,21"
-         href="javascript:annotate();"
-          onMouseOver="display('my anno-','tations');"
-    >
-
-    <AREA SHAPE="rect" COORDS="35,3,65,21"
-         href="javascript:go('');"
-          onMouseOver="display('search','catalog');"
-    >
-
-    <AREA SHAPE="rect" COORDS="66,3,96,21"
-         href="javascript:go('');"
-          onMouseOver="display('feedback','on this');"
-    >
-
-    <AREA SHAPE="rect" COORDS="97,3,127,21"
-         href="javascript:go('');"
-          onMouseOver="display('my pre-','ferences');"
-    >
-
-    <AREA SHAPE="rect" COORDS="4,30,34,48"
-         href="javascript:go('');"
-          onMouseOver="display('catalog','info');"
-    >
-
-    <AREA SHAPE="rect" COORDS="35,30,65,48"
-         href="javascript:go('');"
-          onMouseOver="display('prepare','printout');"
-    >
-
-    <AREA SHAPE="rect" COORDS="66,30,96,48"
-         href="javascript:go('');"
-          onMouseOver="display('evaluate','this');"
-    >
-
-    <AREA SHAPE="rect" COORDS="97,30,127,48"
-         href="javascript:go('');"
-          onMouseOver="display('assign-','ments');"
-    >
-    <area shape="default"
-         href="javascript:defdis();"
-         onMouseOver="defdis()";
-    >
-</MAP>
-
-<MAP NAME="endmenuMap">
-   <AREA SHAPE="rect" COORDS="76,1,131,19"
-          href="javascript:logout();"
-          onMouseOver="display('logout','');"
-    >
-    <AREA SHAPE="rect" COORDS="39,0,69,19"
-          href="javascript:go('');"
-          onMouseOver="display('my desk','');"
-    >
-    <AREA SHAPE="rect" COORDS="1,1,30,19" 
-          href="javascript:go('');"
-          onMouseOver="display('commu-','nication');"
-    >
-    <area shape="default"
-         href="javascript:defdis();"
-         onMouseOver="defdis()";
-    >
-</MAP>
-
-<MAP NAME="navmenuMap">
-    <AREA SHAPE="rect" COORDS="86,24,110,80"
-          href="javascript:windowcheck();gopost('/adm/flip',
-                               'forward:'+clientwindow.window.location.href);"
-          onMouseOver="display('go','forward');"
-    >
-    <AREA SHAPE="rect" COORDS="20,23,44,81"
-          href="javascript:windowcheck();gopost('/adm/flip',
-                               'back:'+clientwindow.window.location.href);"
-          onMouseOver="display('go','back');"
-    >
-    <AREA SHAPE="rect" COORDS="35,72,95,97"
-          href="javascript:windowcheck();gopost('/adm/flip',
-                               'down:'+clientwindow.window.location.href);"
-          onMouseOver="display('go level','down');"
-    >
-    <AREA SHAPE="rect" COORDS="36,7,94,31"
-          href="javascript:windowcheck();gopost('/adm/flip',
-                               'up:'+clientwindow.window.location.href);"
-          onMouseOver="display('go level','up');"
-    >
-    <AREA SHAPE="circle" COORDS="64,51,21"
-          href="javascript:go('');"
-          onMouseOver="display('return','location');"
-    >
-    <AREA SHAPE="polygon" COORDS="2,2,42,2,2,42"
-         href="javascript:go('/adm/roles');"
-          onMouseOver="display('enter','course');"
-    >
-    <AREA SHAPE="polygon" COORDS="2,103,42,103,2,63"
-         href="javascript:set_bookmark();"
-          onMouseOver="display('set','bookmark');"
-    >
-    <AREA SHAPE="polygon" COORDS="127,2,87,2,127,42"
-         href="javascript:go('');"
-          onMouseOver="display('navigate','maps');"
-    >
-    <AREA SHAPE="polygon" COORDS="128,102,89,102,128,63"
-         href="javascript:edit_bookmarks();"
-         onMouseOver="display('go to','bookmark');"
-    >
-    <area shape="default"
-         href="javascript:defdis();"
-         onMouseOver="defdis()";
-    >
-</MAP>
-<form name='server' action='/adm/logout' method='post' target='loncapaclient'>
-<input type='hidden' name='postdata' value='none'>
-</form>
-</body>
-</html>
+<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>
+</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>
+</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>
+</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 colspan="2"><a href="javascript:eval(hr[102]);" onMouseOver="display(dt[102],db[102]);"><img border="0" name="b102" src="dempty.gif"></img></a></td>
+</tr>
+
+</table>
 
 
+<a href="javascript:defdis();"
+   onMouseOver="defdis();"
+><img border="0" src="spacer.gif"></img></a><br />
+
+<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>
+</body>
+</html>
