var element = document.getElementById("menuDyn");
var bg_color = '#D0CAB4';
var bg_color_dessus = '#B3AA89';
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("125","164","<a href='#'>Pierres</a>","<a href='#'>Techniques</a>","<a href='#'>Pierres</a>","<a href='#'>Techniques de pierres</a>");
sous_menu[1] = new Array("125","264","<a href='#'>Pierres</a>","<a href='#'>Techniques</a>");
sous_menu[2] = new Array("125","340","<a href='/web/catalogue/piliers.php'>Les piliers d'entrée</a>","<a href='/web/catalogue/fontaines.php'>Les fontaines</a>","<a href='/web/catalogue/escaliers.php'>Les escaliers</a>","<a href='/web/catalogue/cheminees.php'>Les cheminées</a>","<a href='/web/catalogue/balcons.php'>Les balcons</a>","<a href='/web/catalogue/divers.php'>Divers</a>");
sous_menu[3] = new Array("125","457","<a href='#'>Pierres</a>","<a href='#'>Techniques</a>");
sous_menu[4] = new Array("125","537","<a href='#'>Pierres</a>","<a href='#'>Techniques</a>","<a href='#'>Pierres</a>","<a href='#'>Techniques de pierres</a>");
sous_menu[5] = new Array("125","625","<a href='#'>Pierres</a>","<a href='#'>Techniques</a>");

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*/