//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;
var menuSelectionne="";

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 MenuSelection(menu) {
	menuSelectionne=menu;
	
	RollCaseOff("Menu01");
	RollCaseOff("Menu02");
	RollCaseOff("Menu04");
	RollCaseOff("Menu05");
	RollCaseOff("Menu06");
	RollCaseOff("Menu07");
	RollCaseOff("Menu08");
	
	RollCaseOn(menu);
}

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

function RollCaseOff(WhatTd) {
	/*alert(WhatTd)
	alert(menuSelectionne)
	alert(WhatTd!=menuSelectionne)*/
	if (WhatTd!=menuSelectionne) {
		GetId(WhatTd).style.backgroundColor="#006699";
		//alert("changement couleur");
	}
}

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("Services").style.visibility="hidden";
	GetId("About").style.visibility="hidden";
}

function WriteServices() {
	document.write('<span id="Services" 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="Serv1Line01" OnMouseOver="RollCaseOn(\'Serv1Line01\');" OnMouseOut="RollCaseOff(\'Serv1Line01\');"><a href="/enerdatafr/services/consulting/consulting.html" CLASS="MenuLink">Consulting </A></td></tr>');
	document.write('<tr><td nowrap id="Serv1Line02" OnMouseOver="RollCaseOn(\'Serv1Line02\');" OnMouseOut="RollCaseOff(\'Serv1Line02\');"><a href="/enerdatafr/services/studies_research/studies_research.html" CLASS="MenuLink">Etudes & Recherche </A></td></tr>');
	document.write('<tr><td nowrap id="Serv1Line03" OnMouseOver="RollCaseOn(\'Serv1Line03\');" OnMouseOut="RollCaseOff(\'Serv1Line03\');"><a href="/enerdatafr/services/models/models.html" CLASS="MenuLink">Modèles </A></td></tr>');
	document.write('<tr><td nowrap id="Serv1Line04" OnMouseOver="RollCaseOn(\'Serv1Line04\');" OnMouseOut="RollCaseOff(\'Serv1Line04\');"><a href="/enerdatafr/services/data_systems/" CLASS="MenuLink">Data Systems </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="/enerdatafr/about/team.html" CLASS="MenuLink">L\'équipe </A></td></tr>');
	document.write('<tr><td nowrap id="About1Line02" OnMouseOver=RollCaseOn(\'About1Line02\'); OnMouseOut=RollCaseOff(\'About1Line02\');><a href="/enerdatafr/about/approach.html" CLASS="MenuLink">Notre approche </A></td></tr>');
	document.write('<tr><td nowrap id="About1Line04" OnMouseOver=RollCaseOn(\'About1Line04\'); OnMouseOut=RollCaseOff(\'About1Line04\');><a href="/enerdatafr/about/clients.html" CLASS="MenuLink">Nos clients </A></td></tr>');
	document.write('<tr><td nowrap id="About1Line05" OnMouseOver=RollCaseOn(\'About1Line05\'); OnMouseOut=RollCaseOff(\'About1Line05\');><a href="/enerdatafr/about/partners.html" CLASS="MenuLink">Partenaires </A></td></tr>');
	document.write('<tr><td nowrap id="About1Line06" OnMouseOver=RollCaseOn(\'About1Line06\'); OnMouseOut=RollCaseOff(\'About1Line06\');><a href="/enerdatafr/about/jobs.html" CLASS="MenuLink">Recrutement </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() {
	WriteServices();
	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="/enerdatafr/" onClick="MenuSelection(\'Menu01\');"><span class="Menu" id="Menu01" OnMouseOver="RollCaseOn(\'Menu01\');" OnMouseOut="RollCaseOff(\'Menu01\');">Accueil</span></A> | <a href="/enerdatafr/news/"><span class="Menu" id="Menu08" OnMouseOver="RollCaseOn(\'Menu08\');" OnMouseOut="RollCaseOff(\'Menu08\');">Actualités</span></A> | <a href="/enerdatafr/publications/"><span class="Menu" id="Menu09" OnMouseOver="RollCaseOn(\'Menu09\');" OnMouseOut="RollCaseOff(\'Menu09\');">Publications</span></A> | <A HREF="/enerdatafr/eshop/" OnMouseOver="HideAllMenuTop();"><SPAN CLASS=Menu ID="Menu06" OnMouseOver=RollCaseOn(\'Menu06\'); OnMouseOut=RollCaseOff(\'Menu06\');>Web Shop</SPAN></A> | <A HREF="/enerdatafr/subscriptions/" OnMouseOver="HideAllMenuTop();"><SPAN CLASS=Menu ID="Menu07" OnMouseOver=RollCaseOn(\'Menu07\'); OnMouseOut=RollCaseOff(\'Menu07\');>Abonnements</SPAN></A> | <a href="/enerdatafr/expertise/" OnMouseOver="HideAllMenuTop();"><span class="Menu" id="Menu03" OnMouseOver="RollCaseOn(\'Menu03\');" OnMouseOut="RollCaseOff(\'Menu03\');">Expertise</span></A> | <a href="/enerdatafr/services/" OnMouseOver="HideAllMenuTop(); ShowMenuBy(this,\'Services\',menuBelow);"><span class="Menu" id="Menu04" OnMouseOver="RollCaseOn(\'Menu04\');" OnMouseOut="RollCaseOff(\'Menu04\');">Services</span></A> | <a target="_blank" href="http://www.training.enerdata.net/fr.index.html" OnMouseOver="HideAllMenuTop();"><span class="Menu" id="Menu05" OnMouseOver="RollCaseOn(\'Menu05\');" OnMouseOut="RollCaseOff(\'Menu05\');">Formation</span></A> | <a href="/enerdatafr/about/" OnMouseOver="HideAllMenuTop(); ShowMenuBy(this,\'About\',menuBelow);"><span class="Menu" id="Menu02" OnMouseOver="RollCaseOn(\'Menu02\');" OnMouseOut="RollCaseOff(\'Menu02\');">Société</span></A>');
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>');