");
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 + "](_%20%2b%20imageString%20%2b%20_.html)
" + 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','R.H.V. Leonidas','home.html','','')); // Root Node MUST be first!
treeData.add(new LinkNode('root','Nieuws','nieuws','',''));
treeData.add(new FolderNode('Over Leonidas','root','Over Leonidas','',''));
treeData.add(new LinkNode('Over Leonidas','Wie was Leonidas?','leonidas','',''));
treeData.add(new LinkNode('Over Leonidas','Bestuur','leonidas/bestuur','',''));
treeData.add(new LinkNode('Over Leonidas','Teams','leonidas/teams','',''));
treeData.add(new LinkNode('Over Leonidas','Toernooien','leonidas/toernooien','',''));
treeData.add(new FolderNode('paalpieper','root','Paalpieper','',''));
treeData.add(new LinkNode('paalpieper','Laatste paalpieper','paalpieper','',''));
treeData.add(new LinkNode('paalpieper','Laatste programma','paalpieper/programma.html','',''));
treeData.add(new LinkNode('paalpieper','Oude paalpiepers','paalpieper/oude_paalpiepers.html','',''));
treeData.add(new FolderNode('Competitie','root','Competitie','',''));
treeData.add(new LinkNode('Competitie','Clubs / Routes','competitie/route.html','',''));
treeData.add(new LinkNode('Competitie','Poules','competitie/competitie.html','',''));
treeData.add(new LinkNode('root','Sponsors','sponsors','',''));
treeData.add(new LinkNode('root','Help','help','',''));
treeData.add(new LinkNode('root','E-mail','diversen/email.html','','img-email.gif'));
treeData.add(new FolderNode('links','root','Links','img-folder-closed-fav.gif','img-folder-open-fav.gif'));
treeData.add(new LinkNode('links','Jake Hockey World','http://home.pi.net/~hoef/tournament.htm','','img-page-globe.gif'));
treeData.add(new LinkNode('links','Nederlandse Hockey Homepage','http://hockey.enschede.com','','img-page-globe.gif'));
treeData.add(new LinkNode('links','Statue of Leonidas','http://www.culture.gr/2/21/211/21114n/e211nn01.html','','img-page-globe.gif'));
treeData.add(new LinkNode('links','WK Hockey 1998','http://193.78.80.60/organisatie/index.html','','img-page-globe.gif'));
treeData.add(new LinkNode('links','Hockeynet','http://www.hockeynet.nl','','img-page-globe.gif'));
treeData.add(new LinkNode('links','KNHB','http://www.knhb.nl','','img-page-globe.gif'));
treeData.add(new LinkNode('links','Dutch Field Hockey home page','http://hockey.enschede.com','','img-page-globe.gif'));
treeData.add(new LinkNode('links','Hockey Spelregel Home Page','http://www.il.fontys.nl/~jasper/hockey','','img-page-globe.gif'));
treeData.add(new LinkNode('links','International Hockey Federation','http://www.fihockey.org/index.htm','','img-page-globe.gif'));
treeData.add(new LinkNode('links','FIH spelregels 1997/98 bij www.fieldhockey.com','http://www.fieldhockey.com/Rules/rules97.htm','','img-page-globe.gif'));
treeData.add(new LinkNode('links','Nieuws- en discussiegroep op Usenet','news:rec.sport.hockey.field','','img-newsgroup.gif'));
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// User defined variables:
structureStyle = 1; // 0 for light background, 1 for dark background
backgroundColor = 'blue'; // sets the bgColor of the menu
textColor = 'white'; // sets the color of the text used in the menu
linkColor = 'yellow'; // sets the color of any text links (usually defined in additional HTML sources)
aLinkColor = 'white'; // sets the active link color (when you click on the link)
vLinkColor = 'yellow'; // sets the visited link color
backgroundImage = 'leologo6.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 = ''; // the URL or path where the OmenTree images are located
defaultLinkIcon = 'img-page.gif'; // the default icon image used for links
omenTreeFont = 'MS Sans Serif,Arial,Helvetica'; // the font used for the menu
omenTreeFontSize = 2; // its size - don't make it too big!
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// Additional HTML sources:
prefixHTML = "";
suffixHTML = "
";
}
// End Hiding -->
<![CDATA[
<p>Helaas, uw browser ondersteund geen frames. Download de nieuwe <A HREF="http://home.netscape.com/">Netscape</A>!</P>
]]>