// Use Freely as long as following disclaimer is intact :: //--------------------------------------------------------------- // Cross Browser Multi-Orientation Menu v1.5 17th August 2004 // This script written by Rik Comery. www.ricom.co.uk // For support, visit the "Resources" section at www.ricom.co.uk // All rights reserved. // Featured in the SimplytheBest DHTML Scripts Library at http://simplythebest.net/scripts/ // MENU ITEMS // // DUPLICATE THIS ENTIRE SECTION FOR MULTIPLE MENUS. PLEASE SEE THE INSTRUCTIONS FILE FOR DETAILS /// var Menu1 = new Array () var subMenu1 = new Array () Menu1[0] = new Array("Utiliteitsbouw", "javascript:void(0)","intro", "left") subMenu1[0] = new Array() subMenu1[0][0] = new Array ("Nieuwbouw kantoorgebouw Messchenveld Assen", "utiliteits/messchenveld.htm","intro") subMenu1[0][1] = new Array ("Nieuwbouw Intergas Coevorden", "utiliteits/intergas.htm","intro") subMenu1[0][2] = new Array ("Pompstation WMD Annen", "utiliteits/pompannen.htm","intro") subMenu1[0][3] = new Array ("Pompstation WMD Ruinerwold", "utiliteits/pompstation.htm","intro") subMenu1[0][4] = new Array ("Huisvesting Dienst Stadsbeheer Assen", "utiliteits/dienst.htm","intro") subMenu1[0][5] = new Array ("Gemeentehuis Midden-Drenthe Beilen", "utiliteits/gemeentehuis.htm","intro") subMenu1[0][6] = new Array ("Herinneringscentrum Westerbork Hooghalen", "utiliteits/westerbork.htm","intro") subMenu1[0][7] = new Array ("TVM Hoogeveen", "utiliteits/tvm.htm","intro") subMenu1[0][8] = new Array ("3 Supermarkten C1000", "utiliteits/c1000.htm","intro") subMenu1[0][9] = new Array ("Showroom Raab Karcher Eshuis Assen", "utiliteits/raab.htm","intro") subMenu1[0][10] = new Array ("Uitbreiding Kerkelijk centrum Dedemsvaart", "utiliteits/kerkdedem.htm","intro") Menu1[1] = new Array("Woningbouw", "javascript:void(0)","intro", "left") subMenu1[1] = new Array() subMenu1[1][0] = new Array ("Marturiacomplex Assen", "woningbouw/marturia.htm","intro") subMenu1[1][1] = new Array ("Appartementencomplex Veendam","woningbouw/veendam.htm","intro") subMenu1[1][2] = new Array ("Appartementencomplex Gorredijk", "woningbouw/gorredijk.htm","intro") subMenu1[1][3] = new Array ("Appartementencomplex Vreewijk Drachten", "woningbouw/vreewijk.htm","intro") subMenu1[1][4] = new Array ("Stadsvilla's Helperwestsingel Groningen", "woningbouw/helperwest.htm","intro") subMenu1[1][5] = new Array ("Woningbouw de Rijd Leeuwarden", "woningbouw/rijd.htm","intro") subMenu1[1][6] = new Array ("Woningbouwcomplex Arriva Stadskanaal", "woningbouw/arriva.htm","intro") subMenu1[1][7] = new Array ("18 seniorenwoningen Hoogersmilde", "woningbouw/seniorenhoog.htm","intro") subMenu1[1][8] = new Array ("Woningbouw Kloosterstede Assen", "woningbouw/kloosterstede.htm","intro") subMenu1[1][9] = new Array ("2e Fase Winkelcentrum Smilde", "woningbouw/smilde.htm","intro") subMenu1[1][10] = new Array ("Centrumplan Ettenstraat te Beilen", "woningbouw/ettenstraat.htm","intro") subMenu1[1][11] = new Array ("Ontwikkeling Dalstra-locatie Surhuisterveen", "woningbouw/dalstra.htm","intro") subMenu1[1][12] = new Array ("Ontwikkeling locatie Het Anker Assen", "woningbouw/anker.htm","intro") Menu1[2] = new Array("Particulier", "javascript:void(0)","intro", "left") subMenu1[2] = new Array() subMenu1[2][0] = new Array ("Nieuwbouw woonhuis Assen", "huizen/deboer.htm","intro") subMenu1[2][1] = new Array ("Nieuwbouw woonhuis Drachten", "huizen/mulder.htm","intro") subMenu1[2][2] = new Array ("Verbouw woonhuis Assen", "huizen/schaafsma.htm","intro") subMenu1[2][3] = new Array ("Nieuwbouw woonhuis Dokkum", "huizen/reinders.htm","intro") subMenu1[2][4] = new Array ("Nieuwbouw 3 woonhuizen Kloosterbos", "huizen/kloosterbos.htm","intro") subMenu1[2][5] = new Array ("Uitbreiding woonhuis Rolde", "huizen/rolde.htm","intro") subMenu1[2][6] = new Array ("Uitbreiding woonhuis Assen", "huizen/schroteboer.htm","intro") subMenu1[2][7] = new Array ("Nieuwbouw woonhuis De Groeve Zuidlaren", "huizen/zuidlaren.htm","intro") Menu1[3] = new Array("Gezondheidszorg", "javascript:void(0)","intro", "left") subMenu1[3] = new Array() subMenu1[3][0] = new Array ("Polikliniek Tripolis Assen", "gezondheidszorg/tripolis.htm","intro") subMenu1[3][1] = new Array ("Het Beurtschip Smilde", "gezondheidszorg/beurtschip.htm","intro") subMenu1[3][2] = new Array ("Appartementen verzorgingstehuis Markehof Marknesse", "gezondheidszorg/markehof.htm","intro") subMenu1[3][3] = new Array ("Woonvoorziening GGZ Drenthe te Bovensmilde", "gezondheidszorg/woonvoorziening.htm","intro") // subMenu1[4][4] = new Array ("Woonzorgtoren Stadskanaal", "gezondheidszorg/zorgtoren.htm","intro") Menu1[4] = new Array("Scholenbouw", "javascript:void(0)","intro", "right") subMenu1[4] = new Array() subMenu1[4][0] = new Array ("Uitbreiding Nassaucollege Assen", "school/nassau.htm","intro") subMenu1[4][1] = new Array ("Nieuwbouw Gomarus College Assen", "school/gomarus.htm","intro") subMenu1[4][2] = new Array ("Nieuwbouw Sensis Rotterdam", "school/sensis.htm","intro") subMenu1[4][3] = new Array ("Uitbreiding Emmaschool Assen", "school/emma.htm","intro") subMenu1[4][4] = new Array ("Uitbreiding basisschool De Borg Assen", "school/borg.htm","intro") Menu1[5] = new Array("Restauratie", "javascript:void(0)","intro", "right") subMenu1[5] = new Array() //subMenu1[5][0] = new Array ("Centraal Station Groningen", "restauratie/csgroningen/3d/Tourviewer_Axes.html","intro") subMenu1[5][0] = new Array ("Stationstraat Assen", "restauratie/straat.htm","intro") subMenu1[5][1] = new Array ("Watertoren Coevorden", "restauratie/watertoren.htm","intro") subMenu1[5][2] = new Array ("Huisvesting RTV Drenthe Assen", "restauratie/rtv.htm","intro") Menu1[6] = new Array("Interieur", "javascript:void(0)","intro", "right") subMenu1[6] = new Array() subMenu1[6][0] = new Array ("Gomarus college Assen", "interieur/gomarus.htm","intro") subMenu1[6][1] = new Array ("Sporthal de Timp Assen", "interieur/timp.htm","intro") subMenu1[6][2] = new Array ("Lounge TVM Hoogeveen", "interieur/tvm.htm","intro") subMenu1[6][3] = new Array ("Marturiacomplex Assen", "interieur/marturia.htm","intro") Menu1[7] = new Array(" ", "javascript:void(0)","intro", "left") subMenu1[7] = new Array() //subMenu1[7][0] = new Array ("Organigram", "organigram.htm","intro") Menu1[8] = new Array("Het Bureau", "javascript:void(0)","intro", "left") subMenu1[8] = new Array() subMenu1[8][0] = new Array ("Organigram", "organigram.htm","intro") subMenu1[8][1] = new Array ("Geschiedenis", "geschiedenis.htm","intro") Menu1[9] = new Array("Opdrachtvoorwaarden", "javascript:void(0)", "intro", "right") subMenu1[9] = new Array() subMenu1[9][0] = new Array ("DNR 2005", "PDF/dnr-2005.pdf","_blank") subMenu1[9][1] = new Array ("toelichting DNR 2005", "PDF/toelichting-dnr.pdf","_blank") subMenu1[9][2] = new Array ("CR 2006", "PDF/cr2006.pdf","_blank") /// FORMAT MENU /// menuStyle = "flat" // Menu Style (flat, 3d) cellPadding = "3" // Cell Padding cellBorder = 0 // Border width (for no border, enter 0) THIS VALUE APPLIES TO ALL MENUS verticalOffset = "0" // Vertical offset of Sub Menu. horizontalOffset = "0" // Horizontal offset of Sub Menu. subMenuDelay = 9999 // Time sub menu stays visible for (in seconds). THIS VALUE APPLIES TO ALL MENUS subIndicate = 1 // Show if a sub menu is present (use 0 for "no") THIS VALUE APPLIES TO ALL MENUS indicator = "" // Symbol to show if a sub menu is present (subIndicate must be to set to 1) // Use standard HTML tag. You can use a character instead of an image. // e.g. indicator = ">" // Main Menu Items menuWidth = "150" // Width of menu item. Use 0 for default borderColor = "transparent" // Border Colour (flat mode only) borderHighlight = "#97BBD3" // Border Highlight Colour (3d mode only) borderShadow = "#31556D" // Border Shadow Colour (3d mode only) menuBackground = "#000000" // Cell Background Colour menuHoverBackground = "#000000" // Cell Background Colour on mouse rollover fontFace = "arial;letter-spacing : 1px;" // Font Face fontColour = "#ffffff" // Font Colour fontHoverColour = "#CA9E69" // Font Colour on mouse rollover fontSize = "8pt" // Font Size fontDecoration = "none" // Style of the link text (none, underline, overline, line-through) fontWeight = "normal" // Font Weight (normal, bold) // Sub Menu Items smenuWidth = "0" // Width of sub menu item. Use 0 for default sborderColor = "transparent" // Border Colour (flat mode only) sborderHighlight = "#E9E9E2" // Border Highlight Colour (3d mode only) sborderShadow = "#83837C" // Border Shadow Colour (3d mode only) smenuBackground = "#000000" // Cell Background Colour smenuHoverBackground = "#000000" // Cell Background Colour on mouse rolloverr sfontFace = "arial;letter-spacing : 1px;" // Font Face sfontColour = "#ffffff" // Font Colour sfontHoverColour = "#CA9E69" // Font Colour on mouse rollover sfontSize = "8pt" // Font Size sfontDecoration = "none" // Style of the link text (none, underline, overline, line-through) sfontWeight = "normal" // Font Weight (normal, bold) quantity = 1 /// END FORMAT MENU //// /// DO NOT EDIT BELOW THIS LINE /// // Browser Sniffer var isIE = (document.getElementById && document.all)?true:false; var isNS4 = (document.layers)?true:false; var isNS6 = (document.getElementById && !document.all)?true:false; var timer; var obj = (isIE)?"document.all":"document.getElementById" // Menu Styles function createStyles(quant){ styleBorder=(menuStyle.split(",")[quant-1].toLowerCase() == "flat")?cellBorder:0 document.writeln (''); } // Build and show the main menu items function showMenus(quant,definedOrientation) { createStyles(quant); if(definedOrientation!=""){orientation=definedOrientation} if (orientation.toLowerCase() == "vertical"){document.writeln ('')} else{document.writeln ('
')} for (x=0; x') document.writeln (''); if (orientation.toLowerCase()=="vertical") document.writeln('') } if (orientation.toLowerCase() == "vertical"){document.writeln ('
'); if (subIndicate == 1&&eval("subMenu"+quant)[x].length>=1){ document.writeln('');} document.writeln ('
'); document.writeln (''+eval("Menu"+quant)[x][0]+''); document.writeln (''+indicator+'
');} else{document.writeln ('');} // Build the sub menu items for (x=0; x 0) { document.writeln (''); } } } // Change colour or menu and submenu items when the mouse hovers over. function highlightMenu(element,mainMenu,dropMenu,state,quant) { hoverMenu(); state=(state == "hover")?"rcMenuHover"+quant:"rcMenuStatic"+quant if (element == "sub") { for (x=0; x < eval("subMenu"+quant)[mainMenu].length; x++) { if (eval("subMenu"+quant)[mainMenu][x][1].indexOf("#") == -1){ eval(obj+'("'+quant+'subMenu'+mainMenu+x+'").className = "rcSubMenuStatic'+quant+'"') eval(obj+'("'+quant+'subLink'+mainMenu+x+'").className = "rcSubMenuStatic'+quant+'"') } } if (eval("subMenu"+quant)[mainMenu][dropMenu][1].indexOf("#") == -1) { eval(obj+'("'+quant+'subMenu'+mainMenu+dropMenu+'").className="rcSubMenuHover'+quant+'"') eval(obj+'("'+quant+'subLink'+mainMenu+dropMenu+'").className="rcSubMenuHover'+quant+'"') } } else { eval(obj+'("'+quant+'cell'+mainMenu+'").className = "'+state+'"') eval(obj+'("'+quant+'mainLink'+mainMenu+'").className = "'+state+'"') if (subIndicate == 1&&eval("subMenu"+quant)[mainMenu].length>=1) { eval(obj+'("'+quant+'cell'+mainMenu+'a").className = "'+state+'"') eval(obj+'("'+quant+'mainLink'+mainMenu+'a").className = "'+state+'"') } } } // Find positioning for sub menus function getOffset(obj, dim) { if(dim=="left") { oLeft = obj.offsetLeft; while(obj.offsetParent!=null) { oParent = obj.offsetParent oLeft += oParent.offsetLeft obj = oParent } return oLeft } else if(dim=="top") { oTop = obj.offsetTop; while(obj.offsetParent!=null) { oParent = obj.offsetParent oTop += oParent.offsetTop obj = oParent } return oTop } else if(dim=="width") { oWidth = obj.offsetWidth return oWidth } else if(dim=="height") { oHeight = obj.offsetHeight return oHeight } else { alert("Error: invalid offset dimension '" + dim + "' in getOffset()") return false; } } // Show sub menus function popDown(quant, param, id, orientation) { var cellBorderOffset = (isNS6)?cellBorder:eval(cellBorder*2) var browserAdjustment = (isNS6)?cellBorder:0 var menu; var button; if (id) { getOffset(eval(obj+'(id)'),'left'); getOffset(eval(obj+'(id)'),'top'); getOffset(eval(obj+'(id)'),'width'); getOffset(eval(obj+'(id)'),'height'); if (eval("Menu"+quant+"["+param+"][3]")=="right" && eval("subMenu"+quant+"["+param+"].length")>0) { oLeft=oLeft oLeft=oLeft+oWidth; getOffset(eval(obj+'("'+quant+'MENU'+param+'")'),'width'); oLeft=oLeft-oWidth ; alignAdjustment = cellBorder*2 + 1 } else { alignAdjustment = 0 oLeft=oLeft } } n = 0; while (n < eval("Menu"+quant).length) { menu = quant+"MENU"+n if (param == n) { theObj = eval(obj+'(menu)'); if (theObj) { theObj.style.visibility = "visible" if (orientation.toLowerCase()=="vertical"){ theObj.style.left=(menuStyle.split(",")[quant-1].toLowerCase()=="flat")?oLeft+oWidth+cellBorder+parseInt(horizontalOffset.split(",")[quant-1]):oLeft+oWidth+cellBorderOffset+parseInt(horizontalOffset.split(",")[quant-1]); theObj.style.top=(menuStyle.split(",")[quant-1].toLowerCase()=="flat")?oTop-cellBorder+parseInt(verticalOffset.split(",")[quant-1]):oTop+parseInt(verticalOffset.split(",")[quant-1])-browserAdjustment} else{ theObj.style.left=(menuStyle.split(",")[quant-1].toLowerCase()=="flat")?oLeft-cellBorder+parseInt(horizontalOffset.split(",")[quant-1])+alignAdjustment:oLeft+parseInt(horizontalOffset.split(",")[quant-1])-browserAdjustment+alignAdjustment; theObj.style.top=(menuStyle.split(",")[quant-1].toLowerCase()=="flat")?oTop+oHeight+cellBorder+parseInt(verticalOffset.split(",")[quant-1]):oTop+oHeight+cellBorderOffset+parseInt(verticalOffset.split(",")[quant-1]);} } highlightMenu('main',n,'','hover',quant) if (eval("subMenu"+quant)[param].length > 0) { for (x=0; x 0)?setDelay:1 timer = setTimeout("popDown("+quant+","+(eval("Menu"+quant).length + 1)+")",delay) } // when you click the box, perform the same function as if the user had clicked the hyperlink function tdMouseClick(theElement) { eval(obj+'(theElement).click()') }