document.write('<div id="divMenu"></div>');

var element = document.getElementById("divMenu");
var bg_color = '#009F3D'; // couleur de fond du sous-menu
var bg_color_dessus = '#8BB061'; // couleur de fond du sous-menu lorsque la souris passe au dessus
var temps_attente = 1500; // délais avant que le sous-menu se disparait (en ms)
var temps = setTimeout("element.style.visibility = 'visible';",2000);
var numero = 0;

var sous_menu = new Array; // tableau a remplir avec une ligne par sous-menu (parametres : 'position top, position left, les liens')
sous_menu[0] = new Array("130","140","");
sous_menu[1] = new Array("130","260","");
sous_menu[2] = new Array("130","260","");
sous_menu[3] = new Array("130","447","<a href='/web/catalogue/verandas_aluminium.php' class='lien_sous_menu'>Vérandas aluminium</a>","<a href='/web/catalogue/verandas_mixte.php' class='lien_sous_menu'>Vérandas ton bois</a>","<a href='/web/catalogue/store_banne.php' class='lien_sous_menu'>Stores</a>","<a href='/web/catalogue/store_reflecteur.php' class='lien_sous_menu'>Stores réflecteurs</a>","<a href='/web/catalogue/couverture_piscine.php' class='lien_sous_menu'>Couvertures piscine</a>","<a href='/web/catalogue/rotin.php' class='lien_sous_menu'>Ameublement rotin</a>");
sous_menu[4] = new Array("130","543","<a href='/web/acces.php' class='lien_sous_menu'>Accès</a>","<a href='/web/contact/contact.php' class='lien_sous_menu'>Contact - Devis</a>","<a href='/web/contact/recrutement.php' class='lien_sous_menu'>Recrutement</a>","<a href='/web/contact/partenaires.php' class='lien_sous_menu'>Nos partenaires</a>");
sous_menu[5] = new Array("130","630","");

/*---------------------------------------------*/
/* A partir d'ici il n'y a plus rien à toucher */
/*---------------------------------------------*/
function menu(number) {
	numero = number;
	clearTimeout(temps);
	element.style.top = sous_menu[numero][0];
	element.style.left = sous_menu[numero][1];

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

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

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

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

function sortir_aussitot() {
	temps = setTimeout("element.style.visibility = 'hidden';",1);
}
/*
function kill() {
	clearTimeout(temps);
	element.style.visibility = "hidden";
}

document.onclick = kill*/