/*
Tabs Menu (mouseover)- By Dynamic Drive
For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
This credit MUST stay intact for use
*/

var submenu=new Array()

//Set submenu contents. Expand as needed. For each content, make sure everything exists on ONE LINE. Otherwise, there will be JS errors.
 
submenu[0]='<table class="linkout" border="0" cellpadding="5" cellspacing="0" style="margin-left:8px; margin-top:5px; width:635px;"><tr><td align="center" onmouseover="this.className=\'linkover\'" onmouseout="this.className=\'linkout\'"><a href="site/organogramme.htm" target="_blank" class="sub-nav">ORGANOGRAMME</a></td><td align="center" onmouseover="this.className=\'linkover\'" onmouseout="this.className=\'linkout\'"><a href="site/about-resources.htm" class="sub-nav">RESOURCES</a></td><td align="center" onmouseover="this.className=\'linkover\'" onmouseout="this.className=\'linkout\'"><a href="site/about-financial.htm" class="sub-nav">FINANCIAL</a></td><td width="380">&nbsp;</td></tr></table>'

submenu[1]='<table class="linkout" border="0" cellpadding="5" cellspacing="0" style="margin-left:8px; margin-top:5px; width:635px;"><tr><td onmouseover="this.className=\'linkover\'" onmouseout="this.className=\'linkout\'"><a href="site/project-EW.htm" class="sub-nav">EARTHWORKS</a></td><td onmouseover="this.className=\'linkover\'" onmouseout="this.className=\'linkout\'"><a href="site/project-RW.htm" class="sub-nav">ROADWORKS</a></td><td onmouseover="this.className=\'linkover\'" onmouseout="this.className=\'linkout\'"><a href="site/project-BI.htm" class="sub-nav">BUILDINGS &amp; INDUSTRIAL WORKS</a></td><td onmouseover="this.className=\'linkover\'" onmouseout="this.className=\'linkout\'"><a href="site/project-ST.htm" class="sub-nav">STRUCTURES</a></td><td onmouseover="this.className=\'linkover\'" onmouseout="this.className=\'linkout\'"><a href="site/project-MW.htm" class="sub-nav">MARINE WORKS</a></td><td onmouseover="this.className=\'linkover\'" onmouseout="this.className=\'linkout\'"><a href="site/project-UI.htm" class="sub-nav">UTILITIES &amp; INFRASTRUCTURE</a></td></tr></table>'

submenu[2]='<table class="linkout" border="0" cellpadding="5" cellspacing="0" style="margin-left:8px; margin-top:5px; width:635px;"><tr><td width="250">&nbsp;</td><td align="center" onmouseover="this.className=\'linkover\'" onmouseout="this.className=\'linkout\'"><a href="site/accreditation-QA.htm" class="sub-nav">QUALITY ASSURANCE</a></td><td align="center" onmouseover="this.className=\'linkover\'" onmouseout="this.className=\'linkout\'"><a href="site/accreditation-HS.htm" class="sub-nav">HEALTH &amp; SAFETY</a></td><td align="center" onmouseover="this.className=\'linkover\'" onmouseout="this.className=\'linkout\'"><a href="site/accreditation-EM.htm" class="sub-nav">ENVIRONMENTAL MANAGEMENT</a></td></tr></table>'

//Set delay before submenu disappears after mouse moves out of it (in milliseconds)
var delay_hide=500

/////No need to edit beyond here

var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : ""

function showit(which){
clear_delayhide()
thecontent=(which==-1)? "" : submenu[which]
if (document.getElementById||document.all)
menuobj.innerHTML=thecontent
else if (document.layers){
menuobj.document.write(thecontent)
menuobj.document.close()
}
}

function resetit(e){
if (document.all&&!menuobj.contains(e.toElement))
delayhide=setTimeout("showit(-1)",delay_hide)
else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhide=setTimeout("showit(-1)",delay_hide)
}

function clear_delayhide(){
if (window.delayhide)
clearTimeout(delayhide)
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}