bgcolor='#355681';
bgcolor2='#617DA1';
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:99; left:0 }')
document.write('#topgauche { position:absolute;  z-index:99; }')
document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('</style>')
document.write('<DIV style="position:relative;height:25;   z-index:99;"><DIV class=popper id=topdeck></DIV>');

zlien = new Array;
zlien[0] = new Array;
zlien[1] = new Array;
zlien[2] = new Array;
zlien[0][0] = '&nbsp;<A class="link-lng" HREF="rubrique.php3?id_rubrique=91"> News articles </A>';
zlien[0][1] = '&nbsp;<A class="link-lng" HREF="rubrique.php3?id_rubrique=92"> Event </A>';
zlien[0][2] = '&nbsp;<A class="link-lng" HREF="rubrique.php3?id_rubrique=127"> Zakoura Projects </A>';
zlien[1][0] = '&nbsp;<A class="link-lng" HREF="rubrique.php3?id_rubrique=95"> Press review  </A>';
zlien[1][1] = '&nbsp;<A class="link-lng" HREF="inscriptionactualiteen.php3?id_article=146&vareng=oui"> Communiques </A>';
zlien[1][2] = '&nbsp;<A class="link-lng" HREF="article_newseng.php3?id_article=152&vareng=oui"> Newsletter</A>';
zlien[2][0] = "&nbsp;<A class='link-lng' HREF='rubrique.php3?id_rubrique=130'> Job offers </A>";
zlien[2][1] = "&nbsp;<A class='link-lng' HREF='mailto:recrutement@zakourafondation.org'> Ask employment  </A>";


if(document.getElementById)
	{
	skn = document.getElementById("topdeck").style
	skn.top = 24;
	}

function pop(index,pos)
{

skn.visibility = "hidden";
a=true
skn.top = pos;
skn.left = -120;
var content ="<TABLE WIDTH=120  BORDER=0 CELLPADDING=0 CELLSPACING=0>";
pass = 0
while (pass < zlien[index].length)
	{
	content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor2+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=17>"+zlien[index][pass]+"</TD></TR>";
	pass++;
	}
content += "</TABLE>";
document.getElementById("topdeck").innerHTML = content;
skn.visibility = "visible";

}
function kill()
{
//alert('toto')
	if(document.getElementById)
		setTimeout('skn.visibility = "hidden"',1);;
}

if(document.getElementById)
	{
document.write('<TABLE CELLPADING=0 WIDTH=122 CELLSPACING=0 BORDER=0>')
document.write('<tr><TD  height="15" background="images/fond/fond_menu-01.jpg"><IMG src="images/spacer/spacer.gif" width="10" height="10"><A HREF="rubrique.php3?id_rubrique=126" class="link-menu">Useful Links </A></FONT></TD></tr>')
document.write('<tr><TD onMouseOver="pop(2,16)" height="15" background="images/fond/fond_menu-02.jpg"><IMG src="images/spacer/spacer.gif" width="10" height="10"><A HREF="#" class="link-menu" >Recruitment </A></FONT></TD></tr>')
document.write('<tr><TD onMouseOver="pop(0,33)" height="15" background="images/fond/fond_menu-03.jpg"><IMG src="images/spacer/spacer.gif" width="6" height="10"> <A HREF="#" class="link-menu">News</A></FONT></TD></tr>')
document.write('<tr><TD onMouseOver="pop(1,49)" height="15" background="images/fond/fond_menu-04.jpg"><IMG src="images/spacer/spacer.gif" width="10" height="11"><A HREF="#" class="link-menu">Press</A></FONT></TD></tr>')
document.write('<tr><TD height="15" background="images/fond/fond_menu-05.jpg"><IMG src="images/spacer/spacer.gif" width="10" height="10"><A HREF="rubrique.php3?id_rubrique=132" class="link-menu">Reports</A></FONT></TD></tr>')
document.write('<tr><TD height="15" background="images/fond/fond_menu-06.jpg"><IMG src="images/spacer/spacer.gif" width="10" height="10"><A HREF="rubrique.php3?id_rubrique=128" class="link-menu">Contact</A></FONT></TD></tr>')
document.write('</TABLE>')
document.write('<div  id="Layer1" style="position:absolute; left:-140px; top:0px; width:300px; height:250px; z-index:-1;" onMouseOut="javascript:kill()"></div>')	
	}
	
//document.onclick = kill;
document.getElementById("Layer1").onMouseOver = kill;

