
<!--   
// 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.                                         


var Menu = new Array ()
var subMenu = new Array ()

////// ADD MENU ITEMS  //////////////////////////////////////////////////////////////////////////////////////////////
//  To add a new menu item, follow the format below.  Every "Menu" must adhere to the following rules
//
//  1. Each menu has a number. i.e. "Menu[0]". This number must start at 0 and be incremented by one for each menu item added.
//  2. Whether you want a sub menu or not, each menu must have the "subMenu[x] = new Array()" line, where x is the same as the 
//     main "Menu[x]" number.
//  3. If you DO want a sub menu, you must assign it TWO numbers. i.e. "subMenu[x][x]". The first number is the same 
//     as the main "Menu" number, and the second must start at 0 and be incremented by one, for every sub menu item added.
//  4. the script is CASE SENSITIVE. 
//
//  -- Example --
//  Menu[0] = new Array ("Link Name", "URL", "Frame Target")
//    subMenu[0] = new Array()
//    subMenu[0][0] = new Array ("Link Name", "URL", "Frame Target")
//    subMenu[0][1] = new Array ("Link Name", "URL", "Frame Target")
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

   Menu[0] = new Array("About", "http://www.scconline.org/website/about_scc/index_about.shtml","_top")
     subMenu[0] = new Array()   
	 subMenu[0][0] = new Array ("About Our Society", "http://www.scconline.org/website/about_scc/index_about.shtml","_top")
	 subMenu[0][1] = new Array ("Categories of Membership", "http://www.scconline.org/website/about_scc/index_categories.htm","_top")
	 subMenu[0][2] = new Array ("Programs and Privileges", "http://www.scconline.org/website/about_scc/member_privileges.htm","_top")
     subMenu[0][3] = new Array ("Awards", "http://www.scconline.org/website/about_scc/awards_fellowships.shtml","_top")	
	 subMenu[0][4] = new Array ("Administrative Contacts", "http://www.scconline.org/website/contacts/index_contact.shtml","_top") 
     subMenu[0][5] = new Array ("Download SCC Application", "http://www.scconline.org/website/about_scc/member_application.htm","_top")     
         
   Menu[1] = new Array("Chapters", "http://www.scconline.org/website/chapters/index_chapters.shtml","_top") 
     subMenu[1] = new Array()
     subMenu[1][0] = new Array ("California", "http://www.scconline.org/website/chapters/chapter_california.shtml","_top")
    subMenu[1][1] = new Array ("Carolina", "http://www.scconline.org/website/chapters/chapter_carolina.shtml","_top")
    subMenu[1][2] = new Array ("Connecticut", "http://www.scconline.org/website/chapters/chapter_connecticut.shtml","_top")
    subMenu[1][3] = new Array ("Florida", "http://www.scconline.org/website/chapters/chapter_florida.shtml","_top")
    subMenu[1][4] = new Array ("Intermountain West", "http://www.scconline.org/website/chapters/chapter_intermountain.shtml","_top")
    subMenu[1][5] = new Array ("Lake Erie", "http://www.scconline.org/website/chapters/chapter_lake_erie.shtml","_top")
    subMenu[1][6] = new Array ("Long Island", "http://www.scconline.org/website/chapters/chapter_long_island.shtml","_top")
    subMenu[1][7] = new Array ("Mid-Atlantic", "http://www.scconline.org/website/chapters/chapter_mid-atlantic.shtml","_top")
    subMenu[1][8] = new Array ("Midwest", "http://www.scconline.org/website/chapters/chapter_midwest.shtml","_top")
    subMenu[1][9] = new Array ("New England", "http://www.scconline.org/website/chapters/chapter_new_england.shtml","_top")
    subMenu[1][10] = new Array ("New York", "http://www.scconline.org/website/chapters/chapter_new_york.shtml","_top")
    subMenu[1][11] = new Array ("Ohio Valley", "http://www.scconline.org/website/chapters/chapter_ohio_valley.shtml","_top")
    subMenu[1][12] = new Array ("Ontario", "http://www.scconline.org/website/chapters/chapter_ontario.shtml","_top")
    subMenu[1][13] = new Array ("Quebec", "http://www.scconline.org/website/chapters/chapter_quebec.shtml","_top")
    subMenu[1][14] = new Array ("Southeast", "http://www.scconline.org/website/chapters/chapter_southeast.shtml","_top")
    subMenu[1][15] = new Array ("Southwest", "http://www.scconline.org/website/chapters/chapter_southwest.shtml","_top")
    subMenu[1][16] = new Array ("St. Louis", "http://www.scconline.org/website/chapters/chapter_st_louis.shtml","_top")
    subMenu[1][17] = new Array ("Twin Cities", "http://www.scconline.org/website/chapters/chapter_twin_cities.shtml","_top")  
 
	 
   Menu[2] = new Array("Education", "http://www.scconline.org/website/education/index_education.shtml","_top") 
     subMenu[2] = new Array()
     subMenu[2][0] = new Array ("SCC Journal of Cosmetic Chemists", "http://www.scconline.org/website/education/REDIRECT_JOURNAL.htm","_top")
     subMenu[2][1] = new Array ("SCC Monographs", "http://www.scconline.org/website/education/index_monograph.shtml","_top")
	 subMenu[2][2] = new Array ("SCC Courses", "http://www.scconline.org/website/education/index_courses.shtml","_top")
     subMenu[2][3] = new Array ("SCC Referrals", "http://www.scconline.org/website/education/index_referrals.shtml","_top") 
     subMenu[2][4] = new Array ("Allied Links", "http://www.scconline.org/website/education/index_industry_links.shtml","_top") 
     
	 
    Menu[3] = new Array("SCC News", "http://www.scconline.org/website/news/index_news.shtml","_top")
     subMenu[3] = new Array()
     subMenu[3][0] = new Array ("Calendar", "http://www.scconline.org/cgi/calendar/calendar.cgi","_top")
     subMenu[3][1] = new Array ("SCC Newsletter", "http://www.scconline.org/website/news/newsletter.shtml","_top")
	  subMenu[3][2] = new Array ("Ask the Expert", "http://www.scconline.org/website/news/ask_the_expert.shtml","_top") 
     
                  
    Menu[4] = new Array("SCC Contacts", "http://www.scconline.org/website/contacts/index_contact.shtml","_top")
     subMenu[4] = new Array()
     subMenu[4][0] = new Array ("SCC Office Staff", "http://www.scconline.org/website/contacts/office.shtml","_top")
     subMenu[4][1] = new Array ("SCC Board of Directors", "http://www.scconline.org/website/contacts/board.shtml","_top")
	 subMenu[4][2] = new Array ("SCC Committee Chairs", "http://www.scconline.org/website/contacts/committees.shtml","_top") 
 
     
////// FORMAT MENU  ///////////////////////////////////////////////////////////////////
orientation = "vertical"                 // Orientation of menu.  (horizontal, vertical)
cellPadding = 1                            // Cell Padding
cellBorder = 1                             // Include table border (for no border, enter 0)
verticalOffset = -65                        // Vertical offset of Sub Menu. (if set to 0, default offset will be used)
horizontalOffset = 0                       // Horizontal offset of Sub Menu. (if set to 0, default offset will be used)
subMenuDelay = 3                           // Time sub menu stays visible for (in seconds)

// Main Menu Items
borderColor = "#EEDDE6"                    // Border Colour 
menuBackground = "#EEDDE6"                 // Cell Background Colour
menuHoverBackground = "#4086AF"            // Cell Background Colour on mouse rollover
fontFace = "verdana"                         // Font Face
fontColour = "#333399"                     // Font Colour
fontHoverColour = "#DCC1CD"                // Font Colour on mouse rollover
fontSize = "15pt"                           // Font Size
fontDecoration = "none"                    // Style of the link text (none, underline, overline, line-through)
fontWeight = "bold"                      // Font Weight (normal, bold)

// Sub Menu Items
sborderColor = "#4086AF"                    // Border Colour 
smenuBackground = "#4086AF"                 // Cell Background Colour
smenuHoverBackground = "#EEDDE6"            // Cell Background Colour on mouse rolloverr
sfontFace = "arial"                         // Font Face
sfontColour = "#E9DAB9"                     // Font Colour
sfontHoverColour = "#0066FF"                // Font Colour on mouse rollover
sfontSize = "13pt"                           // Font Size
sfontDecoration = "none"                    // Style of the link text (none, underline, overline, line-through)
sfontWeight = "bold"                      // Font Weight (normal, bold)


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

// Default horizontal and vertical offsets
if (verticalOffset == 0 || verticalOffset == "") 
{
  verticalOffset = (orientation=="horizontal")?20:5
}

if (horizontalOffset == 0 || horizontalOffset == "") 
{
  horizontalOffset = (orientation=="horizontal")?-1:70
}

// 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 == "vertical")
  {
    document.writeln ('<table border="0" cellpadding="0" cellspacing="'+cellBorder+'" bgColor="'+borderColor+'">')
  }
  else
  {
    document.writeln ('<table border="0" cellpadding="0" cellspacing="'+cellBorder+'" bgColor="'+borderColor+'"><tr>')
  }  
  for (x=0; x<Menu.length; x++)
  {
    if (orientation=="vertical") document.writeln('<tr>')
    document.writeln ('<td onclick="tdMouseClick(\'mainLink'+x+'\')" onMouseOver="hoverMenu(); popDown('+x+', \'button'+x+'\'); " onMouseOut="clearMenu('+x+')" ><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>');
    document.writeln ('</tr></table><img src="images/yellow_line_1pixel.gif" width="160" height="1"></div></td>');    
    if (orientation=="vertical") document.writeln('</tr>')
  }
  if (orientation == "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="'+cellBorder+'" 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><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+'"')
  }
}

// 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
  {
    alert("Error: invalid offset dimension '" + dim + "' in getOffset()")
    return false;
  }
}

// Show sub menus
function popDown(param, id)
{
  var menu;
  var button;

  if (id)
  {    
    getOffset(eval(obj+'(id)'),'left');
    getOffset(eval(obj+'(id)'),'top');
  }  
  n = 0;    
  while (n < Menu.length)
  {      
    
    //button = eval(obj+'("cell'+n+'")')
    menu = "MENU"+n
    if (param == n)
    {
        if (eval(obj+'(menu)'))
        {
          eval(obj+'(menu).style.visibility = "visible"')
          eval(obj+'(menu).style.left = oLeft + horizontalOffset;')
          eval(obj+'(menu).style.top = oTop + 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  ///////////////////////////////////////////////////////////////////
//-->