var isDOM = (document.getElementById ? true : false);
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);
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; z-index: 1000">' +
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];
with (ref.document[itemName])
{
document.captureEvents(Event.CLICK);
document.onclick = new Function('popClick(' + currMenu + ', ' + currItem + ')');
}
}
}

}

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

var menu = new Array();

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

var defLen = 22;

menu[0] = new Array();
menu[0][0] = new Menu(true, '', 6, 180, 150, 0, '#336699', '#FFFFFF', '', 'itemTextmain');
menu[0][1] = new Item('CDB Home', 'http://www.ohsu.edu/cellbio/index.html', '', 22, 0, 0);
menu[0][2] = new Item('Faculty', 'http://www.ohsu.edu/cellbio/faculty/index.html', '', 22, 0, 1);
menu[0][3] = new Item('Academics', 'http://www.ohsu.edu/cellbio/academics/index.html', '', 22, 0, 2);
menu[0][4] = new Item('Living Large', 'http://www.ohsu.edu/cellbio/living/index.html', '', 22, 0, 3);
menu[0][5] = new Item('Dept. Staff', 'http://www.ohsu.edu/cellbio/staff.html', '', 22, 0, 0);
menu[0][6] = new Item('Seminars', 'http://www.ohsu.edu/cellbio/seminars/index.html', '', 22, 0, 0);

menu[1] = new Array();
menu[1][0] = new Menu(true, '&gt;', 155, 0, 185, 3, defOver, defBack, 'itemBorder', 'itemText');
menu[1][1] = new Item('Faculty Homepage', 'http://www.ohsu.edu/cellbio/faculty/index.html', '', defLen, 0, 0);
menu[1][2] = new Item('Research Groups', 'http://www.ohsu.edu/cellbio/faculty/groups.html', '', defLen, 0, 0);
menu[1][3] = new Item('Faculty - Alphabetical', 'http://www.ohsu.edu/cellbio/faculty/alphabetical.html', '', defLen, 0, 0);

menu[2] = new Array();
menu[2][0] = new Menu(true, '&gt;', 155, 0, 125, 3, defOver, defBack, 'itemBorder', 'itemText');
menu[2][1] = new Item('Admission', 'http://www.ohsu.edu/cellbio/academics/admission.html', '', defLen, 0, 0);
menu[2][2] = new Item('Courses', 'http://www.ohsu.edu/cellbio/academics/courses.html', '', defLen, 0, 0);
menu[2][3] = new Item('Requirements', 'http://www.ohsu.edu/cellbio/academics/requirements.html', '', defLen, 0, 0);
menu[2][4] = new Item('Exams', 'http://www.ohsu.edu/cellbio/academics/exams.html', '', defLen, 0, 0);
menu[2][5] = new Item('Student Body', 'http://www.ohsu.edu/cellbio/academics/students.html', '', defLen, 0, 0);

menu[3] = new Array();
menu[3][0] = new Menu(true, '&lt;', 155, 0, 230, 3, defOver, defBack, 'itemBorder', 'itemText');
menu[3][1] = new Item('OHSU Campus', 'http://www.ohsu.edu/cellbio/living/campus.html', '', defLen, 0, 0);
menu[3][2] = new Item('In Portland', 'http://www.ohsu.edu/cellbio/living/city.html', '', defLen, 0, 0);
menu[3][3] = new Item('Housing & Transportation', 'http://www.ohsu.edu/cellbio/living/housing.html', '', defLen, 0, 0);
menu[3][4] = new Item('Around Portland', 'http://www.ohsu.edu/cellbio/living/metro.html', '', defLen, 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()

}

function colItem()
{

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

moveRoot = new Function('with(menu[0][0].ref) left = ((parseInt(left) < 100) ? 100 : 5);');