var element = document.getElementById("menuDyn");
var bg_color = '#334094';
var bg_color_dessus = '#F58B2F';
var temps_attente = 2000;
var temps = setTimeout("element.style.visibility = 'hidden';",1);
var numero = 0;

var sous_menu = new Array;
sous_menu[0] = new Array("52","87","<a href='/index.php?photo1=1&photo2=2'>Généralités</a>","<a href='/web/presentation/direction.php?photo1=1&photo2=2'>Direction</a>","<a href='/web/presentation/installportuaires.php?photo1=1&photo2=2'>Installations portuaires</a>","<a href='/web/presentation/equipements.php?photo1=1&photo2=2'>Equipements</a>","<a href='/web/presentation/reglement.php?photo1=1&photo2=2'>Règlementation portuaire</a>","<a href='/web/presentation/planport.php?photo1=1&photo2=2'>Plan du port</a>");
sous_menu[1] = new Array("52","203","<a href='/web/services/services.php?photo1=3&photo2=4'>Services</a>","<a href='/web/services/professionnels.php?photo1=3&photo2=4'>Professionnels</a>");
sous_menu[2] = new Array("52","220");
sous_menu[3] = new Array("52","362","<a href='/web/tourisme/ville.php?photo1=7&photo2=8'>La ville de Ouistreham</a>","<a href='/web/tourisme/normandie.php?photo1=7&photo2=8'>La Normandie</a>");
sous_menu[4] = new Array("52","455","<a href='/web/acces/infospratiques.php?photo1=9&photo2=10'>Informations pratiques</a>","<a href='/web/acces/carte.php?photo1=9&photo2=10'>Carte d'accès</a>");
sous_menu[5] = new Array("52","527","<a href='/web/infos/infos.php?photo1=11&photo2=12#capitainerie'>Capitainerie</a>","<a href='/web/infos/infos.php?photo1=11&photo2=12#affairesMaritimes'>Affaires Maritimes</a>","<a href='/web/infos/infos.php?photo1=11&photo2=12#gendarmerie'>Gendarmerie</a>","<a href='/web/infos/infos.php?photo1=11&photo2=12#sauvetage'>Sauvetage</a>","<a href='/web/infos/infos.php?photo1=11&photo2=12#douanes'>Douanes</a>","<a href='/web/infos/infos.php?photo1=11&photo2=12#meteo'>Météo</a>");
sous_menu[6] = new Array("52","522");
sous_menu[7] = new Array("52","623");

function menu(number) {
	numero = number;
	clearTimeout(temps);
	element.style.top = sous_menu[numero][0];
	element.style.left = sous_menu[numero][1];

	var content = "<table id='sous_rubriques' cellpadding=3 cellspacing=0>";
	for(var i=2; i<sous_menu[numero].length; i++) { 
		content += 	"<tr>";
		content += 		"<td id='s_"+i+"' bgcolor="+bg_color+" ";
		content += 			"onMouseOver='surbrillance(this,bg_color_dessus);' ";
		content += 			"onMouseOut='brillance_normale(this,bg_color);'>";
		content += 				sous_menu[numero][i];
		content += 		"</td>";
		content += "</tr>";
	}
	content += "</table>";
	element.innerHTML = content;
	element.style.visibility = "visible";
}

function surbrillance(el, coul) {
	for(var i=2; i<sous_menu[numero].length; i++) {
		document.getElementById("s_"+i).style.background = bg_color;
	}
	clearTimeout(temps);
	el.style.background = coul;
}

function brillance_normale(el, coul) {
	temps = setTimeout("element.style.visibility = 'hidden';",temps_attente);
	el.style.background = coul;
}

function sortir() {
	temps = setTimeout("element.style.visibility = 'hidden';",temps_attente);
}

/*function kill() {
	clearTimeout(temps);
	element.style.visibility = "hidden";
}

document.onclick = kill*/