//Identification du navigateur
var ns4 = (document.layers)? true:false; //NS 4
var ie4 = (document.all)? true:false; //IE 4
var dom = (document.getElementById)? true:false; //DOM
//Pour siter le menu
var menuBelow=1;
var menuLeft=2;

function GetId(id) {
	return document.getElementById(id);
}

function Position() {
	this.x = 0;
	this.y = 0;
}

function ComputePosition( o ) {
	if( o == null )
		return new Position();
	var result = ComputePosition( o.offsetParent );
	result.x += o.offsetLeft;
	result.y += o.offsetTop;
	return result;
}

function RollCaseOn(WhatTd) {
	GetId(WhatTd).style.backgroundColor="#6699CC";
}

function RollCaseOff(WhatTd) {
	GetId(WhatTd).style.backgroundColor="#006699";
}

function ShowMenuBy(opener, menu, type) {
	//Recupération de la position du menu qui ouvre le sousmenu
	var posOpener = ComputePosition(opener);
	if (type==menuBelow) posOpener.y += opener.offsetHeight;
	else if (type==menuLeft) posOpener.x += opener.offsetWidth;
	
	//Affectation de la position du sousmenu en fct du navigateur
	if (dom) {
		GetId(menu).style.left = posOpener.x+"px";
		GetId(menu).style.top = posOpener.y+"px";
	}
	else if (ie4) {
		document.all[menu].style.posLeft = posOpener.x;
		document.all[menu].style.posTop = posOpener.y;
	}
	else {
		document.layers[menu].pageX = posOpener.x;
		document.layers[menu].pageY = posOpener.y;
	}
	
	GetId(menu).style.visibility="visible";
}

function HideAllMenuLeft(recurse) {
	if (typeof(recurse) == 'undefined') HideAllMenuTop(1);
}

function HideAllMenuTop (recurse) {
	GetId("Expertise").style.visibility="hidden";
	GetId("About").style.visibility="hidden";
}

function WriteExpertise() {
	document.write('<SPAN ID=Expertise Style="Position : absolute; Width: 100px; Height: 100px; Visibility: hidden; z-index: 1;">');
	document.write('<table bgcolor="#006699" border="0" cellpadding="0" cellspacing="0">');
	document.write('<tr><td colspan="3" height="5"></td></tr>');
	document.write('<tr><td colspan="3" height="1" bgcolor="#FFFFFF"></td></tr>');
	document.write('<tr><td colspan="3" height="4"></td></tr>');
	document.write('<tr><td width="3"></td>');
	document.write('<td>');
	document.write('<table bgcolor="#006699" border="0" cellpadding="2" cellspacing="0">');
	document.write('<TR><TD NOWRAP ID="ExpLine01" OnMouseOver="RollCaseOn(\'ExpLine01\');" OnMouseOut="RollCaseOff(\'ExpLine01\');"><A HREF="/enerdatauk/expertise/energy/" CLASS="MenuLink">Energy  </A></TD></TR>');
	document.write('<TR><TD NOWRAP ID="ExpLine02" OnMouseOver="RollCaseOn(\'ExpLine02\');" OnMouseOut="RollCaseOff(\'ExpLine02\');"><A HREF="/enerdatauk/expertise/climate_change/" CLASS="MenuLink">Climate change  </A></TD></TR>');
	//document.write('<TR><TD NOWRAP ID="ExpLine03" OnMouseOver="RollCaseOn(\'ExpLine03\');" OnMouseOut="RollCaseOff(\'ExpLine03\');"><A HREF="/enerdatauk/expertise/transportation/" CLASS="MenuLink">Transportation  </A></TD></TR>');
	document.write('</table>');
	document.write('</td>');
	document.write('<td width="3"></td>');
	document.write('</tr>');
	document.write('<tr><td colspan="3" height="4"></td></tr>');
	document.write('</table>');
	document.write('</span>');
}

function WriteAbout() {
	document.write('<SPAN ID=About Style="Position : absolute; Width: 100px; Height: 100px; Visibility: hidden; z-index: 1;">');
	document.write('<table bgcolor="#006699" border="0" cellpadding="0" cellspacing="0">');
	document.write('<tr><td colspan="3" height="5"></td></tr>');
	document.write('<tr><td colspan="3" height="1" bgcolor="#FFFFFF"></td></tr>');
	document.write('<tr><td colspan="3" height="4"></td></tr>');
	document.write('<tr><td width="3"></td>');
	document.write('<td>');
	document.write('<table bgcolor="#006699" border="0" cellpadding="2" cellspacing="0">');
	document.write('<TR><TD NOWRAP ID="About1Line01" OnMouseOver=RollCaseOn(\'About1Line01\'); OnMouseOut=RollCaseOff(\'About1Line01\');><A HREF="/enerdatauk/about/team.html" CLASS="MenuLink">Team  </A></TD></TR>');
	document.write('<TR><TD NOWRAP ID="About1Line02" OnMouseOver=RollCaseOn(\'About1Line02\'); OnMouseOut=RollCaseOff(\'About1Line02\');><A HREF="/enerdatauk/about/approach.html" CLASS="MenuLink">Approach  </A></TD></TR>');
	document.write('<TR><TD NOWRAP ID="About1Line04" OnMouseOver=RollCaseOn(\'About1Line04\'); OnMouseOut=RollCaseOff(\'About1Line04\');><A HREF="/enerdatauk/about/clients.html" CLASS="MenuLink">Clients  </A></TD></TR>');
	document.write('<TR><TD NOWRAP ID="About1Line05" OnMouseOver=RollCaseOn(\'About1Line05\'); OnMouseOut=RollCaseOff(\'About1Line05\');><A HREF="/enerdatauk/about/partners.html" CLASS="MenuLink">Partners  </A></TD></TR>');
	document.write('<TR><TD NOWRAP ID="About1Line06" OnMouseOver=RollCaseOn(\'About1Line06\'); OnMouseOut=RollCaseOff(\'About1Line06\');><A HREF="/enerdatauk/about/jobs.html" CLASS="MenuLink">Jobs  </A></TD></TR>');
	document.write('</table>');
	document.write('</td>');
	document.write('<td width="3"></td>');
	document.write('</tr>');
	document.write('<tr><td colspan="3" height="4"></td></tr>');
	document.write('</table>');
	document.write('</span>');
}

function WriteMenu() {
	WriteExpertise();
	WriteAbout();
}

WriteMenu();

document.write('<table bgcolor="#006699" border="0" cellpadding="0" cellspacing="0" width="100%">');
document.write('<tr height="22"><td width="10">&nbsp;</td>');
document.write('<td class="Menu" nowrap>&nbsp;<a href="/enerdatauk/"><span class="Menu" id="Menu01" OnMouseOver=RollCaseOn(\'Menu01\'); OnMouseOut=RollCaseOff(\'Menu01\');>Home</span></a> | <a href="/enerdatauk/news/" OnMouseOver="HideAllMenuTop();"><span class="Menu" id="Menu08" OnMouseOver=RollCaseOn(\'Menu08\'); OnMouseOut=RollCaseOff(\'Menu08\');>News</span></a> | <a href="/enerdatauk/publications/" OnMouseOver="HideAllMenuTop();"><span class="Menu" id="Menu09" OnMouseOver=RollCaseOn(\'Menu09\'); OnMouseOut=RollCaseOff(\'Menu09\');>Publications</span></a> | <a href="/enerdatauk/eshop/" OnMouseOver="HideAllMenuTop();"><span class="Menu" id="Menu06" OnMouseOver=RollCaseOn(\'Menu06\'); OnMouseOut=RollCaseOff(\'Menu06\');>Web shop</span></a> | <a href="/enerdatauk/subscriptions/" OnMouseOver="HideAllMenuTop();"><span class="Menu" id="Menu07" OnMouseOver=RollCaseOn(\'Menu07\'); OnMouseOut=RollCaseOff(\'Menu07\');>Subscriptions</span></a> | <a href="/enerdatauk/expertise/" OnMouseOver="HideAllMenuTop(); ShowMenuBy(this,\'Expertise\',menuBelow);"><span class="Menu" id="Menu03" OnMouseOver=RollCaseOn(\'Menu03\'); OnMouseOut=RollCaseOff(\'Menu03\');>Expertise</span></a> | <a href="/enerdatauk/services/" OnMouseOver="HideAllMenuTop();"><span class="Menu" id="Menu04" OnMouseOver=RollCaseOn(\'Menu04\'); OnMouseOut=RollCaseOff(\'Menu04\');>Services</span></a> | <a target="_blank" href="http://www.training.enerdata.net/uk.index.html" OnMouseOver="HideAllMenuTop();"><span class="Menu" id="Menu05" OnMouseOver=RollCaseOn(\'Menu05\'); OnMouseOut=RollCaseOff(\'Menu05\');>Training</span></a> | <a href="/enerdatauk/about/" OnMouseOver="HideAllMenuTop(); ShowMenuBy(this,\'About\',menuBelow);"><span class="Menu" id="Menu02" OnMouseOver=RollCaseOn(\'Menu02\'); OnMouseOut=RollCaseOff(\'Menu02\');>About us</span></a></td>');
document.write('</tr>');
document.write('</table>');
document.write('<table OnMouseOver="HideAllMenuTop();" border="0" cellpadding="0" cellspacing="0" width="100%">');
document.write('<tr valign="top">');
document.write('<td bgcolor="#FFFFFF"></td>');
document.write('</tr>');
document.write('</table>');