document.write("<table border='0' cellspacing='0' style='border-collapse: collapse' width='100%' id='AutoNumber5' cellpadding='0'>   <tr> <td width='100%' align='right'><map name='FPMap0'> <area href='index.htm' shape='rect' coords='7, 1, 75, 19'> <area id='mainMenu' href='#' onMouseover=\"showLayer('div1')\" onMouseout=\"hideLayer('div1')\"  style='cursor:hand' class='static' shape='rect' coords='78, 0, 166, 19'> <area id='mainMenu' href='#' onMouseover=\"showLayer('div2')\" onMouseout=\"hideLayer('div2')\"  style='cursor:hand' class='static' shape='rect' coords='169, 1, 250, 19'> <area id='mainMenu' href='#' onMouseover=\"showLayer('div3')\" onMouseout=\"hideLayer('div3')\"  style='cursor:hand' class='static' shape='rect' coords='258, 1, 397, 19'> <area href='contact us.htm' shape='rect' coords='404, 1, 500, 19'> <area href='sitemap.htm' shape='rect' coords='503, 2, 588, 18'> </map><IMG SRC='images/gds_10.jpg' WIDTH=590 HEIGHT=19 usemap='#FPMap0' border='0'></td>   </tr> </table> ");

function showLayer(layerName) {
    
	var pLeft,pTop;
	pLeft = getposOffset(document.getElementById('mainMenu'), 'left');
	pTop = getposOffset(document.getElementById('mainMenu'), 'top');
	document.getElementById(layerName).style.display = '';
//alert(pLeft);
 if(layerName == 'div1')
	{
		document.getElementById(layerName).style.top =185;
      document.getElementById(layerName).style.left =  pLeft +190;
	}
 if(layerName == 'div2')
	{
		document.getElementById(layerName).style.top =185;
      document.getElementById(layerName).style.left =  pLeft +280;
	}
if(layerName == 'div3')
	{
		document.getElementById(layerName).style.top =185;
      document.getElementById(layerName).style.left =  pLeft +366;
	}
if(layerName == 'div4')
	{
		document.getElementById(layerName).style.top =285;
      document.getElementById(layerName).style.left =  pLeft +490;
	}
if(layerName == 'div5')
	{
		document.getElementById(layerName).style.top =204;
      document.getElementById(layerName).style.left =  pLeft +425;
	}
}


function hideLayer(layerName) {
	document.getElementById(layerName).style.display = 'none';
}



function getposOffset(what, offsettype)
{
	var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
	var parentEl=what.offsetParent;
	while (parentEl!=null)
	{
		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
		parentEl=parentEl.offsetParent;
	}
	return totaloffset;
}
//About us
document.write("<div id=div1 onmouseout=javascript:void(hideLayer('div1')) onmouseover=javascript:void(showLayer('div1')) style=\"position:absolute;  display: 'none'\">"+
"<A href='Historical_Perspective.htm' class=leftdrop><font color='#800000'>Historical Perspective</font></A>"+
"<A href='mission.htm' class=leftdrop><font color='#800000'>Mission</font></A>"+
"<A href='vision.htm' class=leftdrop><font color='#800000'>Vision</font></A>"+
"<A href='strategy.htm' class=leftdrop><font color='#800000'>Strategy</font></A>"+
"<A href='governingcouncil.htm' class=leftdrop><font color='#800000'>Governing Council</font></A>"+
"<A href='partners.htm' class=leftdrop><font color='#800000'>Partners</font></A>"+
"<A href='networking1.htm' class=leftdrop><font color='#800000'>Networks</font></A>"+
"</div>");

//Projects
document.write("<div id=div2 onmouseout=javascript:void(hideLayer('div2')) onmouseover=javascript:void(showLayer('div2')) style=\"position:absolute;  display: 'none'\">"+
"<A href='project_map.htm' class=leftdrop><font color='#800000'>GDS Ongoing Projects</font></A>"+
"<A id='' href='#' onMouseover=\"showLayer('div5')\" onMouseout=\"hideLayer('div5')\"><font color='#800000'>Crosscutting Themes</font></A>"+
"<A href='comp_project.htm' class=leftdrop><font color='#800000'>GDS Completed Projects</font></A>"+
"</div>");

//Resources Center
document.write("<div id=div3 onmouseout=javascript:void(hideLayer('div3')) onmouseover=javascript:void(showLayer('div3')) style=\"position:absolute;  display: 'none'\">"+
"<A href='Resource institution Mode.htm' class=leftdrop><font color='#800000'>Resource Institution Mode</font></A>"+
"<A href='Resource Center Interventions.htm' class=leftdrop><font color='#800000'>Resource Center Interventions</font></A>"+
"<A href='documentation.htm' class=leftdrop><font color='#800000'>Research & Documentation</font></A>"+
"<A href='Publi_cations.htm' class=leftdrop><font color='#800000'>Publications</font></A>"+
"<A href='Issue_Networking.htm' class=leftdrop><font color='#800000'>Livelihood Network</font></A>"+
"</div>");

//Crosscutting
document.write("<div id=div5 onmouseout=javascript:void(hideLayer('div5'),hideLayer('div2')) onmouseover=javascript:void(showLayer('div5'),showLayer('div2')) style=\"position:absolute;left:700px; top: 215px; display: 'none'\">"+
"<A href='Crosscutting_Themes1.htm' class=leftdrop><font color='#800000'>HIV/AIDS</font></A>"+
"<A href='Crosscutting_Themes.htm' class=leftdrop><font color='#800000'>Gender</font></A>"+
"</div>");



hideLayer('div1');
hideLayer('div2');
hideLayer('div3');
hideLayer('div4');
hideLayer('div5');