//

<!-- Begin
var isDOM = (document.getElementById ? true : false); 
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);
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() {
if (!isDOM && !isIE4 && !isNS4) return;

for (currMenu = 0; currMenu < menu.length; currMenu++) with (menu[currMenu][0]) {
// Variable for holding HTML for items and positions of next item.
var str = '', itemX = 0, itemY = 0, itemXX = 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]) {
var itemID = 'menu' + currMenu + 'item' + currItem;

// The width and height of the menu item - dependent on orientation!
var w = (isVert ? width : length);
var h = (isVert ? length : width);

// Create a div or layer text string with appropriate styles/properties.
// Thanks to Paul Maden (www.paulmaden.com) for helping debug this in IE4, apparently
// the width must be a miniumum of 3 for it to work in that browser.
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 + '" ';

// Add mouseover handlers and finish div/layer.



/*

Image1= new Image(75,75)
Image1.src = "od4.gif"
Image2 = new Image(75,75)
Image2.src = "res1a.gif"

function popOut() {
document.imageflip.src = Image2.src; return true;
}

function popOver() {
document.imageflip.src = Image1.src; return true;
}

*/

str += 'onMouseOver="popOver(' + currMenu + ',' + currItem + ')" onMouseOut="popOut(' + currMenu + ',' + currItem + ')">';









// Add contents of item (default: table with link inside).
// In IE/NS6+, add padding if there's a border to emulate NS4's layer padding.
// If a target frame is specified, also add that to the <a> tag.

str += '<table width="' + (w - 8) + '" border="0" cellspacing="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) {

// 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>';
}

//Horizontal positioning
str += '</tr></table>' + (isNS4 ? '</layer>' : '</div>');
if (currMenu==0) {
if (currItem == 0) itemXX = -25;
if (currItem == 1) itemXX = -44;
if (currItem == 2) itemXX = +25;
if (currItem == 3) itemXX = +29;
if (currItem == 4) itemXX = -18;
if (currItem == 5) itemXX = +35;
if (currItem == 6) itemXX = +25;





}
else itemXX=0;
if (isVert) itemY += length + spacing;
else itemX += length + spacing;


if (isVert) itemX += itemXX;
else itemY += 0;
}



if (isDOM) {
var newDiv = document.createElement('div');
document.getElementsByTagName('body').item(0).appendChild(newDiv);
newDiv.innerHTML = str;
ref = newDiv.style;
ref.position = 'absolute';
ref.visibility = 'hidden';






}





// Insert a div tag to the end of the BODY with menu HTML in place for IE4.
if (isIE4) {
document.body.insertAdjacentHTML('beforeEnd', '<div id="menu' + currMenu + 'div" ' + 'style="position: absolute; visibility: hidden">' + str + '</div>');
ref = getSty('menu' + currMenu + 'div');



}








// In NS4, create a reference to a new layer and write the items to it.
if (isNS4) {
ref = new Layer(0);
ref.document.write(str);
ref.document.close();

}






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];
   }
}
with(menu[0][0]) {
ref.left = x ;
ref.top = y;
ref.visibility = 'visible';





   }




}






// Syntaxes: *** START EDITING HERE, READ THIS SECTION CAREFULLY! ***
//
// menu[menuNumber][0] = new Menu(Vertical menu? (true/false), 'popout indicator', left, top,
// width, 'mouseover colour', 'background colour', 'border stylesheet', 'text stylesheet');
//
// Left and Top are measured on-the-fly relative to the top-left corner of its trigger, or
// for the root menu, the top-left corner of the page.
//
// menu[menuNumber][itemNumber] = new Item('Text', 'URL', 'target frame', length of menu item,
//  additional spacing to next menu item, number of target menu to popout);
//
// If no target menu (popout) is desired, set it to 0. Likewise, if your site does not use
// frames, pass an empty string as a frame target.
//
// Something that needs explaining - the Vertical Menu setup. You can see most menus below
// are 'true', that is they are vertical, except for the first root menu. The 'length' and
// 'width' of an item depends on its orientation -- length is how long the item runs for in
// the direction of the menu, and width is the lateral dimension of the menu. Just look at
// the examples and tweak the numbers, they'll make sense eventually :).

var menu = new Array();

// Default colours passed to most menu constructors (just passed to functions, not
// a global variable - makes things easier to change later in bulk).
var defOver = '', defBack = '';

// Default 'length' of menu items - item height if menu is vertical, width if horizontal.
var defLength = 22;

// Menu 0 is the special, 'root' menu from which everything else arises.
menu[0] = new Array();

// A non-vertical menu with a few different colours and no popout indicator, as an example.
// *** MOVE ROOT MENU AROUND HERE ***  Global changing... 
//eg it's positioned at (251 horiz, 125 vert, 0 target length) and is 0px high now.

menu[0][0] = new Menu(true, '', 251, 117, '', '', '', '', 'itemtext');

// Notice how the targets are all set to nonzero values...
// The 'length' of each of these target items is 0, and there is spacing of 160 to the next item.
// Most of the links are set to '#' hashes, make sure you change them to actual files.







menu[0][1] = new Item('<img src="cons1a.jpg" name="imageflip" WIDTH="87" HEIGHT="85" border="0" alt="">', '#', '', 0, 55, 1);


menu[0][2] = new Item('', '#', 20, 85, 0);


menu[0][3] = new Item(' <a href="http://www.psychonomics.com"><img src="od.jpg" height="85" width="85" border="0" alt=""></a>', 'http://www.psychonomics.com', '', 0, 55, 9);


//menu[0][3] = new Item('  <a href="www.psychonomics.com"><img src="sprite 71a.gif" height="85" width="85" border="0" alt=""></a>', 'www.psychonomics.com', '', 0, 55, 9);

menu[0][4] = new Item('', '#', 20, 85, 0);
menu[0][5] = new Item( '<img src="ws.jpg" height="85" width="87" border="0" alt="">', '#', '', 0, 137, 8);

//menu[0][6] = new Item('', '#', 20, 80, 0);

menu[0][6] = new Item( '<img src="res.jpg" height="85" width="86" border="0" alt="">', '#', '', 0, 0, 12);



// File menu.


menu[1] = new Array();
// The File menu is positioned 80px across (graphic 1) and 22 down from its trigger, and is 80 //wide.
// All text in this menu has the stylesheet class 'item' -- see the <style> section above.
// We've passed a 'greater-than' sign '>' as a popout indicator. Try an image...?

menu[1][0] = new Menu(true, '', 80, -3, 190, defOver, defBack, 'itemBorder', 'itemText');

menu[1][1] = new Item('<font face="arial"><b>&nbsp;<img src="hline1.gif" height=1 width=35 border=0><img src="ds2a.gif" width=8 height=8 border=0 align=bottom>&nbsp;Who we are</B>', 'aboutus/whoweare.html', '', defLength, 0, 6);
menu[1][2] = new Item('<font face="arial"><b>&nbsp;<img src="hline1.gif" height=1 width=35 border=0><img src="ds2a.gif" width=8 height=8 border=0 align=bottom>&nbsp;Our mission</B>', 'aboutus/mission.html', '', defLength, 0, 7);
// Non-zero target means this will trigger a popout -- menu[4] which is the 'Reopen' menu.
menu[1][3] = new Item('<font face="arial"><b>&nbsp;<img src="hline1.gif" height=1 width=35 border=0><img src="ds2a.gif" width=8 height=8 border=0 align=bottom>&nbsp;Consulting</B>', 'aboutus/consult.html', '', defLength, 0, 11);
menu[1][4] = new Item('<font face="arial"><b>&nbsp;<img src="hline1.gif" height=1 width=35 border=0><img src="ds2a.gif" width=8 height=8 border=0 align=bottom>&nbsp;Contacting us</B>', 'aboutus/contact.html', '', defLength, 0, 17);





// spare menu.

menu[2] = new Array();
menu[2][0] = new Menu(true, '>', 0, 17, 80, defOver, defBack, 'itemBorder', 'itemText');
menu[2][1] = new Item('Cut', '#', '', defLength, 0, 0);
menu[2][2] = new Item('Copy', '#', '', defLength, 0, 0);
menu[2][3] = new Item('Paste', '#', '', defLength, 0, 0);

// spare menu
menu[3] = new Array();
menu[3][0] = new Menu(true, '<', 0, 17, 80, defOver, defBack, 'itemBorder', 'itemText');
menu[3][1] = new Item('Contents', '#', '', defLength, 0, 0);
menu[3][2] = new Item('Index', '#', '', defLength, 0, 0);
menu[3][3] = new Item('About', '#', '', defLength, 0, 5);




// spare menu
menu[5] = new Array();
// Leftwards popout with a negative x and y relative to its trigger.
menu[5][0] = new Menu(true, '>', -71, -17, 80, defOver, defBack, 'itemBorder', 'itemText');
menu[5][1] = new Item('Leftwards!<br>And up!', '#', '', 40, 0, 0);

// consulting text 1
menu[6] = new Array();
// This is across but not down... a horizontal popout (with crazy stylesheets :)...
menu[6][0] = new Menu(true, '>', 152, -8, 140, '', '', '', 'crazyText');
// These items are lengthier than normal, and have extra spacing due to the fancy borders.
menu[6][1] = new Item('<img src="csides1a.gif" border=0>', 'aboutus/whoweare.html', '', 36, 4, 0);

//Alternate version for text
//menu[6][1] = new Item('<font face=arial color=white size=2><b>Take a look at who we are and what we can do for your company</b>', 'http://www.psychonomics.com', '', 36, 4, 0);


// text quality - not used
menu[4] = new Array();
// This is across but not down... a horizontal popout (with crazy stylesheets :)...
menu[4][0] = new Menu(true, '>', 115, -20, 180, 'purple', 'purple', 'crazyBorder', 'crazyText');
menu[4][1] = new Item('<font face=arial size=2 color=white><b><i>Quality</i> is more than a buzzword; and it requires expertise to define with any relevance for a particular industry. What does quality improvement mean to your company? Find out how we can help clearly define quality for your particular business needs.</b>', 'http://www.psychonomics.com', '', 36, 0, 0);


// consulting text 2
menu[7] = new Array();
// This is across but not down... a horizontal popout (with crazy stylesheets :)...
menu[7][0] = new Menu(true, '', 152, -30, 220, '', '', '', 'crazyText');
menu[7][1] = new Item('<img src="csides2a.gif" border=0>', 'aboutus/mission.html', '', 36, 0, 0);



// Inv.Behav menu.
menu[8] = new Array();
// The File menu is positioned 80px across and 22 down from its trigger, and is 80 wide.
// All text in this menu has the stylesheet class 'item' -- see the <style> section above.
// We've passed a 'greater-than' sign '>' as a popout indicator. Try an image...?
menu[8][0] = new Menu(true, '', 85, -3, 200, defOver, defBack, '', 'itemText');

menu[8][1] = new Item('<font face="arial"><b><img src="hline1.gif" height=1 width=31 border=0><img src="ds2a.gif" width=8 height=8 border=0 align=bottom>&nbsp;Understanding markets</B>', 'invbeh/undrstndmkts/undrstndmkts1.html', '', defLength, 0, 19);

menu[8][2] = new Item('<font face="arial"><b><img src="hline1.gif" height=1 width=31 border=0><img src="ds2a.gif" width=8 height=8 border=0 align=bottom>&nbsp;Behavioral finance</B>', 'invbeh/behavioralfinance/bf1.html', '', defLength, 0, 20);
// Non-zero target means this will trigger a popout -- menu[4] which is the 'Reopen' menu.

menu[8][3] = new Item('<font face="arial"><b><img src="hline1.gif" height=1 width=31 border=0><img src="ds2a.gif" width=8 height=8 border=0 align=bottom>&nbsp;Investor profiling</B>', 'invbeh/profiledata/profile.html', '', defLength, 0, 10);

menu[8][4] = new Item('<font face="arial"><b><img src="hline1.gif" height=1 width=31 border=0><img src="ds2a.gif" width=8 height=8 border=0 align=bottom>&nbsp;Portfolio construction</B>', 'invbeh/portcons/pc1.html', '', defLength, 0, 21);


// OD menu.
menu[9] = new Array();
// The File menu is positioned 80px across and 22 down from its trigger, and is 80 wide.
// All text in this menu has the stylesheet class 'item' -- see the <style> section above.
// We've passed a 'greater-than' sign '>' as a popout indicator. Try an image...?
menu[9][0] = new Menu(true, '', 80, -3, 230, defOver, defBack, 'itemBorder', 'itemText');

menu[9][1] = new Item(' <font face="arial"><b><img src="hline1.gif" height=1 width=27 border=0><img src="ds2a.gif" width=8 height=8 border=0 align=bottom>&nbsp;Employee focus</B>', 'od/emp/od0.html', '', defLength, 0, 14);
menu[9][2] = new Item('<font face="arial"><b><img src="hline1.gif" height=1 width=27 border=0><img src="ds2a.gif" width=8 height=8 border=0 align=bottom>&nbsp;Structural focus</B>', 'od/struc/struc0.html', '', defLength, 0, 15);
// Non-zero target means this will trigger a popout -- menu[4] which is the 'Reopen' menu.
menu[9][3] = new Item('<font face="arial"><b><img src="hline1.gif" height=1 width=27 border=0><img src="ds2a.gif" width=8 height=8 border=0 align=bottom>&nbsp;Anonymous&nbsp;clienting&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</B>', 'od/ac/ac0.html', '', defLength, 0, 18);
menu[9][4] = new Item('<font face="arial"><b><img src="hline1.gif" height=1 width=27 border=0><img src="ds2a.gif" width=8 height=8 border=0 align=bottom>&nbsp;When&nbsp;it&nbsp;all&nbsp;goes&nbsp;wrong!&nbsp;&nbsp;</B>', 'od/rp&cs/wiagw.html', '', '', defLength, 16);



// Inv. profiling
menu[10] = new Array();
// This is across but not down... a horizontal popout (with crazy stylesheets :)...
menu[10][0] = new Menu(true, '>', 195, -59, 200, '', '', '', 'crazyText');
// These items are lengthier than normal, and have extra spacing due to the fancy borders.
menu[10][1] = new Item('<img src="csidesibc.gif" border=0>', 'invbeh/profiledata/profile.html', '', 36, 4, 0);


// Consult - about us text3
menu[11] = new Array();
// This is across but not down... a horizontal popout (with crazy stylesheets :)...
menu[11][0] = new Menu(true, '>', 152, -52, 230, '', '', '', 'crazyText');
menu[11][1] = new Item('<img src="csides3a.gif" border=0>', 'aboutus/consult.html', '', 36, 0, 0);


// Research menu
menu[12] = new Array();
// The File menu is positioned 80px across and 22 down from its trigger, and is 80 wide.
// All text in this menu has the stylesheet class 'item' -- see the <style> section above.
// We've passed a 'greater-than' sign '>' as a popout indicator. Try an image...?
menu[12][0] = new Menu(true, '', 80, -3, 200, defOver, defBack, 'itemBorder', 'itemText');

menu[12][1] = new Item('<font face="arial"><b><img src="hline1.gif" height=1 width=48 border=0><img src="ds2a.gif" width=8 height=8 border=0 align=bottom>&nbsp;Market behavior</B>', 'research/mktbehav/mktbhv.html', '', defLength, 0, 13);
menu[12][2] = new Item('<font face="arial"><b><img src="hline1.gif" height=1 width=48 border=0><img src="ds2a.gif" width=8 height=8 border=0 align=bottom>&nbsp;Investor motivation</B>', 'research/invmotiv/invmotiv1.html', '', defLength, 0, 22);
// Non-zero target means this will trigger a popout -- menu[4] which is the 'Reopen' menu.
menu[12][3] = new Item('<font face="arial"><b><img src="hline1.gif" height=1 width=48 border=0><img src="ds2a.gif" width=8 height=8 border=0 align=bottom>&nbsp;Psychometric tools</B>', 'research/psytools/psytls1.html', '', defLength, 0, 23);
menu[12][4] = new Item('<font face="arial"><b><img src="hline1.gif" height=1 width=48 border=0><img src="ds2a.gif" width=8 height=8 border=0 align=bottom>&nbsp;Articles & sources</B>', 'research/a&s/bfinancelinks.html', '', defLength, 0, 24);


// Research 1
menu[13] = new Array();
// This is across but not down... a horizontal popout (with crazy stylesheets :)...
menu[13][0] = new Menu(true, '>', 191, -14, 200, '', '', '', 'crazyText');
menu[13][1] = new Item('<img src="csidesr1.gif" border=0>', 'research/mktbehav/mktbhv.html', '', 36, 0, 0);


//alternate text method
//menu[13][1] = new Item('<font face=arial color=AFEEEE size=2><b>We are interested in the behavior of financial markets. What exactly makes them go up and down? Are they purely driven by psychology and therefore, as it is believed, unpredictable. Or, is there something more going on?</b>', 'http://www.psychonomics.com', '', 36, 0, 0);


// OD text1
menu[14] = new Array();
// This is across but not down... a horizontal popout (with crazy stylesheets :)...
menu[14][0] = new Menu(true, '>', 193, -27, 230, '', '', '', 'crazyText');
// These items are lengthier than normal, and have extra spacing due to the fancy borders.
menu[14][1] = new Item('<img src="csidesoda.gif" border=0>', 'od/emp/od0.html', '', 36, 4, 0);

// OD text2
menu[15] = new Array();
// This is across but not down... a horizontal popout (with crazy stylesheets :)...
menu[15][0] = new Menu(true, '>', 193, -49, 230, '', '', '', 'crazyText');
// These items are lengthier than normal, and have extra spacing due to the fancy borders.
menu[15][1] = new Item('<img src="csidesodb.gif" border=0>', 'od/struc/struc0.html', '', 36, 4, 0);



// OD text 4
menu[16] = new Array();
// This is across but not down... a horizontal popout (with crazy stylesheets :)...
menu[16][0] = new Menu(true, '', 193, -93, 240, '', '', '', 'crazyText');
// These items are lengthier than normal, and have extra spacing due to the fancy borders.
menu[16][1] = new Item('<img src="csidesodd.gif" border=0>', 'od/rp&cs/wiagw.html', '', 36, 4, 0);



// About us text4
menu[17] = new Array();
// This is across but not down... a horizontal popout (with crazy stylesheets :)...
menu[17][0] = new Menu(true, '', 152, -74, 190, '', '', '', 'crazyText');
menu[17][1] = new Item('<img src="csides4a.gif" border=0>', 'aboutus/contact.html', '', 36, 0, 0);


// OD text3 Anon.lienting
menu[18] = new Array();
// This is across but not down... a horizontal popout (with crazy stylesheets :)...
menu[18][0] = new Menu(true, '>', 193, -71, 230, '', '', '', 'crazyText');
menu[18][1] = new Item('<img src="csidesodc.gif" border=0>', 'od/ac/ac0.html', '', 36, 0, 0);




// IB text1
menu[19] = new Array();
// This is across but not down... a horizontal popout (with crazy stylesheets :)...
menu[19][0] = new Menu(true, '', 195, -15, 200, '', '', '', 'crazyText');
// These items are lengthier than normal, and have extra spacing due to the fancy borders.
menu[19][1] = new Item('<img src="csidesiba.gif" border=0>', 'invbeh/undrstndmkts/undrstndmkts1.html', '', 36, 4, 0);

// IB text2
menu[20] = new Array();
// This is across but not down... a horizontal popout (with crazy stylesheets :)...
menu[20][0] = new Menu(true, '', 195, -37, 200, '', '', '', 'crazyText');
// These items are lengthier than normal, and have extra spacing due to the fancy borders.
menu[20][1] = new Item('<img src="csidesibb.gif" border=0>', 'invbeh/behavioralfinance/bf1.html', '', 36, 4, 0);

// IB text4
menu[21] = new Array();
// This is across but not down... a horizontal popout (with crazy stylesheets :)...
menu[21][0] = new Menu(true, '', 195, -81, 200, '', '', '', 'crazyText');
// These items are lengthier than normal, and have extra spacing due to the fancy borders.
menu[21][1] = new Item('<img src="csidesibd.gif" border=0>', 'invbeh/portcons/pc1.html', '', 36, 4, 0);


// Research 2
menu[22] = new Array();
// This is across but not down... a horizontal popout (with crazy stylesheets :)...
menu[22][0] = new Menu(true, '>', 191, -36, 200, '', '', '', 'crazyText');
menu[22][1] = new Item('<img src="csidesr2.gif" border=0>', 'research/invmotiv/invmotiv1.html', '', 36, 0, 0);

// Research 3
menu[23] = new Array();
// This is across but not down... a horizontal popout (with crazy stylesheets :)...
menu[23][0] = new Menu(true, '>', 191, -58, 200, '', '', '', 'crazyText');
menu[23][1] = new Item('<img src="csidesr3.gif" border=0>', 'research/psytools/psytls1.html', '', 36, 0, 0);

// Research 4
menu[24] = new Array();
// This is across but not down... a horizontal popout (with crazy stylesheets :)...
menu[24][0] = new Menu(true, '', 191, -80, 200, '', '', '', 'crazyText');
menu[24][1] = new Item('<img src="csidesr4.gif" border=0>', 'research/a&s/bfinancelinks.html', '', 36, 0, 0);





// *** OPTIONAL CODE FROM HERE DOWN ***

// These two lines handle the window resize bug in NS4. See <body onResize="...">.
// I recommend you leave this here as otherwise when you resize NS4's width menus are hidden.

var popOldWidth = window.innerWidth;
nsResizeHandler = new Function('if (popOldWidth != window.innerWidth) location.reload()');


// This is a quick snippet that captures all clicks on the document and hides the menus
// every time you click. Use if you want.

if (isNS4) document.captureEvents(Event.CLICK);
document.onclick = clickHandle;

function clickHandle(evt)
{
 if (isNS4) document.routeEvent(evt);
 hideAllBut(0);
}


// This is just the moving command for the example.

function moveRoot()
{
 with(menu[0][0].ref) left = ((parseInt(left) < 100) ? 100 : 5);
}
//  End -->