var bw=0;
var offleft=0;
var isIE4 = (document.all ? true : false);
var isDOM = ((document.getElementById && !isIE4)? true : false); 
var isNS4 = (document.layers ? true : false);


if(isNS4){bw=window.innerWidth;offleft=236; var hshift=6;}
if(isIE4){bw=document.body.offsetWidth-4; offleft=278; var hshift=0;}
if(isDOM){bw=window.innerWidth; offleft=278; var hshift=0;}


function getRef(id) {
 if (isDOM) return document.getElementById(id);
 if (isIE4) return document.all[id];
 if (isNS4) return document.layers[id];
}

function getSty(id) {return (isNS4 ? getRef(id) : getRef(id).style);} 

// Hide timeout.
var popTimer = 0;

// Array showing highlighted menu items.
var litNow = new Array();

function popOver(menuNum, itemNum) {
 clearTimeout(popTimer);
 hideAllBut(menuNum);
 litNow = getTree(menuNum, itemNum);
 changeCol(litNow, 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 = parseInt(thisX + menu[targetNum][0].x);
     top = parseInt(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)', 100); 
}

function getTree(menuNum, itemNum) {
 // Array index is the menu number. The contents are null (if that menu is not a parent)
 // or the item number in that menu that is an ancestor (to light it up).
 itemArray = new Array(menu.length);

 while(1) {
 itemArray[menuNum] = itemNum;
 // If we've reached the top of the hierarchy, return.
 if (menuNum == 0) return itemArray;
  itemNum = menu[menuNum][0].parentItem;
  menuNum = menu[menuNum][0].parentMenu;
 }
}

// Pass an array and a boolean to specify colour change, true = over colour.
function changeCol(changeArray, isOver) {
 for (menuCount = 0; menuCount < changeArray.length; menuCount++) {
  if (changeArray[menuCount]) {
   newCol = isOver ? menu[menuCount][0].overCol : menu[menuCount][0].backCol;
 
   // Change the colours of the div/layer background.
   with (menu[menuCount][changeArray[menuCount]].ref) {
   if (isNS4) bgColor = newCol;
   else backgroundColor = newCol;
  }
 }
}
}

function hideAllBut(menuNum) {
 var keepMenus = getTree(menuNum, 1);
 for (count = 0; count < menu.length; count++)

  if (!keepMenus[count])
   menu[count][0].ref.visibility = 'hidden';
 changeCol(litNow, false);
}

// *** MENU CONSTRUCTION FUNCTIONS ***

function Menu(isVert, popInd, x, y, width, overCol, backCol, borderClass, textClass) {
 // True or false - a vertical menu?
 this.isVert = isVert;
 // The popout indicator used (if any) for this menu.
 this.popInd = popInd
 // Position and size settings.
 this.x = x;
 this.y = y;
 this.width = width;
 // Colours of menu and items.
 this.overCol = overCol;
 this.backCol = backCol;
 // The stylesheet class used for item borders and the text within items.
 this.borderClass = borderClass;
 this.textClass = textClass;
 // Parent menu and item numbers, indexed later.
 this.parentMenu = null;
 this.parentItem = null;
 // Reference to the object's style properties (set later).
 this.ref = null;
}

function Item(text, href, frame, length, spacing, target) {
 this.text = text;
 this.href = href;
 this.frame = frame;
 this.length = length;
 this.spacing = spacing;
 this.target = target;
 // Reference to the object's style properties (set later).
 this.ref = null;
}

function writeMenus() { //1
  if (!isDOM && !isIE4 && !isNS4) return;
  for (currMenu = 0; currMenu < menu.length; currMenu++) with (menu[currMenu][0]) { //2
    // Variable for holding HTML for items and positions of next item.
    var str = '', itemX = 0, itemY = 0;
    // Remember, items start from 1 in the array (0 is menu object itself, above).
    // Also use properties of each item nested in the other with() for construction.
    for (currItem = 1; currItem < menu[currMenu].length; currItem++) with (menu[currMenu][currItem]) { //3
      var itemID = 'menu' + currMenu + 'item' + currItem; 
      var w = (isVert ? width : length);
      var h = (isVert ? length : width);
      if (isDOM || isIE4) { //4
	    if(currMenu==0)
          str += '<div id="' + itemID + '" style="position: absolute; left: ' + itemX + '; top: ' + itemY + '; width: ' + w + '; height: 26; visibility: inherit; ';
        else 
		  str += '<div id="' + itemID + '" style="position: absolute; left: ' + itemX + '; top: ' + itemY + '; width: ' + w + '; height: ' + h + '; visibility: inherit; ';
        if (backCol) str += 'background: ' + backCol + '; ';
        str += '" ';
      } //3
      if (isNS4) { //4
	  	if(currMenu==0)
         str += '<layer id="' + itemID + '" left="' + itemX + '" top="' + itemY + '" width="' +  w + '" height="' + h + '" visibility="inherit" ';
        else
         str += '<layer id="' + itemID + '" left="' + itemX + '" top="' + itemY + '" width="' +  w + '" height="' + h + '" visibility="inherit" ';
  
        if (backCol) str += 'bgcolor="' + backCol + '" ';
      } //3
	  
	  if (((currItem+1)==menu[currMenu].length)&& currMenu!=0) str += 'class="itemBorder2" ';
	  else if (borderClass) str += 'class="' + borderClass + '" ';
	  
       // Add mouseover handlers and finish div/layer.
      str += 'onMouseOver="popOver(' + currMenu + ',' + currItem + ')" onMouseOut="popOut(' + currMenu + ',' + currItem + ')">';
	  if(currMenu==0)
   	      str += '<table width="'+w+'" border="0" cellspacing="'+  0  +'" cellpadding="' + 0  + '"><tr><td align="left" height="'+(h-7)+'">' + '<a class="' + textClass + '" href="' + href + '"' + (frame ? ' target="' + frame + '">&nbsp;' : '>&nbsp;') + text + '&nbsp;</a></td>';	   
	  else
	    str += '<table width="'+w+'" border="0" cellspacing="'+ (isDOM ? 3 : 0) +'" cellpadding="' + (!isNS4 && borderClass ? 3 : 0) + '"><tr><td align="left" height="' + (h - 7) + '">' + '<a class="' + textClass + '" href="' + href + '"' + (frame ? ' target="' + frame + '">' : '>') + text + '</a></td>';
	  
	  if (target > 0) { //4
        // Set target's parents to this menu item.
        menu[target][0].parentMenu = currMenu;
        menu[target][0].parentItem = currItem;
        // Add a popout indicator.
        if (popInd) str += '<td class="' + textClass + '" align="right">' + popInd + '</td>';
      } //3
      str += '</tr></table>' + (isNS4 ? '</layer>' : '</div>');
      if (isVert) itemY += length + spacing;
      else itemX += length + spacing;
    }  //2
    if (isDOM) { //3
      var newDiv = document.createElement('div');
      document.getElementsByTagName('body').item(0).appendChild(newDiv);
      newDiv.innerHTML = str;
      ref = newDiv.style;
      ref.position = 'absolute';
      ref.visibility = 'hidden';
    } //2
    // Insert a div tag to the end of the BODY with menu HTML in place for IE4.
    if (isIE4) { //3
      //document.all['tmp']
	  document.all['tmp'].insertAdjacentHTML('AfterEnd', '<div id="menu' + currMenu + 'div" ' + 'style="position: absolute; visibility: hidden">' + str + '</div>');
	  ref = getSty('menu' + currMenu + 'div');
    } //2
    // In NS4, create a reference to a new layer and write the items to it.
    if (isNS4) { //3
      ref = new Layer(0);
      ref.document.write(str);
      ref.document.close();
    } //2
    for (currItem = 1; currItem < menu[currMenu].length; currItem++) { //3
      itemName = 'menu' + currMenu + 'item' + currItem;
      if (isDOM || isIE4) menu[currMenu][currItem].ref = getSty(itemName);
      if (isNS4) menu[currMenu][currItem].ref = ref.document[itemName];
    } //2
  
  } //1
  with(menu[0][0]) { //2
    ref.left = x;
    ref.top = y;
    ref.visibility = 'visible';
  } //1
} //0

var menu = new Array();

var defOver = '#339966', defBack = '#BDE414';

var defLength = 22;

if(isIE4 || isNS4) var itemborder='itemBorder';
else var itemborder='itemBorder2';

menu[0] = new Array();

if(isDOM){var menutop=-1;var vshift=6;var itemMenu="itemMenuN6";}
else if(isIE4){var menutop=-1;var vshift=5;var itemMenu="itemMenu";}
else if(isNS4){var menutop=-1; var vshift=6;var itemMenu="itemMenuN4";}

menu[0][0] = new Menu(false, '', offleft, menutop, 17, defOver, defBack,'',itemMenu);

menu[0][1] = new Item('Home', '/about/', '', 44+hshift, -1, 1);
menu[0][2] = new Item('About Rx', '#', '',64+hshift, -1, 2);
menu[0][3] = new Item('Our Capabilities', '/capabilities/', '', 102+hshift, -1, 3);
menu[0][4] = new Item('Our Clients', '#', '', 75+hshift, -1, 4);
menu[0][5] = new Item('News & Events', '#', '', 98+hshift, -1, 5);
menu[0][6] = new Item('Contact Us', '/contact/', '', 75+hshift, -1, 6);
menu[0][7] = new Item('Links', '/links/', '', 41+hshift, -1, 7);

menu[1] = new Array();

menu[1][0] = new Menu(true, '>', 0, 20+vshift, 0, defOver, defBack, itemborder, 'itemText');

menu[2] = new Array();
menu[2][0] = new Menu(true, '>',0, 20+vshift, 125, defOver, defBack, itemborder, 'itemText');
menu[2][1] = new Item('Overview', '/about/', '', defLength, 0, 0);
menu[2][2] = new Item('Meet the Team', '/about/partners.asp', '', defLength, 0, 0);
menu[2][3] = new Item('Capabilities Presentation', '/images/Rx-Capabilities.ppt', '', defLength, 0, 0);
menu[2][4] = new Item('Request Information', '/about/request.asp', '', defLength, 0, 0);

menu[3] = new Array();
menu[3][0] = new Menu(true, '>', 0, 20+vshift, 0,  defOver, defBack, itemborder, 'itemText');

menu[4] = new Array();
menu[4][0] = new Menu(true, '>', 0, 20+vshift, 135, defOver, defBack, itemborder, 'itemText');
menu[4][1] = new Item('Client List', '/clients/', '', defLength, 0, 0);
menu[4][2] = new Item('Request Client Information', '/clients/request.asp', '', defLength, 0, 0);
menu[4][3] = new Item('Client Press Releases', '/clients/news.asp', '', defLength, 0, 0);
menu[4][4] = new Item('Client Events', '/news/', '', defLength, 0, 0);

menu[5] = new Array();
menu[5][0] = new Menu(true, '>', 0, 20+vshift, 120, defOver, defBack, itemborder, 'itemText');
menu[5][1] = new Item('Conference Schedule', '/SSI/conference.asp', '', defLength, 0, 0);
menu[5][2] = new Item('Press Releases', '/news/news.asp', '', defLength, 0, 0);
menu[5][3] = new Item('Client Events', '/news/', '', defLength, 0, 0);

menu[6] = new Array();
menu[6][0] = new Menu(true, '<', 0, 20+vshift, 0, defOver, defBack, itemborder, 'itemText');

menu[7] = new Array();
menu[7][0] = new Menu(true, '<', 0, 20+vshift, 0, defOver, defBack, itemborder, 'itemText');

var popOldWidth = window.innerWidth;
nsResizeHandler = new Function('if (popOldWidth != window.innerWidth) location.reload()');
ieResizeHandler = new Function('if (bw != document.body.offsetWidth) location.reload()');

//if (isNS4) document.captureEvents(Event.CLICK);
//   document.onclick = clickHandle;

//function clickHandle(evt){
// if (isNS4) document.routeEvent(evt);
// hideAllBut(0);
//}


//function moveRoot(){
// with(menu[0][0].ref) 
//    left = ((parseInt(left) < 100) ? 100 : 5);
//}
