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","80","<a href='/web/index_dev_uk.php?photo1=1&photo2=2'>General points</a>","<a href='/web/presentation/direction_uk.php?photo1=1&photo2=2'>Harbour master's office</a>","<a href='/web/presentation/installportuaires_uk.php?photo1=1&photo2=2'>Port facilities</a>","<a href='/web/presentation/equipements_uk.php?photo1=1&photo2=2'>Equipment</a>","<a href='/web/presentation/planport_uk.php?photo1=1&photo2=2'>Marina's map</a>");
sous_menu[1] = new Array("52","191","<a href='/web/services/services_uk.php?photo1=3&photo2=4'>Services</a>","<a href='/web/services/professionnels_uk.php?photo1=3&photo2=4'>Professionals</a>");
sous_menu[2] = new Array("52","220");
sous_menu[3] = new Array("52","342","<a href='/web/tourisme/ville_uk.php?photo1=7&photo2=8'>Tour of Ouistreham</a>","<a href='/web/tourisme/normandie_uk.php?photo1=7&photo2=8'>The Normandy</a>");
sous_menu[4] = new Array("52","422","<a href='/web/acces/infospratiques_uk.php?photo1=9&photo2=10'>Practical informations</a>","<a href='/web/acces/carte_uk.php?photo1=9&photo2=10'>Access card</a>");
sous_menu[5] = new Array("52","500","<a href='/web/infos/infos_uk.php?photo1=11&photo2=12#capitainerie'>Harbour's master's office</a>","<a href='/web/infos/infos_uk.php?photo1=11&photo2=12#affairesMaritimes'>Maritime Affairs</a>","<a href='/web/infos/infos_uk.php?photo1=11&photo2=12#gendarmerie'>Police station</a>","<a href='/web/infos/infos_uk.php?photo1=11&photo2=12#sauvetage'>Rescue</a>","<a href='/web/infos/infos_uk.php?photo1=11&photo2=12#douanes'>Customs</a>","<a href='/web/infos/infos_uk.php?photo1=11&photo2=12#meteo'>Weather forecast</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*/