function getPage1(id)
{
	a = id
	wt = 1050
	ht = 800
	leftPos = (screen.width-wt)/2 - 5
	topPos = (screen.height-ht)/2 - 20
	popWin1 = window.open(''+a,'_blank','toolbars=no,resizable=yes,scrollbars=yes,left='+leftPos+',top='+topPos+',width='+wt+',height='+ht) 
}
	
texte = new Array
lien = new Array
w = new Array
hasSub = new Array
var currentSub = ""

texte[0] ="<IMG SRC=\"img/m_accueil.gif\" WIDTH=\"48\" HEIGHT=\"10\" BORDER=0 ALT=\"Accueil\">"; lien[0] = "accueil.php"; w[0] = 0; 
texte[1] = "no";
texte[2] ="<IMG SRC=\"img/m_port.gif\" WIDTH=\"46\" HEIGHT=\"10\" BORDER=0 ALT=\"Le port\">"; lien[2] = "rubriques.php?r=1"; w[2] = 0; hasSub[2] = true;
texte[3] = "no";
texte[4] ="<IMG SRC=\"img/m_entreprise.gif\" WIDTH=\"74\" HEIGHT=\"10\" BORDER=0 ALT=\"L'entreprise\">"; lien[4] = "#"; w[4] = 0;hasSub[4] = true;
texte[5] = "no";
texte[6] ="<IMG SRC=\"img/m_activtes.gif\" WIDTH=\"56\" HEIGHT=\"10\" BORDER=0 ALT=\"Activités\">";lien[6]="rubriques.php?r=7";  w[6] = 0;
texte[7] = "no";
texte[8] ="<IMG SRC=\"img/m_infrastructure.gif\" WIDTH=\"106\" HEIGHT=\"10\" BORDER=0 ALT=\"Infrastructures\">"; lien[8] = "rubriques.php?r=8";w[8] = 0;
texte[9] = "no";
texte[10] ="<IMG SRC=\"img/m_moyens.gif\" WIDTH=\"48\" HEIGHT=\"10\" BORDER=0 ALT=\"Moyens\">"; lien[10] = "rubriques.php?r=9";w[10] = 0; 
texte[11] = "no";
texte[12] ="<IMG SRC=\"img/m_tarifs.gif\" WIDTH=\"40\" HEIGHT=\"10\" BORDER=0 ALT=\"Tarifs\">"; lien[12] = "tarifs.php";w[12] = 0;
texte[13] = "no";
texte[14] ="<IMG SRC=\"img/m_chiffres.gif\" WIDTH=\"53\" HEIGHT=\"10\" BORDER=0 ALT=\"Chiffres\">"; lien[14] = "trafic_marchandises.php";w[14] = 0; hasSub[14] = true;
texte[15] = "no";
texte[16] ="<IMG SRC=\"img/m_developement.gif\" WIDTH=\"107\" HEIGHT=\"23\" BORDER=0 ALT=\"Dévelopement et investissements\">"; lien[16] = "developement_investissements.php";w[16] = 0; hasSub[16] = false;



// chargement de la puce dans le cache
rnd_off = new Image();
rnd_on = new Image();




function goSelect()
{
	source = event.srcElement;
	while (source.tagName != "TR") { source = source.parentElement; }
	source.style.backgroundColor='#A5A3A3';

}
function goUnselect()
{
	source = event.srcElement;
	while (source.tagName != "TR") { source = source.parentElement; }
	source.style.backgroundColor='#77A1CD';
}

function goHideAllSub()
{
	goHideSub_timedOut('sub2')
	goHideSub_timedOut('sub4')
	goHideSub_timedOut('sub14')
}

function goShowSub(id)
{
	if (navigator.userAgent.indexOf("MSIE")!=-1)
		obj = eval(id)
	else
		obj = document.getElementById(id)

	obj.style.visibility = "visible";
}

function goHideSub(id)
{
	pause = 10000
	currentSub = obj.id
	timer= setTimeout('goHideSub_timedOut(\''+currentSub+'\')',pause)
}

function goHideSub_timedOut(id)
{
	if (navigator.userAgent.indexOf("MSIE")!=-1)
		obj = eval(id)
	else
		obj = document.getElementById(id)

	obj.style.visibility = "hidden";
}

function goLed(obj)
{
//	goHideSub_timedOut(sub2); goHideSub_timedOut(sub6); 
	obj.src = rnd_on.src //"img/rnd3.gif";
}
function goUnLed(obj)
{
	obj.src = rnd_off.src //"img/rnd2.gif";
}



// générer les 3 sous-menus
submenu2 = '<table z-index=2 cellpadding=0 cellspacing=0 border=0 width=250><tr><td width=14 valign=top><table cellpadding=0 cellspacing=0 border=0><tr height=18><td class=table_m width=14>&nbsp;</td></tr></table></td><td><table cellpadding=0 cellspacing=0 border=0 class=table_m bgcolor=#77A1CD onmouseover="javascript:goSelect()" onmouseout="javascript:goUnselect()"><tr height=18><td class=table_m><a class=l_menu href=rubriques.php?r=1> &nbsp;Ghazaouet et le port</div></a></td></tr><tr height=1><td class=table_m background="img/pixel2.gif"  HEIGHT="1" BORDER=0 ALT=""></td></tr><tr height=18><td class=table_m><a class=l_menu href=rubriques.php?r=2>&nbsp;Situation géographique</div></a></td></tr><tr height=1><td class=table_m background="img/pixel2.gif"  HEIGHT="1" BORDER=0 ALT=""></td></tr><tr height=18><td class=table_m><a class=l_menu href=rubriques.php?r=3>&nbsp;Réseau routier et ferroviaire</a></td></tr><tr height=1><td class=table_m background="img/pixel2.gif"  HEIGHT="1" BORDER=0 ALT=""></td></tr><tr height=18><td class=table_m><a class=l_menu href="javascript:getPage1(\'gestion.html\')">&nbsp;Situation des navires</a></td></tr></table></div></td></tr></table>';

submenu4 = '<table cellpadding=0 cellspacing=0 border=0 width=250><tr><td width=14 valign=top><table cellpadding=0 cellspacing=0 border=0><tr height=18><td class=table_m width=14>&nbsp;</td></tr></table></td><td><table cellpadding=0 cellspacing=0 border=0 class=table_m bgcolor=#77A1CD onmouseover="javascript:goSelect()" onmouseout="javascript:goUnselect()"><tr height=18><td class=table_m><a class=l_menu href=rubriques.php?r=4>&nbsp;Lettre du Président</div></a></td></tr><tr height=1><td class=table_m background="img/pixel2.gif"  HEIGHT="1" BORDER=0 ALT=""></td></tr><tr height=18><td class=table_m><a class=l_menu href=rubriques.php?r=5>&nbsp;Création de l\'EPG</div></a></td></tr><tr height=1><td class=table_m background="img/pixel2.gif"  HEIGHT="1" BORDER=0 ALT=""></td></tr><tr height=18><td class=table_m><a class=l_menu href=rubriques.php?r=6>&nbsp;Organisation</a></td></tr></table></div></td></tr></table>';


submenu14 = '<table cellpadding=0 cellspacing=0 border=0 width=250><tr><td width=14 valign=top><table cellpadding=0 cellspacing=0 border=0><tr height=18><td class=table_m width=14>&nbsp;</td></tr></table></td><td><table cellpadding=0 cellspacing=0 border=0 class=table_m bgcolor=#77A1CD onmouseover="javascript:goSelect()" onmouseout="javascript:goUnselect()"><tr height=18><td class=table_m><a class=l_menu href=rubriques.php?r=10>&nbsp;Trafic marchandises</div></a></td></tr><tr height=1><td class=table_m background="img/pixel2.gif"  HEIGHT="1" BORDER=0 ALT=""></td></tr><tr height=18><td class=table_m><a class=l_menu href=rubriques.php?r=16>&nbsp;Trafic passager</div></a></td></tr><tr height=1><td class=table_m background="img/pixel2.gif"  HEIGHT="1" BORDER=0 ALT=""></td></tr><tr height=18><td class=table_m><a class=l_menu href=rubriques.php?r=17>&nbsp;Lignes régulières</a></td></tr><tr height=1><td class=table_m background="img/pixel2.gif"  HEIGHT="1" BORDER=0 ALT=""></td></tr><tr height=18><td class=table_m><a class=l_menu href=rubriques.php?r=18>&nbsp;Cadence & rendement</a></td></tr><tr height=1><td class=table_m background="img/pixel2.gif"  HEIGHT="1" BORDER=0 ALT=""></td></tr><tr height=18><td class=table_m><a class=l_menu href=rubriques.php?r=19>&nbsp;Organisation du travail</a></td></tr></table></div></td></tr></table>';

function affiche_menu()
{

for (i=0; i < texte.length; i++) { 
	if (texte[i] != "no") 
	{
		if (hasSub[i] == true) { overplus = 'goHideAllSub(); goShowSub(\'sub'+i+'\')'; outplus = 'goHideSub(\'sub'+i+'\')' } else { overplus = 'goHideAllSub()'; outplus = '' }

		document.write('<table border=0 cellpadding=0 cellspacing=0 width='+w[i]+'><tr  ><td align=right width=108 class=table2><a class=l2 href='+lien[i]+' onmouseover="'+overplus+'" onmouseout="'+outplus+'">'+texte[i]+'</a></td></tr></table>')
	}
	else 
	{
		document.write('<table border=0 cellpadding=0 cellspacing=0><tr height=10><td valign=middle><IMG src="img/m_trait.gif" WIDTH="106" HEIGHT="1" BORDER=0 ALT=""></td></tr></table>')
	}

}
}




document.write('<div id=sub2 style="position: absolute; z-index: 2; top: 134; left: 137; visibility: hidden">'+submenu2+'</div>');
document.write('<div id=sub4 style="position: absolute; z-index: 2; top: 154; left: 137; visibility: hidden">'+submenu4+'</div>');
document.write('<div id=sub14 style="position: absolute; z-index: 2; top: 254; left: 137; visibility: hidden">'+submenu14+'</div>');

document.write('<div class=table2 style="position: absolute; z-index: 2; text-align: right; top: 118; left: 34; border-style: solid; border-width: 0; width: 110">');
affiche_menu()
document.write('</div>');




function getPage(id)
{
	a = id
	wt = 620
	ht = 540
	leftPos = (screen.width-wt)/2 
	topPos = (screen.height-ht-60)/2 
	popWin1 = window.open(''+a,'_blank','toolbars=no,resizable=no,scrollbars=yes,left='+leftPos+',top='+topPos+',width='+wt+',height='+600) 
}