// Original script:  Angus Turnbull http://gusnz.cjb.net
// Adapted by by  :  Green Mountain Interactive

var isDOM = (document.getElementById ? true : false); 
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) < 5);
var isDyn = (isDOM || isIE4 || isNS4);


function getRef(id)
{
 return (isDOM ? document.getElementById(id) :
  (isIE4 ? document.all[id] : document.layers[id]));
}

function getSty(id)
{
 return (isNS4 ? getRef(id) : getRef(id).style);
} 

var popTimer = 0;
var litNow = new Array();

function popOver(menuNum, itemNum)
{
 clearTimeout(popTimer);

 hideAllBut(menuNum);

 litNow = getTree(menuNum, itemNum);
 changeCol(true);

 targetNum = menu[menuNum][itemNum].target;
 if (targetNum > 0)
 {
  thisX = parseInt(menu[menuNum][0].ref.left) + parseInt(menu[menuNum][itemNum].ref.left);
  thisY = parseInt(menu[menuNum][0].ref.top) + parseInt(menu[menuNum][itemNum].ref.top);

  with (menu[targetNum][0].ref)
  {
   left = thisX + menu[targetNum][0].x;
   top = thisY + menu[targetNum][0].y;
   visibility = 'visible';
  }
 }
}

function popOut(menuNum, itemNum)
{
 if ((menuNum == 0) && !menu[menuNum][itemNum].target) hideAllBut(0);
 else popTimer = setTimeout('hideAllBut(0)', 500);
}

function popClick(menuNum, itemNum)
{
 with (menu[menuNum][itemNum])
 {
  switch (type)
  {
   case 'js:': { eval(href); break }
   case '': type = 'window';
   default: if (href) eval(type + '.location.href = "' + href + '"');
  }
 }

 hideAllBut(0);
}


function getTree(menuNum, itemNum)
{
 itemArray = new Array(menu.length);

 while(1)
 {
  itemArray[menuNum] = itemNum;
  if (menuNum == 0) break;
  itemNum = menu[menuNum][0].parentItem;
  menuNum = menu[menuNum][0].parentMenu;
 }
 return itemArray;
}
function changeCol(isOver)
{
 for (count = 0; count < litNow.length; count++)
 {
  if (litNow[count])
  {
   with (menu[count][0]) with (menu[count][litNow[count]])
   {
    newCol = isOver ? overCol : backCol;

    if (isNS4) ref.bgColor = newCol;
    else ref.backgroundColor = newCol;
   }
  }
 }
}

function hideAllBut(menuNum)
{
 var keepMenus = getTree(menuNum, 1);
 for (count = 0; count < menu.length; count++)
  if (!keepMenus[count] && menu[count]) menu[count][0].ref.visibility = 'hidden';
 changeCol(false);
}


function addProps(obj, data, names, addNull)
{
 for (i = 0; i < names.length; i++)
  if(i < data.length || addNull) obj[names[i]] = data[i];
}

function Menu()
{
 var names = ['isVert', 'popInd', 'x','y', 'width', 'pad', 'overCol', 'backCol',
  'borderClass', 'textClass',      'parentMenu', 'parentItem', 'ref'];
 addProps(this, arguments, names, true);
}

function Item()
{
 var names = ['text', 'href', 'type', 'length', 'spacing', 'target',    'ref'];
 addProps(this, arguments, names, true);
}


function createMenus()
{
 if (!isDyn) return;

 for (currMenu = 0; currMenu < menu.length; currMenu++)
 if (menu[currMenu]) with (menu[currMenu][0])
 {
  var str = '', itemX = 0, itemY = 0;

  if (isNS4) pad++;

  for (currItem = 1; currItem < menu[currMenu].length; currItem++) with (menu[currMenu][currItem])
  {
   var itemID = 'menu' + currMenu + 'item' + currItem;

   var shrink = (borderClass && isDOM && !document.all ? 2 : 0)
   var w = (isVert ? width : length) - shrink;
   var h = (isVert ? length : width) - shrink;

   if (isDOM || isIE4)
   {
    str += '<div id="' + itemID + '" style="position: absolute; left: ' + itemX +
     '; top: ' + itemY + '; width: ' + w + '; height: ' + h + '; visibility: inherit; ';
    if (backCol) str += 'background: ' + backCol;
    str += '" ';
   }
   if (isNS4)
   {
    str += '<layer id="' + itemID + '" left="' + itemX + '" top="' + itemY + '" width="' + 
     w + '" height="' + h + '" visibility="inherit" ';
    if (backCol) str += 'bgcolor="' + backCol + '" ';
   }
   if (borderClass) str += 'class="' + borderClass + '" ';
   
   str += 'onMouseOver="popOver(' + currMenu + ',' + currItem + ')" onMouseOut="popOut(' +
     currMenu + ',' + currItem + ')" onClick="popClick(' + currMenu + ',' + currItem + ')">';

   if (target > 0)
   {
    menu[target][0].parentMenu = currMenu;
    menu[target][0].parentItem = currItem;

    if (popInd)
    {
     if (isNS4) str += '<layer class="' + textClass + '" left="'+ (w - 15) + '" top="' +
      pad + '">' + popInd + '</layer>';
     else str += '<div class="' + textClass + '" style="position: absolute; left: ' + (w - 15) +
      '; top: ' + pad + '">' + popInd + '</div>';
    }
   }

   if (isNS4) str += (borderClass ? '<spacer type="block" width="' + (w - 8) + '" height="' +
    (h - 8) + '">' : '') +
    '<layer left="' + pad + '" top="' + pad + '" width="' + (w - (2 * pad)) + '" height="' +
    (h - (2 * pad)) + '"><a class="' + textClass + '" href="#" ' +
    'onClick="popClick(' + currMenu + ',' + currItem + '); return false" ' +
    'onMouseOver="status=\'\'; return true;">' + text + '</a></layer>';

   else str += '<div class="' + textClass + '" style="position: absolute; left: ' + pad +
    '; top: ' + pad + '; width: ' + (w - (2 * pad)) + '; height: ' + (h - (2 * pad)) +
    '">' + text + '</div>';

   str += (isNS4 ? '</layer>' : '</div>');

   if (isVert) itemY += length + spacing - 1;
   else itemX += length + spacing - 1;

  }

  if (document.all)
  {
   document.body.insertAdjacentHTML('beforeEnd', '<div id="menu' + currMenu + 'div" ' +
    'style="position: absolute; width: 3; height: 3; visibility: hidden">' +
     str + '</div>');
   ref = getSty('menu' + currMenu + 'div');
  }
  else if (isDOM)
  {
   var newDiv = document.createElement('div');
   document.body.appendChild(newDiv);
   newDiv.innerHTML = str;
   ref = newDiv.style;
    
   ref.position = 'absolute';
   ref.visibility = 'hidden';
  }
  else if (isNS4)
  {
   ref = new Layer(0);
   ref.document.write(str);
   ref.document.close();
  }

  ref.left = x;
  ref.top = y;
  if (!isNS4) ref.cursor = (document.all ? 'hand' : 'pointer');
  if (!document.all) ref.zIndex = 1000;

  for (currItem = 1; currItem < menu[currMenu].length; currItem++)
  {
   itemName = 'menu' + currMenu + 'item' + currItem;
   if (isDOM || isIE4) menu[currMenu][currItem].ref = getSty(itemName);
   if (isNS4)
   {
    menu[currMenu][currItem].ref = ref.document[itemName];
    // Also capture clicks on that item layer's document...
    with (ref.document[itemName])
    {
     document.captureEvents(Event.CLICK);
     document.onclick = new Function('popClick(' + currMenu + ', ' + currItem + ')');
    }
   }
  }

 }

 positionMenu()

 menu[0][0].ref.visibility = 'visible';
}

var menu = new Array();

var defOver = '#336699', defBack = '#003366';

var defLength = 44;

menu[0] = new Array();
menu[0][0] = new Menu(false, '', 5, 0, 17, 0, '#336699', '#000000', 'itemBorder', 'itemText');

// Main Navigation Bar
menu[0][1] = new Item('Home', 'index.html', '', 40, 5, 1);
menu[0][2] = new Item('About Us', 'aboutus/aboutus.html', '', 60, 5, 2);
menu[0][3] = new Item('Member Regions', 'member/member.html', '', 110, 5, 3);
menu[0][4] = new Item('General Information', 'geninfo/geninfo.html', '', 120, 5, 4);
menu[0][5] = new Item('Association Meetings', 'docs/docs.html', '', 125, 5, 5);
menu[0][6] = new Item('Resources', 'library/library.html', '', 65, 5, 6);


// Home menu.
menu[1] = new Array();
menu[1][0] = new Menu(true, '>', 0, 22, 80, 3, defOver, defBack, 'itemBorder', 'itemText');

// About Us menu.
menu[2] = new Array();
menu[2][0] = new Menu(false, '>', 0, 19, 22, 3, defOver, defBack, 'itemBorder', 'itemText');
menu[2][1] = new Item('Association Rules', '/aboutus/rules/rules.html', '', 110, 0, 0);

// Member Regions menu.
menu[3] = new Array();
menu[3][0] = new Menu(false, '>', 0, 19, 22, 3, defOver, defBack, 'itemBorder', 'itemText');


// General Information menu.
menu[4] = new Array();
menu[4][0] = new Menu(false, '>', 0, 19, 22, 3, defOver, defBack, 'itemBorder', 'itemText');
menu[4][1] = new Item('Calendar', '/geninfo/calendar/calendar.html', '', 60, 0, 0);
menu[4][2] = new Item('Issues', '/geninfo/issues/issues.html', '', 48, 0, 0);
menu[4][3] = new Item('News', '/geninfo/news/news.html', '', 41, 0, 0);

// Association Meetings menu.
menu[5] = new Array();
menu[5][0] = new Menu(false, '>', 0, 19, 22, 3, defOver, defBack, 'itemBorder', 'itemText');
menu[5][1] = new Item('Minutes', '/docs/minutes/minutes.html', '', 60, 0, 0);


// Library menu.
menu[6] = new Array();
menu[6][0] = new Menu(false, '>', 0, 19, 22, 3, defOver, defBack, 'itemBorder', 'itemText');
menu[6][1] = new Item('Reports & Presentations', '/library/report/report.html', '', 150, 0, 0);
menu[6][2] = new Item('Policies', '/library/strat/strat.html', '', 75, 0, 0);
menu[6][3] = new Item('PD Training', '/library/pd/pd.html', '', 85, 0, 0);


//window.onload = createMenus;
//window.onresize = resizeHandler;

var popOldWidth = window.innerWidth;
function resizeHandler()
{
 if (!menu[0][0].ref) return;
 
 if (isNS4 && popOldWidth != window.innerWidth) location.reload()

 positionMenu();
}

function positionMenu()
{

 var winWidth = (document.all ? document.body.clientWidth : window.innerWidth)
 menu[0][0].ref.left = (winWidth / 2)-330;
 
}