outputFrame.write("\n\n"); outputFrame.close(); window.status="ALEX RICARDO STAMBUK"; } // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // drawBranch() - GENERAL FUNCTION - used by the drawTree() function to recursively draw all // visable nodes in the tree structure. function drawBranch(startNode,structureString) { var children = extractChildrenOf(startNode); var currentIndex = 1; while (currentIndex <= children.length) { outputFrame.write(structureString); if (children[currentIndex].type == 'link') { if (children[currentIndex].icon == "") { var imageString = defaultImageURL + defaultLinkIcon; } else {var imageString = defaultImageURL + children[currentIndex].icon} if (children[currentIndex].target == "") { var targetFrame = defaultTargetFrame; } else {var targetFrame = children[currentIndex].target} if (currentIndex != children.length) { outputFrame.write("") } else { outputFrame.write("") } outputFrame.write(" " + children[currentIndex].name + "
\n") } else { var newStructure = structureString; if (children[currentIndex].iconClosed == "") {var iconClosed = "img-folder-closed-" + structureStyle + ".gif"} else {var iconClosed = children[currentIndex].iconClosed} if (children[currentIndex].iconOpen == "") {var iconOpen = "img-folder-open-" + structureStyle + ".gif"} else {var iconOpen = children[currentIndex].iconOpen} if (currentIndex != children.length) { if (children[currentIndex].open == 0) { outputFrame.write("") outputFrame.write(" " + children[currentIndex].name + "
\n") } else { outputFrame.write(""); outputFrame.write(" " + children[currentIndex].name + "
\n"); newStructure = newStructure + ""; drawBranch(children[currentIndex].id,newStructure); } } else { if (children[currentIndex].open == 0) { outputFrame.write("") outputFrame.write(" " + children[currentIndex].name + "
\n") } else { outputFrame.write(""); outputFrame.write(" " + children[currentIndex].name + "
\n"); newStructure = newStructure + ""; drawBranch(children[currentIndex].id,newStructure); } } } currentIndex++; } } // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // toggleFolder() - GENERAL FUNCTION - opens/closes folder nodes. function toggleFolder(id,status) { var nodeIndex = indexOfNode(id); treeData[nodeIndex].open = status; timeOutId = setTimeout("drawTree()",100)} // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // indexOfNode() - GENERAL FUNCTION - finds the index in the treeData Collection of the node // with the given id. function indexOfNode(id) { var currentIndex = 1; while (currentIndex <= treeData.length) { if ((treeData[currentIndex].type == 'root') || (treeData[currentIndex].type == 'folder')) { if (treeData[currentIndex].id == id) {return currentIndex}} currentIndex++} return -1} // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // extractChildrenOf() - GENERAL FUNCTION - extracts and returns a Collection containing all // of the node's immediate children nodes. function extractChildrenOf(node) { var children = new Collection(); var currentIndex = 1; while (currentIndex <= treeData.length) { if ((treeData[currentIndex].type == 'folder') || (treeData[currentIndex].type == 'link')) { if (treeData[currentIndex].parent == node) { children.add(treeData[currentIndex])}} currentIndex++} return children} // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // Collection() - OBJECT - a dynamic storage structure similar to an Array. function Collection() { this.length = 0; this.add = add; return this} // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // add() - METHOD of Collection - adds an object to a Collection. function add(object) { this.length++; this[this.length] = object} // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // RootNode() - OBJECT - represents the top-most node of the hierarchial tree. function RootNode(id,name,url,target,icon) { this.id = id; this.name = name; this.url = url; this.target = target; this.icon = icon; this.type = 'root'; return this} // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // FolderNode() - OBJECT - represents a node which branches to contain other nodes. function FolderNode(id,parent,name,iconClosed,iconOpen) { this.id = id; this.parent = parent; this.name = name; this.iconClosed = iconClosed; this.iconOpen = iconOpen; this.type = 'folder'; this.open = 0; return this} // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // LinkNode() - OBJECT - a node that represents a link using a URL. function LinkNode(parent,name,url,target,icon) { this.parent = parent; this.name = name; this.url = url; this.target = target; this.icon = icon; this.type = 'link'; return this} // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // loadData() - GENERAL FUNCTION - user defined data and variables exist in this function. function loadData() { // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // Tree structure definitions: // Syntax: // ROOT NODE: // treeData.add(new RootNode("","","","","")); // NOTE: There must be only ONE root node, and it MUST be the FIRST node. // and can be left null - defaults will be used. // FOLDER NODE: // treeData.add(new FolderNode("","","","","")); // NOTE: Folder nodes MUST have a valid parent node, and they SHOULD have children nodes. // and can be left null - OmenTree will use the // default images. // LINK NODE: // treeData.add(new LinkNode("","","","","")); // NOTE: and may be left null - defaults specified in the user // defined variables section will be used. // Consult the OmenTree documentation for further assistance. treeData = new Collection(); treeData.add(new RootNode('root','Contents','welcome.html','','')); // Root Node MUST be first! treeData.add(new LinkNode('root','Home','welcome.html','','img-globe-0.gif')); treeData.add(new FolderNode('letter','root','Cover Letter','','')); treeData.add(new LinkNode('letter','Cover Letter','html/cover_letter.html','','')); treeData.add(new LinkNode('letter','Print Cover Letter','docs/cover_letter.doc','_top','img-print.gif')); treeData.add(new FolderNode('docs','root','CV','','')); treeData.add(new LinkNode('docs','my CV','html/cv.html','','img-page.gif')); treeData.add(new LinkNode('docs','Introduction','html/cv.html#Intro','','')); treeData.add(new LinkNode('docs','Personal Info','html/cv.html#Info','','')); treeData.add(new LinkNode('docs','Education & Training','html/cv.html#Education','','')); treeData.add(new LinkNode('docs','Employment History','html/cv.html#Employment','','')); treeData.add(new LinkNode('docs','Language Skills','html/cv.html#Language','','')); treeData.add(new LinkNode('docs','Computer Skills','html/cv.html#Computer','','')); treeData.add(new LinkNode('docs','Projects','html/cv.html#Projects','','')); treeData.add(new LinkNode('docs','Personal Interests','html/cv.html#Personal','','')); treeData.add(new LinkNode('docs','Printable CV','docs/cv.doc','_top','img-print.gif')); treeData.add(new FolderNode('refs','root','References','','')); treeData.add(new LinkNode('refs','References','html/references.html','','')); treeData.add(new LinkNode('refs','Printable References','docs/references.doc','_top','img-print.gif')); treeData.add(new FolderNode('favs','root','Favorites','img-folder-closed-fav.gif','img-folder-open-fav.gif')); treeData.add(new FolderNode('sites','favs','Sites','','')); treeData.add(new LinkNode('sites','Macromedia','http://www.macromedia.com','_top','img-page-globe-link.gif')); treeData.add(new LinkNode('sites','SF State','http://www.sfsu.edu','_top','img-page-globe-link.gif')); treeData.add(new LinkNode('sites','cnet.com','http://www.cnet.com','_top','img-page-globe-link.gif')); treeData.add(new LinkNode('sites','WebMonkey','http://www.webmonkey.com','_top','img-page-globe-link.gif')); treeData.add(new FolderNode('news','favs','News','','')); treeData.add(new LinkNode('news','CNN','http://www.cnn.com','_top','img-page-globe-link.gif')); treeData.add(new LinkNode('news','LA Times','http://www.latimes.com','_top','img-page-globe-link.gif')); treeData.add(new LinkNode('news','SFGate','http://www.sfgate.com','_top','img-page-globe-link.gif')); treeData.add(new LinkNode('news','SJMercury','http://www.sjmercury.com','_top','img-page-globe-link.gif')); treeData.add(new LinkNode('news','The Economist','http://www.economist.com','_top','img-page-globe-link.gif')); treeData.add(new LinkNode('news','Financial Times','http://www.FT.com','_top','img-page-globe-link.gif')); treeData.add(new FolderNode('sports','favs','Sports','','')); treeData.add(new LinkNode('sports','ESPN','http://www.espn.com','_top','img-page-globe-link.gif')); treeData.add(new LinkNode('sports','CNNSI','http://www.cnnsi.com','_top','img-page-globe-link.gif')); treeData.add(new LinkNode('sports','EXPN','http://www.expn.com','_top','img-page-globe-link.gif')); treeData.add(new LinkNode('sports','Thrasher','http://www.thrashermagazine.com','_top','img-page-globe-link.gif')); treeData.add(new FolderNode('engines','root','Search Engines','','')); treeData.add(new LinkNode('engines','AltaVista','http://www.altavista.digital.com','','img-page-link.gif')); treeData.add(new LinkNode('engines','InfoSeek','http://www.infoseek.com','','img-page-link.gif')); treeData.add(new LinkNode('engines','HotBot','http://www.hotbot.com','','img-page-link.gif')); treeData.add(new LinkNode('engines','WebCrawler','http://www.webcrawler.com','','img-page-link.gif')); treeData.add(new LinkNode('engines','Yahoo!','http://www.yahoo.com','','img-page-link.gif')); treeData.add(new LinkNode('engines','Excite','http://www.excite.com','','img-page-link.gif')); treeData.add(new LinkNode('engines','Lycos','http://www.lycos.com','','img-page-link.gif')); treeData.add(new LinkNode('engines','Magellan','http://www.mckinley.com','','img-page-link.gif')); treeData.add(new FolderNode('newsg','root','Newsgroups','','')); treeData.add(new LinkNode('newsg','comp.lang.javascript','news:comp.lang.javascript','','img-newsgroup.gif')); treeData.add(new FolderNode('contact','root','Contact','','')); treeData.add(new LinkNode('contact','Alex','mailto:stambuk@swipnet.se','','img-email-0.gif')); treeData.add(new LinkNode('contact','Form','html/form.html','','img-email.gif')); // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // User defined variables: structureStyle = 0; // 0 for light background, 1 for dark background backgroundColor = '#FFFFFF'; // sets the bgColor of the menu textColor = '#000000'; // sets the color of the text used in the menu linkColor = '#0000AA'; // sets the color of any text links (usually defined in additional HTML sources) aLinkColor = '#FF0000'; // sets the active link color (when you click on the link) vLinkColor = '#880088'; // sets the visited link color backgroundImage = ''; // give the complete path to a gif or jpeg to use as a background image defaultTargetFrame = 'mainframe'; // the name of the frame that links will load into by default defaultImageURL = 'images/'; // the URL or path where the OmenTree images are located defaultLinkIcon = 'img-page-globe.gif'; // the default icon image used for links omenTreeFont = 'MS Sans Serif,Arial,Helvetica'; // the font used for the menu omenTreeFontSize = 1; // its size - don't make it too big! // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // Additional HTML sources: prefixHTML = ""; suffixHTML = ""; } // End Hiding -->