var element = document.getElementById("menuDyn");
var bg_color = '#F3AE29';
var bg_color_dessus = '#FAC45C';
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("228","0","<a href='/web/presentation/index.php?img=pb11&css1=lsf'>Présentation Société</a>","<a href='/web/services/index.php?img=pb11&css1=lsf'>Présentation des Services</a>","<a href='/web/acces/acces.php?img=pb11&css1=lsf'>Plan d'accès</a>");
//sous_menu[1] = new Array("52","131","<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","290","<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","383","<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","455","<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*/