﻿<!---// 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("Home", "http://www.caffedarte.com/index.html","_top", "left")     subMenu1[0] = new Array()   Menu1[1] = new Array("About","http://www.caffedarte.com/mainabout.html","_top", "left")     subMenu1[1] = new Array()      subMenu1[1][0] = new Array ("History", "http://www.caffedarte.com/mainhistory.html","_top")     subMenu1[1][1] = new Array ("Awards", "http://www.caffedarte.com/mainawards.html","_top")          subMenu1[1][2] = new Array ("Coffee Academy", "http://www.caffedarte.com/coffeeacademy.html","_top")             Menu1[2] = new Array("Online Ordering","http://www.caffedarte.com/onlineordering.html","_top", "left")      subMenu1[2] = new Array()     subMenu1[2][0] = new Array ("Monthly Home Coffee Delivery", "http://www.caffedarte.com/homeorder.html","_top")       subMenu1[2][1] = new Array ("Order Coffee Online", "http://www.caffedarte.com/order.html","_top")                   Menu1[3] = new Array("Wholesale Coffee Program","http://www.caffedarte.com/education.html","_top", "left")     subMenu1[3] = new Array()      subMenu1[3][0] = new Array ("Education", "http://www.caffedarte.com/education.html","_top")     subMenu1[3][1] = new Array ("Marketing", "http://www.caffedarte.com/marketing.html","_top")      subMenu1[3][2] = new Array ("Training", "http://www.caffedarte.com/training.html","_top")                                     Menu1[4] = new Array("Fundraiser", "http://www.caffedarte.com/mainfundraiser.html","_top", "left")     subMenu1[4] = new Array()          subMenu1[4][0] = new Array ("About Fundraiser", "http://www.caffedarte.com/mainfundraiser.html","_top")                    subMenu1[4][1] = new Array ("Schools & Organizations", "http://74.52.238.210/~caffedar/","_top")                                        Menu1[5] = new Array("Coffees & Espresso", "http://www.caffedarte.com/products.html","_top", "left")     subMenu1[5] = new Array()      subMenu1[5][0] = new Array ("Espresso Blends", "http://www.caffedarte.com/espressoblends.html","_top")                    subMenu1[5][1] = new Array ("Drip Coffee Blends", "http://www.caffedarte.com/dripblends.html","_top")                      subMenu1[5][2] = new Array ("Alderwood Roasted Blend", "http://www.caffedarte.com/alderwoodblends.html","_top")                        subMenu1[5][3] = new Array ("Certified Organic Fair Trade Blends", "http://www.caffedarte.com/organicblends.html","_top")                                                                                                    Menu1[6] = new Array("Contact Us", "http://www.caffedarte.com/maincontact.html","_top", "left")     subMenu1[6] = new Array()                 /// FORMAT MENU  ///menuStyle = "flat"                                  // Menu Style (flat, 3d)cellPadding = "6"                                   // Cell PaddingcellBorder = 1                                      // 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 = 1                                    // 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 = "<img src='images1/arrow-down.gif' border='0'>" // Symbol to show if a sub menu is present (subIndicate must be to set to 1)                                                    // Use standard HTML <img> 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 = "white"            // Border Colour (flat mode only)borderHighlight = "#97BBD3"      // Border Highlight Colour (3d mode only)borderShadow = "#31556D"         // Border Shadow Colour (3d mode only)menuBackground = "#3e1306"       // Cell Background ColourmenuHoverBackground = "#72400b"    // Cell Background Colour on mouse rolloverfontFace = "verdana, arial"               // Font FacefontColour = "#FFFFFF"           // Font ColourfontHoverColour = "silver"      // 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 = "Black"           // Border Colour (flat mode only)sborderHighlight = "#E9E9E2"     // Border Highlight Colour (3d mode only)sborderShadow = "#83837C"        // Border Shadow Colour (3d mode only)smenuBackground = "#72400b"        // Cell Background ColoursmenuHoverBackground = "#422506" // Cell Background Colour on mouse rolloverrsfontFace = "verdana, arial"              // Font FacesfontColour = "silver"          // 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 ('<style>');  document.writeln ('.rcMenuStatic'+quant+' {font-family:'+fontFace.split(",")[quant-1]+';font-size:'+fontSize.split(",")[quant-1]+';color:'+fontColour.split(",")[quant-1]+';font-weight:'+fontWeight.split(",")[quant-1]+';background-color:'+menuBackground.split(",")[quant-1]+'; cursor:hand; text-decoration:'+fontDecoration.split(",")[quant-1]+'}');  document.writeln ('.rcMenuHover'+quant+'  {font-family:'+fontFace.split(",")[quant-1]+';font-size:'+fontSize.split(",")[quant-1]+';color:'+fontHoverColour.split(",")[quant-1]+';font-weight:'+fontWeight.split(",")[quant-1]+';background-color:'+menuHoverBackground.split(",")[quant-1]+'; cursor:hand; text-decoration:'+fontDecoration.split(",")[quant-1]+'}');  document.writeln ('.rcSubMenuStatic'+quant+' {font-family:'+sfontFace.split(",")[quant-1]+';font-size:'+sfontSize.split(",")[quant-1]+';color:'+sfontColour.split(",")[quant-1]+';font-weight:'+sfontWeight.split(",")[quant-1]+';text-decoration:'+sfontDecoration.split(",")[quant-1]+';background-color:'+smenuBackground.split(",")[quant-1]+'; cursor:hand}');  document.writeln ('.rcSubMenuHover'+quant+'  {font-family:'+sfontFace.split(",")[quant-1]+';font-size:'+sfontSize.split(",")[quant-1]+';color:'+sfontHoverColour.split(",")[quant-1]+';font-weight:'+sfontWeight.split(",")[quant-1]+';text-decoration:'+sfontDecoration.split(",")[quant-1]+';background-color:'+smenuHoverBackground.split(",")[quant-1]+'; cursor:hand}');  document.writeln ('</style>');}// Build and show the main menu itemsfunction showMenus(quant,definedOrientation){  createStyles(quant);  if(definedOrientation!=""){orientation=definedOrientation}  if (orientation.toLowerCase() == "vertical"){document.writeln ('<table border="0" cellpadding="0" cellspacing="'+styleBorder+'" bgColor="'+borderColor.split(",")[quant-1]+'">')}  else{document.writeln ('<table border="0" cellpadding="0" cellspacing="'+styleBorder+'" bgColor="'+borderColor.split(",")[quant-1]+'"><tr>')}    for (x=0; x<eval("Menu"+quant).length; x++)  {    if (orientation.toLowerCase()=="vertical") document.writeln('<tr>')    document.writeln ('<td width="'+menuWidth+'" onclick="tdMouseClick(\''+quant+'mainLink'+x+'\')" onMouseOver="hoverMenu(); popDown(\''+quant+'\','+x+', \''+quant+'button'+x+'\',\''+orientation+'\'); " onMouseOut="clearMenu('+quant+','+x+')" ')    if (menuStyle.split(",")[quant-1].toLowerCase() == "3d"){document.writeln ('style="border-left:'+cellBorder+'px solid '+borderHighlight.split(",")[quant-1]+';border-top:'+cellBorder+'px solid '+borderHighlight.split(",")[quant-1]+';border-right:'+cellBorder+'px solid '+borderShadow.split(",")[quant-1]+';border-bottom:'+cellBorder+'px solid '+borderShadow.split(",")[quant-1]+';"');}            document.writeln ('><div id="'+quant+'button'+x+'"><table border="0" cellpadding="'+cellPadding.split(",")[quant-1]+'" cellspacing="0" width="100%"><tr><td class="rcMenuStatic'+quant+'" id="'+quant+'cell'+x+'" nowrap>');    document.writeln ('<a id="'+quant+'mainLink'+x+'" href="'+eval("Menu"+quant)[x][1]+'" target="'+eval("Menu"+quant)[x][2]+'" class="rcMenuStatic'+quant+'">'+eval("Menu"+quant)[x][0]+'</a></td>');    if (subIndicate == 1&&eval("subMenu"+quant)[x].length>=1){      document.writeln('<td class="rcMenuStatic'+quant+'" id="'+quant+'cell'+x+'a" align="right">');      document.writeln ('<a id="'+quant+'mainLink'+x+'a" href="'+eval("Menu"+quant)[x][1]+'" target="'+eval("Menu"+quant)[x][2]+'" class="rcMenuStatic'+quant+'">'+indicator+'</a></td>');}    document.writeln ('</tr></table></div></td>');        if (orientation.toLowerCase()=="vertical") document.writeln('</tr>')  }  if (orientation.toLowerCase() == "vertical"){document.writeln ('</table>');}  else{document.writeln ('</tr></table>');}   // Build the sub menu items  for (x=0; x<eval("Menu"+quant).length; x++)  {     if (eval("subMenu"+quant)[x].length > 0)    {           document.writeln ('<div id="'+quant+'MENU'+x+'" style="visibility:hidden; position:absolute; z-index:2" >');      document.writeln ('<table width="'+smenuWidth.split(",")[quant-1]+'" border="0" cellpadding="'+cellPadding.split(",")[quant-1]+'" cellspacing="'+styleBorder+'" bgColor="'+sborderColor.split(",")[quant-1]+'">');      for (y=0; y<eval("subMenu"+quant)[x].length; y++)      {        document.writeln ('<tr>');        if (eval("subMenu"+quant)[x][y][1].indexOf("#") != -1)        {          document.writeln ('<td bgColor="'+eval("subMenu"+quant)[x][y][2]+'" id="'+quant+'subMenu'+x+y+'" onMouseOver="hoverMenu(); highlightMenu(\'sub\','+x+','+y+',\'\','+quant+')" nowrap')          if (menuStyle.split(",")[quant-1].toLowerCase() == "3d"){document.writeln ('style="border-left:'+cellBorder+'px solid '+sborderHighlight.split(",")[quant-1]+';border-top:'+cellBorder+'px solid '+sborderHighlight.split(",")[quant-1]+';border-right:'+cellBorder+'px solid '+sborderShadow.split(",")[quant-1]+';border-bottom:'+cellBorder+'px solid '+sborderShadow.split(",")[quant-1]+';"');}          document.writeln ('><p style="font-family:'+sfontFace.split(",")[quant-1]+'; font-size:'+sfontSize.split(",")[quant-1]+'; color:'+eval("subMenu"+quant)[x][y][1]+'"id="'+quant+'subLink'+x+y+'">'+eval("subMenu"+quant)[x][y][0]+'</p></td></tr>');        }        else        {          document.writeln ('<td id="'+quant+'subMenu'+x+y+'" class="rcSubMenuStatic'+quant+'" onMouseOver="hoverMenu(); highlightMenu(\'sub\','+x+','+y+',\'\','+quant+')" onMouseOut="clearMenu('+quant+','+x+');" onclick="tdMouseClick(\''+quant+'subLink'+x+y+'\')" nowrap')          if (menuStyle.split(",")[quant-1].toLowerCase() == "3d"){document.writeln ('style="border-left:'+cellBorder+'px solid '+sborderHighlight.split(",")[quant-1]+';border-top:'+cellBorder+'px solid '+sborderHighlight.split(",")[quant-1]+';border-right:'+cellBorder+'px solid '+sborderShadow.split(",")[quant-1]+';border-bottom:'+cellBorder+'px solid '+sborderShadow.split(",")[quant-1]+';"');}          document.writeln ('><a id="'+quant+'subLink'+x+y+'" href="'+eval("subMenu"+quant)[x][y][1]+'" target="'+eval("subMenu"+quant)[x][y][2]+'" class="rcSubMenuStatic'+quant+'">'+eval("subMenu"+quant)[x][y][0]+'</a></td></tr>');        }      }      document.writeln ('</table></div>');    }  }} // 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<eval("subMenu"+quant)[param].length; x++)         {           if(eval("subMenu"+quant)[param][x][1].indexOf("#") == -1){             eval (obj+'("'+quant+'subMenu'+param+x+'").className = "rcSubMenuStatic'+quant+'"')             eval (obj+'("'+quant+'subLink'+param+x+'").className = "rcSubMenuStatic'+quant+'"')             }                }       }    }    else     {        for (x=1; x<quantity+1; x++)      {               menu = x+"MENU"+n           //alert(menu)             if (eval(obj+'(menu)'))        {          eval(obj+'(menu).style.visibility = "hidden"')                    }        highlightMenu ('main',n,'','static',quant)      }    }    n++  }  }// Re-set timer for sub menusfunction hoverMenu(){  if(timer)  clearTimeout(timer)}// Set timer for sub menusfunction clearMenu(quant,menu){  setDelay = subMenuDelay*1000  delay = (eval("subMenu"+quant)[menu].length > 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()')}//-->