// 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 /// // // // ****** INSTANCES OF '#' REPLACED WITH '@" to enable Anchor Links // var Menu1 = new Array () var subMenu1 = new Array () Menu1[0] = new Array(" FURNITURE ", "furniture-sofas-loveseats.htm","_top", "left") subMenu1[0] = new Array() subMenu1[0][0] = new Array ("Sofas + Loveseats", "furniture-sofas-loveseats.htm","_top") subMenu1[0][1] = new Array ("Sectionals", "furniture-sectionals.htm","_top") subMenu1[0][2] = new Array ("Conversation Sofas", "furniture-sectional.htm","_top") subMenu1[0][3] = new Array ("Reclining Sofas + Sectionals", "furniture-reclining_sofas.htm","_top") subMenu1[0][4] = new Array ("Reclining Chairs", "furniture-reclining_chairs.htm","_top") subMenu1[0][5] = new Array ("Power Lift Chairs", "/xcart/home.php?cat=75","_top") subMenu1[0][6] = new Array ("Sleeper Sofas", "furniture-sleeper_sofas.htm","_top") subMenu1[0][7] = new Array ("Home Theater", "furniture-home_theater.htm","_top") subMenu1[0][8] = new Array ("Accent Chairs", "furniture-accent_chairs.htm","_top") subMenu1[0][9] = new Array ("Dining Chairs", "furniture-occasional.htm","_top") subMenu1[0][10] = new Array ("Office Chairs", "furniture-office_chairs.htm","_top") subMenu1[0][11] = new Array ("Ottoman + Benches", "furniture-ottomans-benches.htm","_top") subMenu1[0][12] = new Array ("Beds", "furniture-beds.htm","_top") subMenu1[0][13] = new Array ("Custom Shop", "custom.htm","_top") subMenu1[0][14] = new Array ("Specials", "specials.htm","_top") Menu1[1] = new Array(" MANUFACTURERS ", "manufacturers.htm","_top", "left") subMenu1[1] = new Array() subMenu1[1][0] = new Array ("Elite Leather Company", "manufacturers-1.htm","_top") subMenu1[1][1] = new Array ("Omnia Italian Design", "manufacturers-2.htm","_top") subMenu1[1][2] = new Array ("Sam Moore", "manufacturers-3.htm","_top") subMenu1[1][3] = new Array ("IMG Comfort", "manufacturers-4.htm","_top") subMenu1[1][4] = new Array ("Palliser", "manufacturers-5.htm","_top") subMenu1[1][5] = new Array ("Orient Express", "manufacturers-6.htm","_top") subMenu1[1][6] = new Array ("Arteriors", "manufacturers-7.htm","_top") subMenu1[1][7] = new Array ("Feizy Rugs", "manufacturers-8.htm","_top") subMenu1[1][8] = new Array ("Global Views", "manufacturers-9.htm","_top") subMenu1[1][9] = new Array ("Salvatore Alessandro", "manufacturers-10.htm","_top") Menu1[2] = new Array(" CRAFTSMANSHIP ", "craftsmanship.htm","_top", "left") subMenu1[2] = new Array() subMenu1[2][0] = new Array ("Hardwood Frames", "craftsmanship-1.htm","_top") subMenu1[2][1] = new Array ("Springs", "craftsmanship-2.htm","_top") subMenu1[2][2] = new Array (" -Springs - sinuous wire", "craftsmanship-2.htm","_top") subMenu1[2][3] = new Array (" -Springs - 8 2ay hand tied", "craftsmanship-2.htm","_top") subMenu1[2][4] = new Array ("Seating", "craftsmanship-3.htm","_top") subMenu1[2][5] = new Array ("-Seating - high density /firm/medium", "craftsmanship-3.htm","_top") subMenu1[2][6] = new Array ("-Seating - high resiliency", "craftsmanship-3.htm","_top") subMenu1[2][7] = new Array ("-Seating - down and feather", "craftsmanship-3.htm","_top") subMenu1[2][8] = new Array ("Zippered Backs", "craftsmanship-4.htm","_top") subMenu1[2][9] = new Array ("Removable Seats", "craftsmanship-3.htm","_top") Menu1[3] = new Array(" COVERINGS ", "coverings.htm","_top", "left") subMenu1[3] = new Array() subMenu1[3][0] = new Array ("Leather", "coverings-1.htm","_top") subMenu1[3][1] = new Array ("Ultrasuede", "coverings-2.htm","_top") subMenu1[3][2] = new Array ("Microfiber", "coverings-3.htm","_top") subMenu1[3][3] = new Array ("Fabric", "coverings-4.htm","_top") subMenu1[3][4] = new Array ("Vinyl", "coverings-5.htm","_top") subMenu1[3][5] = new Array ("Nylon", "coverings-6.htm","_top") Menu1[4] = new Array(" ACCESSORIES ", "accessory.htm","_top", "left") subMenu1[4] = new Array() subMenu1[4][0] = new Array ("Leather Teddy Bears", "accessory-leather_teddy_bears.htm","_top") subMenu1[4][1] = new Array ("Leather Pillows", "accessory-leather_pillows.htm","_top") subMenu1[4][2] = new Array ("Tibetan Lamb Pillows", "accessory-tibetan_lamb_pillows.htm","_top") subMenu1[4][3] = new Array ("Australian Sheepskin Pillows", "accessory-australian_sheepskin_pillows.htm","_top") subMenu1[4][4] = new Array ("Cocktail Tables", "accessory-cocktail_tables.htm","_top") subMenu1[4][5] = new Array ("Accent + Tables", "accessory-accent-end_tables.htm","_top") subMenu1[4][6] = new Array ("Painting + Artwork", "accessory-painting-artwork.htm","_top") subMenu1[4][7] = new Array ("Rugs", "accessory-rugs.htm","_top") subMenu1[4][8] = new Array ("Lighting", "accessory-lighting.htm","_top") subMenu1[4][9] = new Array ("Exotic Wood Music Boxes", "accessory-music_boxes.htm","_top") Menu1[5] = new Array(" SERVICES ", "services.htm","_top", "left") subMenu1[5] = new Array() subMenu1[5][0] = new Array ("Re-upholstery", "services_1.htm","_top") subMenu1[5][1] = new Array ("Repair", "services_2.htm","_top") subMenu1[5][2] = new Array ("Replace Seat Cushions", "services_3.htm","_top") subMenu1[5][3] = new Array ("Replace Reclining Mechanisms", "services_4.htm","_top") subMenu1[5][4] = new Array ("Leather Repair", "services_5.htm","_top") subMenu1[5][5] = new Array ("Leather Touch Up", "services_6.htm","_top") Menu1[6] = new Array(" LEATHER HIDES ", "leathers.htm","_top", "left") subMenu1[6] = new Array() subMenu1[6][0] = new Array ("Semi Aniline + Protected", "leathers_1.htm","_top") subMenu1[6][1] = new Array ("Full Aniline", "leathers_2.htm","_top") subMenu1[6][2] = new Array ("Distressed + Vintage", "leathers_3.htm","_top") subMenu1[6][3] = new Array ("Hair On Hides", "leathers_4.htm","_top") subMenu1[6][4] = new Array ("Embossed", "leathers_5.htm","_top") subMenu1[6][5] = new Array ("Exotics", "leathers_6.htm","_top") /// FORMAT MENU /// menuStyle = "plain" // Menu Style (flat, 3d) cellPadding = "10" // Cell Padding cellBorder = 2 // Border width (for no border, enter 0) THIS VALUE APPLIES TO ALL MENUS verticalOffset = "0" // Vertical offset of Sub Menu. horizontalOffset = "2" // Horizontal offset of Sub Menu. subMenuDelay = 1 // Time sub menu stays visible for (in seconds). THIS VALUE APPLIES TO ALL MENUS subIndicate = 0 // 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 = "0" // Width of menu item. Use 0 for default borderColor = "#000000" // 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 2b83c4 menuHoverBackground = "#606060" // Cell Background Colour on mouse rollover beige fontFace = "arial" // Font Face fontColor = "#FFFFFF" // Font Colour fontHoverColour = "#C0C0C0" // Font Colour on mouse rollover fontSize = "9pt" // Font Size fontDecoration = "none" // Style of the link text (none, underline, overline, line-through) fontWeight = "bold" // Font Weight (normal, bold) // Sub Menu Items smenuWidth = "0" // Width of sub menu item. Use 0 for default sborderColor = "#000000" // Border Colour (flat mode only) sborderHighlight = "#E9E9E2" // Border Highlight Colour (3d mode only) sborderShadow = "#83837C" // Border Shadow Colour (3d mode only) smenuBackground = "white" // Cell Background Colour beige smenuHoverBackground = "#C0C0C0" // Cell Background Colour on mouse rolloverr sfontFace = "arial" // Font Face sfontColor = "#707070" // Font Colour sfontHoverColour = "#FFFFFF" // 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()') }