--- rat/client/Attic/code.html	2001/06/26 20:42:18	1.37
+++ rat/client/Attic/code.html	2002/03/12 21:37:18	1.51
@@ -3,6 +3,32 @@
 <!--
 The LearningOnline Network
 Resource Assembly Tool
+//
+// $Id: code.html,v 1.51 2002/03/12 21:37:18 matthew Exp $
+//
+// Copyright Michigan State University Board of Trustees
+//
+// This file is part of the LearningOnline Network with CAPA (LON-CAPA).
+//
+// LON-CAPA is free software; you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation; either version 2 of the License, or
+// (at your option) any later version.
+//
+// LON-CAPA is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with LON-CAPA; if not, write to the Free Software
+// Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
+//
+// /home/httpd/html/adm/gpl.txt
+//
+// http://www.lon-capa.org/
+//
+YEAR 2000
 7/23,7/24,7/26,
 8/11,8/14,8/18,8/19,8/20,8/21,8/22,8/25,8/26,8/28,8/30,8/31,
 9/1,9/2,9/4,9/5,9/6,
@@ -10,12 +36,15 @@ Resource Assembly Tool
 2/2,2/3,2/10,2/12,2/13,2/14,2/15,2/17,2/18,2/19,2/20,2/21,2/22,
 5/2,5/3,5/4,5/5,5/6,5/8,5/9,5/13,5/18,5/20,5/22,5/24,5/25,
 6/7,6/8,6/9,6/10,6/12,6/15,7/4,7/26,7/28,7/31,8/5,8/19,8/24,
+YEAR 2001
 01/17/01,03/03,03/05 Gerd Kortemeyer with Scott Harrison
 March/April 01 Scott Harrison
 04/20 Gerd Kortemeyer
 04/30 Scott Harrison
 05/31 Scott Harrison
-06/11,06/25 Gerd Kortemeyer
+06/11,06/25,06/27,06/28,06/29,07/04 Gerd Kortemeyer
+07/24,8/6,8/7,10/16 Scott Harrison
+03/01/02 Matthew Hall
 -->
 
 
@@ -93,13 +122,15 @@ var parm;
 var parmflag=-1; // 1 means currently open
                  // 0 means closed (but has been open)
                  // -1 means never yet opened/defined
+                 
+var iconpath='/adm/lonIcons/';
+var raticons='/adm/rat/';
 
 function testfunction() {
    inf.document.forms.resinfo.elements.t.value="ABC";
 }
 
 // ------------------------------------------------ Insert a row into the table
-
 function insertrow(j,ex1,ex2) {
    var kj;
    stored=0;
@@ -118,7 +149,7 @@ function insertrow(j,ex1,ex2) {
    objects=objects1+':'+objects2;
    data1=objects.split(':');
    for (kj=0;kj<data1.length;kj++) {
-     if ((data1[kj]!='') && (data1[kj]!=undefined)) {
+     if ((data1[kj]!='') && (typeof(data1[kj])!="undefined")) {
        thisisobj=obj[data1[kj]];
        thisobjtype=thisisobj.split('&')[0];
        if (thisobjtype=='v') {
@@ -159,7 +190,7 @@ function insertrow(j,ex1,ex2) {
                    }
                 }
              }
-             if ((newobj!='') && (newobj!=undefined)) {
+             if ((newobj!='') && (typeof(newobj)!="undefined")) {
                 thisobjcol=newobj.split('&')[1];
                 if (colcover.indexOf(':'+thisobjcol+':',0)==-1) {
                    colcover+=thisobjcol+':';  
@@ -185,7 +216,7 @@ function insertrow(j,ex1,ex2) {
                    }
                 }
              }
-             if ((newobj!='') && (newobj!=undefined)) {
+             if ((newobj!='') && (typeof(newobj)!="undefined")) {
                 thisobjcol=newobj.split('&')[1];
                 if (colcover.indexOf(':'+thisobjcol+':',0)==-1) {
                    colcover+=thisobjcol+':';  
@@ -204,7 +235,6 @@ function insertrow(j,ex1,ex2) {
 }
 
 // --------------------------------------------- Creates a new condition object
-
 function newcondition(content,type) {
    var ko;
    stored=0;
@@ -215,7 +245,6 @@ function newcondition(content,type) {
 }
 
 // ---------------------------------------------- Creates a new resource object
-
 function newresource(rid,cid,text,url,ext,type) {
    stored=0;
    objcont[addobj(rid,'b&'+rid+'&'+cid+':0:0:0')]=
@@ -224,7 +253,6 @@ function newresource(rid,cid,text,url,ex
 
 
 // -------------------------------- Insert a condition into a port of an object
-
 function insertcond(obj1,portnr,cond) {
    var k;
    stored=0;
@@ -241,7 +269,6 @@ function insertcond(obj1,portnr,cond) {
  
 // --------------------------------------------- Insert a column into the table
 // Inserts a new table column after table column j
-
 function insertcol(j) {
    var kj;
    stored=0;
@@ -254,7 +281,6 @@ function insertcol(j) {
 }
      
 // --------------------------------------------------------------- Find the row
-
 function findrow(jid) {
    var j;
    for (j=0;j<=maxrow;j++) { if (row[j]==jid) { return j; } }
@@ -262,7 +288,6 @@ function findrow(jid) {
 }
 
 // --------------------------------------------------------------- Find the col
-
 function findcol(jid) {
    var j;
    for (j=0;j<=maxcol;j++) { if (col[j]==jid) { return j; } }
@@ -277,12 +302,11 @@ function findcol(jid) {
 //
 // returns middle (col number of middle of obj1)
 // sets colmap (map of cols with object numbers)
-
 function maprow (jid,obj1,ign) {
  var j; var k; var left; var right; var middle;
  middle=-1;
  for (j=0;j<=maxcol;j++) { colmap[j]=0; }
- if ((rowcont[jid]!='') && (rowcont[jid]!=undefined)) {
+ if ((rowcont[jid]!='') && (typeof(rowcont[jid])!="undefined")) {
    data2=rowcont[jid].split(':');
    for (j=0;j<data2.length;j++) {
       data3=obj[data2[j]].split('&');
@@ -323,7 +347,6 @@ function maprow (jid,obj1,ign) {
 // kid: colID, find point close to this
 // dkid: destination colID
 // returns colID
-
 function comingthru (jid,kid,dkid) {
    var k;
    maprow(jid,-1,1);
@@ -369,10 +392,7 @@ function comingthru (jid,kid,dkid) {
 // linkobj: object that the link goes to/comes from
 // sets inrow or outrow
 // return column
-
-
 function insertport (obj1,d,inout,linkobj) {
-
    var k; var port; var revport;
    stored=0;
    data1=obj[obj1].split('&');
@@ -401,7 +421,6 @@ function insertport (obj1,d,inout,linkob
          if ((data3[k]==0) && (colmap[k]==obj1) && (port==-1)) { port=k; } 
       }
    }
-
    if (port==-1) {
       if (colmap[k]==0) {
          revport=findcol(k);
@@ -448,11 +467,10 @@ function insertport (obj1,d,inout,linkob
 
 // ---------------------------- Make a new object and add it to the row content
 // returns object number of generated object
- 
 function addobj(kjid,objs) {
    stored=0;
    expense++;
-   if ((rowcont[kjid]!='') && (rowcont[kjid]!=undefined)) { 
+   if ((rowcont[kjid]!='') && (typeof(rowcont[kjid])!="undefined")) { 
       rowcont[kjid]+=':'; 
    }
    rowcont[kjid]+=obj.length;
@@ -462,7 +480,6 @@ function addobj(kjid,objs) {
 
 // ---------------------------------------- Make horizontal connection for hrid
 // hoffs=-1: this line goes on top of hrid
-
 function horizontal(hrid,hoffs,hfcol,htcol,hdest,hends) {
    hcrid=-1;
    if (hoffs==-1) {
@@ -489,7 +506,6 @@ function horizontal(hrid,hoffs,hfcol,htc
          }
       }
    }
-
    if (hcrid==-1) {
       insertrow(row[hrid]+hoffs,hfcol,htcol);
       addobj(maxrow,'h&'+maxrow+'&'+hfcol+':'+htcol+'&'+hdest+'&'+hends);
@@ -499,7 +515,6 @@ function horizontal(hrid,hoffs,hfcol,htc
 }
 
 // --------------------------------------- Deletes all references to object obj
-
 function delobj(obj1) {
    var k;
    stored=0;
@@ -508,7 +523,7 @@ function delobj(obj1) {
       rowcont[k]='';
       for (k2=0;k2<data4.length;k2++) {
          if (data4[k2]!=obj1) {
-            if ((rowcont[k]!='') && (rowcont[k]!=undefined)) { 
+            if ((rowcont[k]!='') && (typeof(rowcont[k])!="undefined")) { 
                rowcont[k]+=':'; 
             } 
             rowcont[k]+=data4[k2]; 
@@ -519,7 +534,6 @@ function delobj(obj1) {
 }
 
 // --------------------------------------------------------- Garbage collection
-
 function cleanup () {
    message("Garbage Collection");
    var j,kj,i;
@@ -530,7 +544,7 @@ function cleanup () {
    for (kj=0;kj<=maxcol;kj++) { data1[kj]=0; }
    for (kj=0;kj<=maxrow;kj++) {
      rowtype[kj]=0;
-     if ((rowcont[kj]!='') && (rowcont[kj]!=undefined)) {
+     if ((rowcont[kj]!='') && (typeof(rowcont[kj])!="undefined")) {
        data2=rowcont[kj].split(':');
        for (j=0;j<data2.length;j++) {
          if (obj[data2[j]].substring(0,2)=='e&') {
@@ -573,11 +587,9 @@ function cleanup () {
       rowtype[maxrow]=2;
       coltype[maxcol]=2;
    }
-
 }
 
 // -------------------------------------------- Delete a condition from a block
-
 function delcond(obj1,colid) {
    var k;
    stored=0;
@@ -597,7 +609,6 @@ function delcond(obj1,colid) {
 }
     
 // ----------------------------------------- Creates a new condition in a block
-
 function crecond(obj1,colid,condtext,condtype) {
    var k;
    data3=obj[obj1].split('&');
@@ -619,11 +630,10 @@ function crecond(obj1,colid,condtext,con
 // deletes the link linknr
 // h&rowID&incolID:outcolID&inObj:outObj&inupdown:outupdown
 // v&colID&inObj:outObj&updown
-
 function dellink (linknr) {
   var k; var obj1; var obj2;
   stored=0;
-  if ((objlinks[linknr]!='') && (objlinks[linknr]!=undefined)) {
+  if ((objlinks[linknr]!='') && (typeof(objlinks[linknr])!="undefined")) {
    data3=objlinks[linknr].split(':');
    obj1=data3[0];
    obj2=data3[1];
@@ -646,7 +656,7 @@ function dellink (linknr) {
       }
    }
    for (k=0;k<obj.length;k++) {
-     if ((obj[k]!='') && (obj[k]!=undefined)) {
+     if ((obj[k]!='') && (typeof(obj[k])!="undefined")) {
        data3=obj[k].split('&');
        if (((data3[0]=='v') || (data3[0]=='h')) && 
            (data3[data3.length-2]==linknr)) {
@@ -660,7 +670,6 @@ function dellink (linknr) {
 
 // ----------------------------------------------------------- Join two objects
 // Links obj1 with obj2, creates new objlink, marks all elements with number
-
 function joinres (obj1,obj2,cond) {
    stored=0;
    var minexpense;
@@ -695,7 +704,6 @@ function joinres (obj1,obj2,cond) {
       minexpense=expense;
    }
 
-
    if (best==0) {
       finishload();
       tryjoin(obj1,obj2,cond,1,1);
@@ -708,10 +716,8 @@ function joinres (obj1,obj2,cond) {
       finishload();
       tryjoin(obj1,obj2,cond,-1,1);
    }
-
 }
 
-
 function tryjoin(obj1,obj2,cond,d1,d2) {
    var k; var kr; var outcol; var incol; var d; var dest;
 
@@ -810,7 +816,6 @@ function tryjoin(obj1,obj2,cond,d1,d2) {
 // ---------------------------------------------------------- Delete a resource
 // Deletes resource obj1
 // Reconnects resources going thru this one if recon=1
-
 function delres (obj1,recon) {
    var infromobj=new Array();
    var inwithcon=new Array();
@@ -858,7 +863,7 @@ function delres (obj1,recon) {
                if (inobjs[k2]==infromobj[k]) {
                   if (inwithcon[k]!=0) {
                      if ((inobjscond[k2]!='') &&
-                         (inobjscond[k2]!=undefined)) { 
+                         (typeof(inobjscond[k2])!="undefined")) { 
                          inobjscond[k2]+='||'; 
                      }
                      inobjscond[k2]+=
@@ -887,7 +892,7 @@ function delres (obj1,recon) {
                if (outobjs[k2]==outtoobj[k]) {
                  if (outwithcon[k]!=0) {
                      if ((outobjscond[k2]!='') &&
-                         (outobjscond[k2]!=undefined)) { 
+                         (typeof(outobjscond[k2])!="undefined")) { 
                          outobjscond[k2]+='||'; 
                      }
                      outobjscond[k2]+=
@@ -911,19 +916,19 @@ function delres (obj1,recon) {
 
       for (k=0;k<inobjs.length;k++) {
           cond='';
-          if ((inobjscond[k]!='') && (inobjscond[k]!=undefined)) { 
+          if ((inobjscond[k]!='') && (typeof(inobjscond[k])!="undefined")) { 
              cond='('+inobjscond[k]+')'; 
           }
           for (k2=0;k2<outobjs.length;k2++) {
               thiscond=cond;
-              if ((outobjscond[k2]!='') && (outobjscond[k2]!=undefined)) {
-                 if ((thiscond!='') && (thiscond!=undefined)) { 
+              if ((outobjscond[k2]!='') && (typeof(outobjscond[k2])!="undefined")) {
+                 if ((thiscond!='') && (typeof(thiscond)!="undefined")) { 
                     thiscond+='&&'; 
                  }
                  thiscond+='('+outobjscond[k2]+')';
               }
               condnr=0;
-              if ((thiscond!='') && (thiscond!=undefined)) { 
+              if ((thiscond!='') && (typeof(thiscond)!="undefined")) { 
                  condnr=newcondition(thiscond,'normal'); 
               }
               save(); 
@@ -934,47 +939,123 @@ function delres (obj1,recon) {
 }
 
 // -------------------------------------------------------------- Draw an entry
-
 function drawcell (rtype,ctype,what,cm,obj1,ej,ek,ne) {
  var bgcolor;
+ var url='';
+ var urlparts=new Array;
+ var mime;
+ var ext;
+ var objref;
+ var objnum;
+
  if ((what=='') && (ne==0)) { cm="#DDDDDD"; }
  if (ctype!=0) {
    parent.mapout.document.write('<td bgcolor='+cm+' width='+cw[ctype]+'>');
-   if ((what!='') && (what!=undefined)) {
-     if ((obj1!='') && (obj1!=undefined)) {
-       obj1="'"+obj1+"'";
+   if ((what!='') && (typeof(what)!="undefined")) {
+     if ((obj1!='') && (typeof(obj1)!="undefined")) {
+       objref="'"+obj1+"'";
        parent.mapout.document.write
-        ('<a href="javascript:parent.code.handler('+obj1
-         +');" onMouseOver="parent.code.info('+obj1+');">');
+        ('<a href="javascript:parent.code.handler('+objref
+         +');" onMouseOver="parent.code.info('+objref+');">');
      } 
      if (what=='r:') {
+        mime='';
+        objnum=(obj1.split('&'))[1];
+        if (typeof(objcont[objnum])!="undefined") {
+            urlparts=objcont[objnum].split(':');
+            url=urlparts[1];
+            ext=urlparts[2];
+            urlparts=url.split('.');
+            mime=urlparts[urlparts.length-1];
+            if (typeof(mime)=="undefined") { mime=''; }
+        }
+        parent.mapout.document.write
+         ('<img border=0 width='+cw[ctype]+' height='+rh[1]
+          +' src="'+raticons+'resource.gif">');
+        if ((mime!='') && (ext!='true')) {
+           parent.mapout.document.write
+           ('<br><img border=0 src="'+raticons+'left.gif"></a><a target="preview" href="'+
+           url+'.meta"><img border=0 src="'+iconpath+
+           'meta.gif"><a target="preview" href="'+url+
+           '"><img border=0 src="'+iconpath+mime+'.gif">'+
+           '<img border=0 src="'+raticons+'right.gif">');
+        } else {
+           parent.mapout.document.write
+           ('<br><img border=0 src="'+raticons+'middle.gif">');
+        }
         parent.mapout.document.write
-         ('<img border=0 width='+cw[ctype]+' height='+rh[rtype]
-          +' src="resource.gif">');
+           ('<br><img border=0 src="'+raticons+'bottom.gif">');
      } else {
         if (what=='c:') {
            parent.mapout.document.write
             ('<img border=0 width='+cw[ctype]+' height='+rh[rtype]
-             +' src="condition.gif">');          
+             +' src="'+raticons+'condition.gif">');          
         } else {
            if (what=='rs:') {
+        mime='';
+        objnum=(obj1.split('&'))[1];
+        if (typeof(objcont[objnum])!="undefined") {
+            urlparts=objcont[objnum].split(':');
+            url=urlparts[1];
+            ext=urlparts[2];
+            urlparts=url.split('.');
+            mime=urlparts[urlparts.length-1];
+            if (typeof(mime)=="undefined") { mime=''; }
+        }
               parent.mapout.document.write
-               ('<img border=0 width='+cw[ctype]+' height='+rh[rtype]
-               +' src="start.gif">');
+               ('<img border=0 width='+cw[ctype]+' height='+rh[1]
+               +' src="'+raticons+'start.gif">');
+        if ((mime!='') && (ext!='true')) {
+           parent.mapout.document.write
+           ('<br><img border=0 src="'+raticons+'left.gif"></a><a target="preview" href="'+
+           url+'.meta"><img border=0 src="'+iconpath+
+           'meta.gif"><a target="preview" href="'+url+
+           '"><img border=0 src="'+iconpath+mime+'.gif">'+
+           '<img border=0 src="'+raticons+'right.gif">');
+        } else {
+           parent.mapout.document.write
+           ('<br><img border=0 src="'+raticons+'middle.gif">');
+        }
+        parent.mapout.document.write
+           ('<br><img border=0 src="'+raticons+'bottom.gif">');
+
            } else {
              if (what=='rf:') {
+        mime='';
+        objnum=(obj1.split('&'))[1];
+        if (typeof(objcont[objnum])!="undefined") {
+            urlparts=objcont[objnum].split(':');
+            url=urlparts[1];
+            ext=urlparts[2];
+            urlparts=url.split('.');
+            mime=urlparts[urlparts.length-1];
+            if (typeof(mime)=="undefined") { mime=''; }
+        }
                 parent.mapout.document.write
-                ('<img border=0 width='+cw[ctype]+' height='+rh[rtype]
-                +' src="finish.gif">');
+                ('<img border=0 width='+cw[ctype]+' height='+rh[1]
+                +' src="'+raticons+'finish.gif">');
+        if ((mime!='') && (ext!='true')) {
+           parent.mapout.document.write
+           ('<br><img border=0 src="'+raticons+'left.gif"></a><a target="preview" href="'+
+           url+'.meta"><img border=0 src="'+iconpath+
+           'meta.gif"><a target="preview" href="'+url+
+           '"><img border=0 src="'+iconpath+mime+'.gif">'+
+           '<img border=0 src="'+raticons+'right.gif">');
+        } else {
+           parent.mapout.document.write
+           ('<br><img border=0 src="'+raticons+'middle.gif">');
+        }
+        parent.mapout.document.write
+           ('<br><img border=0 src="'+raticons+'bottom.gif">');
              } else {
                 parent.mapout.document.write
                 ('<img border=0 width='+cw[ctype]+' height='+rh[rtype]
-                +' src="'+rtype+'.'+ctype+'.'+what+'.gif">');
+                +' src="'+raticons+rtype+'.'+ctype+'.'+what+'.gif">');
              }
            }
         }
      }
-     if ((obj1!='') && (obj1!=undefined)) {
+     if ((obj1!='') && (typeof(obj1)!="undefined")) {
        parent.mapout.document.write('</a>');
      }
    } else {
@@ -990,14 +1071,13 @@ function drawcell (rtype,ctype,what,cm,o
       parent.mapout.document.write
          (
          '<img border=0 width='+cw[ctype]+' height='+rh[rtype]
-        +' src="'+rtype+'.'+ctype+'.empty.gif"></a>');
+        +' src="'+raticons+rtype+'.'+ctype+'.empty.gif"></a>');
    }
    parent.mapout.document.write('</td>');
  }
 }
 
 // --------------------------------------------------------- Color of resources
-
 function rescolor (ext,typ) {
    var rc; var gc; var bc;
    if (ext=='true') { bc='55'; } else { bc='99'; }
@@ -1008,7 +1088,6 @@ function rescolor (ext,typ) {
 }
 
 // -------------------------------------------------------- Color of conditions
-
 function condcolor(typ) {
    if (typ=='stop')  { return '#EEAAAA'; }
    if (typ=='force') { return '#AAAAEE'; }
@@ -1016,7 +1095,6 @@ function condcolor(typ) {
 }
 
 // ----------------------------------------------------------------- Draw a row
-
 function drawrow (jid) {
 var j; var jk; var k;  var ck; var rtype;
 var objd1=new Array();
@@ -1031,7 +1109,7 @@ if (rowtype[jid]!=0) {
  }
 
  parent.mapout.document.writeln('<tr height='+rh[rowtype[jid]]+'>');
- if ((rowcont[jid]!='') && (rowcont[jid]!=undefined)) {
+ if ((rowcont[jid]!='') && (typeof(rowcont[jid])!="undefined")) {
    data2=rowcont[jid].split(':');
    for (jk=0;jk<data2.length;jk++) {
       data3=obj[data2[jk]].split('&');
@@ -1088,7 +1166,7 @@ if (rowtype[jid]!=0) {
 
          if (rightin>middle) {
             for (k=middle+1;k<rightin;k++) { 
-               if ((colmap4[k]!='') && (colmap4[k]!=undefined)) {
+               if ((colmap4[k]!='') && (typeof(colmap4[k])!="undefined")) {
                   colmap[k]='rlt'; 
                } else {
                   colmap[k]='rl';
@@ -1098,7 +1176,7 @@ if (rowtype[jid]!=0) {
          }
          if (leftin<middle) {
             for (k=middle-1;k>leftin;k--) { 
-               if ((colmap4[k]!='') && (colmap4[k]!=undefined)) {
+               if ((colmap4[k]!='') && (typeof(colmap4[k])!="undefined")) {
                   colmap[k]='lrt'; 
                } else {
                   colmap[k]='lr';
@@ -1118,7 +1196,7 @@ if (rowtype[jid]!=0) {
             if (rightout<middle)  { colmap2[middle]='tl'; }
             if (rightout==middle) { colmap2[middle]='tdl'; }
             if (rightout>middle)  { 
-              if ((colmap3[middle]!='') && (colmap3[middle]!=undefined)) {
+              if ((colmap3[middle]!='') && (typeof(colmap3[middle])!="undefined")) {
                  colmap2[middle]='rtdl'; 
               } else {
                  colmap2[middle]='rtl';
@@ -1127,7 +1205,7 @@ if (rowtype[jid]!=0) {
          }
          if (leftout<middle) {
             for (k=middle-1;k>leftout;k--) { 
-               if ((colmap3[k]!='') && (colmap3[k]!=undefined)) {
+               if ((colmap3[k]!='') && (typeof(colmap3[k])!="undefined")) {
                   colmap2[k]='rld'; 
                } else {
                   colmap2[k]='rl';
@@ -1137,7 +1215,7 @@ if (rowtype[jid]!=0) {
          }
          if (rightout>middle) {
             for (k=middle+1;k<rightout;k++) { 
-               if ((colmap3[k]!='') && (colmap3[k]!=undefined)) {
+               if ((colmap3[k]!='') && (typeof(colmap3[k])!="undefined")) {
                   colmap2[k]='lrd'; 
                } else {
                   colmap2[k]='lr';
@@ -1220,13 +1298,11 @@ if (rowtype[jid]!=0) {
 }
 
 // -------------------------------------------------------------- Print message
-
 function message(txt) {
    parent.window.status=txt;
 }
 
 // ------------------------------------------------------------- Draw the table
-         
 function draw () {
    var k; var kr;
 
@@ -1275,7 +1351,6 @@ function draw () {
 }
 
 // --------------------------------------------------------- Clears info window
-
 function infoclear() {
  if (notclear!=1) {
   infcheck();
@@ -1323,14 +1398,12 @@ function infoclear() {
 }
 
 // ------------------------------------------------------------ Open inf window
-
 function infopen() {
    var options="scrollbars=1,resizable=1,menubar=0,width=400,height=300";
    inf=open("","infout",options);
 }
 
 // -------------------------------------------------------- Do inf status check
-
 function infcheck() {
    if (inf.closed) {
       infopen();
@@ -1338,15 +1411,18 @@ function infcheck() {
 }
 
 // --------------------------------------------------- Prints out resource info
-
 function info(infostr) {
+ var mime='';
+ var ext;
+ var urlparts=new Array;
+ var url='';
  if ((editmode!=1) && (infostr!=lastinfo)) {
   notclear=1;
   infcheck();
   inf.document.clear();
   inf.document.writeln(
    '<html><body bgcolor="#FFFFFF">'+
-   '<table><tr><td width=32><img src="info.gif"></td><td bgcolor="#AAFFAA">');
+   '<table><tr><td width=32><img src="'+raticons+'info.gif"></td><td bgcolor="#AAFFAA">');
   data1=infostr.split('&');
   if (data1[0]=='c') {
      inf.document.write('<b>Condition (');
@@ -1370,7 +1446,18 @@ function info(infostr) {
   } else {
      if (data1[0]=='r') {
         data2=objcont[data1[1]].split(':');
-        inf.document.write('<b>');
+        url=data2[1];
+        ext=data2[2];
+        urlparts=url.split('.');
+        mime=urlparts[urlparts.length-1];
+        if (typeof(mime)=="undefined") { mime=''; }
+        if (ext=='true') { mime=''; }
+        if (mime!='') {
+           inf.document.write
+           ('<br><a target="preview" align="right" href="'+url+
+           '"><img border=0 src="'+iconpath+mime+'.gif"></a>&nbsp;&nbsp;');
+        }
+       inf.document.write('<b>');
         if (data2[2]=='true') { inf.document.write('External '); }
         if (data2[3]=='start') {
            inf.document.writeln('<b>Start</b>');
@@ -1416,7 +1503,6 @@ function info(infostr) {
 }
 
 // ------------------------------------------------ "Escapes" out special chars
-
 function escape(instring) {
    var outstring='';
    var thischar;
@@ -1424,7 +1510,7 @@ function escape(instring) {
    for (k=0;k<instring.length;k++) {
       thischar=instring.charAt(k);
       if (thischar==':') { thischar='&#58;'; }
-      if (thischar=='"') { thischar='&#34;'; }
+      if (thischar=='"') { thischar='&#34;'; }// "
       if (thischar=="'") { thischar='&#39;'; }
       if (thischar==',') { thischar='&#44;'; }
       outstring+=thischar;
@@ -1433,7 +1519,6 @@ function escape(instring) {
 }
 
 // -------------------------------------------------- Insert resource into link
-
 function insertreslink(infostr) {
    var lnr;
    var fobj;
@@ -1466,7 +1551,6 @@ function insertreslink(infostr) {
 }
 
 // -------------------------------------------- Insert resource after condition
-
 function insertcondlink(cid,lnr) {
    var fobj;
    var tobj;
@@ -1487,29 +1571,22 @@ function insertcondlink(cid,lnr) {
    joinres(nobj,tobj,0);
 }
 
-
-
-
 // ------------------------------------------------------ Clears indexer window
-
 function idxclear() {
   idx.document.clear();
 }
 
 // ------------------------------------------------------- Clears search window
-
 function srchclear() {
   srch.document.clear();
 }
 
 // --------------------------------------------------------- Clears parm window
-
 function parmclear() {
   parm.document.clear();
 }
 
 // ------------------------------------------------------ Closes indexer window
-
 function idxclose() {
   if (idx && !idx.closed) {
     idxflag=0;
@@ -1518,7 +1595,6 @@ function idxclose() {
 }
 
 // ------------------------------------------------------- Closes search window
-
 function srchclose() {
   if (srch && !srch.closed) {
     srchflag=0;
@@ -1527,7 +1603,6 @@ function srchclose() {
 }
 
 // ------------------------------------------------------- Closes search window
-
 function parmclose() {
   if (parm && !parm.closed) {
     parmflag=0;
@@ -1536,42 +1611,37 @@ function parmclose() {
 }
 
 // -------------------------------------------------------- Open indexer window
-
 function idxopen(mode) {
    var options="scrollbars=1,resizable=1,menubar=0";
    idxmode=mode;
    idxflag=1;
-   idx=open("/res?catalogmode="+mode,"idxout",options);
+   idx=open("/res/?launch=1&mode=rat&catalogmode="+mode,"idxout",options);
    idx.focus();
 }
 
 // --------------------------------------------------------- Open search window
-
 function srchopen(mode) {
    var options="scrollbars=1,resizable=1,menubar=0";
    srchmode=mode;
    srchflag=1;
-   srch=open("/adm/searchcat?catalogmode=interactive","srchout",options);
+   srch=open("/adm/searchcat?launch=1&mode=rat&catalogmode="+mode,"srchout",options);
    srch.focus();
 }
 
 // -------------------------------------------- Interface function to searching
-
 function search() {
    alert("Searching not yet implemented");
 }
 
 // ------------------------------------------------------- Do srch status check
-
 function srchcheck(mode) {
    if (!srch || srch.closed || srchmode!=mode) {
-      srchopen();
+      srchopen(mode);
    }
    srch.focus();
 }
 
 // -------------------------------------------------------- Do idx status check
-
 function idxcheck(mode) {
    if (!idx || idx.closed || idxmode!=mode) {
       idxopen(mode);
@@ -1580,7 +1650,6 @@ function idxcheck(mode) {
 }
 
 // ---------------------------------------------------- Handles "click to edit"
-
 function handler(infostr) {
   var k;
   editmode=1;
@@ -1589,7 +1658,7 @@ function handler(infostr) {
   inf.document.clear();
   inf.document.writeln(
    '<html><body bgcolor="#FFFFFF">'+
-   '<table><tr><td width=32><img src="edit.gif"></td><td bgcolor="#AAFFAA">');
+   '<table><tr><td width=32><img src="'+raticons+'edit.gif"></td><td bgcolor="#AAFFAA">');
   data1=infostr.split('&');
   if (data1[0]=='c') {
      inf.document.writeln('<b>Condition</b><hr>');
@@ -1626,7 +1695,7 @@ function handler(infostr) {
      }
      inf.document.writeln(
       'opener.infoclear();opener.editmode=0;opener.draw('
-      +');"><b>Change to above values</b></a>&nbsp;&nbsp;'
+      +');"><b>Save Changes</b></a>&nbsp;&nbsp;'
     +' <a href="javascript:self.document.forms.condinfo.reset()">Reset</a><br>'
       +'<input type=hidden name=h value='+data2[1]+'>');
 
@@ -1643,8 +1712,6 @@ function handler(infostr) {
          'opener.insertcondlink('+data1[1]+','+data1[3]+');'+
          'opener.editmode=0;opener.notclear=0;opener.infoclear();opener.draw('
                               +');">Insert Resource Into Link</a>');
-
-
 } else {
      if (data1[0]=='r') {
        if (linkmode!=0) {
@@ -1669,7 +1736,6 @@ function handler(infostr) {
          '<form name=resinfo><table><tr><td>Title:</td><td colspan=2>'
         +'<input type=text name=t size=30 value="'
         +data2[0]+'"><input type=hidden name=h value='+data2[3]+'></td></tr>');
-    if ((data2[3]!='start') && (data2[3]!='finish')) {
            inf.document.write('<tr><td>URL:</td><td colspan=2>'
         +'<input type=text name=u size=30 value="'+data2[1]+'"></td></tr>'
         +'<tr><td>External:</td><td><input type=checkbox name=e');
@@ -1677,8 +1743,9 @@ function handler(infostr) {
         inf.document.write('></td><td align=right>'
         +'<a href="javascript:opener.idxcheck(\'interactive\')">Browse</a> '
         +'<a href="javascript:opener'
-	+'.srchcheck(\'interactive\')">Search</a></td></tr>'
-        +'<tr><td colspan=3>'
+	+'.srchcheck(\'interactive\')">Search</a></td></tr>');
+    if ((data2[3]!='start') && (data2[3]!='finish')) {
+        inf.document.write('<tr><td colspan=3>'
         +'<input type=radio name=y value=normal '+
  'onClick="self.document.forms.resinfo.elements.h.value='+"'normal'"+'"');
      if (data2[3]=='normal') { inf.document.write(' checked'); }
@@ -1691,11 +1758,7 @@ function handler(infostr) {
  'onClick="self.document.forms.resinfo.elements.h.value='+"'optional'"+'"');
      if (data2[3]=='optional') { inf.document.write(' checked'); }
      inf.document.write('> Optional</td></tr>');
-    } else {
-     inf.document.write(
-        '<tr><td><input type=hidden name=e value=false>'
-               +'<input type=hidden name=u value=""></td></tr>');
-    }
+    } 
         inf.document.writeln(
          '<tr><td colspan=3><a href="javascript:opener.editmode=0;'
         +'opener.notclear=0;opener.objcont['+data1[1]
@@ -1704,7 +1767,7 @@ function handler(infostr) {
         +'+self.document.forms.resinfo.elements.e.checked+'+"':'"
         +'+self.document.forms.resinfo.elements.h.value+'+"':res'"
         +';opener.infoclear();opener.editmode=0;opener.draw();">'
-        +'<b>Change to above values</b></a>&nbsp;&nbsp;'
+        +'<b>Save Changes</b></a>&nbsp;&nbsp;'
         +' <a href="javascript:self.document.forms.resinfo.reset()">Reset</a>'
         +'</td></tr></table>');
     if ((data2[3]!='start') && (data2[3]!='finish')) {
@@ -1748,14 +1811,13 @@ function handler(infostr) {
   }
   inf.document.writeln(
      '<br><a href="javascript:opener.editmode=0;opener.notclear=0;'
-     +'opener.infoclear();">Done</a>');
+     +'opener.infoclear();">Cancel</a>');
   inf.document.writeln('</form></td></tr></table></body></html>');
   inf.document.close();
   inf.focus();
 }
 
 // ----------------------------------------------------- Clicks on empty fields
-
 function empty(rid,k) {
   var cid=findcol(k);
   var lcol=k-1;
@@ -1768,7 +1830,7 @@ function empty(rid,k) {
   inf.document.clear();
   inf.document.writeln(
    '<html><body bgcolor="#FFFFFF">'+
-   '<table><tr><td width=32><img src="edit.gif"></td><td bgcolor="#AAFFAA">'+
+   '<table><tr><td width=32><img src="'+raticons+'edit.gif"></td><td bgcolor="#AAFFAA">'+
    '<b>Empty Field</b><hr>');
 
         inf.document.writeln('<br><a href="javascript:opener.newresource('+
@@ -1778,7 +1840,7 @@ function empty(rid,k) {
           +');">Insert resource</a>');
 
   if ((mostrecent!=0) && (objcont[mostrecent]!='') && 
-                         (objcont[mostrecent]!=undefined)) {
+                         (typeof(objcont[mostrecent])!="undefined")) {
 
         inf.document.writeln('<br><a href="javascript:opener.newresource('+
           rid+','+cid+",'','','false','normal');"+
@@ -1818,14 +1880,13 @@ function empty(rid,k) {
 
   inf.document.writeln(
    '<br><a href="javascript:opener.editmode=0;opener.notclear=0;'
-  +'opener.infoclear();">Done</a>');
+  +'opener.infoclear();">Cancel</a>');
   inf.document.writeln('</td></tr></table></body></html>');
   inf.document.close();
   inf.focus();
 }
 
 // ---------------------------------------------------- Save into hidden fields
-
 function save() {
   var k;
   if (graphdef=='yes') {
@@ -1884,7 +1945,6 @@ function save() {
 }
 
 // ----------------------------------------------- Reset all layout information
-
 function graphreset() {
 
    var k;
@@ -1907,7 +1967,7 @@ function graphreset() {
 
    objcont[0]='';
    objlinks[0]='';
-   if (((objcont[1]==undefined)&&(objcont[2]==undefined)) ||
+   if (((typeof(objcont[1])=="undefined")&&(typeof(objcont[2])=="undefined")) ||
        ((objcont[1]=='')&&(objcont[2]==''))) { 
       objcont[1]='Start::false:start:res'
       objcont[2]='Finish::false:finish:res';
@@ -1917,7 +1977,6 @@ function graphreset() {
 }
 
 // --------------------- Compare two resources with each other for "straighten"
-
 function rescompare(a,b) {
    data1=a.split(':');
    data2=b.split(':');
@@ -1934,7 +1993,6 @@ function rescompare(a,b) {
 }
 
 // -------------------------------------------- Draw the table instead of graph
-
 function tabledraw() {
   var objsorted=new Array();
   var robjs=new Array();
@@ -1946,9 +2004,13 @@ function tabledraw() {
   var ck;
   var cck;
   var condid;
+  var url='';
+  var mime='';
+  var ext='';
+  var urlparts=new Array;
   var sortstr=sortobjs();
  insrestab(1,-1,-1,'');
- if ((sortstr!='') && (sortstr!=undefined)) {
+ if ((sortstr!='') && (typeof(sortstr)!="undefined")) {
   objsorted=sortstr.split('&');
   for (k=0;k<objsorted.length;k++) {
      i=(objsorted[k].split(':'))[0];
@@ -1964,8 +2026,21 @@ function tabledraw() {
        }
        data1=objcont[i].split(':');
        ck=rescolor(data1[2],data1[3]);
-        parent.mapout.document.write('<tr><td bgcolor="'+ck
-        +'"><b><a href="javascript:if (parent.code.linkmode!=0) { '
+        parent.mapout.document.write('<tr><td bgcolor="'+ck+'">');
+        url=data1[1];
+        ext=data1[2];
+        urlparts=url.split('.');
+        mime=urlparts[urlparts.length-1];
+        if (typeof(mime)=="undefined") { mime=''; }
+        if ((mime!='') && (ext!='true')) {
+           parent.mapout.document.write
+           ('<a target="preview" align="right" href="'+url+'.meta'+
+           '"><img src="'+iconpath+'meta.gif"></a><p>'+
+           '<a target="preview" align="right"href="'+url+
+           '"><img src="'+iconpath+mime+'.gif"></a><p>');
+        }
+         parent.mapout.document.write(
+         '<b><a href="javascript:if (parent.code.linkmode!=0) { '
         +'parent.code.joinres(parent.code.linkmode,'+i+',0);'
         +'parent.code.linkmode=0;parent.code.editmode=0;'
         +'parent.code.notclear=0;parent.code.infoclear();'
@@ -1973,6 +2048,7 @@ function tabledraw() {
         +'"><form name=r'+i+' method=post>');
       data2=obj[i].split('&');
       parent.mapout.document.write('<table bgcolor="#CCCCCC">');
+
       if (data1[3]=='start') { 
          parent.mapout.document.writeln('<tr><td><b>Start</b></td></tr>');
       }
@@ -1983,14 +2059,15 @@ function tabledraw() {
        '<tr><td>Title:</td><td><input type=text name=t size=50 value="'
             +data1[0]+'"><input type=hidden name=h value='+data1[3]
             +'></td></tr>');
-    if ((data1[3]!='start') && (data1[3]!='finish')) {
       parent.mapout.document.write(
        '<tr><td>URL:</td><td><input type=text name=u size=50 value="'
                                   +data1[1]+'"></td></tr>'
           +'<tr><td>External:</td><td><input type=checkbox name=e');
         if (data1[2]=='true') { parent.mapout.document.write(' checked'); }
-        parent.mapout.document.write('></td></tr>'
-        +'<tr><td colspan=2><input type=radio name=y value=normal '+
+        parent.mapout.document.write('></td></tr>');
+    if ((data1[3]!='start') && (data1[3]!='finish')) {
+        parent.mapout.document.write(
+        '<tr><td colspan=2><input type=radio name=y value=normal '+
  'onClick="parent.mapout.document.forms.r'+i+'.elements.h.value='+
      "'normal'"+'"');
      if (data1[3]=='normal') { parent.mapout.document.write(' checked'); }
@@ -2005,11 +2082,7 @@ function tabledraw() {
      "'optional'"+'"');
      if (data1[3]=='optional') { parent.mapout.document.write(' checked'); }
      parent.mapout.document.write('> Optional</td></tr>');
-    } else {
-     parent.mapout.document.write(
-       '<tr><td><input type=hidden name=u value="">'
-              +'<input type=hidden name=e value=false></td></tr>');
-    }
+    } 
      parent.mapout.document.write(
          '<tr><td colspan=2><a href="javascript:parent.code.objcont['+i        
         +']=parent.code.escape(parent.mapout.document.forms.r'+i
@@ -2019,7 +2092,7 @@ function tabledraw() {
         +'+parent.mapout.document.forms.r'+i+'.elements.e.checked+'+"':'"
         +'+parent.mapout.document.forms.r'+i+'.elements.h.value+'+"':res'"
         +';parent.code.draw();">'
-        +'<b>Change to above values</b></a>&nbsp;&nbsp;'
+        +'<b>Save Changes</b></a>&nbsp;&nbsp;'
         +' <a href="javascript:parent.mapout.document.forms.r'+i
         +'.reset()">Reset</a></td></tr><tr><td colspan=2>');
     if ((data1[3]!='start') && (data1[3]!='finish')) {
@@ -2096,7 +2169,6 @@ function tabledraw() {
 }
 
 // ----------------------------------------------------- Insert Resource Output
-
 function insrestab(irow,be,af,typ) {
   parent.mapout.document.writeln('<tr><td colspan=2>'+
        '<table><tr><td><a href="javascript:parent.code.insertrow('
@@ -2138,8 +2210,8 @@ function insrestab(irow,be,af,typ) {
   }
   parent.mapout.document.writeln('</td></tr></table></tr>');
 }
-// ---------------------------------------- Draw simple table instead of graph
 
+// ---------------------------------------- Draw simple table instead of graph
 function simpletabledraw() {
   var objsorted=new Array();
   var robjs=new Array();
@@ -2150,9 +2222,13 @@ function simpletabledraw() {
   var nr;
   var ck;
   var cck;
+  var mime;
+  var ext;
+  var url;
+  var urlparts=new Array;
   var condid;
   var sortstr=sortobjs();
- if ((sortstr!='') && (sortstr!=undefined)) {
+ if ((sortstr!='') && (typeof(sortstr)!="undefined")) {
   objsorted=sortstr.split('&');
   for (k=0;k<objsorted.length;k++) {
      i=(objsorted[k].split(':'))[0];
@@ -2168,11 +2244,23 @@ function simpletabledraw() {
        }
        data1=objcont[i].split(':');
        ck=rescolor(data1[2],data1[3]);
-        parent.mapout.document.write('<tr><td bgcolor="'+ck
-        +'"><b>'+k+'</b></td><td bgcolor="'+ck
-        +'">');
+        parent.mapout.document.write('<tr><td bgcolor="'+ck+'">');
+        url=data1[1];
+        ext=data1[2];
+        urlparts=url.split('.');
+        mime=urlparts[urlparts.length-1];
+        if (typeof(mime)=="undefined") { mime=''; }
+        if ((mime!='') && (ext!='true')) {
+           parent.mapout.document.write
+           ('<a target="preview" align="right" href="'+url+'.meta'+
+           '"><img src="'+iconpath+'meta.gif"></a><p>'+
+           '<a target="preview" align="right"href="'+url+
+           '"><img src="'+iconpath+mime+'.gif"></a><p>');
+        }        
+      parent.mapout.document.write('<b>'+k+'</b></td><td bgcolor="'+ck+'">');
       data2=obj[i].split('&');
       parent.mapout.document.write('<table>');
+
       if (data1[3]=='start') { 
          parent.mapout.document.writeln('<tr><td><b>Start</b></td></tr>');
       }
@@ -2228,7 +2316,6 @@ function simpletabledraw() {
 }
 
 // ---------------------------------- Sort objects to straighten graph or table
-
 function sortobjs() {
    message("Sorting Resources: "+funny);
    var k;
@@ -2250,7 +2337,7 @@ function sortobjs() {
    for (k=1;k<objlinks.length;k++) {
      wheelswitch();
      message("Sorting Resources: "+funny);
-     if ((objlinks[k]!=undefined) && (objlinks[k]!='')) {
+     if ((typeof(objlinks[k])!="undefined") && (objlinks[k]!='')) {
       sortthis=1;
       data1=objlinks[k].split(':');
       kj=-1;
@@ -2301,12 +2388,10 @@ function sortobjs() {
 }
 
 // ----------------------------------------------------------- Straighten graph
-
 function graphopt() {
   var k;
   var kj;
   var ij;
-
   var objsorted=new Array();
   condense(); 
   graphreset();
@@ -2366,17 +2451,16 @@ function graphopt() {
 }
 
 // ----------------------------------------------------------- Remove e-objects
-
 function condense() {
    message("Condensing");
    var j;
    for (j=0;j<=maxrow;j++) {
-     if ((rowcont[j]!='') && (rowcont[j]!=undefined)) {
+     if ((rowcont[j]!='') && (typeof(rowcont[j])!="undefined")) {
       data1=rowcont[j].split(':');
       rowcont[j]='';
       for (k=0;k<data1.length;k++) {
          if (obj[data1[k]].substring(0,2)!='e&') {
-            if ((rowcont[j]!='') && (rowcont[j]!=undefined)) { 
+            if ((rowcont[j]!='') && (typeof(rowcont[j])!="undefined")) { 
                rowcont[j]+=':'; 
             }
             rowcont[j]+=data1[k];
@@ -2387,7 +2471,6 @@ function condense() {
 }
 
 // ---------------------------------------------------- Load from hidden fields
-
 function load() {
    message("Loading");
    schedule('load');
@@ -2406,11 +2489,11 @@ function finishload() {
    lastinfo='';
    graphreset();
    var inputstr=parent.server.document.forms.storage.output.value;
-   if ((inputstr!='') && (inputstr!=undefined)) {
+   if ((inputstr!='') && (typeof(inputstr)!="undefined")) {
    data1=inputstr.split('<&>');
    var k;
    for (k=0;k<data1.length;k++) {
-       data2=data1[k].split('<:>');
+       data2=data1[k].split('&colon;').join('&#58;').split('<:>');
        if (data2[0]=='graphdef') { graphdef=data2[1]; }
        if (data2[0]=='maxcol') { maxcol=1*data2[1]; }
        if (data2[0]=='maxrow') { maxrow=1*data2[1]; }
@@ -2418,7 +2501,7 @@ function finishload() {
        if (data2[0]=='objcont') { objcont[data2[1]]=data2[2]; }
        if (data2[0]=='objlinks') { objlinks[data2[1]]=data2[2]; }
        if (data2[0]=='objparms') {
-          if (objparms[data2[1]]==undefined) {
+          if (typeof(objparms[data2[1]])=="undefined") {
              objparms[data2[1]]=data2[2];
           } else {
              objparms[data2[1]]+=':'+data2[2];
@@ -2434,13 +2517,12 @@ function finishload() {
   }
   if (graphdef=='yes') {
      for (k=1;k<=maxrow;k++) {
-        if (rowcont[k]==undefined) { rowcont[k]=''; }
+        if (typeof(rowcont[k])=="undefined") { rowcont[k]=''; }
      }
   }
 }
 
 // -------------------------------------------------------------- Parameter set
-
 function setparms(resid) {
    var options="scrollbars=1,resizable=1,menubar=0";
    parmflag=1;
@@ -2451,7 +2533,6 @@ function setparms(resid) {
 }
 
 // -------------------------------------------------------------- Undo function
-
 function undo() {
    if (undopointer>1) {
       undopointer--;
@@ -2467,7 +2548,6 @@ function undo() {
 }
 
 // -------------------------------------------------------------- Redo function
-
 function redo() {
    if (undopointer<undostack.length-1) {
       undopointer++;
@@ -2483,7 +2563,6 @@ function redo() {
 }
  
 // ------------------------------------------------------------ Revert function
-
 function revert() {
    if (confirm("Revert to beginning of edit session?")) {
       undopointer=2;
@@ -2492,7 +2571,6 @@ function revert() {
 }
 
 // ---------------------------------------------------------------- Wheelswitch
-
 function wheelswitch() {
    if (funny=='|') { 
       funny='/'; 
@@ -2510,7 +2588,6 @@ function wheelswitch() {
 }
 
 // --------------------------------------------- Checks if server frame defined
-
 function checkdef() {
    if (parent.flag==1) {
      srvloaded();
@@ -2519,7 +2596,6 @@ function checkdef() {
 }
 
 // ---------------------------------------------------------- The wait function
-
 function wait() {
    if ((finishdone==1) || (tim==1)) {
       if (tim==0) {
@@ -2537,7 +2613,6 @@ function wait() {
 }
 
 // ---------------------------------------------------------- Schedule function
-
 function schedule(action) {
    reqaction=action;
    tim=0;
@@ -2548,9 +2623,8 @@ function schedule(action) {
 }
 
 // ----------------------------------------------------- launch indexer browser
-
 function groupsearch() {
-   alert('not yet implemented');
+   srchcheck('groupsearch');
 }
 
 function groupimport() {
@@ -2558,7 +2632,6 @@ function groupimport() {
 }
 
 // -------------------------------------------------------------- Store changes
-
 function storechange() {
    var k;
    parent.flag=0;
@@ -2573,14 +2646,12 @@ function finishsave() {
 }
 
 // --------------------------------------- Gets called when submission finished
-
 function srvloaded() {
    finishdone=1;
    message("Server replied.");
 }
 
 // ---------------------------------------------------------------- Toggle Mode
-
 function togglemode() {
    if (tablemode==0) { 
       tablemode=1; 
@@ -2597,9 +2668,7 @@ function togglemode() {
 }
 
 // -------------------------------------------------------- Main program onLoad
-
 function main() {
-
    if (mainrun==0) {
       infopen();
       infoclear();
@@ -2607,11 +2676,9 @@ function main() {
       stored=1;
       mainrun=1;
    }
-
 }
 
 // ---------------------------------------------------------- Close the window?
-
 function leave() {
    if (!inf.closed) {
       inf.close();
@@ -2627,17 +2694,24 @@ function leave() {
 </script>
 </head>
 
-<body bgcolor="#FFFFFF" onLoad="main();" onUnload="leave();">
-<a href="javascript:togglemode();">Toggle Display Mode</a>
-<a href="javascript:if (zscale>1) { zscale--; draw();}">Zoom Out</a>
-<a href="javascript:if (zscale<3) { zscale++; draw();}">Zoom In</a>
-<a href="javascript:condense();draw();">Condense</a>
-<a href="javascript:graphopt();draw();">Straighten</a>
-<a href="javascript:revert();">Revert</a>
-<a href="javascript:undo();">Undo</a>
-<a href="javascript:redo();">Redo</a>
-<a href="javascript:groupsearch();">Group Search</a>
-<a href="javascript:groupimport();">Group Import</a>
-<a href="javascript:storechange();">Store</a>
+<body bgcolor="#FFFFFF" onUnload="leave();">
+<table border=0><tr><td bgcolor="#aaaaaa">
+<table border=0><tr>
+<td bgcolor="#ffffcc"><a href="javascript:togglemode();"><b>T</b>oggle display</a>&nbsp;</td>
+<td bgcolor="#ffffcc"><a href="javascript:if (zscale>1) { zscale--; draw();}"><b>Z</b>oom out</a>&nbsp;</td>
+<td bgcolor="#ffffcc"><a href="javascript:if (zscale<3) { zscale++; draw();}"><b>Z</b>oom in</a>&nbsp;</td>
+<td bgcolor="#ffffcc"><a href="javascript:condense();draw();"><b>C</b>ondense</a>&nbsp;</td>
+<td bgcolor="#ffffcc"><a href="javascript:graphopt();draw();"><b>S</b>traighten</a>&nbsp;</td>
+<td bgcolor="#ffffcc"><a href="javascript:revert();"><b>R</b>evert</a>&nbsp;</td>
+<td bgcolor="#ffffcc"><a href="javascript:undo();"><b>U</b>ndo</a>&nbsp;</td>
+<td bgcolor="#ffffcc"><a href="javascript:redo();"><b>R</b>edo</a>&nbsp;</td>
+<td bgcolor="#ffffcc"><a href="javascript:groupsearch();"><b>G</b>roup search</a>&nbsp;</td>
+<td bgcolor="#ffffcc"><a href="javascript:groupimport();"><b>G</b>roup import</a>&nbsp;</td>
+<td bgcolor="#ffcccc"><a href="javascript:storechange();"><b>S</b>ave map</a>&nbsp;</td>
+</tr></table>
+</td></tr></table>
+<script>
+main();
+</script>
 </body>
 </html>