var isDOM = (document.getElementById ? true : false); var isIE4 = ((document.all && !isDOM) ? true : false); var isNS4 = (document.layers ? true : false); function getRef(id) { if (isDOM) return document.getElementById(id); if (isIE4) return document.all[id]; if (isNS4) return document.layers[id]; } function getSty(id) { return (isNS4 ? getRef(id) : getRef(id).style); } // Hide timeout. var popTimer = 0; // Array showing highlighted menu items. var litNow = new Array(); function popOver(menuNum, itemNum) { clearTimeout(popTimer); hideAllBut(menuNum); litNow = getTree(menuNum, itemNum); changeCol(litNow, true); targetNum = menu[menuNum][itemNum].target; if (targetNum > 0) { thisX = parseInt(menu[menuNum][0].ref.left) + parseInt(menu[menuNum][itemNum].ref.left); thisY = parseInt(menu[menuNum][0].ref.top) + parseInt(menu[menuNum][itemNum].ref.top); with (menu[targetNum][0].ref) { left = parseInt(thisX + menu[targetNum][0].x); top = parseInt(thisY + menu[targetNum][0].y); visibility = 'visible'; } } } function popOut(menuNum, itemNum) { if ((menuNum == 0) && !menu[menuNum][itemNum].target) hideAllBut(0) else popTimer = setTimeout('hideAllBut(0)', 500); } function getTree(menuNum, itemNum) { // Array index is the menu number. The contents are null (if that menu is not a parent) // or the item number in that menu that is an ancestor (to light it up). itemArray = new Array(menu.length); while(1) { itemArray[menuNum] = itemNum; // If we've reached the top of the hierarchy, return. if (menuNum == 0) return itemArray; itemNum = menu[menuNum][0].parentItem; menuNum = menu[menuNum][0].parentMenu; } } // Pass an array and a boolean to specify colour change, true = over colour. function changeCol(changeArray, isOver) { for (menuCount = 0; menuCount < changeArray.length; menuCount++) { if (changeArray[menuCount]) { newCol = isOver ? menu[menuCount][0].overCol : menu[menuCount][0].backCol; // Change the colours of the div/layer background. with (menu[menuCount][changeArray[menuCount]].ref) { if (isNS4) bgColor = newCol; else backgroundColor = newCol; } } } } function hideAllBut(menuNum) { var keepMenus = getTree(menuNum, 1); for (count = 0; count < menu.length; count++) if (!keepMenus[count]) menu[count][0].ref.visibility = 'hidden'; changeCol(litNow, false); } // *** MENU CONSTRUCTION FUNCTIONS *** function Menu(isVert, popInd, x, y, width, overCol, backCol, borderClass, textClass) { // True or false - a vertical menu? this.isVert = isVert; // The popout indicator used (if any) for this menu. this.popInd = popInd // Position and size settings. this.x = x; this.y = y; this.width = width; // Colours of menu and items. this.overCol = overCol; this.backCol = backCol; // The stylesheet class used for item borders and the text within items. this.borderClass = borderClass; this.textClass = textClass; // Parent menu and item numbers, indexed later. this.parentMenu = null; this.parentItem = null; // Reference to the object's style properties (set later). this.ref = null; } function Item(text, href, frame, length, spacing, target) { this.text = text; this.href = href; this.frame = frame; this.length = length; this.spacing = spacing; this.target = target; // Reference to the object's style properties (set later). this.ref = null; } function writeMenus() { if (!isDOM && !isIE4 && !isNS4) return; for (currMenu = 0; currMenu < menu.length; currMenu++) with (menu[currMenu][0]) { // Variable for holding HTML for items and positions of next item. var str = '', itemX = 0, itemY = 0; // Remember, items start from 1 in the array (0 is menu object itself, above). // Also use properties of each item nested in the other with() for construction. for (currItem = 1; currItem < menu[currMenu].length; currItem++) with (menu[currMenu][currItem]) { var itemID = 'menu' + currMenu + 'item' + currItem; // The width and height of the menu item - dependent on orientation! var w = (isVert ? width : length); var h = (isVert ? length : width); // Create a div or layer text string with appropriate styles/properties. // Thanks to Paul Maden (www.paulmaden.com) for helping debug this in IE4, apparently // the width must be a miniumum of 3 for it to work in that browser. if (isDOM || isIE4) { str += '
'; // Add contents of item (default: table with link inside). // In IE/NS6+, add padding if there's a border to emulate NS4's layer padding. // If a target frame is specified, also add that to the tag. str += ''; if (target > 0) { // Set target's parents to this menu item. menu[target][0].parentMenu = currMenu; menu[target][0].parentItem = currItem; // Add a popout indicator. if (popInd) str += ''; } str += '
' + '' : '>') + text + '' + popInd + '
' + (isNS4 ? '' : '
'); if (isVert) itemY += length + spacing; else itemX += length + spacing; } if (isDOM) { var newDiv = document.createElement('div'); document.getElementsByTagName('body').item(0).appendChild(newDiv); newDiv.innerHTML = str; ref = newDiv.style; ref.position = 'absolute'; ref.visibility = 'hidden'; } // Insert a div tag to the end of the BODY with menu HTML in place for IE4. if (isIE4) { document.body.insertAdjacentHTML('beforeEnd', ''); ref = getSty('menu' + currMenu + 'div'); } // In NS4, create a reference to a new layer and write the items to it. if (isNS4) { ref = new Layer(0); ref.document.write(str); ref.document.close(); } for (currItem = 1; currItem < menu[currMenu].length; currItem++) { itemName = 'menu' + currMenu + 'item' + currItem; if (isDOM || isIE4) menu[currMenu][currItem].ref = getSty(itemName); if (isNS4) menu[currMenu][currItem].ref = ref.document[itemName]; } } with(menu[0][0]) { ref.left = x; ref.top = y; ref.visibility = 'visible'; } } var menu = new Array(); var defOver = '#CCCCCC', defBack = '#D2D199'; var defLength = 22; // Menu 0 is the special, 'root' menu from which everything else arises. menu[0] = new Array(); menu[0][0] = new Menu(false, '', 5, 154, 17, defOver, '#D2C699', 'mBorder', 'mLink'); menu[0][1] = new Item('About', '#', '', 60, -2, 1); menu[0][2] = new Item('Galleries', '../../GalleryMain/Fractal_Galleries_Main.html', '', 60, -2, 2); menu[0][3] = new Item('Home', '../../index.html', '', 60, -2, 0); menu[0][4] = new Item('E-Mail', 'mailto:fractals@hiddendimension.com', '_new', 60, -2, 0); // About menu. menu[1] = new Array(); menu[1][0] = new Menu(true, '>', 0, 30, 95, defOver, defBack, 'mBorder', 'mLink'); menu[1][1] = new Item('Fractal Math', '../../FractalMath/Mathematics_Main.html', '', defLength, 0, 3); menu[1][2] = new Item('Tutorials', '../../Tutorials/Tutorials_Main.html', '', defLength, 0, 4); menu[1][3] = new Item('Downloads', '../../futils.html', '', defLength, 0, 0); menu[1][4] = new Item('Links', '../../links.html', '', defLength, 0, 0); // Galleries menu. menu[2] = new Array(); menu[2][0] = new Menu(true, '>', 0, 30, 123, defOver, defBack, 'mBorder', 'mLink'); menu[2][1] = new Item('Gallery I', '../../GalleryMain/Gallery_1/Art_Gallery_1.html', '', defLength, 0, 0); menu[2][2] = new Item('Gallery II', '../../GalleryMain/Gallery_2/Art_Gallery_2.html', '', defLength, 0, 0); menu[2][3] = new Item('Gallery III', '../../GalleryMain/Gallery_3/Art_Gallery_3.html', '', defLength, 10, 0); menu[2][4] = new Item('Tessellation Gallery', '../../GalleryMain/Tessellation_Gallery/Tessellation_Gallery.html', '', defLength, 0, 0); menu[2][5] = new Item('3D Gallery', '../../GalleryMain/ThreeD_Gallery/3D_Gallery.html', '', defLength, 0, 0); menu[2][6] = new Item('Inversion Gallery', '../../GalleryMain/Inversion_Gallery/Inversion_Gallery.html', '', defLength, 0, 0); menu[2][7] = new Item('Kleinian Gallery', '../../GalleryMain/Kleinian_Gallery/Kleinian_Gallery.html', '', defLength, 0, 0); menu[2][8] = new Item('Height Field Gallery', '../../GalleryMain/Heightfield_Gallery/Heightfield_Gallery.html', '', defLength, 10, 0); menu[2][9] = new Item('Animation Gallery', '../../GalleryMain/Animation_Gallery/Animation_Gallery.html', '', defLength, 0, 0); // Fractal Math menu. menu[3] = new Array(); menu[3][0] = new Menu(true, '>', 97, 0, 130, defOver, defBack, 'mBorder', 'mLink'); menu[3][1] = new Item('Divergent Fractals', '../../FractalMath/Divergent_Fractals_Main.html', '', defLength, 0, 0); menu[3][2] = new Item('Convergent Fractals', '../../FractalMath/Convergent_Fractals_Main.html', '', defLength, 10, 0); menu[3][3] = new Item('Tessellation Fractals', '../../FractalMath/TessellationFractals.html', '', defLength, 0, 0); menu[3][4] = new Item('3D Fractals', '../../FractalMath/JuliaBrot_Fractals_Main.html', '', defLength, 0, 0); menu[3][5] = new Item('Inversion Fractals', '../../FractalMath/CircleInversionFractals.html', '', defLength, 0, 0); menu[3][6] = new Item('Kleinian Fractals', '../../FractalMath/KleinianGroup_Fractals_Main.html', '', defLength, 0, 0); menu[3][7] = new Item('Height Field Fractals', '../../FractalMath/Heightfield_Fractals.html', '', defLength, 10, 0); menu[3][8] = new Item('Strange Attractors', '../../FractalMath/Strange_Attractors_Main.html', '', defLength, 0, 0); menu[3][9] = new Item('IFS Fractals', '../../FractalMath/IFS_Fractals_Main.html', '', defLength, 0, 0); menu[3][10] = new Item('L System Fractals', '../../FractalMath/LSystem_Fractals_Main.html', '', defLength, 0, 0); // Tutorial menu. menu[4] = new Array(); menu[4][0] = new Menu(true, '>', 97, 0, 170, defOver, defBack, 'mBorder', 'mLink'); menu[4][1] = new Item('Slope Formulas', '../../Tutorials/Slope/Slope_Tutorial.html', '', defLength, 0, 5); menu[4][2] = new Item('Enhanced Formulas', '../../Tutorials/EnhancedTraps/Enhanced_Traps_Tutorial.html', '', defLength, 0, 6); menu[4][3] = new Item('Simple Traps', '../../Tutorials/SimpleTraps/Simple_Traps_Tutorial.html', '', defLength, 0, 7); menu[4][4] = new Item('Polar Traps', '../../Tutorials/PolarTraps/Polar_Traps_Tutorial.html', '', defLength, 0, 8); menu[4][5] = new Item('Attractor Traps', '../../Tutorials/AttractorTraps/Attractor_Traps_Tutorial.html', '', defLength, 10, 9); menu[4][6] = new Item('UF5 Challenges', '../UF5Challenges.html', '', defLength, 0, 10); menu[4][7] = new Item('Mesh Raytracing', '../../Tutorials/Heightfields/MeshRaytraceTutorial.html', '', defLength, 0, 0); menu[4][8] = new Item('3D Fractal Raytracing', '../../Tutorials/3DFractals/3DFractalRaytraceTutorial.html', '', defLength, 0, 0); menu[4][9] = new Item('One Layer Challenge', '../OneLayer/UFOneLayer.html', '', defLength, 0, 0); // Slope Formula menu. menu[5] = new Array(); menu[5][0] = new Menu(true, '>', 172, 0, 90, defOver, defBack, 'mBorder', 'mLink'); menu[5][1] = new Item('Introduction', '../../Tutorials/Slope/Slope_Tutorial.html', '', defLength, 0, 0); menu[5][2] = new Item('Basic Usage', '../../Tutorials/Slope/Slope_Tutorial_2.html', '', defLength, 0, 0); menu[5][3] = new Item('Convergent', '../../Tutorials/Slope/Slope_Tutorial_3.html', '', defLength, 0, 0); menu[5][4] = new Item('Height Value', '../../Tutorials/Slope/Slope_Tutorial_4.html', '', defLength, 0, 0); menu[5][5] = new Item('3D Texturizer', '../../Tutorials/Slope/Slope_Tutorial_5.html', '', defLength, 0, 0); menu[5][6] = new Item('Direct Color', '../../Tutorials/Slope/Slope_Tutorial_6.html', '', defLength, 0, 0); menu[5][7] = new Item('Attractor', '../../Tutorials/Slope/Slope_Tutorial_7.html', '', defLength, 0, 0); menu[5][8] = new Item('Apollo', '../../Tutorials/Slope/Slope_Tutorial_8.html', '', defLength, 0, 0); menu[5][9] = new Item('Indra', '../../Tutorials/Slope/Slope_Tutorial_9.html', '', defLength, 0, 0); // Enhanced Traps Formula menu. menu[6] = new Array(); menu[6][0] = new Menu(true, '>', 172, 0, 90, defOver, defBack, 'mBorder', 'mLink'); menu[6][1] = new Item('Introduction', '../../Tutorials/EnhancedTraps/Enhanced_Traps_Tutorial.html', '', defLength, 0, 0); menu[6][2] = new Item('The Basics', '../../Tutorials/EnhancedTraps/Enhanced_Traps_Tutorial_2.html', '', defLength, 0, 0); menu[6][3] = new Item('Mod Iter', '../../Tutorials/EnhancedTraps/Enhanced_Traps_Tutorial_3.html', '', defLength, 0, 0); menu[6][4] = new Item('Tweak Trap', '../../Tutorials/EnhancedTraps/Enhanced_Traps_Tutorial_4.html', '', defLength, 0, 0); menu[6][5] = new Item('Limited Iter', '../../Tutorials/EnhancedTraps/Enhanced_Traps_Tutorial_5.html', '', defLength, 0, 0); menu[6][6] = new Item('Progressive', '../../Enhanced_Traps_Tutorial_6.html', '', defLength, 0, 0); menu[6][7] = new Item('Texture', '../../Tutorials/EnhancedTraps/Enhanced_Traps_Tutorial_7.html', '', defLength, 0, 0); menu[6][8] = new Item('fBm Texture', '../../Tutorials/EnhancedTraps/Enhanced_Traps_Tutorial_8.html', '', defLength, 0, 0); // Simple Traps Formula menu. menu[7] = new Array(); menu[7][0] = new Menu(true, '>', 172, 0, 90, defOver, defBack, 'mBorder', 'mLink'); menu[7][1] = new Item('Introduction', '../../Tutorials/SimpleTraps/Simple_Traps_Tutorial.html', '', defLength, 0, 0); menu[7][2] = new Item('The Basics', '../../Tutorials/SimpleTraps/Simple_Traps_Tutorial_2.html', '', defLength, 0, 0); menu[7][3] = new Item('Trap Basics', '../../Tutorials/SimpleTraps/Simple_Traps_Tutorial_3.html', '', defLength, 0, 0); menu[7][4] = new Item('Functions', '../../Tutorials/SimpleTraps/Simple_Traps_Tutorial_4.html', '', defLength, 0, 0); menu[7][5] = new Item('Tweak Trap', '../../Tutorials/SimpleTraps/Simple_Traps_Tutorial_5.html', '', defLength, 0, 0); menu[7][6] = new Item('Expert Mode', '../../Tutorials/SimpleTraps/Simple_Traps_Tutorial_6.html', '', defLength, 0, 0); menu[7][7] = new Item('Progressive', '../../Tutorials/SimpleTraps/Simple_Traps_Tutorial_7.html', '', defLength, 0, 0); menu[7][8] = new Item('Morph', '../../Tutorials/SimpleTraps/Simple_Traps_Tutorial_8.html', '', defLength, 0, 0); menu[7][9] = new Item('Toby Texture', '../../Tutorials/SimpleTraps/Simple_Traps_Tutorial_9.html', '', defLength, 0, 0); menu[7][10] = new Item('Dual Trap', '../../Tutorials/SimpleTraps/Simple_Traps_Tutorial_10.html', '', defLength, 0, 0); // Polar Traps Formula menu. menu[8] = new Array(); menu[8][0] = new Menu(true, '>', 172, 0, 90, defOver, defBack, 'mBorder', 'mLink'); menu[8][1] = new Item('Introduction', '../../Tutorials/PolarTraps/Polar_Traps_Tutorial.html', '', defLength, 0, 0); menu[8][2] = new Item('The Basics', '../../Tutorials/PolarTraps/Polar_Traps_Tutorial_2.html', '', defLength, 0, 0); menu[8][3] = new Item('The Traps', '../../Tutorials/PolarTraps/Polar_Traps_Tutorial_3.html', '', defLength, 0, 0); menu[8][4] = new Item('Tweak Trap', '../../Tutorials/PolarTraps/Polar_Traps_Tutorial_4.html', '', defLength, 0, 0); menu[8][5] = new Item('Expert Mode', '../../Tutorials/PolarTraps/Polar_Traps_Tutorial_5.html', '', defLength, 0, 0); // Attractor Traps Formula menu. menu[9] = new Array(); menu[9][0] = new Menu(true, '>', 172, 0, 105, defOver, defBack, 'mBorder', 'mLink'); menu[9][1] = new Item('Introduction', '../../Tutorials/AttractorTraps/Attractor_Traps_Tutorial.html', '', defLength, 0, 0); menu[9][2] = new Item('The Basics', '../../Tutorials/AttractorTraps/Attractor_Traps_Tutorial_2.html', '', defLength, 0, 0); menu[9][3] = new Item('The Attractors', '../../Tutorials/AttractorTraps/Attractor_Traps_Tutorial_3.html', '', defLength, 0, 0); menu[9][4] = new Item('General Params', '../../Tutorials/AttractorTraps/Attractor_Traps_Tutorial_4.html', '', defLength, 0, 0); menu[9][5] = new Item('Expert Mode #1', '../../Tutorials/AttractorTraps/Attractor_Traps_Tutorial_5.html', '', defLength, 0, 0); menu[9][6] = new Item('Expert Mode #2', '../../Tutorials/AttractorTraps/Attractor_Traps_Tutorial_6.html', '', defLength, 0, 0); menu[9][7] = new Item('Dual Traps', '../../Tutorials/AttractorTraps/Attractor_Traps_Tutorial_7.html', '', defLength, 0, 0); // UF5 Challenges and Tutorials menu. menu[10] = new Array(); menu[10][0] = new Menu(true, '>', 172, 0, 170, defOver, defBack, 'mBorder', 'mLink'); menu[10][1] = new Item('UF5 Challenges', '../Challenge1/UF5Challenge!.html', '', defLength, 0, 11); menu[10][2] = new Item('UF5 Tutorials', '../Tutorial1/UF5Tutorials.html', '', defLength, 0, 12); // UF5 Challenges menu. menu[11] = new Array(); menu[11][0] = new Menu(true, '>', 172, 0, 170, defOver, defBack, 'mBorder', 'mLink'); menu[11][1] = new Item('1. Plug and Play', '../Challenge1/UF5Challenge!.html', '', defLength, 0, 0); menu[11][2] = new Item('2. All Wrapped Up', 'UF5Challenge2.html', '', defLength, 0, 0); menu[11][3] = new Item('3. Transformed', '../Challenge3/UF5Challenge3.html', '', defLength, 0, 0); menu[11][4] = new Item('4. All About Textures', '../Challenge4/UF5Challenge4.html', '', defLength, 0, 0); menu[11][5] = new Item('5. Advanced Textures', '../Challenge5/UF5Challenge5.html', '', defLength, 0, 0); menu[11][6] = new Item('6. Slope/Lighting', '../Challenge6/UF5Challenge6.html', '', defLength, 0, 0); menu[11][7] = new Item('7. Texturing Tools', '../Challenge7/UF5Challenge7.html', '', defLength, 0, 0); menu[11][8] = new Item('8. MMF Smooth Orbit Traps', '../Challenge8/UF5Challenge8.html', '', defLength, 0, 0); menu[11][9] = new Item('9. Importing Images', '../Challenge9/UF5Challenge9.html', '', defLength, 0, 0); menu[11][10] = new Item('10. Get Switched', '../Challenge10/UF5Challenge10.html', '', defLength, 0, 0); // UF5 Tutorials menu. menu[12] = new Array(); menu[12][0] = new Menu(true, '>', 172, 0, 170, defOver, defBack, 'mBorder', 'mLink'); menu[12][1] = new Item('UF5 Basics and Classes', '../Tutorial1/UF5Tutorials.html', '', defLength, 0, 0); menu[12][2] = new Item('Exploring Plugins', '../Tutorial2/UF5Tutorials2.html', '', defLength, 0, 0); menu[12][3] = new Item('Transforms as Plugins', '../Tutorial3/UF5Tutorials3.html', '', defLength, 0, 0); menu[12][4] = new Item('Applications of Texture', '../Tutorial4/UF5Tutorials4.html', '', defLength, 0, 0); menu[12][5] = new Item('Advanced Topics in Textures', '../Tutorial5/UF5Tutorials5.html', '', defLength, 0, 0); menu[12][6] = new Item('Slope/Lighting Formulas', '../Tutorial6/UF5Tutorials6.html', '', defLength, 0, 0); menu[12][7] = new Item('Trap Transfer Bias', '../Tutorial7/UF5Tutorials7.html', '', defLength, 0, 0); menu[12][8] = new Item('MMF Smooth Orbit Traps', '../Tutorial8/UF5Tutorials8.html', '', defLength, 0, 0); menu[12][9] = new Item('Images - Part 1', '../Tutorial9/UF5Tutorials9.html', '', defLength, 0, 0); menu[12][10] = new Item('Switch Formula Classes', '../Tutorial10/UF5Tutorials10.html', '', defLength, 0, 0); menu[12][11] = new Item('Using Groups', '../Tutorial11/UF5Tutorials11.html', '', defLength, 0, 0); var popOldWidth = window.innerWidth; nsResizeHandler = new Function('if (popOldWidth != window.innerWidth) location.reload()'); if (isNS4) document.captureEvents(Event.CLICK); document.onclick = clickHandle; function clickHandle(evt) { if (isNS4) document.routeEvent(evt); hideAllBut(0); } function moveRoot() { with(menu[0][0].ref) left = ((parseInt(left) < 100) ? 100 : 5); } // End -->