function showMenu(show){
	if (show) {
		var menu = document.getElementById('oCMenu_top0_0');
		menu.style.display='';
	} else {
		var menu = document.getElementById('oCMenu_top0_0');
		menu.style.display='none';
	}
}
	
function getResearchGroupsPosition(){
	// Return the position of the Research Groups div
	var objMenu = document.getElementById('ctl00_menu5');
	var xy=getXY(objMenu);
	// Tweak return of Y up 1 px
	xy[1]=xy[1]-1;
	return xy;
}

function getXY( oElement )
{
	// Return the x and y coordinates of an object (browser independent)
	var iReturnValue = [0,0];
	while( oElement != null ) {
		iReturnValue[0] += oElement.offsetLeft;
		iReturnValue[1] += oElement.offsetTop;
		oElement = oElement.offsetParent;
	}
	return iReturnValue;
}

/*** 
This is the menu creation code - place it right after you body tag
Feel free to add this to a stand-alone js file and link it to your page.
**/

	
//Menu object creation
oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname

oCMenu.frames = 0

//Menu properties   
oCMenu.pxBetween=30

//set the initial position
var pos = getResearchGroupsPosition();
oCMenu.fromLeft = pos[0]
oCMenu.fromTop = pos[1]

oCMenu.rows=1 
oCMenu.menuPlacement="left"
oCMenu.resizeCheck=1;
oCMenu.onresize="pos=getResearchGroupsPosition(); oCMenu.fromLeft=pos[0]; oCMenu.fromTop=pos[1]"

oCMenu.wait=1000 
oCMenu.zIndex=0

//Background bar properties
/*
oCMenu.useBar=1
oCMenu.barWidth="100%"
oCMenu.barHeight="menu" 
oCMenu.barClass="clBar"
oCMenu.barX=0 
oCMenu.barY=0
oCMenu.barBorderX=0
oCMenu.barBorderY=0
oCMenu.barBorderClass=""
*/

//Level properties - ALL properties have to be spesified in level 0
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
oCMenu.level[0].width=122
oCMenu.level[0].height=40
oCMenu.level[0].regClass="clLevel0"
oCMenu.level[0].overClass="clLevel0over"
oCMenu.level[0].borderX=0
oCMenu.level[0].borderY=1
oCMenu.level[0].borderClass="clLevel0border"
oCMenu.level[0].offsetX=0
oCMenu.level[0].offsetY=0
oCMenu.level[0].rows=0
oCMenu.level[0].arrow=0
oCMenu.level[0].arrowWidth=0
oCMenu.level[0].arrowHeight=0
oCMenu.level[0].align="bottom"

//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
oCMenu.level[1].width=150
oCMenu.level[1].height=31
oCMenu.level[1].regClass="clLevel1"
oCMenu.level[1].overClass="clLevel1over"
oCMenu.level[1].borderX=0
oCMenu.level[1].borderY=1
oCMenu.level[1].align="right" 
oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+20
oCMenu.level[1].offsetY=0
oCMenu.level[1].borderClass="clLevel1border"


/******************************************
Menu item creation:
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout) 
*************************************/
oCMenu.makeMenu('top0','','<u>L</u>ifestyle Issues','/lifestyle-issues/lifestyle-issues.aspx','','','','','','','','','','','','','showMenu(false)')
  oCMenu.makeMenu('sub00','top0','<u>F</u>inancial planning','/lifestyle-issues/financial-planning.aspx')
  oCMenu.makeMenu('sub01','top0','<u>H</u>ealth','/lifestyle-issues/health.aspx')
  oCMenu.makeMenu('sub02','top0','<u>S</u>ocial support','/lifestyle-issues/social-support.aspx')
  oCMenu.makeMenu('sub03','top0','<u>L</u>ifestyle','/lifestyle-issues/lifestyle.aspx')
  oCMenu.makeMenu('sub04','top0','<u>E</u>state planning','/lifestyle-issues/estate-planning.aspx')
  oCMenu.makeMenu('sub05','top0','Aged <u>h</u>ousing','/lifestyle-issues/aged-housing.aspx')

//Leave this line - it constructs the menu
oCMenu.construct()