--- rat/client/Attic/code.html	2000/05/04 21:05:28	1.2
+++ rat/client/Attic/code.html	2000/06/08 16:19:50	1.4
@@ -8,7 +8,9 @@ Resource Assembly Tool
 9/1,9/2,9/4,9/5,9/6,
 1/7,1/8,1/10,1/14,1/15,1/16,1/21,1/22,1/29,1/30,1/31,
 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 Gerd Kortemeyer with Scott Harrison
+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
+Gerd Kortemeyer with Scott Harrison
 -->
 
 
@@ -19,6 +21,7 @@ var row=new Array();
 var maxrow=-1;
 var col=new Array();
 var maxcol=-1;
+var lastempty=-2;
 var colmap=new Array();
 var colmap2=new Array();
 var colmap3=new Array();
@@ -46,6 +49,11 @@ var lastinfo='';
 var graphdef='no';
 var mainrun=0;
 var tablemode=0;
+var mostrecent=0;
+var zscale=3;
+
+var disrows=0;
+var discols=0;
 
 var data1=new Array(1024);
 var data2=new Array(1024);
@@ -171,9 +179,10 @@ function newcondition(content,type) {
 
 // ---------------------------------------------- Creates a new resource object
 
-function newresource(rid,cid,text,url) {
+function newresource(rid,cid,text,url,ext,type) {
    stored=0;
-   objcont[addobj(rid,'b&'+rid+'&'+cid+':0:0:0')]=text+':'+url+':res';
+   objcont[addobj(rid,'b&'+rid+'&'+cid+':0:0:0')]=
+    text+':'+url+':'+ext+':'+type+':res';
 }
 
 
@@ -469,10 +478,18 @@ function delobj(obj1) {
 // --------------------------------------------------------- Garbage collection
 
 function cleanup () {
+   message("Garbage Collection");
    var j,kj,i;
-   insertrow(maxrow);
-   insertcol(maxcol);
-   addobj(maxrow,'e&'+maxcol);
+   disrows=0;
+   discols=0;
+
+   if (lastempty!=obj.length) {
+      insertrow(maxrow);
+      insertcol(maxcol);
+      addobj(maxrow,'e&'+maxcol);
+      lastempty=obj.length;
+   }
+
    for (kj=0;kj<=maxcol;kj++) { data1[kj]=0; }
    for (kj=0;kj<=maxrow;kj++) {
      rowtype[kj]=0;
@@ -502,7 +519,12 @@ function cleanup () {
      }
    }
    for (j=0;j<=maxcol;j++) { 
-      coltype[j]=data1[col[j]]; 
+      coltype[j]=data1[col[j]];
+      if (coltype[j]!=0) { discols+=1; } 
+   }
+   for (j=0;j<=maxrow;j++) {
+       if (rowtype[j]==2) { disrows+=3; }
+       if (rowtype[j]==1) { disrows+=1; }
    }
 }
 
@@ -515,13 +537,17 @@ function delcond(obj1,colid) {
    obj[obj1]=data3[0]+'&'+data3[1];
    for (k=2;k<data3.length;k++) {
       data4=data3[k].split(':');
-      if (data4[0]==colid) { data4[3]=0; }
+      if (data4[0]==colid) { 
+         data4[3]=0; 
+         objlinks[data4[2]]=(objlinks[data4[2]].split(':'))[0]+':'+
+                            (objlinks[data4[2]].split(':'))[1]+':0';
+      }
       if ((data4[1]!=0) || (data4[2]!=0) || (data3.length==3)) {
          obj[obj1]+='&'+data4[0]+':'+data4[1]+':'+data4[2]+':'+data4[3];
       }
    }
 }
-
+    
 // ----------------------------------------- Creates a new condition in a block
 
 function crecond(obj1,colid,condtext,condtype) {
@@ -731,8 +757,9 @@ function delres (obj1,recon) {
    for (k=0;k<inwithlink.length;k++)  { dellink(inwithlink[k]); }
    for (k=0;k<outwithlink.length;k++) { dellink(outwithlink[k]); }
    delobj(obj1);
+   objcont[obj1]='';
    if (recon==1) {
-
+     message("Reconnecting");
       for (k=0;k<inwithlink.length;k++) {
          if (infromobj[k]!=obj1) {
             found=0;
@@ -806,6 +833,7 @@ function delres (obj1,recon) {
 
 function drawcell (rtype,ctype,what,cm,obj1,ej,ek,ne) {
  var bgcolor;
+ if ((what=='') && (ne==0)) { cm="#DDDDDD"; }
  if (ctype!=0) {
    parent.mapout.document.write('<td bgcolor='+cm+' width='+cw[ctype]+'>');
    if (what!='') {
@@ -817,14 +845,17 @@ function drawcell (rtype,ctype,what,cm,o
      } 
      if (what=='r:') {
         parent.mapout.document.write
-         ('<img border=0 src="resource.gif">');
+         ('<img border=0 width='+cw[ctype]+' height='+rh[rtype]
+          +' src="resource.gif">');
      } else {
         if (what=='c:') {
            parent.mapout.document.write
-            ('<img border=0 src="condition.gif">');          
+            ('<img border=0 width='+cw[ctype]+' height='+rh[rtype]
+             +' src="condition.gif">');          
         } else {
            parent.mapout.document.write
-            ('<img border=0 src="'+rtype+'.'+ctype+'.'+what+'.gif">');
+            ('<img border=0 width='+cw[ctype]+' height='+rh[rtype]+' src="'
+             +rtype+'.'+ctype+'.'+what+'.gif">');
         }
      }
      if (obj1!='') {
@@ -841,16 +872,37 @@ function drawcell (rtype,ctype,what,cm,o
       parent.mapout.document.write
          ('onMouseOver="parent.code.infoclear();">');
       parent.mapout.document.write
-         ('<img border=0 src="'+rtype+'.'+ctype+'.empty.gif"></a>');
+         (
+         '<img border=0 width='+cw[ctype]+' height='+rh[rtype]
+        +' src="'+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'; }
+   if (typ=='mandatory') { rc='FF'; } else { rc='BB'; }
+   if (typ=='optional') { gc='BB'; } else { gc='FF'; }
+   if ((typ=='start') || (typ=='end')) { rc='AA'; gc='AA'; bc='FF'; }
+   return '#'+rc+gc+bc;
+}
+
+// -------------------------------------------------------- Color of conditions
+
+function condcolor(typ) {
+   if (typ=='stop')  { return '#EEAAAA'; }
+   if (typ=='force') { return '#AAAAEE'; }
+   return '#EEEEAA';
+}
+
 // ----------------------------------------------------------------- Draw a row
 
 function drawrow (jid) {
-var j; var jk; var k; var rc; var gc; var bc; var ck;
+var j; var jk; var k;  var ck;
 var objd1=new Array();
 var objd2=new Array();
 var notempty=new Array();
@@ -858,19 +910,18 @@ var condtype;
 if (rowtype[jid]!=0) {
  for (j=0;j<=maxcol;j++) { 
     colmap[j]=''; colmap2[j]=''; colmap3[j]=''; colmap4[j]=''; 
-    colmap5[j]='#FFFFFF'; colmap6[j]='#FFFFFF';
+    colmap5[j]='#CCCCCC'; colmap6[j]='#CCCCCC';
     objd1[j]=''; objd2[j]=''; notempty[j]=0;
  }
+
  parent.mapout.document.writeln('<tr height='+rh[rowtype[jid]]+'>');
  if (rowcont[jid]!='') {
    data2=rowcont[jid].split(':');
    for (jk=0;jk<data2.length;jk++) {
       data3=obj[data2[jk]].split('&');
       if (data3[0]=='b') {
-         rc=(data2[jk]+'F').substr(0,2);
-         gc=('9'+data2[jk]).substr(0,2);
-         bc=(data2[jk]+data2[jk]).substr(0,2);
-         ck='#'+rc+gc+bc;
+         data1=objcont[data2[jk]].split(':');
+         ck=rescolor(data1[2],data1[3]);
          left=maxcol;
          leftin=maxcol;
          leftout=maxcol;
@@ -894,9 +945,7 @@ if (rowtype[jid]!=0) {
                if (data1[3]!=0) {
                   colmap3[thiscol]='c:';
                   condtype=(objcont[data1[3]].split(':'))[1];
-                  colmap6[thiscol]='#FFFFAA';
-                  if (condtype=='stop')  { colmap6[thiscol]='#FFAAAA'; }
-                  if (condtype=='force') { colmap6[thiscol]='#AAAAFF'; }
+                  colmap6[thiscol]=condcolor(condtype);
                   objd2[thiscol]='c&'
                        +data1[0]+'&'+data2[jk]+'&'+data1[2]+'&'+data1[3];
                } else {
@@ -988,7 +1037,10 @@ if (rowtype[jid]!=0) {
          } else {
             colmap[left]='rd'; colmap2[left]='utd'; colmap3[left]='utd';   
          }
+         notempty[left]=1;
+         notempty[right]=1;
          for (k=left+1;k<right;k++) { 
+            notempty[k]=1;
             if (colmap[k]=='') {
                colmap[k]=thisarrow; 
                objd1[k]=data2[jk];
@@ -1009,7 +1061,7 @@ if (rowtype[jid]!=0) {
          left=col[data3[1]];
          if (colmap[left]=='') {
             if (data3[3]==1) { colmap[left]='dt'; } else { colmap[left]='td'; }
-            objd1[left]=data2[jk];
+            objd1[left]=data2[jk]+'&'+jid;
             objd2[left]=objd1[left];
          } else {
             colmap[left]='tdrl';
@@ -1024,13 +1076,17 @@ if (rowtype[jid]!=0) {
              notempty[k]);
    }
    if (rowtype[jid]==2) {
-      parent.mapout.document.writeln('</tr><tr>');
+      parent.mapout.document.writeln('</tr>');
+      parent.mapout.document.writeln('<tr height=30>');
       for (k=0;k<=maxcol;k++) {
-       drawcell(1,coltype[rcol[k]],colmap2[k],colmap5[k],objd2[k],jid,k,1);
+       drawcell(1,coltype[rcol[k]],colmap2[k],colmap5[k],objd2[k],jid,k,
+                notempty[k]);
       }
-      parent.mapout.document.writeln('</tr><tr>');
+      parent.mapout.document.writeln('</tr>');
+      parent.mapout.document.writeln('<tr height=30>');
       for (k=0;k<=maxcol;k++) {
-       drawcell(1,coltype[rcol[k]],colmap3[k],colmap6[k],objd2[k],jid,k,1);
+       drawcell(1,coltype[rcol[k]],colmap3[k],colmap6[k],objd2[k],jid,k,
+                notempty[k]);
       }
    }     
  }
@@ -1038,6 +1094,12 @@ if (rowtype[jid]!=0) {
 }
 }
 
+// -------------------------------------------------------------- Print message
+
+function message(txt) {
+   parent.window.status=txt;
+}
+
 // ------------------------------------------------------------- Draw the table
          
 function draw () {
@@ -1046,23 +1108,38 @@ function draw () {
    cleanup();
    save();
 
-   for (k=0;k<=maxrow;k++) { rrow[row[k]]=k; }
-   for (k=0;k<=maxcol;k++) { rcol[col[k]]=k; }
    rh[0]=0;
-   rh[1]=30;
-   rh[2]=60;
+   rh[1]=zscale*10;
+   rh[2]=zscale*20;
    cw[0]=0;
-   cw[1]=30;
-   cw[2]=60;
+   cw[1]=zscale*10;
+   cw[2]=zscale*20;
+
    parent.mapout.document.open('text/html','replace');
    parent.mapout.document.writeln('<html><body bgcolor="#FFFFFF">');
-   parent.mapout.document.writeln(
-      '<table cellpadding=0 cellspacing=0 border=0>');
-
+   
    if (tablemode==0) {
-      for (kr=0;kr<=maxrow;kr++) { drawrow(rrow[kr]); }
+      if (graphdef=='no') { graphopt(); cleanup(); }
+      for (k=0;k<=maxrow;k++) { rrow[row[k]]=k; }
+      for (k=0;k<=maxcol;k++) { rcol[col[k]]=k; }
+      parent.mapout.document.writeln(
+       '<table cellpadding=0 cellspacing=0 border=0 rows='
+       +disrows+' cols='+discols+'>');
+      for (kr=0;kr<=maxrow;kr++) { 
+        message("Generating Output Row "+kr); 
+        drawrow(rrow[kr]); 
+      }
    } else {
-      tabledraw();
+      message("Generating Table Output");
+      for (k=0;k<=maxrow;k++) { rrow[row[k]]=k; }
+      for (k=0;k<=maxcol;k++) { rcol[col[k]]=k; }
+
+      parent.mapout.document.writeln( '<table>');
+      if (tablemode==1) {
+         tabledraw();
+      } else {
+         simpletabledraw();
+      }
    } 
 
    parent.mapout.document.writeln('</table>');
@@ -1083,10 +1160,25 @@ function infoclear() {
    ('<html><body bgcolor="#FFFFFF"><table><tr><td>'+
     '<img src="/adm/lonIcons/lonlogos.gif"></td>');
   if (linkmode!=0) {
+   if (tablemode==0) {
      inf.document.writeln(
       '<td><b>Link Mode</b><hr>Click on a resource to link it with<br><b>'+
       (objcont[linkmode].split(':'))[0]+
       '</b><br>click anywhere else to cancel.</td>');
+   } else {
+     inf.document.writeln(
+'<td><b>Link Mode</b><hr>Click on a resource number to link it with<br><b>'+
+     (objcont[linkmode].split(':'))[0]+'</b><br>'+
+'<a href="javascript:opener.linkmode=0;opener.notclear=0;opener.infoclear();">'
+   +'Cancel</a></td>');
+   }
+  } else {
+   if (tablemode==0) {
+      inf.document.writeln(
+        '<td><b>Click to Edit</b><hr>Click in a light gray area<br>'
+       +'to insert resources, columns and rows</td>'
+      );
+   }
   }
   inf.document.writeln('</tr></table></body></html>');
   inf.document.close();
@@ -1130,9 +1222,17 @@ function info(infostr) {
                  '</b><br>to <b>'+objcont[data3[1]].split(':')[0]+'</b>');
   } else {
      if (data1[0]=='r') {
-        inf.document.writeln('<b>Resource</b><hr>');
         data2=objcont[data1[1]].split(':');
-        inf.document.writeln('<b>'+data2[0]+'</b><br>');
+        inf.document.write('<b>');
+        if (data2[2]=='true') { inf.document.write('External '); }
+        inf.document.write('Resource');
+        if (data2[3]=='mandatory') {
+           inf.document.write(' (Mandatory)');
+        }
+        if (data2[3]=='optional') {
+           inf.document.write(' (Optional)');
+        }
+        inf.document.writeln('</b><hr><b>'+data2[0]+'</b><br>');
         inf.document.writeln((data2[1].split('/')).join(' / '));
      } else {
         inf.document.writeln('<b>Link</b><hr>');
@@ -1180,7 +1280,30 @@ function escape(instring) {
 // -------------------------------------------------- Insert resource into link
 
 function insertreslink(infostr) {
-   alert(infostr);
+   var lnr;
+   var fobj;
+   var tobj;
+   var nobj;
+   var cobj;
+   data1=infostr.split('&');
+   data2=obj[data1[0]].split('&');
+   lnr=data2[data2.length-2];
+   data3=objlinks[lnr].split(':');
+   fobj=data3[0];
+   tobj=data3[1];
+   cobj=data3[2];
+   if (data2[0]=='v') {
+      rid=data1[1];
+      cid=data2[1];
+   } else {
+      rid=data2[1];
+      cid=(data2[2].split(':'))[0];
+   }
+   dellink(lnr);
+   newresource(rid,cid,'','','false','normal');
+   nobj=obj.length-1;
+   joinres(fobj,nobj,cobj);
+   joinres(nobj,tobj,0);
 }
 
 // ---------------------------------------------------- Handles "click to edit"
@@ -1205,7 +1328,7 @@ function handler(infostr) {
         data2=objcont[data1[4]].split(':');
      }
      inf.document.writeln(
-         '<form name=condinfo><textarea name=c cols=40 rows=4>'
+         '<form name=condinfo><textarea name=c cols=30 rows=3>'
          +data2[0]+'</textarea><br><input type=radio name=s value=normal '+
     'onClick="self.document.forms.condinfo.elements.h.value='+"'normal'"+'"');
      if (data2[1]=='normal') { inf.document.write(' checked'); }
@@ -1231,16 +1354,19 @@ function handler(infostr) {
      }
      inf.document.writeln(
       'opener.infoclear();opener.editmode=0;opener.draw('
-      +');">Change to above values</a>&nbsp;&nbsp;'
-      +' <a href="javascript:self.document.forms.condinfo.reset()">Reset</a>'
-      +'<input type=hidden name=h value='+data2[1]
-      +'></form>');
+      +');"><b>Change to above values</b></a>&nbsp;&nbsp;'
+    +' <a href="javascript:self.document.forms.condinfo.reset()">Reset</a><br>'
+      +'<input type=hidden name=h value='+data2[1]+'>');
 
         inf.document.writeln(
            '<a href="javascript:opener.notclear=0;opener.infoclear();'
    +'opener.delcond('+data1[2]+','+data1[1]+');opener.editmode=0;opener.draw('
-         +');">Delete Condition</a>');
-  } else {
+         +');">Delete Condition</a><br>');
+          inf.document.writeln(
+           '<a href="javascript:opener.notclear=0;opener.infoclear();'
+   +'opener.dellink('+data1[3]+');opener.editmode=0;opener.draw('
+         +');">Delete Link</a>');
+} else {
      if (data1[0]=='r') {
        if (linkmode!=0) {
         joinres(linkmode,data1[1],0);
@@ -1254,21 +1380,35 @@ function handler(infostr) {
         data2=objcont[data1[1]].split(':');
         inf.document.write(
          '<form name=resinfo><table><tr><td>Title:</td><td>'
-        +'<input type=text name=t size=40 value="'
+        +'<input type=text name=t size=30 value="'
         +data2[0]+'"></td></tr><tr><td>URL:</td><td>'
-        +'<input type=text name=u size=40 value="'+data2[1]+'"></td></tr>'
+        +'<input type=text name=u size=30 value="'+data2[1]+'"></td></tr>'
         +'<tr><td>External:</td><td><input type=checkbox name=e');
         if (data2[2]=='true') { inf.document.write(' checked'); }
-        inf.document.writeln('></td></tr>'
+        inf.document.write('></td></tr>'
+        +'<tr><td colspan=2><input type=hidden name=h value='+data2[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'); }
+     inf.document.write(
+      '> Regular&nbsp;&nbsp;<input type=radio name=y value=mandatory '+
+ 'onClick="self.document.forms.resinfo.elements.h.value='+"'mandatory'"+'"');
+     if (data2[3]=='mandatory') { inf.document.write(' checked'); }
+     inf.document.write(
+      '> Mandatory&nbsp;&nbsp;<input type=radio name=y value=optional '+
+ 'onClick="self.document.forms.resinfo.elements.h.value='+"'optional'"+'"');
+     if (data2[3]=='optional') { inf.document.write(' checked'); }
+     inf.document.write('> Optional</td></tr>'
         +'<tr><td colspan=2><a href="javascript:opener.editmode=0;'
         +'opener.notclear=0;opener.objcont['+data1[1]
         +']=opener.escape(self.document.forms.resinfo.elements.t.value)+'+"':'"
         +'+opener.escape(self.document.forms.resinfo.elements.u.value)+'+"':'"
-        +'+self.document.forms.resinfo.elements.e.checked+'+"':res'"
-        +';opener.infoclear();">'
-        +'Change to above values</a>&nbsp;&nbsp;'
+        +'+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;'
         +' <a href="javascript:self.document.forms.resinfo.reset()">Reset</a>'
-        +'</td></tr></table></form>');
+        +'</td></tr></table>');
         inf.document.writeln(
            '<a href="javascript:opener.notclear=0;opener.infoclear();'
          +'opener.delres('+data1[1]+',0);opener.editmode=0;opener.draw('
@@ -1284,7 +1424,7 @@ function handler(infostr) {
       }
      } else {
         linkmode=0;
-        inf.document.writeln('<b>Link</b><hr>');
+        inf.document.writeln('<b>Link</b><hr><form>');
         data2=obj[data1[0]].split('&');
         k=data2[data2.length-2];
         data3=objlinks[k].split(':');
@@ -1294,7 +1434,7 @@ function handler(infostr) {
      k+');opener.editmode=0;opener.notclear=0;opener.infoclear();opener.draw('
                               +');">Delete Link</a>');
         inf.document.writeln('<br><a href="javascript:'+
-         'opener.insertreslink('+infostr+');'+
+         "opener.insertreslink('"+infostr+"');"+
          'opener.editmode=0;opener.notclear=0;opener.infoclear();opener.draw('
                               +');">Insert Resource Into Link</a>');
      }
@@ -1302,7 +1442,7 @@ function handler(infostr) {
   inf.document.writeln(
      '<br><a href="javascript:opener.editmode=0;opener.notclear=0;'
      +'opener.infoclear();">Done</a>');
-  inf.document.writeln('</td></tr></table></body></html>');
+  inf.document.writeln('</form></td></tr></table></body></html>');
   inf.document.close();
   inf.focus();
 }
@@ -1326,9 +1466,29 @@ function empty(rid,k) {
    '<b>Empty Field</b><hr>');
 
         inf.document.writeln('<br><a href="javascript:opener.newresource('+
-          rid+','+cid+",'','');"+
+          rid+','+cid+",'','','false','normal');"+
+         'opener.mostrecent=opener.obj.length-1;'+
+         'opener.editmode=0;opener.notclear=0;opener.infoclear();opener.draw('
+          +');">Insert resource</a>');
+
+  if ((mostrecent!=0) && (objcont[mostrecent]!='')) {
+
+        inf.document.writeln('<br><a href="javascript:opener.newresource('+
+          rid+','+cid+",'','','false','normal');"+
+         'opener.mostrecent=opener.obj.length-1;'+
+        'opener.joinres('+mostrecent+',opener.obj.length-1,0);'+
+  'opener.editmode=0;opener.notclear=0;opener.infoclear();opener.draw('
+          +');">Insert resource linked to from most recent one</a>');
+
+        inf.document.writeln('<br><a href="javascript:opener.newresource('+
+          rid+','+cid+",'','','false','normal');"+
+         'opener.mostrecent=opener.obj.length-1;'+
+        'opener.joinres(opener.obj.length-1,'+mostrecent+',0);'+
   'opener.editmode=0;opener.notclear=0;opener.infoclear();opener.draw('
-          +');">Insert Resource</a>');
+          +');">Insert resource linking to most recent one</a>');
+  }
+
+
   inf.document.writeln('<hr>Insert column:');
         inf.document.writeln('<a href="javascript:opener.insertcol('+
         lcol+');opener.addobj('+rid+",'e&'+opener.maxcol);"
@@ -1360,7 +1520,8 @@ function empty(rid,k) {
 // ---------------------------------------------------- Save into hidden fields
 
 function save() {
-   var k;
+  var k;
+  if (graphdef=='yes') {
    parent.server.document.forms.storage.output.value='graphdef<:>yes';
    for (k=0;k<obj.length;k++) {
          parent.server.document.forms.storage.output.value+=
@@ -1384,7 +1545,14 @@ function save() {
       '<&>maxcol<:>'+maxcol; 
    parent.server.document.forms.storage.output.value+=
       '<&>maxrow<:>'+maxrow;
-
+    parent.server.document.forms.storage.output.value+=
+      '<&>zscale<:>'+zscale;
+} else {
+   parent.server.document.forms.storage.output.value='graphdef<:>no';
+ }
+ parent.server.document.forms.storage.output.value+=
+   '<&>tablemode<:>'+tablemode;
+   
    for (k=0;k<objcont.length;k++) {
       if (objcont[k]) {
          parent.server.document.forms.storage.output.value+=
@@ -1406,23 +1574,29 @@ function save() {
 
 function graphreset() {
 
+   var k;
+
+   for (k=0;k<obj.length;k++) { obj[k]=''; }
    obj.length=0;
    obj[0]='';
-   obj[1]='e&1';
 
    rowcont.length=0;
    rowcont[0]='';
-   rowcont[1]='1';
+
    row.length=0;
    row[0]=0;
-   row[1]=1;
-   maxrow=1;
+   maxrow=0;
 
    col.length=0;
    colmap.length=0;
    maxcol=-1;
    insertcol(-1);
-   insertcol(0);
+
+   objcont[0]='';
+   objcont[1]='Start::false:start:res'
+   objcont[2]='Finish::false:end:res';
+   objlinks[0]='';
+   objlinks[1]='1:2:0';
 
    graphdef='no';
 
@@ -1442,53 +1616,281 @@ function rescompare(a,b) {
       if (data2[k]==data1[0]) { rvalue++; }
    }
    if (rvalue==0) { rvalue=data2.length-data1.length; }
-
    return rvalue;
 }
 
 // -------------------------------------------- Draw the table instead of graph
 
 function tabledraw() {
-   var k;
-   var ij;
-   var kj;
-   var objsort=new Array();
-   var objsorted=new Array();
-   for (k=1;k<objcont.length;k++) {
-      if (objcont[k]) {
-         data1=objcont[k].split(':');
-         if (data1[data1.length-1]=='res') {
-            objsort[objsort.length]=''+k;
-         }
-      }
-   }
-   for (k=1;k<objlinks.length;k++) {
-      data1=objlinks[k].split(':');
-      kj=-1;
-      for (j=0;j<objsort.length;j++) {
-         if ((objsort[j].split(':'))[0]==data1[0]) {
-            kj=j;
-         }
-      }
-      objsort[kj]+=':'+data1[1];
+  var objsorted=new Array();
+  var robjs=new Array();
+  var iobjs=new Array();
+  var k;
+  var i;
+  var j;
+  var nr;
+  var ck;
+  var cck;
+  var condid;
+  var sortstr=sortobjs();
+ insrestab(1,-1,-1);
+ if (sortstr!='') {
+  objsorted=sortstr.split('&');
+  for (k=0;k<objsorted.length;k++) {
+     i=(objsorted[k].split(':'))[0];
+     iobjs[k]=i;
+     robjs[i]=k;
+  }
+  for (k=0;k<iobjs.length;k++) {
+       i=iobjs[k];
+       if (k<objsorted.length-1) {
+          nr=iobjs[k+1];
+       } else {
+          nr=-1;
+       }
+       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.code.joinres(parent.code.linkmode,'+i+',0);'
+        +'parent.code.linkmode=0;parent.code.editmode=0;'
+        +'parent.code.notclear=0;parent.code.infoclear();'
+        +'parent.code.draw(); }">'+k+'</a></b></td><td bgcolor="'+ck
+        +'"><form name=r'+i+' method=post>');
+      data2=obj[i].split('&');
+      parent.mapout.document.write('<table bgcolor="#CCCCCC">');
+      parent.mapout.document.write(
+       '<tr><td>Title:</td><td><input type=text name=t size=50 value="'
+                                   +data1[0]+'"></td></tr>');
+      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=hidden name=h value='+data1[3]
+        +'><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'); }
+     parent.mapout.document.write(
+      '> Regular&nbsp;&nbsp;<input type=radio name=y value=mandatory '+
+ 'onClick="parent.mapout.document.forms.r'+i+'.elements.h.value='+
+     "'mandatory'"+'"');
+     if (data1[3]=='mandatory') { parent.mapout.document.write(' checked'); }
+     parent.mapout.document.write(
+      '> Mandatory&nbsp;&nbsp;<input type=radio name=y value=optional '+
+ 'onClick="parent.mapout.document.forms.r'+i+'.elements.h.value='+
+     "'optional'"+'"');
+     if (data1[3]=='optional') { parent.mapout.document.write(' checked'); }
+     parent.mapout.document.write('> Optional</td></tr>'
+        +'<tr><td colspan=2><a href="javascript:parent.code.objcont['+i        
+        +']=parent.code.escape(parent.mapout.document.forms.r'+i
+        +'.elements.t.value)+'+"':'"
+        +'+parent.code.escape(parent.mapout.document.forms.r'+i
+        +'.elements.u.value)+'+"':'"
+        +'+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;'
+        +' <a href="javascript:parent.mapout.document.forms.r'+i
+        +'.reset()">Reset</a></td></tr><tr><td colspan=2>'
++'<A href="javascript:parent.code.notclear=0;parent.code.infoclear();'
++'parent.code.delres('+i+',0);parent.code.editmode=0;parent.code.draw();">'
++'Delete Resource (cutting links)</A><br>'
++'<A href="javascript:parent.code.notclear=0;parent.code.infoclear();'
++'parent.code.delres('+i+',1);parent.code.editmode=0;parent.code.draw();">'
++'Delete Resource (preserving links)</A><br>'
+       +'<a href="javascript:parent.code.linkmode='+i+
+       ';parent.code.notclear=0;parent.code.infoclear();">'+
+       'Link resource</a></td></tr>');
+
+       parent.mapout.document.writeln('<tr><td colspan=2><table><tr>');
+       for (j=2;j<data2.length;j++) {
+           data4=data2[j].split(':');
+           data3=objlinks[data4[2]].split(':');
+           if (data3.length>1) {
+              if (data3[1]==nr) {
+                 cck='#AAAAAA';
+                 if (data3[2]!=0) { 
+                   cck=condcolor((objcont[data3[2]].split(':'))[1]);
+                   condid=data3[2];
+                 } else {
+                   condid='-';
+                 }                 
+                 parent.mapout.document.writeln(
+                  '<td bgcolor='+cck+'>Next<br>');
+                 parent.mapout.document.writeln(
+                  '<a href="javascript:parent.code.handler('+
+                  "'c&"+data4[0]+'&'+i+'&'+data4[2]+'&'+condid+"');"
+                  +'">Edit</a>');
+                 parent.mapout.document.writeln('</td>');
+              }
+           }
+       }
+       for (j=2;j<data2.length;j++) {
+           data4=data2[j].split(':');
+           data3=objlinks[data4[2]].split(':');
+           if (data3.length>1) {
+              if ((data3[1]!=nr) && (data3[1]!=0)) {
+                 cck='#AAAAAA';
+                 if (data3[2]!=0) { 
+                   cck=condcolor((objcont[data3[2]].split(':'))[1]);
+                   condid=data3[2];
+                 } else {
+                   condid='-';
+                 }
+                 parent.mapout.document.writeln(
+                  '<td bgcolor='+cck+'>To: '+robjs[data3[1]]+'<br>');
+                 parent.mapout.document.writeln(
+                  '<a href="javascript:parent.code.handler('+
+                  "'c&"+data4[0]+'&'+i+'&'+data4[2]+'&'+condid+"');"
+                  +'">Edit</a>');
+                 parent.mapout.document.writeln('</td>');
+              }
+           }
+       }
+       parent.mapout.document.writeln(
+        '</tr></table></td></tr></table></form>');
+       insrestab(rrow[data2[1]],i,nr);
+
    }
-   objsorted=objsort.sort(rescompare);
-   for (ij=0;ij<objsorted.length;ij++) {
-      
+  }
+}
+
+// ----------------------------------------------------- Insert Resource Output
+
+function insrestab(irow,be,af) {
+  parent.mapout.document.writeln('<tr><td colspan=2>'+
+       '<table><tr><td><a href="javascript:parent.code.insertrow('
+       +irow+');parent.code.newresource(parent.code.maxrow,'+rcol[1]
+ +",'','','false','normal');parent.code.mostrecent=parent.code.obj.length-1;"
+       +'parent.code.draw();">'
+       +'Insert resource</a></td><td>');
+  if (be!=-1) {
+   parent.mapout.document.writeln(
+       '<a href="javascript:parent.code.insertrow('
+       +irow+');parent.code.newresource(parent.code.maxrow,'+rcol[0]
+ +",'','','false','normal');parent.code.mostrecent=parent.code.obj.length-1;"
+       +'parent.code.joinres('+be+',parent.code.mostrecent,0);'
+       +'parent.code.draw();">'
+       +'Insert resource linked to from above</a><br>');
+  }
+  if ((be!=-1) && (af!=-1)) {
+     parent.mapout.document.writeln(
+       '<a href="javascript:parent.code.insertrow('
+       +irow+');parent.code.newresource(parent.code.maxrow,'+rcol[0]
+ +",'','','false','normal');parent.code.mostrecent=parent.code.obj.length-1;"
+       +'parent.code.joinres('+be+',parent.code.mostrecent,0);'
+       +'parent.code.joinres(parent.code.mostrecent,'+af+',0);'
+       +'parent.code.draw();">'
+       +'Insert resource linked to from above and linking to below</a><br>');
+  }
+  if (af!=-1) {
+     parent.mapout.document.writeln(
+       '<a href="javascript:parent.code.insertrow('
+       +irow+');parent.code.newresource(parent.code.maxrow,'+rcol[0]
+ +",'','','false','normal');parent.code.mostrecent=parent.code.obj.length-1;"
+       +'parent.code.joinres(parent.code.mostrecent,'+af+',0);'
+       +'parent.code.draw();">'
+       +'Insert resource linking to below</a><br>');
+  }
+  parent.mapout.document.writeln('</td></tr></table></tr>');
+}
+// ---------------------------------------- Draw simple table instead of graph
+
+function simpletabledraw() {
+  var objsorted=new Array();
+  var robjs=new Array();
+  var iobjs=new Array();
+  var k;
+  var i;
+  var j;
+  var nr;
+  var ck;
+  var cck;
+  var condid;
+  var sortstr=sortobjs();
+ if (sortstr!='') {
+  objsorted=sortstr.split('&');
+  for (k=0;k<objsorted.length;k++) {
+     i=(objsorted[k].split(':'))[0];
+     iobjs[k]=i;
+     robjs[i]=k;
+  }
+  for (k=0;k<iobjs.length;k++) {
+       i=iobjs[k];
+       if (k<objsorted.length-1) {
+          nr=iobjs[k+1];
+       } else {
+          nr=-1;
+       }
+       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
+        +'">');
+      data2=obj[i].split('&');
+      parent.mapout.document.write('<table>');
+      parent.mapout.document.write(
+       '<tr><td>Title:</td><td>'+data1[0]+'</td></tr>');
+      parent.mapout.document.write(
+       '<tr><td>URL:</td><td>'+data1[1]+'</td></tr>'
+      +'<tr><td colspan=2><table><tr>');
+       for (j=2;j<data2.length;j++) {
+           data4=data2[j].split(':');
+           data3=objlinks[data4[2]].split(':');
+           if (data3.length>1) {
+              if (data3[1]==nr) {
+                 cck='#AAAAAA';
+                 if (data3[2]!=0) { 
+                   cck=condcolor((objcont[data3[2]].split(':'))[1]);
+                   condid=data3[2];
+                 } else {
+                   condid='-';
+                 }                 
+                 parent.mapout.document.writeln(
+                  '<td bgcolor='+cck+'>Next<br>');
+                  parent.mapout.document.writeln('</td>');
+              }
+           }
+       }
+       for (j=2;j<data2.length;j++) {
+           data4=data2[j].split(':');
+           data3=objlinks[data4[2]].split(':');
+           if (data3.length>1) {
+              if ((data3[1]!=nr) && (data3[1]!=0)) {
+                 cck='#AAAAAA';
+                 if (data3[2]!=0) { 
+                   cck=condcolor((objcont[data3[2]].split(':'))[1]);
+                   condid=data3[2];
+                 } else {
+                   condid='-';
+                 }
+                 parent.mapout.document.writeln(
+                  '<td bgcolor='+cck+'>To: '+robjs[data3[1]]+'<br>');
+                 parent.mapout.document.writeln('</td>');
+              }
+           }
+       }
+       parent.mapout.document.writeln('</tr></table></td></tr></table></tr>');
    }
-   alert("Table mode not yet implemented");
+  } else {
+    parent.mapout.document.writeln('<tr><td>No Resources</td></tr>');
+  }
 }
 
-// ------------------------------------------- Sort objects to straighten graph
+// ---------------------------------- Sort objects to straighten graph or table
 
-function graphopt() {
+function sortobjs() {
+   message("Sorting Resources");
    var k;
    var ij;
+   var dol;
+   var dtl;
    var kj;
+   var sortthis=0;
    var objsort=new Array();
-   var objsorted=new Array();
-   condense();
-   graphreset();
    for (k=1;k<objcont.length;k++) {
       if (objcont[k]) {
          data1=objcont[k].split(':');
@@ -1497,7 +1899,10 @@ function graphopt() {
          }
       }
    }
+   if (objsort.length==0) { return ''; }
    for (k=1;k<objlinks.length;k++) {
+     if (objlinks[k]!='') {
+      sortthis=1;
       data1=objlinks[k].split(':');
       kj=-1;
       for (j=0;j<objsort.length;j++) {
@@ -1506,8 +1911,54 @@ function graphopt() {
          }
       }
       objsort[kj]+=':'+data1[1];
+     }
    }
-   objsorted=objsort.sort(rescompare);
+   if (sortthis!=0) {
+    for (k=0;k<objsort.length;k++) {
+      for (j=0;j<objsort.length;j++) {
+        if (k!=j) {
+          data1=objsort[k].split(':');
+          data2=objsort[j].split(':');
+          dol=data1.length;
+          dtl=data2.length;
+          for (kj=1;kj<dol;kj++) {
+             if (data1[kj]==data2[0]) {
+                for (ij=1;ij<dtl;ij++) {
+                   data1[data1.length]=data2[ij];
+                }
+             }
+          }
+          for (kj=1;kj<dtl;kj++) {
+             if (data2[kj]==data1[0]) {
+                 for (ij=1;ij<dol;ij++) {
+                   data2[data2.length]=data1[ij];
+                }
+            }
+          }
+          objsort[k]=data1.join(':');
+          objsort[j]=data2.join(':');
+         }
+      } 
+   }
+   return objsort.sort(rescompare).join('&');
+  } else {
+   return objsort.join('&');
+  }
+}
+
+// ----------------------------------------------------------- Straighten graph
+
+function graphopt() {
+  var k;
+  var kj;
+  var ij;
+
+  var objsorted=new Array();
+  condense(); 
+  graphreset();
+  objsorted=(sortobjs()).split('&');
+  if (objsorted.length==0) { return; }
+   message("Creating Optimized Graph");
    var thisnewobj=''+(objsorted[0].split(':'))[0];
    rowcont[1]=thisnewobj;
    var thiscolmax=1;
@@ -1550,11 +2001,13 @@ function graphopt() {
          }
       }
    }
+   graphdef='yes';
 }
 
 // ----------------------------------------------------------- Remove e-objects
 
 function condense() {
+   message("Condensing");
    var j;
    for (j=0;j<=maxrow;j++) {
      if (rowcont[j]!='') {
@@ -1568,12 +2021,17 @@ function condense() {
       }
      }
    }
+   lastempty=-2;
 }
 
 // ---------------------------------------------------- Load from hidden fields
 
 function load() {
+   message("Loading");
+   var k;
+   for (k=0;k<objcont.length;k++) { objcont[k]=''; }
    objcont.length=0;
+   for (k=0;k<objlinks.length;k++) { objlinks[k]=''; }
    objlinks.length=0;
    objlinks[0]='';
    objcont[0]='';
@@ -1582,6 +2040,7 @@ function load() {
    lastinfo='';
    graphreset();
    var inputstr=parent.server.document.forms.storage.output.value;
+   if (inputstr!='') {
    data1=inputstr.split('<&>');
    var k;
    for (k=0;k<data1.length;k++) {
@@ -1595,7 +2054,10 @@ function load() {
        if (data2[0]=='rowcont') { rowcont[data2[1]]=data2[2]; }
        if (data2[0]=='row') { row[data2[1]]=1*data2[2]; }
        if (data2[0]=='col') { col[data2[1]]=1*data2[2]; }
+       if (data2[0]=='tablemode') { tablemode=1*data2[1]; }
+       if (data2[0]=='zscale') { zscale=1*data2[1]; }
    }
+  }
 }
 
 // -------------------------------------------------------------- Undo function
@@ -1650,7 +2112,17 @@ function storechange() {
 // ---------------------------------------------------------------- Toggle Mode
 
 function togglemode() {
-   if (tablemode==0) { tablemode=1; } else { tablemode=0; }
+   if (tablemode==0) { 
+      tablemode=1; 
+   } else {
+      if (tablemode==1) { 
+         tablemode=2; 
+      } else {
+         tablemode=0; 
+      } 
+   } 
+   notclear=0;
+   infoclear();
    draw();
 }
 
@@ -1682,6 +2154,8 @@ function leave() {
 
 <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>