"); outputFrame.close(); window.status="OmenTree v1.0 - (C) 1998 Colin Tucker/OmenSoft - http://omensoft.home.ml.org"; } // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // 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].url + " " + 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("Click to open this folder") outputFrame.write("Click to open this folder " + children[currentIndex].name + "
\n") } else { outputFrame.write("Click to close this folder"); outputFrame.write("Click to close this folder " + children[currentIndex].name + "
\n"); newStructure = newStructure + ""; drawBranch(children[currentIndex].id,newStructure); } } else { if (children[currentIndex].open == 0) { outputFrame.write("Click to open this folder") outputFrame.write("Click to open this folder " + children[currentIndex].name + "
\n") } else { outputFrame.write("Click to close this folder"); outputFrame.write("Click to close this folder " + 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','News','html/news.html','','')); // Root Node MUST be first! treeData.add(new LinkNode('root','Join','html/join.html','','')); treeData.add(new LinkNode('root','Archives','html/archives.html','','')); treeData.add(new LinkNode('root','Messages','html/messages.html','','')); treeData.add(new FolderNode('roster','root','Roster','','html/roster.html')); treeData.add(new LinkNode('roster','Pedro The Diva Lopez','html/documentation.html','','')); treeData.add(new LinkNode('roster','Red Hot Rick','html/documentation.html#intro','','')); treeData.add(new LinkNode('roster','Kid Lightning','html/documentation.html#whatis','','')); treeData.add(new LinkNode('roster','Psycho Maniac','html/documentation.html#whyuse','','')); treeData.add(new LinkNode('roster','Ironcrust','html/documentation.html#uses','','')); treeData.add(new LinkNode('roster','Badger','html/documentation.html#howdoes','','')); treeData.add(new LinkNode('roster','Panda','html/documentation.html#whathappens','','')); treeData.add(new LinkNode('roster','The Guvna','html/documentation.html#letsstart','','')); treeData.add(new LinkNode('roster','Warrior','html/documentation.html#nowwhat','','')); treeData.add(new LinkNode('roster','Damien','html/documentation.html#addhtml','','')); treeData.add(new LinkNode('roster','The Fluff','html/documentation.html#howdoes','','')); treeData.add(new LinkNode('roster','Creamy Goodness','html/documentation.html#whathappens','','')); treeData.add(new LinkNode('roster','Mr. B','html/documentation.html#uservars','','')); treeData.add(new LinkNode('roster','Hong Kong Fuee','html/documentation.html#treestruct','','')); treeData.add(new LinkNode('roster','The Judo','html/documentation.html','','')); treeData.add(new LinkNode('roster','Joey 2 Hotty','html/documentation.html#intro','','')); treeData.add(new LinkNode('roster','Big J','html/documentation.html#whatis','','')); treeData.add(new LinkNode('roster','Zippy','html/documentation.html#whyuse','','')); treeData.add(new LinkNode('roster','Ivanna Canary','html/documentation.html#uses','','')); treeData.add(new LinkNode('roster','Ice','html/documentation.html#howdoes','','')); treeData.add(new LinkNode('roster','Hardkore','html/documentation.html#whathappens','','')); treeData.add(new LinkNode('roster','Black Widow','html/documentation.html#letsstart','','')); treeData.add(new LinkNode('roster','Avenger','html/documentation.html#nowwhat','','')); treeData.add(new LinkNode('roster','Stallion','html/documentation.html#addhtml','','')); treeData.add(new LinkNode('roster','Caboose','html/documentation.html#howdoes','','')); treeData.add(new LinkNode('roster','Homie','html/documentation.html#whathappens','','')); treeData.add(new LinkNode('roster','The Clock','html/documentation.html#uservars','','')); treeData.add(new LinkNode('roster','Chicken Nugget Boy','html/documentation.html#treestruct','','')); treeData.add(new FolderNode('mack','roster','Mack Attack','','')); treeData.add(new LinkNode('mack','Daddy Mack','html/documentation.html#folders','','')); treeData.add(new LinkNode('mack','Diddy Mack','html/documentation.html#links','','')); treeData.add(new FolderNode('bn','roster','B Generation N','','')); treeData.add(new LinkNode('bn','Triple B','html/documentation.html#root','','')); treeData.add(new LinkNode('bn','Road Hogg','html/documentation.html#folders','','')); treeData.add(new LinkNode('bn','X-Pig','html/documentation.html#links','','')); treeData.add(new FolderNode('ppvs','root','PPVs','','')); treeData.add(new LinkNode('ppvs','Y2Fray','http://omensoft.home.ml.org/omensearch','','')); treeData.add(new LinkNode('ppvs','Caged Inferno','http://www.altavista.digital.com','','')); treeData.add(new LinkNode('ppvs','Christmas Carnage','http://www.infoseek.com','','')); treeData.add(new LinkNode('ppvs','Feel The Force','http://www.hotbot.com','','')); treeData.add(new LinkNode('ppvs','Apocalypse','http://www.webcrawler.com','','')); treeData.add(new LinkNode('ppvs','Pandemonium','http://www.yahoo.com','','')); treeData.add(new LinkNode('ppvs','War Games','http://www.excite.com','','')); treeData.add(new LinkNode('ppvs','Playing With Matches','http://www.lycos.com','','')); treeData.add(new LinkNode('ppvs','Hidden Evil','http://www.mckinley.com','','')); treeData.add(new LinkNode('ppvs','Chaos Effect','http://www.excite.com','','')); treeData.add(new LinkNode('ppvs','In The Dark','http://www.lycos.com','','')); treeData.add(new LinkNode('ppvs','Slapfest','http://www.mckinley.com','','')); treeData.add(new FolderNode('shows','root','Shows','','')); treeData.add(new LinkNode('shows','Saturday Shockwave','http://omensoft.home.ml.org/omensearch','','')); treeData.add(new LinkNode('shows','Monday Meltdown','http://www.altavista.digital.com','','')); treeData.add(new LinkNode('shows','Wednesday Whiplash','http://www.infoseek.com','','')); treeData.add(new FolderNode('titles','root','Titles','','')); treeData.add(new LinkNode('titles','WTF Title','news:comp.lang.javascript','','')); treeData.add(new LinkNode('titles','International Title','news:comp.lang.javascript','','')); treeData.add(new LinkNode('titles','Tag Team Titles','news:comp.lang.javascript','','')); treeData.add(new LinkNode('titles','Novelty Title','news:comp.lang.javascript','','')); treeData.add(new FolderNode('email','root','E-mail','','')); treeData.add(new LinkNode('email','The Guvna','mailto:[email protected]?subject=To the owner of WTF...','','img-email.gif')); treeData.add(new LinkNode('email','Red Hot Rick','mailto:[email protected]?subject=To the owner of WTF...','','img-email.gif')); // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // User defined variables: structureStyle = 1; // 0 for light background, 1 for dark background backgroundColor = '#C0C0C0'; // sets the bgColor of the menu textColor = '#FFFFFF'; // sets the color of the text used in the menu linkColor = 'lime'; // 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 = 'images/background.jpg'; // give the complete path to a gif or jpeg to use as a background image defaultTargetFrame = 'pageFrame'; // 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 = "
WTF: Taste the Pain
"; suffixHTML = "
Copyright © 2000, WTF
URL: http://www.stas.net/1/wtf
"; } // End Hiding --> <p>Sorry, your doesn't seem to support frames. To download one which does, find the latest Microsoft Internet Explorer update at <a href="http://www.microsoft.com/">http://www.microsoft.com</a>.</p>