--- loncom/html/res/adm/pages/bookmarkmenu/Attic/bookmarkpal.html	2000/08/03 10:57:48	1.3
+++ loncom/html/res/adm/pages/bookmarkmenu/Attic/bookmarkpal.html	2000/09/19 14:54:43	1.4
@@ -1,239 +1,353 @@
 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
 <html>
-  <head>
+<head>
 <title>
-My Framed Annotations
+Bookmark Tree Viewer/Editor  V3
 </title>
 
 <script LANGUAGE="JavaScript">
+var addressCache = "";
+var dragCache = "";
+var lastDrug = "";
+var lastIcon = "";
+var image_num=0;
 
-    // This stuff is supplied by the perl mod. It contains all of the user 
-    // defined bookmarks
-    // The builds the object of the users bookmarks.
 
 function buildUserTree() {
-    this.dropCache = "";
-    this.dragCache = "";
-    this.bookmarks = new addFolder("Stuff", 6, "none");
-    this.bookmarks.p[1] = new addLink("MSU Engine3ering", "http://www.egr.msu.edu", "bookmarks.p[1]");
-    this.bookmarks.p[2] = new addLink("MSU Engine2ering", "http://www.egr.msu.edu/~tyszkabe", "bookmarks.p[2]");
-    this.bookmarks.p[3] = new addFolder("more crap", 5, "bookmarks.p[3]");
-       this.bookmarks.p[3].p[1] = new addLink("more of a test actually", "http://www.transam.com", "bookmarks.p[3].p[1]");
-       this.bookmarks.p[3].p[2] = new addLink("ALL CAPS PLEASE!", "http://www.bullwinkle.com", "bookmarks.p[3].p[2]");
-       this.bookmarks.p[3].p[3] = new addFolder("double nested", 2, "bookmarks.p[3].p[3]");
-          this.bookmarks.p[3].p[3].p[1] = new addLink("Test 12alphbravotango", "http://www.jealousy.com", "bookmarks.p[3].p[3].p[1]");
-          this.bookmarks.p[3].p[3].p[2] = new addFolder("empty folder", 1, "bookmarks.p[3].p[3].p[2]");
-	     this.bookmarks.p[3].p[3].p[2].p[1] = new addLink("buried deeply", "http://www.cooldudze.com", "bookmarks.p[3].p[3].p[2].p[1]");
-       this.bookmarks.p[3].p[4] = new addLink("simon and Garfunkle", "www.inneptitude.com", "bookmarks.p[3].p[4]");
-       this.bookmarks.p[3].p[5] = new addLink("garbage in garbage out", "www.holy.com", "bookmarks.p[3].p[5]");
-    this.bookmarks.p[4] = new addLink("MSU Engin4eering", "st4uffcom", "bookmarks.p[4]");
-    this.bookmarks.p[5] = new addFolder("more x2", 3, "bookmarks.p[5]");
-       this.bookmarks.p[5].p[1] = new addLink("Whack a holy mole", "www.whackamole.com", "bookmarks.p[5].p[1]");
-       this.bookmarks.p[5].p[2] = new addLink("molly moldy mole", "http://www.molemolemole.com", "bookmarks.p[5].p[2]");
-       this.bookmarks.p[5].p[3] = new addLink("Thou art even more holy", "www.holymoly.com", "bookmarks.p[5].p[3]");
-    this.bookmarks.p[6] = new addLink("Google", "http://www.google.com/", "bookmarks.p[6]");
-    }
+this.dropCache = "";
+this.dragCache = "";
+//-------------------------------------------------------------------------------
+// The following is data that is supplied by the Perl Module
+//-------------------------------------------------------------------------------
+this.bookmarks = new addFolder("Stuff", 6, "bookmarks");
+this.bookmarks.p[1]=new addLink("MSU Engine3ering", "http://www.egr.msu.edu", "bookmarks", 1);
+this.bookmarks.p[2]=new addLink("MSU Engine2ering", "http://www.egr.msu.edu/~tyszkabe", "bookmarks", 2);
+this.bookmarks.p[3]=new addFolder("more crap", 5, "bookmarks.p[3]");
+this.bookmarks.p[3].p[1]=new addLink("more of a test","http://www.transam.com","bookmarks.p[3]",1);
+this.bookmarks.p[3].p[2]=new addLink("ALL CAPS PLEASE!","http://www.bullwinkle.com","bookmarks.p[3]",2);
+this.bookmarks.p[3].p[3]=new addFolder("double nested", 2, "bookmarks.p[3].p[3]");
+this.bookmarks.p[3].p[3].p[1]=new addLink("Test 12","http://www.jealousy.com","bookmarks.p[3].p[3]",1);
+this.bookmarks.p[3].p[3].p[2]=new addFolder("empty folder",1,"bookmarks.p[3].p[3].p[2]");
+this.bookmarks.p[3].p[3].p[2].p[1]=new addLink("bury","http://www.cool.com","bookmarks.p[3].p[3].p[2]",1);
+this.bookmarks.p[3].p[4]=new addLink("simon and Garfunkle","www.inneptitude.com","bookmarks.p[3]",4);
+this.bookmarks.p[3].p[5]=new addLink("garbage in garbage out","www.holy.com","bookmarks.p[3]",5);
+this.bookmarks.p[4]=new addLink("MSU Engin4eering","st4uffcom","bookmarks",4);
+this.bookmarks.p[5]=new addFolder("more x2",3,"bookmarks.p[5]");
+this.bookmarks.p[5].p[1]=new addLink("Whack a holy mole","www.whackamole.com","bookmarks.p[5]",1);
+this.bookmarks.p[5].p[2]=new addLink("molly moldy mole","http://www.molemolemole.com","bookmarks.p[5]",2);
+this.bookmarks.p[5].p[3]=new addLink("Thou art even more holy","www.holymoly.com","bookmarks.p[5]",3);
+this.bookmarks.p[6]=new addLink("Google","http://www.google.com/","bookmarks",6);
+}
 
 
 
-    // Adds a link to an object.
-    function addLink(name, link, address) {
-       this.name = name;
+//-------------------------------------------------------------------------------
+// Here are all of the bookmark methods:
+//-------------------------------------------------------------------------------
+
+//-------------------------------------------------------Adds a link to an object
+function addLink(name, link, address, position) {
+       this.lname = name;
        this.link = link;
        this.address = address;
+       this.position = position;
        this.state = "link";
-   }
-
+       this.icon = "link.gif";
+       this.pressed = "link_pressed.gif";
+       this.hover = hover;
+       this.remove = remove
+       this.exists = true;
+}
 
-    // Adds a folder to an object.
-    function addFolder(name, size, address) {
+//-----------------------------------------------------Adds a folder to an object
+function addFolder(name, size, address) {
        this.p = new Array(size);
-       this.name = name;
+       this.lname = name;
        this.address = address;
        this.state = "opened";
+       this.icon = "folder_opened.gif";
+       this.pressed = "folder_opened_pressed.gif";
        this.swapState = swapState;
-    }
-
+       this.clickFolder = clickFolder;
+       this.clickLink = clickLink;
+       this.hover = hover;
+       this.remove = remove;
+       this.bump = bump;
+       this.insertLink = insertLink;
+       this.insertFolder = insertFolder;
+       this.exists = true;
+}
 
-    // Swaps folder state from open to closed.
-    // There's probably a better way to do this.
-    function clickOnFolder(folder) {
-       if (folder.state == "closed") {
-           folder.state = "opened";
+//-----------------------------------------Swaps folder state from open to closed
+function swapState() {
+       if (this.state == "closed") {
+           this.state = "opened";
+           this.icon = "folder_opened.gif";
+           this.pressed = "folder_opened_pressed.gif";
        } else {
-           folder.state = "closed";
+           this.state = "closed";
+           this.icon = "folder_closed.gif";
+           this.pressed = "folder_closed_pressed.gif";
        }
        redrawTree(1, bookmarkpal.bookmarks.p);
     }
 
+//------------------------------------------swaps the dragged icon into the image
+function hover( object ) {
+    if ( dragCache != "" ) {
+        object.src = this.pressed;
+        parent.frames[4].document.images[lastDrug].src = lastIcon;
+        lastIcon = this.icon;
+        lastDrug = object.name;
+    }
+}
 
+//------------------------------------------------------The click on link  method
+function clickLink( object, position ) {
+    if (dragCache=="") {                            //---------'pick up' the icon
+        dragCache=object.src;
+        lastIcon=this.p[position].icon;
+        lastDrug=object.name;
+        addressCache=new addLink(this.p[position].lname,this.p[position].link,this.p[position].address,position);
+        this.p[position].remove();
+    } else {                                        //--------'put down' the icon
+        dragCache="";
+        if ( addressCache.state == "link" ) {       //------differently if a link
+          this.insertLink( position );
+        } else {                                    //--------------than a folder
+          this.insertFolder( position );
+        }
+        redrawTree();
+    }
+}
 
-    // Recursive function to generate the Tree HTML code
-    function drawTree(depth, folder) {
-       for ( var i = 1; i < folder.length; i++) {
-          if ( i == folder.length - 1) {
-              var shape = "L";
-          } else {
-              var shape = "T";
-          }
-          if ( folder[i].state == "link") {
-             drawLink(depth, folder[i], shape);
-          } else {
-             drawFolder(depth, folder[i], shape);
-             if ( folder[i].state == "opened" && folder[i].p.length >= 0 ) {
-                drawTree( depth+1, folder[i].p);
-             }
-          }
-       }
+//-----------------------------------------------------The click on Folder method
+function clickFolder( object ) {
+    if (dragCache=="") {                            //---------'pick up' the icon
+        dragCache=object.src;
+        lastIcon=this.icon;
+        lastDrug=object.name;
+        addressCache=new addFolder("lame_folder",2,"doesnotmatter");  //used to be (this.lname,this.p.length+1,this.address)
+      shiftFolder(this,addressCache,1);                               //this is  a whole new line
+        this.remove();
+    } else {                                        //--------'put down' the icon
+        dragCache = "";
+           if ( addressCache.state == "link" ) {    //-----place link into folder
+              this.insertLink( 1 );
+//              this.p[ this.p.length ] = new addLink( addressCache.lname, addressCache.link, this.address, this.p.length );
+           } else {                                 //---place folder into folder
+                this.insertFolder( 1 );
+//              this.p[ this.p.length ] = new addFolder( addressCache.lname, addressCache.p.length, this.address+".p["+this.p.length+"]" );
+//              this.p[ this.p.length ].p = addressCache.p;
+           }
+    redrawTree();
     }
+}
 
+//---------Folder method to place link in middle of other links (should simplify code)
+function insertLink( position ) {
+        this.bump( position );
+        this.p[ position ] = new addLink( addressCache.lname, addressCache.link, this.address, position );
+}
 
 
-    // Writes HTML code for individual folder.
-    function drawFolder(depth, folder, shape) {
-       parent.frames[4].document.write("<TABLE border=0 cellspacing=0 cellpadding=0><TR><TD valign = middle nowrap>");
-       while ( depth > 1 ) {
-	  parent.frames[4].document.write("<IMG src='line_vertical.gif' width=15 height=25>");
-	  depth--;
-       }
-       if (shape == "L") {
-	  parent.frames[4].document.write("<IMG src='line_l_shape.gif' width=15 height=25>");
-       } else {
-	  parent.frames[4].document.write("<IMG src='line_side_T.gif' width=15 height=25>");
-       }
-       parent.frames[4].document.write("<A href=\"javascript:top.clickOnFolder(top.bookmarkpal."+folder.address+")\" onmouseover=\"top.hoverFolder(top.bookmarkpal."+folder.address+")\" onMouseDown=\"top.mouseDown(top.bookmarkpal."+folder.address+")\" ><IMG src='folder_"+folder.state+".gif' width=25 height=25 border=noborder name='"+folder.address+"'></A>");
-       parent.frames[4].document.write("<TD valign=middle align=left nowrap><FONT size=-1 face='Arial, Helvetica'>"+folder.name+"</FONT></TABLE>");
-    }
+//---------------------------Recursive folder Method to bump items up one to make room 
+//                                   for new item. Currently, bump doesn't always work.
+function bump( position ) {
+// ORIGINAL RECURSIVE VERSION has short-comings but may work better because of 'not exists'
+//
+//        if ( this.length >= position ) {
+//           this.bump( position + 1 );
+//        }
+//        position;
+//        this.p[ position + 1 ] = this.p[position ];
+//
+// NON RECURSIVE of the same thing (I'll probably stick with this).
+// I can combine the creation and shifting if everything works out nicely
+// Worry about what happens to the first link.
+        var i=this.p.length;                   // First, create a new spot at the top.
+        if (this.p[i-1].state=="link") {
+           this.p[i]=new addLink(this.p[i-1].lname,this.p[i-1].link,this.address,i);
+        } else {
+          this.p[i]=new addFolder(this.p[i-1].lname,this.p[i-1].p.length,this.address+".p["+i+"]"); 
+        }
+        this.p[i].exists=this.p[i-1].exists;                    // preserve existance
+        i--;                                           // Second, shift others up one
+        while ( i >= position + 1 ) {
+           if ( this.p[i-1].state == "link" ) {
+              this.p[ i ] = new addLink( this.p[ i-1 ].lname, this.p[i-1].link, this.p[i-1].address, i);
+           } else {
+              this.p[ i ] = new addFolder( this.p[ i-1 ].lname, this.p[i-1].p.length, this.address+".p["+ i +"]" );
+                                                // move all of the inner folder stuff
+              shiftFolder( this.p[i-1], this, i);
+           }
+//           this.p[i].address = this.p[i-1].address;
+//           this.p[i].exists = this.p[ i-1 ].exists;           // preserve existance
+           i--;
+        }
+}
 
+//-----------------------------------------------------------Opens the page
+function clickOnBookmark(url) {
+//       opener.clientwindow.location(url); // <------THIS IS REAL VERSION
+       opener.open(url);                    // <------THIS IS FAKE VERSION
+}
 
-    // Writes HTML code for individual link
-    function drawLink(depth, folder, shape) {       
-       parent.frames[4].document.write("<TABLE border=0 cellspacing=0 cellpadding=0><TR><TD valign = middle nowrap>");
-       while ( depth > 1 ) {
-	  parent.frames[4].document.write("<IMG src='line_vertical.gif' width=15 height=25>");
-	  depth--;
-       }
-       if (shape == "L") {
-	  parent.frames[4].document.write("<IMG src='line_l_shape.gif' width=15 height=25>");
-       } else {
-	  parent.frames[4].document.write("<IMG src='line_side_T.gif' width=15 height=25>");
-       }
-       parent.frames[4].document.write("<A href=\"javascript:top.clickOnBookmark\( '"+folder.link+"\' );\"><IMG src='link.gif' width=25 height=25 border=noborder name='"+folder.address+"' ></A>");
-       parent.frames[4].document.write("<TD valign=middle align=left nowrap><FONT size=-1 face='Arial, Helvetica'><A href=\"javascript:top.clickOnBookmark\( '"+folder.link+"\' );\">"+folder.name+"</a></FONT></TABLE>");
-    }
 
 
-    function hoverFolder( object ) {
-       bookmarkpal.dropCache = object;     
+
+//-------------------------------------------------------------------------
+// Now we have standard (non-method) functions
+//-------------------------------------------------------------------------
+
+
+//---------------------------------shifts contents of folder up one position
+function shiftFolder(object1, object2, n) {
+      object2.p[n] = new addFolder(object1.lname,object1.length,object2.address+".p["+n+"]");
+      for (var i=1; i<object1.p.length; i++) {
+        if (object1.p[i].state=="link") {
+          object2.p[n].p[i]=new addLink(object1.p[i].lname,object1.p[i].link,object2.p[n].address,i);
+        } else {
+          object2.p[n].p[i]=new addFolder(object1.p[i].lname,object1.p[i].length,object2.address+".p["+n+"].p["+i+"]");
+          shiftFolder(object1.p[i],object2.p[n],i);
+        }
+        object2.p[n].p[i].state=object1.p[i].state;
+        object2.p[n].p[i].icon=object1.p[i].icon;
+        object2.p[n].p[i].pressed=object1.p[i].pressed;
+        object2.p[n].p[i].exists=object1.p[i].exists;      
+      }
+      object2.p[n].state=object1.state;
+      object2.p[n].icon=object1.icon;
+      object2.p[n].pressed=object1.pressed;
+      object2.p[n].exists=object1.exists;      
 }
 
 
-    function mouseDown( object ) {
-       bookmarkpal.dragCache = object;
+//--------Method to place folder in middle of other links (this simplifies code)
+function insertFolder(position) {
+        this.bump(position);
+        shiftFolder(addressCache.p[1],this,position);
 }
 
-    function mouseUp() {
-       bookmarkpal.dropCache = bookmarkpal.dragCache;
+
+//---------------------------delete link&folder from within other links&folders
+function remove() {
+        this.exists = false;
 }
 
-//    function dragObject() {
-//    }
+//---------------------Function that deletes link from dragging it to the trash
+function clickTrash() {
+        dragCache = "";
+        redrawTree();
+}
 
-    // Opens a bookmark to the main window
-    function clickOnBookmark(url) {
-       opener.opener.location.href=url;
-    }
+//-----------------------------------------------------------------------------
+// These functions should be incorporated as methods
+// and the trash should be a folder. I'll work on this later.
+//-----------------------------------------------------------------------------
+function hoverTrash() {
+//        if ( dragCache != "" ) {
+//           parent.frames[6].document.images[0].src = lastIcon;
+//           lastIcon = "folder_trash.gif";
+//        }       
+}
+//----------------------------------------------------------------------------
 
-//    function saveToLonCapa() {
-//    }
 
 
-    // Calls Build and draws functions. This function also takes
-    //   care of housekeeping
-    function initializeTree() {
-//            The following is Javascript 1.2 stuff. I'm not supposed to 
-//            use it and it doesn't seem to work anyways!
-//       top.captureEvents(events.RESIZE);
-//       top.onresize=redrawTree();
+//-----------------------------------------------------------------------------
+// The following are construction functions.
+//-----------------------------------------------------------------------------
+
+//--------------------------------------------------generate the Tree HTML code
+function drawTree(depth, folder) {
+   for (var i=1; i<folder.length; i++) {
+      if (folder[i].exists) {
+         if (folder[i].state=="link") {
+            drawLink(depth,folder[i]);
+         } else {
+            drawFolder(depth,folder[i]);
+            if (folder[i].state=="opened" && folder[i].p.length>=0) {
+               drawTree(depth+1,folder[i].p);
+            }
+         }
+      }
+   }
+}
 
-       bookmarkpal = new buildUserTree();
-       frames[4].document.write("<BODY>");
-       drawTree(1, bookmarkpal.bookmarks.p);
-       frames[4].document.write("</BODY>");
+//----------------------------------------Writes HTML code for individual folder
+function drawFolder(depth, folder) {
+       parent.frames[4].document.write("<TABLE border=0 cellspacing=0 cellpadding=0><TR><TD valign=left nowrap>");
+       parent.frames[4].document.write("<a href=\"javascript:top.bookmarkpal."+folder.address+".swapState();\" ><IMG src='folder_pointer_"+folder.state+".gif' width=15 height=25 border=noborder ></a>");
+       image_num++;
+       if ( depth != 1 ) {
+           image_num++;
+           parent.frames[4].document.write("<A href=\"javascript:top.bookmarkpal."+folder.address+".clickFolder(document.images["+image_num+"]);\" onmouseover=\"top.bookmarkpal."+folder.address+".hover(document.images["+image_num+"])\" ><IMG src='folder_spacer.gif' width="+ 20*( depth - 1 ) +" height=25 border=noborder></A>");
+       }
+       parent.frames[4].document.write("<A href=\"javascript:top.bookmarkpal."+folder.address+".clickFolder(document.images["+image_num+"]);\" onmouseover=\"top.bookmarkpal."+folder.address+".hover(document.images["+image_num+"])\" ><IMG src='"+folder.icon+"' width=25 height=25 border=noborder name="+image_num+"></A>");
+       image_num++;
+       parent.frames[4].document.write("<TD valign=middle align=left nowrap><FONT face='Arial, Helvetica'> "+folder.lname+"</FONT></TABLE>");
+}
 
-       // Captures mouse clicks for the sake of ben's-verycompatible-psuedo-dragdrop
-       frames[4].document.captureEvents(Event.MOUSEUP);
-       document.onmouseup = mouseUp;      
+//--------------------------------------Writes HTML code for individual link
+function drawLink(depth, folder) {
+       parent.frames[4].document.write("<TABLE border=0 cellspacing=0 cellpadding=0><TR><TD valign = middle nowrap>");
+       image_num++;
+       parent.frames[4].document.write("<A href=\"javascript:top.bookmarkpal."+folder.address+".clickLink(document.images["+image_num+"], "+folder.position+");\" onmouseover=\"top.bookmarkpal."+folder.address+".p["+ folder.position +"].hover(document.images["+image_num+"])\" ><IMG src='folder_spacer.gif' width="+ 20 * depth +" height=25 border=noborder></A>");
 
-    }
+       parent.frames[4].document.write("<A href=\"javascript:top.bookmarkpal."+folder.address+".clickLink(document.images["+image_num+"], "+folder.position+");\" onmouseover=\"top.bookmarkpal."+folder.address+".p["+ folder.position +"].hover(document.images["+image_num+"])\" ><IMG src='"+folder.icon+"' width=25 height=25 border=noborder name="+image_num+" ></A>");
+       image_num++;
+       parent.frames[4].document.write("<TD valign=middle align=left nowrap><FONT size=-1 face='Arial, Helvetica'><A href=\"javascript:top.clickOnBookmark\( '"+folder.link+"\' );\">"+folder.lname+"</a></FONT></TABLE>");
+}
 
-    function redrawTree() {
+//--------------------Calls Build and draws functions. This function also takes
+//                                                         care of housekeeping
+function initializeTree() {
+//       trash = new addFolder();
+       bookmarkpal = new buildUserTree();
+       redrawTree();
+//       parent.frames[5.document.write("HELLO WORLDS!!");
+}
+
+//--------------------------------Redraws screen without initiallizing anything
+function redrawTree() {
        parent.frames[4].document.clear();
+       image_num = 0;
        parent.frames[4].document.write("<BODY>");
        drawTree(1, bookmarkpal.bookmarks.p);
        parent.frames[4].document.write("</BODY>");
-    }
+}
 
+//-------------------------------------PreProcesses bookmarks before submitting
+function saveBookmarks() {
+  stuff goes here.
+}
 
 
-//var current_mode="preview"
-//var available_mode="edit"
-//var dumb_swap='change_this';
-
-//function swap_mode() {
-//    dumb_swap = available_mode;
-//    available_mode = current_mode;
-//    current_mode = dumb_swap;
-
-//    update_button();
-//    update_content();
-
-//}    
-
-//function update_button() {
-//    this.document['previewedit'].src = "button_" + available_mode + ".gif";
-//}
-
-//function update_content() {
-//    parent.frames[4].location.href = "annotator_content_" + current_mode + ".html"
-//}
 
 </script>
-
-
-
-  </head>
+</head>
 
 <FRAMESET rows="25, *, 30, 25" topmargin=0 leftmargin=0 marginheight=0 marginwidth=0 frameborder="0" border="0" framespacing="0" >
-
-    <FRAMESET cols="25, *, 25" frameborder="0" borders="0" framespacing="0">
-	<FRAME src="annotator_ul.html" marginwidth="0" marginheight="0" scrolling="no">
-	<FRAME src="annotator_uu.html" marginwidth="0" marginheight="0" scrolling="no">
-	<FRAME src="annotator_ur.html" marginwidth="0" marginheight="0" scrolling="no">
-    </FRAMESET>
-
-
-    <FRAMESET name="contentb" cols="25, *, 25" frameborder="0" borders="0" framespacing="0">
-	<FRAME src="annotator_left.html" marginwidth="0" marginheight="0" scrolling="no">
-	<FRAME name="content" src="loading_bookmarks.html" marginwidth="0" marginheight="0" scrolling="yes">
-	<FRAME src="annotator_right.html" marginwidth="0" marginheight="0" scrolling="no">
-    </FRAMESET>
-
-
-    <FRAMESET cols="25, *, 25" frameborder="0" borders="0" framespacing="0">
-	<FRAME src="annotator_left.html" marginwidth="0" marginheight="0" scrolling="no">
-	<FRAME name="toolbar" src="annotator_toolbar.html" marginwidth="0" marginheight="0" scrolling="no">
-	<FRAME src="annotator_right.html" marginwidth="0" marginheight="0" scrolling="no">
-    </FRAMESET>
-
-
-    <FRAMESET cols="25, *, 25" frameborder="0" borders="0" framespacing="0">
-	<FRAME src="annotator_ll.html" marginwidth="0" marginheight="0" scrolling="no">
-	<FRAME src="annotator_bb.html" marginwidth="0" marginheight="0" scrolling="no">
-	<FRAME src="annotator_lr.html" marginwidth="0" marginheight="0" scrolling="no">
-    </FRAMESET>
-
-
+ <FRAMESET cols="25, *, 25" frameborder="0" borders="0" framespacing="0">
+  <FRAME src="annotator_ul.html" marginwidth="0" marginheight="0" scrolling="no">
+  <FRAME src="annotator_uu.html" marginwidth="0" marginheight="0" scrolling="no">
+  <FRAME src="annotator_ur.html" marginwidth="0" marginheight="0" scrolling="no">
+ </FRAMESET>
+ <FRAMESET name="contentb" cols="25, *, 25" frameborder="0" borders="0" framespacing="0">
+  <FRAME src="annotator_left.html" marginwidth="0" marginheight="0" scrolling="no">
+  <FRAME name="content" src="loading_bookmarks.html" marginwidth="0" marginheight="0" scrolling="auto">
+  <FRAME src="annotator_right.html" marginwidth="0" marginheight="0" scrolling="no">
+ </FRAMESET>
+ <FRAMESET cols="25, *, 25" frameborder="0" borders="0" framespacing="0">
+  <FRAME src="annotator_left.html" marginwidth="0" marginheight="0" scrolling="no">
+  <FRAME name="toolbar" src="annotator_toolbar.html" marginwidth="0" marginheight="0" scrolling="no">
+  <FRAME src="annotator_right.html" marginwidth="0" marginheight="0" scrolling="no">
+ </FRAMESET>
+ <FRAMESET cols="25, *, 25" frameborder="0" borders="0" framespacing="0">
+  <FRAME src="annotator_ll.html" marginwidth="0" marginheight="0" scrolling="no">
+  <FRAME src="annotator_bb.html" marginwidth="0" marginheight="0" scrolling="no">
+  <FRAME src="annotator_lr.html" marginwidth="0" marginheight="0" scrolling="no">
+ </FRAMESET>
 </FRAMESET>
-
-</html>
+</html>
\ No newline at end of file
