<!--
// Use Freely as long as following disclaimer is intact ::
//---------------------------------------------------------------
// Cross Browser Multi-Orientation Menu v1.0 23rd October 2003
// This script written by Rik Comery. www.ricom.co.uk
// For support, visit the "Resources" section at www.ricom.co.uk
// All rights reserved.

// DO NOT TOUCH ///////////////
var Menu = new Array ()      //
var subMenu = new Array ()   //
///////////////////////////////

   Menu[0] = new Array("Home", "index.html","_top")
     subMenu[0] = new Array()
   Menu[1] = new Array("Penninghame House", "scotland.html","_top")
     subMenu[1] = new Array()
   Menu[2] = new Array ("Courses", "courses.html","_top")
     subMenu[2] = new Array()
   Menu[3] = new Array ("Dates", "dates.html","_top")
     subMenu[3] = new Array()
   Menu[4] = new Array ("Participants", "part.html","_top")
     subMenu[4] = new Array()
   Menu[5] = new Array ("How to find us", "penn.html","_top")
     subMenu[5] = new Array()
   Menu[6] = new Array("Contact", "contact.html","_top")
     subMenu[6] = new Array()


////// FORMAT MENU  ///////////////////////////////////////////////////////////////////
orientation = "vertical"                           // Orientation of menu.  (horizontal, vertical)
menuStyle = "3d"                                     // Menu Style (flat, 3d)
cellPadding = 3                                      // Cell Padding
cellBorder = 1                                       // Include table border (for no border, enter 0)
verticalOffset = 0                                   // Vertical offset of Sub Menu.
horizontalOffset = 0                                 // Horizontal offset of Sub Menu.
subMenuDelay = 1                                     // Time sub menu stays visible for (in seconds)
subIndicate = 1                                      // Show if a sub menu is present (use 0 for "no")
indicator = "<img src='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
borderColor = "#06578F"                    // Border Colour (flat mode only)
borderHighlight = "#eeffee"                // Border Highlight Colour (3d mode only)
borderShadow = "#330033"                   // Border Shadow Colour (3d mode only)
menuBackground = "#336699"                 // Cell Background Colour
menuHoverBackground = "#006633"            // Cell Background Colour on mouse rollover
fontFace = "arial"                         // Font Face
fontColour = "#FFFFFF"                     // Font Colour
fontHoverColour = "#ffFFFF"                // Font Colour on mouse rollover
fontSize = "8pt"                           // Font Size
fontDecoration = "none"                    // Style of the link text (none, underline, overline, line-through)
fontWeight = "bold"                      // Font Weight (normal, bold)

// Sub Menu Items
sborderColor = "#A6A684"                   // Border Colour (flat mode only)
sborderHighlight = "#E9f9E2"               // Border Highlight Colour (3d mode only)
sborderShadow = "#83337C"                  // Border Shadow Colour (3d mode only)
smenuBackground = "#336699"                // Cell Background Colour
smenuHoverBackground = "#006633"           // Cell Background Colour on mouse rolloverr
sfontFace = "arial"                        // Font Face
sfontColour = "#ffffff"                    // 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)
sShadow = 1

////// 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"

styleBorder=(menuStyle.toLowerCase() == "flat")?cellBorder:0

// Menu Styles
document.writeln ('<style>');
document.writeln ('.rcMenuStatic {font-family:'+fontFace+';font-size:'+fontSize+';color:'+fontColour+';font-weight:'+fontWeight+';background-color:'+menuBackground+'; cursor:hand; text-decoration:'+fontDecoration+'}');
document.writeln ('.rcMenuHover  {font-family:'+fontFace+';font-size:'+fontSize+';color:'+fontHoverColour+';font-weight:'+fontWeight+';background-color:'+menuHoverBackground+'; cursor:hand; text-decoration:'+fontDecoration+'}');
document.writeln ('.rcSubMenuStatic {font-family:'+sfontFace+';font-size:'+sfontSize+';color:'+sfontColour+';font-weight:'+sfontWeight+';text-decoration:'+sfontDecoration+';background-color:'+smenuBackground+'; cursor:hand}');
document.writeln ('.rcSubMenuHover  {font-family:'+sfontFace+';font-size:'+sfontSize+';color:'+sfontHoverColour+';font-weight:'+sfontWeight+';text-decoration:'+sfontDecoration+';background-color:'+smenuHoverBackground+'; cursor:hand}');
document.writeln ('</style>');

// Build and show the main menu items
function showMenus()
{
  if (orientation.toLowerCase() == "vertical"){document.writeln ('<table border="0" cellpadding="0" cellspacing="'+styleBorder+'" bgColor="'+borderColor+'">')}
  else{document.writeln ('<table border="0" cellpadding="0" cellspacing="'+styleBorder+'" bgColor="'+borderColor+'"><tr>')}
  for (x=0; x<Menu.length; x++)
  {
    if (orientation.toLowerCase()=="vertical") document.writeln('<tr>')
    document.writeln ('<td onclick="tdMouseClick(\'mainLink'+x+'\')" onMouseOver="hoverMenu(); popDown('+x+', \'button'+x+'\'); " onMouseOut="clearMenu('+x+')" ')
    if (menuStyle.toLowerCase() == "3d"){document.writeln ('style="border-left:'+cellBorder+'px solid '+borderHighlight+';border-top:'+cellBorder+'px solid '+borderHighlight+';border-right:'+cellBorder+'px solid '+borderShadow+';border-bottom:'+cellBorder+'px solid '+borderShadow+';"');}
    document.writeln ('><div id="button'+x+'"><table border="0" cellpadding="'+cellPadding+'" cellspacing="0" width="100%"><tr><td class="rcMenuStatic" id="cell'+x+'" nowrap>');
    document.writeln ('<a id="mainLink'+x+'" href="'+Menu[x][1]+'" target="'+Menu[x][2]+'" class="rcMenuStatic">'+Menu[x][0]+'</a></td>');
    if (subIndicate == 1&&subMenu[x].length>=1){
      document.writeln('<td class="rcMenuStatic" id="cell'+x+'a" align="right">');
      document.writeln ('<a id="mainLink'+x+'a" href="'+Menu[x][1]+'" target="'+Menu[x][2]+'" class="rcMenuStatic">'+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<Menu.length; x++)
  {
    if (subMenu[x].length > 0)
    {
      document.writeln ('<div id="MENU'+x+'" style="visibility:hidden; position:absolute; z-index:2" >');
      document.writeln ('<table border="0" cellpadding="'+cellPadding+'" cellspacing="'+styleBorder+'" bgColor="'+sborderColor+'">');
      for (y=0; y<subMenu[x].length; y++)
      {
        document.writeln ('<tr><td id="subMenu'+x+y+'" class="rcSubMenuStatic" onMouseOver="hoverMenu(); highlightMenu(\'sub\','+x+','+y+')" onMouseOut="clearMenu('+x+');" onclick="tdMouseClick(\'subLink'+x+y+'\')" nowrap')
        if (menuStyle.toLowerCase() == "3d"){document.writeln ('style="border-left:'+cellBorder+'px solid '+sborderHighlight+';border-top:'+cellBorder+'px solid '+sborderHighlight+';border-right:'+cellBorder+'px solid '+sborderShadow+';border-bottom:'+cellBorder+'px solid '+sborderShadow+';"');}
        document.writeln ('><a id="subLink'+x+y+'" href="'+subMenu[x][y][1]+'" target="'+subMenu[x][y][2]+'" class="rcSubMenuStatic">'+subMenu[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)
{
  state=(state == "hover")?"rcMenuHover":"rcMenuStatic"
  if (element == "sub")
  {
    for (x=0; x < subMenu[mainMenu].length; x++)
    {
      eval(obj+'("subMenu'+mainMenu+x+'").className = "rcSubMenuStatic"')
      eval(obj+'("subLink'+mainMenu+x+'").className = "rcSubMenuStatic"')
    }
    eval(obj+'("subMenu'+mainMenu+dropMenu+'").className="rcSubMenuHover"')
    eval(obj+'("subLink'+mainMenu+dropMenu+'").className="rcSubMenuHover"')
  }
  else
  {
    eval(obj+'("cell'+mainMenu+'").className = "'+state+'"')
    eval(obj+'("mainLink'+mainMenu+'").className = "'+state+'"')
    if (subIndicate == 1&&subMenu[mainMenu].length>=1)
    {
      eval(obj+'("cell'+mainMenu+'a").className = "'+state+'"')
      eval(obj+'("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(param, id)
{
  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');
  }
  n = 0;
  while (n < Menu.length)
  {
    menu = "MENU"+n
    if (param == n)
    {
      theObj = eval(obj+'(menu)');
      if (theObj)
      {
         theObj.style.visibility = "visible"

          if (orientation.toLowerCase()=="vertical"){
            theObj.style.left=(menuStyle.toLowerCase()=="flat")?oLeft+oWidth+cellBorder+horizontalOffset:oLeft+oWidth+cellBorderOffset+horizontalOffset;
            theObj.style.top=(menuStyle.toLowerCase()=="flat")?oTop-cellBorder+verticalOffset:oTop+verticalOffset-browserAdjustment}
          else{
            theObj.style.left=(menuStyle.toLowerCase()=="flat")?oLeft-cellBorder+horizontalOffset:oLeft+horizontalOffset-browserAdjustment;
            theObj.style.top=(menuStyle.toLowerCase()=="flat")?oTop+oHeight+cellBorder+verticalOffset:oTop+oHeight+cellBorderOffset+verticalOffset;}
        }

       highlightMenu('main',n,'','hover')
       if (subMenu[param].length > 0)
       {
         for (x=0; x<subMenu[param].length; x++)
         {
           eval (obj+'("subMenu'+param+x+'").className = "rcSubMenuStatic"')
           eval (obj+'("subLink'+param+x+'").className = "rcSubMenuStatic"')
         }
       }
    }
    else
    {
      if (eval(obj+'(menu)'))
      {
        eval(obj+'(menu).style.visibility = "hidden"')
      }
      highlightMenu ('main',n,'','static')

    }
    n++
  }
}

// Re-set timer for sub menus
function hoverMenu()
{
  if(timer)
  clearTimeout(timer)
}

// Set timer for sub menus
function clearMenu(menu)
{
  setDelay = subMenuDelay*1000
  delay = (subMenu[menu].length > 0)?setDelay:1

  timer = setTimeout("popDown("+(Menu.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()')
}
////// END MENU CODE  ///////////////////////////////////////////////////////////////////
//-->
