//menu
mv2_menu = new Array();
mv2_lien = new Array();
mv2_menu[0] = '<a href=\"#\"><img src="images/titre_ch_eau_potable.gif" width="142" height="25" border=0></a>';
mv2_menu[1] = '<a href=\"#\"><img src="images/titre_ch_assainissement.gif" width="142" height="40" border=0></a>';
mv2_menu[2] = '<a href=\"#\"><img src="images/titre_ch_environnement.gif" width="142" height="25" border=0></a>';
mv2_menu[3] = '<a href=\"#\" onClick=\"document.getElementById(\'icontenu\').src=\'contenu/gestion_incendie.htm\'; \"><img src="images/titre_ch_poteaux_incendie.gif" width="142" height="25" border=0></a>';
mv2_menu[4] = '<a href=\"#\"><img src="images/titre_ch_societe.gif" width="142" height="25" border=0></a>';
mv2_menu[5] = '<a href=\"#\"><img src="images/titre_ch_qualite.gif" width="142" height="25" border=0></a>';
mv2_menu[6] = '<a href=\"#\" onClick=\"document.getElementById(\'icontenu\').src=\'contenu/gestion_clientele.htm\'; \"><img src="images/titre_ch_services.gif" width="142" height="25" border=0></a>';
mv2_menu[7] = '<a href=\"#\" onClick=\"document.getElementById(\'icontenu\').src=\'contenu/humanitaire.htm\'; \"><img src="images/titre_ch_humanitaire.gif" width="142" height="25" border=0></a>';
mv2_menu[8] = '<a href=\"#\"><img src="images/titre_ch_credits_droits.gif" width="142" height="25" border=0></a>';

//lien de niveau2 menu EAU POTABLE
mv2_lien[0] = '<img src="images/vide.gif" name="v1"><a href="contenu/production.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v1\',\'2\');">Production</a><BR>';
mv2_lien[0] += '<img src="images/vide.gif" name="v2"><a href="contenu/distribution.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v2\',\'2\');">Distribution</a><BR>';
//lien de niveau2 menu ASSAINISSEMENT
mv2_lien[1] = '<img src="images/vide.gif" name="v1"><a href="contenu/assainissement_presentation.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v1\',\'4\');">Pr&eacute;sentation</a><BR>';
mv2_lien[1] += '<img src="images/vide.gif" name="v2"><a href="contenu/assainissement_coll.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v2\',\'4\');">Assainissement&nbsp;collectif</a><br>';
mv2_lien[1] += '<img src="images/vide.gif" name="v3"><a href="contenu/assainissement_auto.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v3\',\'4\');">Assainissement&nbsp;autonome</a><BR>';
mv2_lien[1] += '<img src="images/vide.gif" name="v4"><a href="contenu/produits_spe.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v4\',\'4\');">Produits&nbsp;sp&eacute;cifiques</a><br><BR>';
//lien de niveau2 menu ENVIRONNEMENT
mv2_lien[2] = '<img src="images/vide.gif" name="v1"><a href="contenu/balayage.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v1\',\'7\');">Balayage</a><BR>';
mv2_lien[2] += '<img src="images/vide.gif" name="v2"><a href="contenu/irrigation.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v2\',\'7\');">Irrigation</a><BR>';
//mv2_lien[2] += '<img src="images/vide.gif" name="v3"><a href="contenu/gestion_incendie.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v3\',\'7\');">Gestion de poteaux incendie</a><BR>';
mv2_lien[2] += '<img src="images/vide.gif" name="v4"><a href="contenu/entretien_station.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v3\',\'7\');">Stations d\'&eacute;puration</a><BR>';
mv2_lien[2] += '<img src="images/vide.gif" name="v5"><a href="contenu/gestion_abonnes.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v4\',\'7\');">Gestion des Abonn&eacute;s<br>(habitat collectif)</a><BR>';
//mv2_lien[2] += '<img src="images/vide.gif" name="v7"><a href="#" target="icontenu" class="menu" onClick="javascript:puce(\'v7\',\'7\');">Diagnostic des r&eacute;seaux</a><BR>';
// lien de niveau 2 menu INCENDIE
mv2_lien[3] = '';
//lien de niveau2 menu SOCIETE
mv2_lien[4] = '<img src="images/vide.gif" name="v1"><a href="contenu/societe_sem.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v1\',\'10\');">SEM</a><BR>';
mv2_lien[4] += '<img src="images/vide.gif" name="v2"><a href="contenu/societe_actionnaire.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v2\',\'10\');">Actionnaires&nbsp;/&nbsp;Capital</a><BR>';
mv2_lien[4] += '<img src="images/vide.gif" name="v3"><a href="contenu/societe_chiffres.php" target="icontenu" class="menu" onClick="javascript:puce(\'v3\',\'10\');">Chiffres&nbsp;cl&eacute;s</a><BR>';
mv2_lien[4] += '<img src="images/vide.gif" name="v4"><a href="contenu/societe_organisation.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v4\',\'10\');">Organisation&nbsp;g&eacute;ographique</a><BR>';
mv2_lien[4] += '<img src="images/vide.gif" name="v5"><a href="contenu/societe_emploi.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v5\',\'10\');">M&eacute;tiers</a><BR>';
mv2_lien[4] += '<img src="images/vide.gif" name="v6"><a href="contenu/societe_materiel.php" target="icontenu" class="menu" onClick="javascript:puce(\'v6\',\'10\');">Mat&eacute;riels SEMERAP</a><BR>';
mv2_lien[4] += '<img src="images/vide.gif" name="v7"><a href="contenu/societe_partenaires.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v7\',\'10\');">Partenaires</a><BR>';
mv2_lien[4] += '<img src="images/vide.gif" name="v8"><a href="http://www.semerap.net/fr/journaleau/" target="icontenu" class="menu" onClick="javascript:puce(\'v8\',\'10\');">Journal de l\'eau</a><BR>';
mv2_lien[4] += '<img src="images/vide.gif" name="v9"><a href="https://www.espace-securise.fr/semerap" target="_blank" class="menu" onClick="javascript:puce(\'v9\',\'10\');">Extranet</a><BR>';
mv2_lien[4] += '<img src="images/vide.gif" name="v10"><a href="contenu/nouveau_siege_social.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v10\',\'10\');">Nouveau siège de Riom</a><BR>';
//lien de niveau2 menu QUALITE
mv2_lien[5] = '<img src="images/vide.gif" name="v1"><a href="contenu/qualite.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v1\',\'4\');">Qualit&eacute; de l\'eau</a><BR>';
mv2_lien[5] += '<img src="images/vide.gif" name="v2"><a href="http://www.sphinxonline.net/antanreel/enquetesemerap/questionnaire.htm" target="_blank" class="menu" onClick="javascript:puce(\'v2\',\'2\');">Enqu&ecirc;te</a><BR>';
mv2_lien[5] += '<img src="images/vide.gif" name="v3"><a href="contenu/demarche_qualite.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v3\',\'4\');">D&eacute;marche</a><BR>';
mv2_lien[5] += '<img src="images/vide.gif" name="v4"><a href="contenu/base.php" target="icontenu" class="menu" onClick="javascript:puce(\'v4\',\'4\');">Analyse DDASS</a><BR>';
//lien de niveau2 menu Service aux clients 
mv2_lien[6] = '<img src="images/vide.gif" name="v1"><a href="contenu/presta_facturation.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v1\',\'7\');">Prestation de facturation</a><BR>';
mv2_lien[6] += '<img src="images/vide.gif" name="v2"><a href="contenu/service_prelevement.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v2\',\'5\');">R&egrave;glement</a><BR>';
mv2_lien[6] += '<img src="images/vide.gif" name="v3"><a href="contenu/demande_abonnement.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v3\',\'5\');">Abonnement</a><BR>';
mv2_lien[6] += '<img src="images/vide.gif" name="v4"><a href="contenu/gestion_transfert.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v4\',\'5\');">Transfert</a><BR>';
mv2_lien[6] += '<img src="images/vide.gif" name="v5"><a href="http://www.semerap.net/fr/journaleau/" target="icontenu" class="menu" onClick="javascript:puce(\'v5\',\'5\');">Historique Journal</a><BR>';
mv2_lien[6] += '<img src="images/vide.gif" name="v6"><a href="contenu/gestion_declaration_releve.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v6\',\'6\');">Déclaration relevé compteur</a><BR>';
mv2_lien[6] += '<img src="images/vide.gif" name="v7"><a href="contenu/contrat_assistance_fuites.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v7\',\'7\');">Contrat Assistance fuites</a><BR>'; 
//lien de niveau2 HUMANITAIRE
mv2_lien[7] = '';
//lien de niveau2 menu CREDITS DROITS
mv2_lien[8] = '<img src="images/vide.gif" name="v1"><a href="contenu/credits_credits.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v1\',\'3\');">Cr&eacute;dits</a><BR>';
mv2_lien[8] += '<img src="images/vide.gif" name="v2"><a href="contenu/credits_droits.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v2\',\'3\');">Droits</a><BR>';
mv2_lien[8] += '<img src="images/vide.gif" name="v3"><a href="contenu/credits_len.htm" target="icontenu" class="menu" onClick="javascript:puce(\'v3\',\'3\');">L&nbsp;E&nbsp;N</a><BR>';

mv2_pos = -1;

function mv2_menu_draw()
	{
//couleur de bordure
	mv2_aff = "<TABLE BORDER=0 BGCOLOR=#fff6cc CELLPADDING=0 CELLSPACING=0 WIDTH=160><TR><TD><TABLE BORDER=0 CELLPADDING=03 CELLSPACING=1 WIDTH=100% bgcolor=fff6cc>";

	for(a=0;a<mv2_menu.length;a++)
		{
		if(mv2_pos == a || !document.getElementById)
//couleur menu ouvert
			bgcolor = "#fff6cc";
		else
//couleur menu fermé
			bgcolor = "#fff6cc";
		if(document.getElementById)
		{	
			mv2_aff += "<TR><TD BGCOLOR="+bgcolor+"><div onclick=\"mv2_pos="+a+";mv2_menu_draw()\" style=\"cursor: hand\">"+mv2_menu[a]+"</div></TD></TR>";
		}
		else
		{
			mv2_aff += "<TR><TD BGCOLOR="+bgcolor+">"+mv2_menu[a]+"</TD></TR>"
		}
		if(mv2_pos == a || !document.getElementById)
			mv2_aff += "<TR><TD BGCOLOR="+bgcolor+">"+mv2_lien[a]+"</TD></TR>";
		}

		mv2_aff += "</TABLE></TD></TR></TABLE>";
		if(document.getElementById)
		{
		document.getElementById("mv2").innerHTML = mv2_aff;
		}
		else
		{
		document.write(mv2_aff);
		}
	}

mv2_menu_draw();

