?
Solved

Help with web code - very simple and quick I am sure...

Posted on 2009-04-30
3
Medium Priority
?
568 Views
Last Modified: 2013-11-19
Hi,

Please refer to the site:

www.wchri.com.au

This is a site I inherited, and now edit - hence I didn't do the pop up menu code myself... so far it has been very easy to edit as I know where the entries for the menu lists live and I just go in and change the text.

For the first time though I have been given an item that is a lot longer than the others, "Craniofacial Research Group" - This is an item within the " "menu - you can see that I have currently shortened Group to Grp to combat this problem but this solution is not ideal...

The script does seem to be set up to adjust width of the menu horiaontally (if you roll over the diff menus they vary in width..) - but it seems to have mazimum width.

I have attached the 2 .js files that are used to create the menu, and also the HTML file that includes the menu entries. (I have change their extensions to TXT files so that I could upload them here...)

I am sure it is just a very quick edit that needs doing but for me it would be like finding a needle in a haystack.

Please help!


code is in the attcahments

Open in new window

mm-css-menu.txt
mm-menu.txt
cranio-facial.txt
0
Comment
Question by:wise_grasshopper
  • 2
3 Comments
 
LVL 16

Accepted Solution

by:
hankknight earned 1500 total points
ID: 24277891
The width is controlled by this line in mm-menu.txt:
      this.menuWidth = mw;

Try changing mw to a number:
      this.menuWidth = '250';

<html><!-- #BeginTemplate "/Templates/template.dwt" --><!-- DW6 -->
<head>
<base href="http://www.wchri.com.au/">
<!-- #BeginEditable "doctitle" --> 
<title>Women's & Children's Health Research Institute</title>
<link rel="stylesheet" href="css/default_styles.css" type="text/css">
<!-- #EndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="DESCRIPTION" content="The Child Health Research Institute, based in Adelaide, Australia is an independent research institute committed to understanding the basic mechanisms involved in development, health and disease in children.">
<meta name="KEYWORDS" content="child, health, research, institute, www.chri.com.au, children, Adelaide, CHRI, CNRC, nutrition, stem cell, leukaemia, leukemia, leucocyte, CD, epithelial, skin, immunology, babies, mothers, diet, breast milk">
<script language="JavaScript">
<!--
function mmLoadMenus() {
  if (window.mm_menu_1116092949_0) return;
  window.mm_menu_1116092949_0 = new Menu("root",120,20,"Verdana, Arial, Helvetica, sans-serif",10,"#ffffff","#ffffff","#000099","#0000cc","left","middle",3,0,1000,-5,7,true,false,true,0,true,true);
  mm_menu_1116092949_0.addMenuItem("News Archives","location='NewsArchives.htm'");
  mm_menu_1116092949_0.addMenuItem("Seminar&nbsp;Program","location='SeminarProgram.htm'");
  mm_menu_1116092949_0.addMenuItem("Research&nbsp;Highlights","location='ResearchHighlights.htm'");
   mm_menu_1116092949_0.hideOnMouseOut=true;
   mm_menu_1116092949_0.menuBorder=0;
   mm_menu_1116092949_0.menuItemBorder=0;
   mm_menu_1116092949_0.menuLiteBgColor='#ffffff';
   mm_menu_1116092949_0.menuBorderBgColor='#cccccc';
   mm_menu_1116092949_0.bgColor='#ffffff';
  window.mm_menu_1116092949_1 = new Menu("root",137,20,"Verdana, Arial, Helvetica, sans-serif",10,"#ffffff","#ffffff","#000099","#0000cc","left","middle",3,0,1000,-5,7,true,false,true,0,true,true);
  mm_menu_1116092949_1.addMenuItem("Applied&nbsp;Nutrition","location='AppliedNutrition.htm'");
  mm_menu_1116092949_1.addMenuItem("Basic&nbsp;Nutrition","location='BasicNutrition.htm'");
  mm_menu_1116092949_1.addMenuItem("Craniofacial&nbsp;Research&nbsp;Grp","location='cranio_facial.htm'");
  mm_menu_1116092949_1.addMenuItem("Leucocyte&nbsp;Biology","location='LeucocyteBiology.htm'");
  mm_menu_1116092949_1.addMenuItem("Molecular&nbsp;Immunology","location='MolecularImmunology.htm'");
   mm_menu_1116092949_1.addMenuItem("Nutritional&nbsp;Immunology","location='Nutritional_Immunology.htm'");
       mm_menu_1116092949_1.addMenuItem("Virology&nbsp;Lab","location='Virology_Lab.htm'");
  mm_menu_1116092949_1.addMenuItem("Wound&nbsp;Healing","location='wound_healing.html'");
 
   mm_menu_1116092949_1.hideOnMouseOut=true;
   mm_menu_1116092949_1.menuBorder=0;
   mm_menu_1116092949_1.menuItemBorder=0;
   mm_menu_1116092949_1.menuLiteBgColor='#ffffff';
   mm_menu_1116092949_1.menuBorderBgColor='#cccccc';
   mm_menu_1116092949_1.bgColor='#ffffff';
  window.mm_menu_1116092949_2 = new Menu("root",95,20,"Verdana, Arial, Helvetica, sans-serif",10,"#ffffff","#ffffff","#000099","#0000cc","left","middle",3,0,1000,-5,7,true,false,true,0,true,true);
  mm_menu_1116092949_2.addMenuItem("Governance","location='Governance.htm'");
  mm_menu_1116092949_2.addMenuItem("Management","location='Management.htm'");
  mm_menu_1116092949_2.addMenuItem("Affiliations","location='Affiliations.htm'");
  mm_menu_1116092949_2.addMenuItem("Funding&nbsp;Bodies","location='FundingBodies.htm'");
  mm_menu_1116092949_2.addMenuItem("Contact&nbsp;Us","location='ContactUs.htm'");
   mm_menu_1116092949_2.hideOnMouseOut=true;
   mm_menu_1116092949_2.menuBorder=0;
   mm_menu_1116092949_2.menuItemBorder=0;
   mm_menu_1116092949_2.menuLiteBgColor='#ffffff';
   mm_menu_1116092949_2.menuBorderBgColor='#cccccc';
   mm_menu_1116092949_2.bgColor='#ffffff';
  window.mm_menu_1116092853_3 = new Menu("root",100,20,"Verdana, Arial, Helvetica, sans-serif",10,"#ffffff","#ffffff","#000099","#0000cc","left","middle",3,0,1000,-5,7,true,false,true,0,true,true);
  mm_menu_1116092853_3.addMenuItem("Student&nbsp;Projects","location='Studentprojects.htm'");
  mm_menu_1116092853_3.addMenuItem("Scholarships","location='Scholarships.htm'");
  mm_menu_1116092853_3.addMenuItem("Employment","location='Employment.htm'");
   mm_menu_1116092853_3.hideOnMouseOut=true;
   mm_menu_1116092853_3.menuBorder=0;
   mm_menu_1116092853_3.menuItemBorder=0;
   mm_menu_1116092853_3.menuLiteBgColor='#ffffff';
   mm_menu_1116092853_3.menuBorderBgColor='#cccccc';
   mm_menu_1116092853_3.bgColor='#ffffff';
  window.mm_menu_1116092853_4 = new Menu("root",110,20,"Verdana, Arial, Helvetica, sans-serif",10,"#ffffff","#ffffff","#000099","#0000cc","left","middle",3,0,1000,-5,7,true,false,true,0,true,true);
  mm_menu_1116092853_4.addMenuItem("Major&nbsp;Supporters","location='MajorSupporters.htm'");
  mm_menu_1116092853_4.addMenuItem("Donating&nbsp;to&nbsp;WCHRI","location='DonatingtoCHRI.htm'");
  mm_menu_1116092853_4.addMenuItem("Donation&nbsp;Form","location='DonationForm.htm'");
   mm_menu_1116092853_4.hideOnMouseOut=true;
   mm_menu_1116092853_4.menuBorder=0;
   mm_menu_1116092853_4.menuItemBorder=0;
   mm_menu_1116092853_4.menuLiteBgColor='#ffffff';
   mm_menu_1116092853_4.menuBorderBgColor='#cccccc';
   mm_menu_1116092853_4.bgColor='#ffffff';
  window.mm_menu_1116092853_5 = new Menu("root",128,20,"Verdana, Arial, Helvetica, sans-serif",10,"#ffffff","#ffffff","#000099","#0000cc","left","middle",3,0,1000,-5,7,true,false,true,0,true,true);
  mm_menu_1116092853_5.addMenuItem("Annual&nbsp;Report","location='AnnualReport.htm'");
  mm_menu_1116092853_5.addMenuItem("Scientific&nbsp;Publications","location='ScientificPublications.htm'");
  mm_menu_1116092853_5.addMenuItem("Archives","location='Archives.htm'");
   mm_menu_1116092853_5.hideOnMouseOut=true;
   mm_menu_1116092853_5.menuBorder=0;
   mm_menu_1116092853_5.menuItemBorder=0;
   mm_menu_1116092853_5.menuLiteBgColor='#ffffff';
   mm_menu_1116092853_5.menuBorderBgColor='#cccccc';
   mm_menu_1116092853_5.bgColor='#ffffff';
 
  mm_menu_1116092853_5.writeMenus();
} // mmLoadMenus()
 
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
 
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
 
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script language="JavaScript1.2" type="text/javascript">
 
 
/**
 * mm_menu 20MAR2002 Version 6.0
 * Andy Finnell, March 2002
 * Copyright (c) 2000-2005 Macromedia, Inc.
 *
 * based on menu.js
 * by gary smith, July 1997
 * Copyright (c) 1997-1999 Netscape Communications Corp.
 *
 * Netscape grants you a royalty free license to use or modify this
 * software provided that this copyright notice appears on all copies.
 * This software is provided "AS IS," without a warranty of any kind.
 */
function Menu(label, mw, mh, fnt, fs, fclr, fhclr, bg, bgh, halgn, valgn, pad, space, to, sx, sy, srel, opq, vert, idt, aw, ah) 
{
	this.version = "020320 [Menu; mm_menu.js]";
	this.type = "Menu";
	this.menuWidth = '250';
	this.menuItemHeight = mh;
	this.fontSize = fs;
	this.fontWeight = "plain";
	this.fontFamily = fnt;
	this.fontColor = fclr;
	this.fontColorHilite = fhclr;
	this.bgColor = "#555555";
	this.menuBorder = 1;
	this.menuBgOpaque=opq;
	this.menuItemBorder = 1;
	this.menuItemIndent = idt;
	this.menuItemBgColor = bg;
	this.menuItemVAlign = valgn;
	this.menuItemHAlign = halgn;
	this.menuItemPadding = pad;
	this.menuItemSpacing = space;
	this.menuLiteBgColor = "#ffffff";
	this.menuBorderBgColor = "#777777";
	this.menuHiliteBgColor = bgh;
	this.menuContainerBgColor = "#cccccc";
	this.childMenuIcon = "arrows.gif";
	this.submenuXOffset = sx;
	this.submenuYOffset = sy;
	this.submenuRelativeToItem = srel;
	this.vertical = vert;
	this.items = new Array();
	this.actions = new Array();
	this.childMenus = new Array();
	this.hideOnMouseOut = true;
	this.hideTimeout = to;
	this.addMenuItem = addMenuItem;
	this.writeMenus = writeMenus;
	this.MM_showMenu = MM_showMenu;
	this.onMenuItemOver = onMenuItemOver;
	this.onMenuItemAction = onMenuItemAction;
	this.hideMenu = hideMenu;
	this.hideChildMenu = hideChildMenu;
	if (!window.menus) window.menus = new Array();
	this.label = " " + label;
	window.menus[this.label] = this;
	window.menus[window.menus.length] = this;
	if (!window.activeMenus) window.activeMenus = new Array();
}
 
function addMenuItem(label, action) {
	this.items[this.items.length] = label;
	this.actions[this.actions.length] = action;
}
 
function FIND(item) {
	if( window.mmIsOpera ) return(document.getElementById(item));
	if (document.all) return(document.all[item]);
	if (document.getElementById) return(document.getElementById(item));
	return(false);
}
 
function writeMenus(container) {
	if (window.triedToWriteMenus) return;
	var agt = navigator.userAgent.toLowerCase();
	window.mmIsOpera = agt.indexOf("opera") != -1;
	if (!container && document.layers) {
		window.delayWriteMenus = this.writeMenus;
		var timer = setTimeout('delayWriteMenus()', 500);
		container = new Layer(100);
		clearTimeout(timer);
	} else if (document.all || document.hasChildNodes || window.mmIsOpera) {
		document.writeln('<span id="menuContainer"></span>');
		container = FIND("menuContainer");
	}
 
	window.mmHideMenuTimer = null;
	if (!container) return;	
	window.triedToWriteMenus = true; 
	container.isContainer = true;
	container.menus = new Array();
	for (var i=0; i<window.menus.length; i++) 
		container.menus[i] = window.menus[i];
	window.menus.length = 0;
	var countMenus = 0;
	var countItems = 0;
	var top = 0;
	var content = '';
	var lrs = false;
	var theStat = "";
	var tsc = 0;
	if (document.layers) lrs = true;
	for (var i=0; i<container.menus.length; i++, countMenus++) {
		var menu = container.menus[i];
		if (menu.bgImageUp || !menu.menuBgOpaque) {
			menu.menuBorder = 0;
			menu.menuItemBorder = 0;
		}
		if (lrs) {
			var menuLayer = new Layer(100, container);
			var lite = new Layer(100, menuLayer);
			lite.top = menu.menuBorder;
			lite.left = menu.menuBorder;
			var body = new Layer(100, lite);
			body.top = menu.menuBorder;
			body.left = menu.menuBorder;
		} else {
			content += ''+
			'<div id="menuLayer'+ countMenus +'" style="position:absolute;z-index:1;left:10px;top:'+ (i * 100) +'px;visibility:hidden;color:' +  menu.menuBorderBgColor + ';">\n'+
			'  <div id="menuLite'+ countMenus +'" style="position:absolute;z-index:1;left:'+ menu.menuBorder +'px;top:'+ menu.menuBorder +'px;visibility:hide;" onmouseout="mouseoutMenu();">\n'+
			'	 <div id="menuFg'+ countMenus +'" style="position:absolute;left:'+ menu.menuBorder +'px;top:'+ menu.menuBorder +'px;visibility:hide;">\n'+
			'';
		}
		var x=i;
		for (var i=0; i<menu.items.length; i++) {
			var item = menu.items[i];
			var childMenu = false;
			var defaultHeight = menu.fontSize+2*menu.menuItemPadding;
			if (item.label) {
				item = item.label;
				childMenu = true;
			}
			menu.menuItemHeight = menu.menuItemHeight || defaultHeight;
			var itemProps = '';
			if( menu.fontFamily != '' ) itemProps += 'font-family:' + menu.fontFamily +';';
			itemProps += 'font-weight:' + menu.fontWeight + ';fontSize:' + menu.fontSize + 'px;';
			if (menu.fontStyle) itemProps += 'font-style:' + menu.fontStyle + ';';
			if (document.all || window.mmIsOpera) 
				itemProps += 'font-size:' + menu.fontSize + 'px;" onmouseover="onMenuItemOver(null,this);" onclick="onMenuItemAction(null,this);';
			else if (!document.layers) {
				itemProps += 'font-size:' + menu.fontSize + 'px;';
			}
			var l;
			if (lrs) {
				var lw = menu.menuWidth;
				if( menu.menuItemHAlign == 'right' ) lw -= menu.menuItemPadding;
				l = new Layer(lw,body);
			}
			var itemLeft = 0;
			var itemTop = i*menu.menuItemHeight;
			if( !menu.vertical ) {
				itemLeft = i*menu.menuWidth;
				itemTop = 0;
			}
			var dTag = '<div id="menuItem'+ countItems +'" style="position:absolute;left:' + itemLeft + 'px;top:'+ itemTop +'px;'+ itemProps +'">';
			var dClose = '</div>'
			if (menu.bgImageUp) dTag = '<div id="menuItem'+ countItems +'" style="background:url('+menu.bgImageUp+');position:absolute;left:' + itemLeft + 'px;top:'+ itemTop +'px;'+ itemProps +'">';
 
			var left = 0, top = 0, right = 0, bottom = 0;
			left = 1 + menu.menuItemPadding + menu.menuItemIndent;
			right = left + menu.menuWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
			if( menu.menuItemVAlign == 'top' ) top = menu.menuItemPadding;
			if( menu.menuItemVAlign == 'bottom' ) top = menu.menuItemHeight-menu.fontSize-1-menu.menuItemPadding;
			if( menu.menuItemVAlign == 'middle' ) top = ((menu.menuItemHeight/2)-(menu.fontSize/2)-1);
			bottom = menu.menuItemHeight - 2*menu.menuItemPadding;
			var textProps = 'position:absolute;left:' + left + 'px;top:' + top + 'px;';
			if (lrs) {
				textProps +=itemProps + 'right:' + right + ';bottom:' + bottom + ';';
				dTag = "";
				dClose = "";
			}
			
			if(document.all && !window.mmIsOpera) {
				item = '<div align="' + menu.menuItemHAlign + '">' + item + '</div>';
			} else if (lrs) {
				item = '<div style="text-align:' + menu.menuItemHAlign + ';">' + item + '</div>';
			} else {
				var hitem = null;
				if( menu.menuItemHAlign != 'left' ) {
					if(window.mmIsOpera) {
						var operaWidth = menu.menuItemHAlign == 'center' ? -(menu.menuWidth-2*menu.menuItemPadding) : (menu.menuWidth-6*menu.menuItemPadding);
						hitem = '<div id="menuItemHilite' + countItems + 'Shim" style="position:absolute;top:1px;left:' + menu.menuItemPadding + 'px;width:' + operaWidth + 'px;text-align:' 
							+ menu.menuItemHAlign + ';visibility:visible;">' + item + '</div>';
						item = '<div id="menuItemText' + countItems + 'Shim" style="position:absolute;top:1px;left:' + menu.menuItemPadding + 'px;width:' + operaWidth + 'px;text-align:' 
							+ menu.menuItemHAlign + ';visibility:visible;">' + item + '</div>';
					} else {
						hitem = '<div id="menuItemHilite' + countItems + 'Shim" style="position:absolute;top:1px;left:1px;right:-' + (left+menu.menuWidth-3*menu.menuItemPadding) + 'px;text-align:' 
							+ menu.menuItemHAlign + ';visibility:visible;">' + item + '</div>';
						item = '<div id="menuItemText' + countItems + 'Shim" style="position:absolute;top:1px;left:1px;right:-' + (left+menu.menuWidth-3*menu.menuItemPadding) + 'px;text-align:' 
							+ menu.menuItemHAlign + ';visibility:visible;">' + item + '</div>';
					}
				} else hitem = null;
			}
			if(document.all && !window.mmIsOpera) item = '<div id="menuItemShim' + countItems + '" style="position:absolute;left:0px;top:0px;">' + item + '</div>';
			var dText	= '<div id="menuItemText'+ countItems +'" style="' + textProps + 'color:'+ menu.fontColor +';">'+ item +'&nbsp</div>\n'
						+ '<div id="menuItemHilite'+ countItems +'" style="' + textProps + 'color:'+ menu.fontColorHilite +';visibility:hidden;">' 
						+ (hitem||item) +'&nbsp</div>';
			if (childMenu) content += ( dTag + dText + '<div id="childMenu'+ countItems +'" style="position:absolute;left:0px;top:3px;"><img src="'+ menu.childMenuIcon +'"></div>\n' + dClose);
			else content += ( dTag + dText + dClose);
			if (lrs) {
				l.document.open("text/html");
				l.document.writeln(content);
				l.document.close();	
				content = '';
				theStat += "-";
				tsc++;
				if (tsc > 50) {
					tsc = 0;
					theStat = "";
				}
				status = theStat;
			}
			countItems++;  
		}
		if (lrs) {
			var focusItem = new Layer(100, body);
			focusItem.visiblity="hidden";
			focusItem.document.open("text/html");
			focusItem.document.writeln("&nbsp;");
			focusItem.document.close();	
		} else {
		  content += '	  <div id="focusItem'+ countMenus +'" style="position:absolute;left:0px;top:0px;visibility:hide;" onclick="onMenuItemAction(null,this);">&nbsp;</div>\n';
		  content += '   </div>\n  </div>\n</div>\n';
		}
		i=x;
	}
	if (document.layers) {		
		container.clip.width = window.innerWidth;
		container.clip.height = window.innerHeight;
		container.onmouseout = mouseoutMenu;
		container.menuContainerBgColor = this.menuContainerBgColor;
		for (var i=0; i<container.document.layers.length; i++) {
			proto = container.menus[i];
			var menu = container.document.layers[i];
			container.menus[i].menuLayer = menu;
			container.menus[i].menuLayer.Menu = container.menus[i];
			container.menus[i].menuLayer.Menu.container = container;
			var body = menu.document.layers[0].document.layers[0];
			body.clip.width = proto.menuWidth || body.clip.width;
			body.clip.height = proto.menuHeight || body.clip.height;
			for (var n=0; n<body.document.layers.length-1; n++) {
				var l = body.document.layers[n];
				l.Menu = container.menus[i];
				l.menuHiliteBgColor = proto.menuHiliteBgColor;
				l.document.bgColor = proto.menuItemBgColor;
				l.saveColor = proto.menuItemBgColor;
				l.onmouseover = proto.onMenuItemOver;
				l.onclick = proto.onMenuItemAction;
				l.mmaction = container.menus[i].actions[n];
				l.focusItem = body.document.layers[body.document.layers.length-1];
				l.clip.width = proto.menuWidth || body.clip.width;
				l.clip.height = proto.menuItemHeight || l.clip.height;
				if (n>0) {
					if( l.Menu.vertical ) l.top = body.document.layers[n-1].top + body.document.layers[n-1].clip.height + proto.menuItemBorder + proto.menuItemSpacing;
					else l.left = body.document.layers[n-1].left + body.document.layers[n-1].clip.width + proto.menuItemBorder + proto.menuItemSpacing;
				}
				l.hilite = l.document.layers[1];
				if (proto.bgImageUp) l.background.src = proto.bgImageUp;
				l.document.layers[1].isHilite = true;
				if (l.document.layers.length > 2) {
					l.childMenu = container.menus[i].items[n].menuLayer;
					l.document.layers[2].left = l.clip.width -13;
					l.document.layers[2].top = (l.clip.height / 2) -4;
					l.document.layers[2].clip.left += 3;
					l.Menu.childMenus[l.Menu.childMenus.length] = l.childMenu;
				}
			}
			if( proto.menuBgOpaque ) body.document.bgColor = proto.bgColor;
			if( proto.vertical ) {
				body.clip.width  = l.clip.width +proto.menuBorder;
				body.clip.height = l.top + l.clip.height +proto.menuBorder;
			} else {
				body.clip.height  = l.clip.height +proto.menuBorder;
				body.clip.width = l.left + l.clip.width  +proto.menuBorder;
				if( body.clip.width > window.innerWidth ) body.clip.width = window.innerWidth;
			}
			var focusItem = body.document.layers[n];
			focusItem.clip.width = body.clip.width;
			focusItem.Menu = l.Menu;
			focusItem.top = -30;
            focusItem.captureEvents(Event.MOUSEDOWN);
            focusItem.onmousedown = onMenuItemDown;
			if( proto.menuBgOpaque ) menu.document.bgColor = proto.menuBorderBgColor;
			var lite = menu.document.layers[0];
			if( proto.menuBgOpaque ) lite.document.bgColor = proto.menuLiteBgColor;
			lite.clip.width = body.clip.width +1;
			lite.clip.height = body.clip.height +1;
			menu.clip.width = body.clip.width + (proto.menuBorder * 3) ;
			menu.clip.height = body.clip.height + (proto.menuBorder * 3);
		}
	} else {
		if ((!document.all) && (container.hasChildNodes) && !window.mmIsOpera) {
			container.innerHTML=content;
		} else {
			container.document.open("text/html");
			container.document.writeln(content);
			container.document.close();	
		}
		if (!FIND("menuLayer0")) return;
		var menuCount = 0;
		for (var x=0; x<container.menus.length; x++) {
			var menuLayer = FIND("menuLayer" + x);
			container.menus[x].menuLayer = "menuLayer" + x;
			menuLayer.Menu = container.menus[x];
			menuLayer.Menu.container = "menuLayer" + x;
			menuLayer.style.zindex = 1;
		    var s = menuLayer.style;
			s.pixeltop = -300;
			s.pixelleft = -300;
			s.top = '-300px';
			s.left = '-300px';
 
			var menu = container.menus[x];
			menu.menuItemWidth = menu.menuWidth || menu.menuIEWidth || 140;
			if( menu.menuBgOpaque ) menuLayer.style.backgroundColor = menu.menuBorderBgColor;
			var top = 0;
			var left = 0;
			menu.menuItemLayers = new Array();
			for (var i=0; i<container.menus[x].items.length; i++) {
				var l = FIND("menuItem" + menuCount);
				l.Menu = container.menus[x];
				l.Menu.menuItemLayers[l.Menu.menuItemLayers.length] = l;
				if (l.addEventListener || window.mmIsOpera) {
					l.style.width = menu.menuItemWidth + 'px';
					l.style.height = menu.menuItemHeight + 'px';
					l.style.pixelWidth = menu.menuItemWidth;
					l.style.pixelHeight = menu.menuItemHeight;
					l.style.top = top + 'px';
					l.style.left = left + 'px';
					if(l.addEventListener) {
						l.addEventListener("mouseover", onMenuItemOver, false);
						l.addEventListener("click", onMenuItemAction, false);
						l.addEventListener("mouseout", mouseoutMenu, false);
					}
					if( menu.menuItemHAlign != 'left' ) {
						l.hiliteShim = FIND("menuItemHilite" + menuCount + "Shim");
						l.hiliteShim.style.visibility = "inherit";
						l.textShim = FIND("menuItemText" + menuCount + "Shim");
						l.hiliteShim.style.pixelWidth = menu.menuItemWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
						l.hiliteShim.style.width = l.hiliteShim.style.pixelWidth;
						l.textShim.style.pixelWidth = menu.menuItemWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
						l.textShim.style.width = l.textShim.style.pixelWidth;	
					}
				} else {
					l.style.pixelWidth = menu.menuItemWidth;
					l.style.pixelHeight = menu.menuItemHeight;
					l.style.pixelTop = top;
					l.style.pixelLeft = left;
					if( menu.menuItemHAlign != 'left' ) {
						var shim = FIND("menuItemShim" + menuCount);
						shim[0].style.pixelWidth = menu.menuItemWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
						shim[1].style.pixelWidth = menu.menuItemWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
						shim[0].style.width = shim[0].style.pixelWidth + 'px';
						shim[1].style.width = shim[1].style.pixelWidth + 'px';
					}
				}
				if( menu.vertical ) top = top + menu.menuItemHeight+menu.menuItemBorder+menu.menuItemSpacing;
				else left = left + menu.menuItemWidth+menu.menuItemBorder+menu.menuItemSpacing;
				l.style.fontSize = menu.fontSize + 'px';
				l.style.backgroundColor = menu.menuItemBgColor;
				l.style.visibility = "inherit";
				l.saveColor = menu.menuItemBgColor;
				l.menuHiliteBgColor = menu.menuHiliteBgColor;
				l.mmaction = container.menus[x].actions[i];
				l.hilite = FIND("menuItemHilite" + menuCount);
				l.focusItem = FIND("focusItem" + x);
				l.focusItem.style.pixelTop = -30;
				l.focusItem.style.top = '-30px';
				var childItem = FIND("childMenu" + menuCount);
				if (childItem) {
					l.childMenu = container.menus[x].items[i].menuLayer;
					childItem.style.pixelLeft = menu.menuItemWidth -11;
					childItem.style.left = childItem.style.pixelLeft + 'px';
					childItem.style.pixelTop = (menu.menuItemHeight /2) -4;
					childItem.style.top = childItem.style.pixelTop + 'px';
					l.Menu.childMenus[l.Menu.childMenus.length] = l.childMenu;
				}
				l.style.cursor = "hand";
				menuCount++;
			}
			if( menu.vertical ) {
				menu.menuHeight = top-1-menu.menuItemSpacing;
				menu.menuWidth = menu.menuItemWidth;
			} else {
				menu.menuHeight = menu.menuItemHeight;
				menu.menuWidth = left-1-menu.menuItemSpacing;
			}
 
			var lite = FIND("menuLite" + x);
			var s = lite.style;
			s.pixelHeight = menu.menuHeight +(menu.menuBorder * 2);
			s.height = s.pixelHeight + 'px';
			s.pixelWidth = menu.menuWidth + (menu.menuBorder * 2);
			s.width = s.pixelWidth + 'px';
			if( menu.menuBgOpaque ) s.backgroundColor = menu.menuLiteBgColor;
 
			var body = FIND("menuFg" + x);
			s = body.style;
			s.pixelHeight = menu.menuHeight + menu.menuBorder;
			s.height = s.pixelHeight + 'px';
			s.pixelWidth = menu.menuWidth + menu.menuBorder;
			s.width = s.pixelWidth + 'px';
			if( menu.menuBgOpaque ) s.backgroundColor = menu.bgColor;
 
			s = menuLayer.style;
			s.pixelWidth  = menu.menuWidth + (menu.menuBorder * 4);
			s.width = s.pixelWidth + 'px';
			s.pixelHeight  = menu.menuHeight+(menu.menuBorder*4);
			s.height = s.pixelHeight + 'px';
		}
	}
	if (document.captureEvents) document.captureEvents(Event.MOUSEUP);
	if (document.addEventListener) document.addEventListener("mouseup", onMenuItemOver, false);
	if (document.layers && window.innerWidth) {
		window.onresize = NS4resize;
		window.NS4sIW = window.innerWidth;
		window.NS4sIH = window.innerHeight;
		setTimeout("NS4resize()",500);
	}
	document.onmouseup = mouseupMenu;
	window.mmWroteMenu = true;
	status = "";
}
 
function NS4resize() {
	if (NS4sIW != window.innerWidth || NS4sIH != window.innerHeight) window.location.reload();
}
 
function onMenuItemOver(e, l) {
	MM_clearTimeout();
	l = l || this;
	var a = window.ActiveMenuItem;
	if (document.layers) {
		if (a) {
			a.document.bgColor = a.saveColor;
			if (a.hilite) a.hilite.visibility = "hidden";
			if (a.Menu.bgImageOver) a.background.src = a.Menu.bgImageUp;
			a.focusItem.top = -100;
			a.clicked = false;
		}
		if (l.hilite) {
			l.document.bgColor = l.menuHiliteBgColor;
			l.zIndex = 1;
			l.hilite.visibility = "inherit";
			l.hilite.zIndex = 2;
			l.document.layers[1].zIndex = 1;
			l.focusItem.zIndex = this.zIndex +2;
		}
		if (l.Menu.bgImageOver) l.background.src = l.Menu.bgImageOver;
		l.focusItem.top = this.top;
		l.focusItem.left = this.left;
		l.focusItem.clip.width = l.clip.width;
		l.focusItem.clip.height = l.clip.height;
		l.Menu.hideChildMenu(l);
	} else if (l.style && l.Menu) {
		if (a) {
			a.style.backgroundColor = a.saveColor;
			if (a.hilite) a.hilite.style.visibility = "hidden";
			if (a.hiliteShim) a.hiliteShim.style.visibility = "inherit";
			if (a.Menu.bgImageUp) a.style.background = "url(" + a.Menu.bgImageUp +")";;
		} 
		l.style.backgroundColor = l.menuHiliteBgColor;
		l.zIndex = 1;
		if (l.Menu.bgImageOver) l.style.background = "url(" + l.Menu.bgImageOver +")";
		if (l.hilite) {
			l.hilite.style.visibility = "inherit";
			if( l.hiliteShim ) l.hiliteShim.style.visibility = "visible";
		}
		l.focusItem.style.pixelTop = l.style.pixelTop;
		l.focusItem.style.top = l.focusItem.style.pixelTop + 'px';
		l.focusItem.style.pixelLeft = l.style.pixelLeft;
		l.focusItem.style.left = l.focusItem.style.pixelLeft + 'px';
		l.focusItem.style.zIndex = l.zIndex +1;
		l.Menu.hideChildMenu(l);
	} else return;
	window.ActiveMenuItem = l;
}
 
function onMenuItemAction(e, l) {
	l = window.ActiveMenuItem;
	if (!l) return;
	hideActiveMenus();
	if (l.mmaction) eval("" + l.mmaction);
	window.ActiveMenuItem = 0;
}
 
function MM_clearTimeout() {
	if (mmHideMenuTimer) clearTimeout(mmHideMenuTimer);
	mmHideMenuTimer = null;
	mmDHFlag = false;
}
 
function MM_startTimeout() {
	if( window.ActiveMenu ) {
		mmStart = new Date();
		mmDHFlag = true;
		mmHideMenuTimer = setTimeout("mmDoHide()", window.ActiveMenu.Menu.hideTimeout);
	}
}
 
function mmDoHide() {
	if (!mmDHFlag || !window.ActiveMenu) return;
	var elapsed = new Date() - mmStart;
	var timeout = window.ActiveMenu.Menu.hideTimeout;
	if (elapsed < timeout) {
		mmHideMenuTimer = setTimeout("mmDoHide()", timeout+100-elapsed);
		return;
	}
	mmDHFlag = false;
	hideActiveMenus();
	window.ActiveMenuItem = 0;
}
 
function MM_showMenu(menu, x, y, child, imgname) {
	if (!window.mmWroteMenu) return;
	MM_clearTimeout();
	if (menu) {
		var obj = FIND(imgname) || document.images[imgname] || document.links[imgname] || document.anchors[imgname];
		x = moveXbySlicePos (x, obj);
		y = moveYbySlicePos (y, obj);
	}
	if (document.layers) {
		if (menu) {
			var l = menu.menuLayer || menu;
			l.top = l.left = 1;
			hideActiveMenus();
			if (this.visibility) l = this;
			window.ActiveMenu = l;
		} else {
			var l = child;
		}
		if (!l) return;
		for (var i=0; i<l.layers.length; i++) { 			   
			if (!l.layers[i].isHilite) l.layers[i].visibility = "inherit";
			if (l.layers[i].document.layers.length > 0) MM_showMenu(null, "relative", "relative", l.layers[i]);
		}
		if (l.parentLayer) {
			if (x != "relative") l.parentLayer.left = x || window.pageX || 0;
			if (l.parentLayer.left + l.clip.width > window.innerWidth) l.parentLayer.left -= (l.parentLayer.left + l.clip.width - window.innerWidth);
			if (y != "relative") l.parentLayer.top = y || window.pageY || 0;
			if (l.parentLayer.isContainer) {
				l.Menu.xOffset = window.pageXOffset;
				l.Menu.yOffset = window.pageYOffset;
				l.parentLayer.clip.width = window.ActiveMenu.clip.width +2;
				l.parentLayer.clip.height = window.ActiveMenu.clip.height +2;
				if (l.parentLayer.menuContainerBgColor && l.Menu.menuBgOpaque ) l.parentLayer.document.bgColor = l.parentLayer.menuContainerBgColor;
			}
		}
		l.visibility = "inherit";
		if (l.Menu) l.Menu.container.visibility = "inherit";
	} else if (FIND("menuItem0")) {
		var l = menu.menuLayer || menu;	
		hideActiveMenus();
		if (typeof(l) == "string") l = FIND(l);
		window.ActiveMenu = l;
		var s = l.style;
		s.visibility = "inherit";
		if (x != "relative") {
			s.pixelLeft = x || (window.pageX + document.body.scrollLeft) || 0;
			s.left = s.pixelLeft + 'px';
		}
		if (y != "relative") {
			s.pixelTop = y || (window.pageY + document.body.scrollTop) || 0;
			s.top = s.pixelTop + 'px';
		}
		l.Menu.xOffset = document.body.scrollLeft;
		l.Menu.yOffset = document.body.scrollTop;
	}
	if (menu) window.activeMenus[window.activeMenus.length] = l;
	MM_clearTimeout();
}
 
function onMenuItemDown(e, l) {
	var a = window.ActiveMenuItem;
	if (document.layers && a) {
		a.eX = e.pageX;
		a.eY = e.pageY;
		a.clicked = true;
    }
}
 
function mouseupMenu(e) {
	hideMenu(true, e);
	hideActiveMenus();
	return true;
}
 
function getExplorerVersion() {
	var ieVers = parseFloat(navigator.appVersion);
	if( navigator.appName != 'Microsoft Internet Explorer' ) return ieVers;
	var tempVers = navigator.appVersion;
	var i = tempVers.indexOf( 'MSIE ' );
	if( i >= 0 ) {
		tempVers = tempVers.substring( i+5 );
		ieVers = parseFloat( tempVers ); 
	}
	return ieVers;
}
 
function mouseoutMenu() {
	if ((navigator.appName == "Microsoft Internet Explorer") && (getExplorerVersion() < 4.5))
		return true;
	hideMenu(false, false);
	return true;
}
 
function hideMenu(mouseup, e) {
	var a = window.ActiveMenuItem;
	if (a && document.layers) {
		a.document.bgColor = a.saveColor;
		a.focusItem.top = -30;
		if (a.hilite) a.hilite.visibility = "hidden";
		if (mouseup && a.mmaction && a.clicked && window.ActiveMenu) {
 			if (a.eX <= e.pageX+15 && a.eX >= e.pageX-15 && a.eY <= e.pageY+10 && a.eY >= e.pageY-10) {
				setTimeout('window.ActiveMenu.Menu.onMenuItemAction();', 500);
			}
		}
		a.clicked = false;
		if (a.Menu.bgImageOver) a.background.src = a.Menu.bgImageUp;
	} else if (window.ActiveMenu && FIND("menuItem0")) {
		if (a) {
			a.style.backgroundColor = a.saveColor;
			if (a.hilite) a.hilite.style.visibility = "hidden";
			if (a.hiliteShim) a.hiliteShim.style.visibility = "inherit";
			if (a.Menu.bgImageUp) a.style.background = "url(" + a.Menu.bgImageUp +")";
		}
	}
	if (!mouseup && window.ActiveMenu) {
		if (window.ActiveMenu.Menu) {
			if (window.ActiveMenu.Menu.hideOnMouseOut) MM_startTimeout();
			return(true);
		}
	}
	return(true);
}
 
function hideChildMenu(hcmLayer) {
	MM_clearTimeout();
	var l = hcmLayer;
	for (var i=0; i < l.Menu.childMenus.length; i++) {
		var theLayer = l.Menu.childMenus[i];
		if (document.layers) theLayer.visibility = "hidden";
		else {
			theLayer = FIND(theLayer);
			theLayer.style.visibility = "hidden";
			if( theLayer.Menu.menuItemHAlign != 'left' ) {
				for(var j = 0; j < theLayer.Menu.menuItemLayers.length; j++) {
					var itemLayer = theLayer.Menu.menuItemLayers[j];
					if(itemLayer.textShim) itemLayer.textShim.style.visibility = "inherit";
				}
			}
		}
		theLayer.Menu.hideChildMenu(theLayer);
	}
	if (l.childMenu) {
		var childMenu = l.childMenu;
		if (document.layers) {
			l.Menu.MM_showMenu(null,null,null,childMenu.layers[0]);
			childMenu.zIndex = l.parentLayer.zIndex +1;
			childMenu.top = l.Menu.menuLayer.top + l.Menu.submenuYOffset;
			if( l.Menu.vertical ) {
				if( l.Menu.submenuRelativeToItem ) childMenu.top += l.top + l.parentLayer.top;
				childMenu.left = l.parentLayer.left + l.parentLayer.clip.width - (2*l.Menu.menuBorder) + l.Menu.menuLayer.left + l.Menu.submenuXOffset;
			} else {
				childMenu.top += l.top + l.parentLayer.top;	
				if( l.Menu.submenuRelativeToItem ) childMenu.left = l.Menu.menuLayer.left + l.left + l.clip.width + (2*l.Menu.menuBorder) + l.Menu.submenuXOffset;
				else childMenu.left = l.parentLayer.left + l.parentLayer.clip.width - (2*l.Menu.menuBorder) + l.Menu.menuLayer.left + l.Menu.submenuXOffset;
			}
			if( childMenu.left < l.Menu.container.clip.left ) l.Menu.container.clip.left = childMenu.left;
			var w = childMenu.clip.width+childMenu.left-l.Menu.container.clip.left;
			if (w > l.Menu.container.clip.width)  l.Menu.container.clip.width = w;
			var h = childMenu.clip.height+childMenu.top-l.Menu.container.clip.top;
			if (h > l.Menu.container.clip.height) l.Menu.container.clip.height = h;
			l.document.layers[1].zIndex = 0;
			childMenu.visibility = "inherit";
		} else if (FIND("menuItem0")) {
			childMenu = FIND(l.childMenu);
			var menuLayer = FIND(l.Menu.menuLayer);
			var s = childMenu.style;
			s.zIndex = menuLayer.style.zIndex+1;
			if (document.all || window.mmIsOpera) {
				s.pixelTop = menuLayer.style.pixelTop + l.Menu.submenuYOffset;
				if( l.Menu.vertical ) {
					if( l.Menu.submenuRelativeToItem ) s.pixelTop += l.style.pixelTop;
					s.pixelLeft = l.style.pixelWidth + menuLayer.style.pixelLeft + l.Menu.submenuXOffset;
					s.left = s.pixelLeft + 'px';
				} else {
					s.pixelTop += l.style.pixelTop;
					if( l.Menu.submenuRelativeToItem ) s.pixelLeft = menuLayer.style.pixelLeft + l.style.pixelLeft + l.style.pixelWidth + (2*l.Menu.menuBorder) + l.Menu.submenuXOffset;
					else s.pixelLeft = (menuLayer.style.pixelWidth-4*l.Menu.menuBorder) + menuLayer.style.pixelLeft + l.Menu.submenuXOffset;
					s.left = s.pixelLeft + 'px';
				}
			} else {
				var top = parseInt(menuLayer.style.top) + l.Menu.submenuYOffset;
				var left = 0;
				if( l.Menu.vertical ) {
					if( l.Menu.submenuRelativeToItem ) top += parseInt(l.style.top);
					left = (parseInt(menuLayer.style.width)-4*l.Menu.menuBorder) + parseInt(menuLayer.style.left) + l.Menu.submenuXOffset;
				} else {
					top += parseInt(l.style.top);
					if( l.Menu.submenuRelativeToItem ) left = parseInt(menuLayer.style.left) + parseInt(l.style.left) + parseInt(l.style.width) + (2*l.Menu.menuBorder) + l.Menu.submenuXOffset;
					else left = (parseInt(menuLayer.style.width)-4*l.Menu.menuBorder) + parseInt(menuLayer.style.left) + l.Menu.submenuXOffset;
				}
				s.top = top + 'px';
				s.left = left + 'px';
			}
			childMenu.style.visibility = "inherit";
		} else return;
		window.activeMenus[window.activeMenus.length] = childMenu;
	}
}
 
function hideActiveMenus() {
	if (!window.activeMenus) return;
	for (var i=0; i < window.activeMenus.length; i++) {
		if (!activeMenus[i]) continue;
		if (activeMenus[i].visibility && activeMenus[i].Menu && !window.mmIsOpera) {
			activeMenus[i].visibility = "hidden";
			activeMenus[i].Menu.container.visibility = "hidden";
			activeMenus[i].Menu.container.clip.left = 0;
		} else if (activeMenus[i].style) {
			var s = activeMenus[i].style;
			s.visibility = "hidden";
			s.left = '-200px';
			s.top = '-200px';
		}
	}
	if (window.ActiveMenuItem) hideMenu(false, false);
	window.activeMenus.length = 0;
}
 
function moveXbySlicePos (x, img) { 
	if (!document.layers) {
		var onWindows = navigator.platform ? navigator.platform == "Win32" : false;
		var macIE45 = document.all && !onWindows && getExplorerVersion() == 4.5;
		var par = img;
		var lastOffset = 0;
		while(par){
			if( par.leftMargin && ! onWindows ) x += parseInt(par.leftMargin);
			if( (par.offsetLeft != lastOffset) && par.offsetLeft ) x += parseInt(par.offsetLeft);
			if( par.offsetLeft != 0 ) lastOffset = par.offsetLeft;
			par = macIE45 ? par.parentElement : par.offsetParent;
		}
	} else if (img.x) x += img.x;
	return x;
}
 
function moveYbySlicePos (y, img) {
	if(!document.layers) {
		var onWindows = navigator.platform ? navigator.platform == "Win32" : false;
		var macIE45 = document.all && !onWindows && getExplorerVersion() == 4.5;
		var par = img;
		var lastOffset = 0;
		while(par){
			if( par.topMargin && !onWindows ) y += parseInt(par.topMargin);
			if( (par.offsetTop != lastOffset) && par.offsetTop ) y += parseInt(par.offsetTop);
			if( par.offsetTop != 0 ) lastOffset = par.offsetTop;
			par = macIE45 ? par.parentElement : par.offsetParent;
		}		
	} else if (img.y >= 0) y += img.y;
	return y;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</script>
<script language="JavaScript1.2" type="text/javascript" src="POPUPS/mm_css_menu.js"></script>
<link rel="stylesheet" href="css/default_styles.css" type="text/css">
</head>
 
<body onLoad="MM_preloadImages('buttons/images/GovernanceBut_f2.gif','buttons/images/ManagementBut_f2.gif','buttons/images/AffiliationsBut_f2.gif','buttons/images/FundingBodiesBut_f2.gif','buttons/images/ContactUsBut_f2.gif','IMAGES/top.gif','buttons/images/AppliedNutritionBut_f2.gif','buttons/images/BasicNutritionBut_f2.gif','buttons/cranio_over.gif','buttons/images/LeucocyteBiologyBut_f2.gif','buttons/images/MolecularImmunologyBut_f2.gif','buttons/images/wound_healing_over.gif','buttons/images/nutritional_immunology_over.gif','buttons/virology_lab_over.gif')">
<table width="75%" height="75%" border="0" align="center" cellpadding="1" cellspacing="1">
  <tr> 
    <td height="555" valign="top" bgcolor="#FFFFFF"> 
      <table width="75%" align="center" cellpadding="1" cellspacing="1" bordercolor="#999999" bgcolor="#FFFFFF" border="0">
        <tr> 
          <td height="78" bgcolor="#FFFFFF"> <img src="IMAGES/WCHRI_logo.gif" width="470" height="102"></td>
          <td height="78" valign="bottom">
            <div align="right"><img src="IMAGES/kidspic_sm.gif" width="120" height="60"></div>
          </td>
        </tr>
        <tr> 
          <td height="1" colspan="2" bgcolor="#FFFFFF">
            <p> 
              <script language="JavaScript1.2">mmLoadMenus();</script>
              <img name="GROUPPOP" src="POPUPS/group_popup_new.gif" width="598" height="26" border="0" usemap="#m_GROUPPOP" alt=""> 
              <map name="m_GROUPPOP"> 
                <area shape="rect" coords="101,2,199,25" href="NEWS_EVENTS.htm" alt="" onMouseOut="MM_startTimeout();"  onMouseOver="MM_showMenu(window.mm_menu_1116092949_0,101,24,null,'GROUPPOP');"  >
                <area shape="rect" coords="199,0,299,24" href="CHRI_RESEARCH.htm" alt="" onMouseOut="MM_startTimeout();"  onMouseOver="MM_showMenu(window.mm_menu_1116092949_1,199,25,null,'GROUPPOP');"  >
                <area shape="rect" coords="0,0,100,24" href="index.html" target="_parent" alt="" onMouseOut="MM_startTimeout();"  onMouseOver="MM_showMenu(window.mm_menu_1116092949_2,2,26,null,'GROUPPOP');"  >
                <area shape="rect" coords="499,1,595,24" href="CAREERS.htm" alt="" onMouseOut="MM_startTimeout();"  onMouseOver="MM_showMenu(window.mm_menu_1116092853_3,497,25,null,'GROUPPOP');"  >
                <area shape="rect" coords="398,2,497,24" href="SUPPORT_CHRI.htm" alt="" onMouseOut="MM_startTimeout();"  onMouseOver="MM_showMenu(window.mm_menu_1116092853_4,399,24,null,'GROUPPOP');"  >
                <area shape="rect" coords="299,1,397,24" href="PUBLICATIONS.htm" alt="" onMouseOut="MM_startTimeout();"  onMouseOver="MM_showMenu(window.mm_menu_1116092853_5,300,24,null,'GROUPPOP');"  >
              </map>
            </p>
          </td>
        </tr>
        <tr> 
          <td valign="top" bgcolor="#FFFFFF"><!-- #BeginEditable "main_head" --> 
            <h1><a name="top"></a>CRANIOFACIAL RESEARCH GROUP</h1>
            <!-- #EndEditable --></td>
          <td height="1" valign="top" bgcolor="#FFFFFF" align="center"> <!-- #BeginEditable "section_head" -->
            <h2>WCHRI RESEARCH</h2>
            <!-- #EndEditable --></td>
        </tr>
        <tr> 
          <td width="75%" valign="top" bgcolor="#FFFFFF"> <!-- #BeginEditable "body_content" -->
            <table width="100%" border="0">
              <tr> 
                <td width="20" valign="top">&nbsp; </td>
                <td colspan="3" valign="top"> 
                  <ul>
                    <li>Staff 
                      <ul>
                        <li><a href="#lab_head">Laboratory Head</a></li>
                        <li><a href="#research_staff">Research Staff</a></li>
                        <li><a href="#students">Students</a></li>
                      </ul>
                    </li>
                    <li><a href="#goals">Goals</a></li>
                    <li>Research Projects 
                      <ol>
                        <li><a href="#project_1">Molecular basis of loss of intestinal 
                          barrier function in inflammatory diseases of the bowel</a></li>
                        <li><a href="#project_2">Molecular basis of Craniosynostosis</a><br>
                        </li>
                      </ol>
                    <a href="#project_3">Postgraduate Research</a></li>
                </ul></td>
              </tr>
              <tr>
                <td width="20" valign="top">&nbsp;</td>
                <td colspan="3" valign="top">&nbsp;</td>
              </tr>
              <tr> 
                <td width="20" valign="top">&nbsp; </td>
                <td colspan="3" valign="top"> 
                  <h3>STAFF</h3>
                </td>
              </tr>
              <tr> 
                <td width="20" valign="top" height="16"> <a href="#top" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('top_arrow1','','IMAGES/top.gif',1)"><img src="IMAGES/grey__lighter_arrow.gif" width="20" height="23" align="absmiddle" class="top_anchor" name="top_arrow1" border="0"></a></td>
                <td colspan="2" valign="top" height="16"> 
                  <h4><a name="lab_head"></a>Laboratory Head</h4>
                </td>
                <td align="right" width="140" valign="top" rowspan="2"> 
                  <p><img src="Barry%20Powell%202008.jpg" width="129" height="112"></p>
                </td>
              </tr>
              <tr> 
                <td width="20" valign="top">&nbsp; </td>
                <td colspan="2" valign="top">Associate Professor Barry Powell 
                  <br>
                  Ph:08 8161 7062 <br>
                  Email:<a href="mailto:barry.powell@adelaide.edu.au"> barry.powell@adelaide.edu.au</a></td>
              </tr>
              <tr> 
                <td valign=top nowrap height="12" width="20"> <a href="#top" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('top_arrow2','','IMAGES/top.gif',1)"><img src="IMAGES/grey__lighter_arrow.gif" class="top_anchor"  width="20" height="23" align="absmiddle" name="top_arrow2" border="0"></a></td>
                <td colspan="3" valign=top nowrap height="12"> 
                  <h4><a name="research_staff"></a>Research Staff </h4>
                </td>
              </tr>
              <tr> 
                <td width=20 valign=top nowrap>&nbsp;</td>
                <td width=138 valign=top nowrap>Prem Dwivedi</td>
                <td valign=top colspan="2"><a href="mailto:prem.dwivedi@adelaide.edu.au">prem.dwivedi@adelaide.edu.au</a></td>
              </tr>
              <tr> 
                <td width=20 valign=top nowrap>&nbsp; </td>
                <td width=138 valign=top nowrap> 
                  <p>Jodie Hatfield</p>
                </td>
                <td valign=top colspan="2"><a href="mailto:jodie.hatfield@adelaide.edu.au">jodie.hatfield@adelaide.edu.au</a></td>
              </tr>
              <tr> 
                <td width=20 valign=top height="20" nowrap>&nbsp;</td>
                <td width=138 valign=top nowrap>Emma Formosa</td>
                <td valign=top colspan="2"><a href="mailto:emma.formosa@adelaide.edu.au">emma.formosa@adelaide.edu.au</a></td>
              </tr>
              <tr> 
                <td width=20 valign=top height="20" nowrap>&nbsp; </td>
                <td width=138 valign=top nowrap> 
                  <p> Batjargal Gundsambuu</p>
                </td>
                <td valign=top colspan="2"><a href="mailto:batjargal.gundsambuu@adelaide.edu.au">batjargal.gundsambuu@adelaide.edu.au</a></td>
              </tr>
              <tr> 
                <td width=20 valign=top nowrap>&nbsp;</td>
                <td width=138 valign=top nowrap>Kai Mak</td>
                <td valign=top colspan="2"><a href="mailto:kai.mak@student.adelaide.edu.au">kai.mak@student.adelaide.edu.au</a></td>
              </tr>
              <tr> 
                <td width=20 valign=top nowrap>&nbsp; </td>
                <td width=138 valign=top nowrap> 
                  <p> Susan Hinze</p>
                </td>
                <td valign=top colspan="2"><a href="mailto:susan.hinze@adelaide.edu.au">susan.hinze@adelaide.edu.au</a></td>
              </tr>
              <tr> 
                <td width=20 height="20" valign=top nowrap>&nbsp;</td>
                <td width=138 height="20" valign=top nowrap>Mabel Lum</td>
                <td valign=top colspan="2"><a href="mailto:mabel.lum@adelaide.edu.au">mabel.lum@adelaide.edu.au</a></td>
              </tr>
              <tr> 
                <td width=20 height="20" valign=top nowrap>&nbsp;</td>
                <td colspan="3" height="20" valign=top nowrap>&nbsp;</td>
              </tr>
              <tr> 
                <td width=20 height="20" valign=top nowrap><a href="#top" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('top_arrow22','','IMAGES/top.gif',1)"><img src="IMAGES/grey__lighter_arrow.gif" class="top_anchor"  width="20" height="23" align="absmiddle" name="top_arrow22" border="0"></a></td>
                <td colspan="3" height="20" valign=top nowrap> 
                  <h4><a name="students"></a>Students</h4>
                </td>
              </tr>
              <tr> 
                <td width=20 height="20" valign=top nowrap>&nbsp;</td>
                <td width=138 valign=top nowrap> 
                  <p> Rino Donato</p>
                </td>
                <td valign=top colspan="2"><a href="mailto:rino.donato@adelaide.edu.au">rino.donato@adelaide.edu.au</a></td>
              </tr>
              <tr> 
                <td width=20 height="20" valign=top nowrap>&nbsp;</td>
                <td width=138 height="20" valign=top nowrap>Victoria Leitch</td>
                <td valign=top colspan="2"><a href="mailto:victoria.leitch@student.adelaide.edu.au">victoria.leitch@student.adelaide.edu.au</a></td>
              </tr>
              <tr> 
                <td width=20 height="20" valign=top nowrap>&nbsp; </td>
                <td width=138 height="20" valign=top nowrap>Richard Ross</td>
                <td valign=top colspan="2"><a href="mailto:ross0182@flinders.edu.au">ross0182@flinders.edu.au</a></td>
              </tr>
              <tr> 
                <td valign=top width="20">&nbsp;</td>
                <td colspan="2" valign=top>Ilma Wanburhanuddin</td>
                <td valign=top><a href="mailto:wan.wanburhanuddin@adelaide.edu.au">wan.wanburhanuddin@adelaide.edu.au</a></td>
              </tr>
              <tr> 
                <td valign=top width="20">&nbsp;</td>
                <td colspan="3" valign=top>&nbsp;</td>
              </tr>
              <tr> 
                <td valign=top width="20"> <a href="#top" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('top_arrow21','','IMAGES/top.gif',1)"><img src="IMAGES/grey__lighter_arrow.gif" class="top_anchor"  width="20" height="23" align="absmiddle" name="top_arrow21" border="0"></a></td>
                <td colspan="3" valign=top> 
                  <h3><a name="goals"></a>GOALS </h3>
                  <p>To understand the molecular mechanisms of damage and repair 
                    of epithelial tissues and to develop treatments for childhood 
                    medical conditions.</p>
                  <p>&nbsp;</p>
                </td>
              </tr>
              <tr> 
                <td valign=top width="20">&nbsp; </td>
                <td colspan="3" valign=top> 
                  <h3>RESEARCH PROJECTS </h3>
                </td>
              </tr>
              <tr> 
                <td valign=top width="20" height="376"> <a href="#top" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('top_arrow211','','IMAGES/top.gif',1)"><img src="IMAGES/grey__lighter_arrow.gif" class="top_anchor"  width="20" height="23" align="absmiddle" name="top_arrow211" border="0"></a></td>
                <td colspan="3" valign=top height="376"> 
                  <h4><a name="project_1"></a>1. Molecular basis of loss of intestinal 
                    barrier function in inflammatory diseases of the bowel</h4>
                  <p>Loss of barrier function through the action of cytokines 
                    is a common event in the development and persistence of inflammatory 
                    diseases of the bowel such as Crohn's disease. We are studying 
                    how intestinal barrier function is affected by cytokines and 
                    we aim to use that knowledge to develop new treatments for 
                    these lifelong conditions. We are focussing on defining the 
                    functions and applications of a small cohort of genes which 
                    we have identified from a gene microarray study in an experimental 
                    model of impaired intestinal barrier function. </p>
                  <p>&nbsp;</p>
                  <p>We have developed a method for efficiently getting genes 
                    into cultured human intestinal epithelial cells and have also 
                    established an inducible system that enables us to switch 
                    the genes on or off at will to study their function with precision. 
                    To further facilitate the study of how specific proteins behave 
                    in living cells we have tagged our molecules of interest with 
                    a naturally occurring fluorescent protein from jellyfish (figure). 
                    In the coming year, these techniques will help us determine 
                    how cytokines affect intestinal barrier function.<br>
                  </p>
                  <p>&nbsp;</p>
                  <p><img src="epithelial_one.png" width="128" height="137"><br>
                  </p>
                  <p>&nbsp;</p>
                  <p><i>Human intestinal epithelial cells expressing an introduced 
                    fluorescent-tagged protein</i></p>
                  <p>&nbsp;</p>
                  <p>&nbsp;</p>
                  </td>
              </tr>
              <tr> 
                <td valign=top width="20">&nbsp;</td>
                <td colspan="3" valign=top> 
                  <p>&nbsp;</p>
                </td>
              </tr>
              <tr> 
                <td height="20" valign=top width="20"><a href="#top" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('top_arrow2131','','IMAGES/top.gif',1)"><img src="IMAGES/grey__lighter_arrow.gif" class="top_anchor"  width="20" height="23" align="absmiddle" name="top_arrow2131" border="0"></a></td>
                <td colspan="3" height="20" valign=top> 
                  <h4><a name="project_2"></a>2. Molecular basis of Craniosynostosis</h4>
                  <p>One in 2500 children are born with craniosynostosis, a devastating 
                    medical disorder where the bones of the skull fuse prematurely, 
                    resulting in abnormal skull development, visual and neurological 
                    problems and mental impairment. There is a clear need to develop 
                    adjunct therapies to minimize the need for repeated invasive 
                    cranial surgery and enable proper skull and brain growth. 
                    The underlying causes of the majority of craniosynostoses 
                    are not known and to develop new therapies we need to know 
                    what they are and how they act on skull growth. </p>
                  <p>&nbsp;</p>
                  <p>In collaboration with surgeons in the Australian Craniofacial 
                    Unit, we have established a bank of tissues and primary cultured 
                    cells from children undergoing operation for craniosynostosis 
                    to enable study of the processes that lead to premature fusion 
                    of the growth regions of the skull. We have shown that cells 
                    from these regions, known as sutures, are able to mineralize 
                    in culture under controlled conditions, providing an indicator 
                    of their bone-forming ability (figure). By comparing gene 
                    activity in tissue from normal and affected sutures using 
                    gene microarrays we identified over 200 genes that are differentially 
                    active between them. Several genes are predicted to be key 
                    regulators of suture fusion and we are now focussing our studies 
                    on them. We have found where some of them are active in the 
                    suture and will continue this and other functional work in 
                    the coming year, extending our studies to mouse genetic models 
                    of Saethre-Chotzen and Crouzon craniosynostosis that we have 
                    recently established in our laboratory.</p>
                  <p><br>
                  </p>
                  <p>&nbsp;</p>
                  <p><img src="epithelial_two.png" width="373" height="121"><br>
                  </p>
                  <p>&nbsp;</p>
                  <p><i>Bone-forming potential of cultured cranial suture cells. 
                    Mineralization, an indicator of bone-forming potential, is 
                    represented by the dark staining, granular material produced 
                    by the cells (right panel)</i></p>
                  <p>&nbsp;</p>
                  <p>&nbsp;</p>
                  <p><img src="epithelial_three.png" width="273" height="133"></p>
                  <p>&nbsp;</p>
                  <p><i>A model of suture fusion: a microCT scan of a mouse skull 
                    showing fusion of the posterior frontal suture (arrows) within 
                    the first two weeks of birth. The suture appears as an open 
                    channel between the bony skull plates at day 5 but has largely 
                    fused by day 10</i></p>
                  <p>&nbsp;</p>
                  <p>&nbsp;</p>
                  </td>
              </tr>
              <tr> 
                <td height="20" valign=top width="20"><a href="#top" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('top_arrow21311','','IMAGES/top.gif',1)"><img src="IMAGES/grey__lighter_arrow.gif" class="top_anchor"  width="20" height="23" align="absmiddle" name="top_arrow21311" border="0"></a></td>
                <td colspan="3" height="20" valign=top> 
                  <h4><a name="project_3"></a> Postgraduate Research</h4>
                  <p>Honours and PhD projects are available for research into 
                    the molecular mechanisms of craniosynostosis. Contact Lab 
                    Head, A/Prof Barry Powell on 08 8161 7062 or via email<br>
                    <a href="mailto:barry.powell@adelaide.edu.au" class="link_within_text">barry.powell@adelaide.edu.au</a></p>
                  <p>&nbsp;</p>
                </td>
              </tr>
              <tr> 
                <td height="20" valign=top width="20">&nbsp;</td>
                <td colspan="3" height="20" valign=top>&nbsp;</td>
              </tr>
            </table>
            <!-- #EndEditable --></td>
          <td width="25%" valign="top"> 
            <table width="100%" border="0" bgcolor="#ddddFF">
              <tr>
                <td><!-- #BeginEditable "sub_menu" -->
                  <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                      <td><div align="center"><a href="Governance.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','buttons/images/GovernanceBut_f2.gif',1)"></a><a href="AppliedNutrition.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','buttons/images/AppliedNutritionBut_f2.gif',1)"><img src="buttons/images/AppliedNutritionBut.gif" alt="Applied Nutrition" name="Image4" width="138" height="27" border="0"></a></div></td>
                    </tr>
                    <tr>
                      <td><div align="center"><a href="Management.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','buttons/images/ManagementBut_f2.gif',1)"></a><a href="BasicNutrition.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','buttons/images/BasicNutritionBut_f2.gif',1)"><img src="buttons/images/BasicNutritionBut.gif" alt="Basic Nutrition" name="Image5" width="138" height="27" border="0"></a></div></td>
                    </tr>
                    <tr>
                      <td><div align="center"><a href="Affiliations.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','buttons/images/AffiliationsBut_f2.gif',1)"></a><a href="cranio_facial.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cranio','','buttons/cranio_over.gif',1)"><img src="buttons/cranio.gif" alt="Epithelial Biology" name="cranio" width="160" height="27" border="0" id="cranio"></a></div></td>
                    </tr>
                    <tr>
                      <td><div align="center"><a href="FundingBodies.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','buttons/images/FundingBodiesBut_f2.gif',1)"></a><a href="LeucocyteBiology.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','buttons/images/LeucocyteBiologyBut_f2.gif',1)"><img src="buttons/images/LeucocyteBiologyBut.gif" alt="Leucocyte Biology" name="Image7" width="138" height="27" border="0"></a></div></td>
                    </tr>
                    <tr>
                      <td><div align="center"><a href="MolecularImmunology.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','buttons/images/MolecularImmunologyBut_f2.gif',1)"><img src="buttons/images/MolecularImmunologyBut.gif" alt="Molecular Immunology" name="Image9" width="138" height="27" border="0"></a></div></td>
                    </tr>
                    <tr>
                      <td><div align="center"><a href="wound_healing.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','buttons/images/wound_healing_over.gif',1)"></a><a href="Nutritional_Immunology.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','buttons/images/nutritional_immunology_over.gif',1)"><img src="buttons/images/nutritional_immunology.gif" alt="Nutritional Immunology" name="Image11" width="138" height="27" border="0"></a></div></td>
                    </tr>
                    <tr>
                      <td><div align="center"><a href="Virology_Lab.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('virology_lab','','buttons/virology_lab_over.gif',1)"><img src="buttons/virology_lab.gif" alt="Nutritional Immunology" name="virology_lab" width="138" height="27" border="0" id="virology_lab"></a></div></td>
                    </tr>
                    <tr>
                      <td><div align="center"><a href="wound_healing.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','buttons/images/wound_healing_over.gif',1)"><img src="buttons/images/wound_healing.gif" alt="Wound Healing" name="Image10" width="138" height="27" border="0"></a></div></td>
                    </tr>
                  </table>
                <!-- #EndEditable --></td>
              </tr>
            </table>
            
          </td>
        </tr>
      </table>
      <blockquote> 
        <p class="copyright" align="center">&copy; Women's &amp; Children's Health 
          Research Institute Inc 2008. All rights reserved</p>
      </blockquote>
    </td>
  </tr>
</table>
</body>
<!-- #EndTemplate --></html>

Open in new window

0
 

Author Comment

by:wise_grasshopper
ID: 24278262
Hi Thanks SO MUCH for your response.

That does work, however the good thing about the way it was done before is that it was varable, so the width expanded according to the content, as some menu items are very thin and setting the width absolutely like this throughout makes them look very wierd...

(you can take a look if you like as I have uploaded the change...)

There should be away to keep it variable, but not restrict to that upper max size the way it does...

Is there a part of the code with an upper maxoimum setting?

Thanks
0
 
LVL 16

Expert Comment

by:hankknight
ID: 24278377
This code will make the menu width 'mw' if mw is between 110 and 120.  However the menu width will never be smaller than 110 or larger than 120.
this.menuWidth = mw < 110 ? 110 : (mw > 120 ? 120 : mw);

Open in new window

0

Featured Post

Receive 1:1 tech help

Solve your biggest tech problems alongside global tech experts with 1:1 help.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When the s#!t hits the fan, you don’t have time to look up who’s on call, draft emails, call collaborators, or send text messages. An instant chat window is definitely the way to go, especially one like HipChat. HipChat is a true business app. An…
No other job is as rewarding and demanding as building an iPhone app is. It is not really in the hands of the developer for the success of an iPhone app. Many factors operate jointly for every iOS application's success in the market.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.
Suggested Courses

609 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question