
/*
	posYmenu = position absolue par rapport au haut de l'écran, en pixels
	posXmenu = position absolue par rapport au bord gauche de l'écran, en pixels
	bgcolor = fond de couleur de base
	bgcolor2 = fond de couleur au rollover
*/
posYmenu = 160;
posXmenu = 205;
bgcolor='#6699FF';
bgcolor2='#6699FF';
bgcolor3='#43E1FD';

/*
	Partie à ne pas modifier à priori
*/
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; top:'+posYmenu+'px; left:'+posXmenu+'px; z-index:10; }')
document.write('A:hover.ejsmenu {color:#000000; text-decoration:none;}')
document.write('A.ejsmenu {color:#000000; text-decoration:none;}')
document.write('</style>')
document.write('<div class=popper id=topdeck></div>');

/*
	Construction dynamique des liens
*/

drawmenu = 5;zlien = new Array;
menu = new Array;
zlien[0] = new Array;
zlien[1] = new Array;
zlien[2] = new Array;
zlien[3] = new Array;
zlien[4] = new Array;
menu[1] = 'Info Municipale';zlien[1-1][0] = '<A class="Lien2" href="static.php?op=elus.htm&npds=1">Vos élus</A>';
zlien[1-1][1] = '<A class="Lien2" href="sections.php?op=viewarticle&artid=14">Les permanences</A>';
zlien[1-1][2] = '<A class="Lien2" href="sections.php?op=viewarticle&artid=15">Les projets</A>';
zlien[1-1][3] = '<A class="Lien2" href="sections.php?op=viewarticle&artid=16">Les subventions</A>';
zlien[1-1][4] = '<A class="Lien2" href="sections.php?op=viewarticle&artid=50">Les finances</A>';
zlien[1-1][5] = '<A class="Lien2" href="sections.php?op=listarticles&secid=6">Les travaux</A>';
menu[2] = 'Les services';zlien[2-1][0] = '<A class="Lien2" href="sections.php?op=viewarticle&artid=21">La crêche</A>';
zlien[2-1][1] = '<A class="Lien2" href="sections.php?op=viewarticle&artid=22">La piscine</A>';
zlien[2-1][2] = '<A class="Lien2" href="sections.php?op=viewarticle&artid=36">Le centre d&rsquo;accueil</A>';
menu[3] = 'Info Locale';zlien[3-1][0] = '<A class="Lien2" href="sections.php?op=listarticles&secid=2">L&rsquo;environnement</A>';
zlien[3-1][1] = '<A class="Lien2" href="sections.php?op=viewarticle&artid=19">Les marchés</A>';
zlien[3-1][2] = '<A class="Lien2" href="sections.php?op=viewarticle&artid=20">Les foires</A>';
zlien[3-1][3] = '<A class="Lien2" href="sections.php?op=viewarticle&artid=31">Les associations</A>';
menu[4] = 'La culture';zlien[4-1][0] = '<A class="Lien2" href="http://www.mairie-tarascon.com/culture/index.html">La culture</A>';
zlien[4-1][1] = '<A class="Lien2" href="http://www.mairie-tarascon.com/culture/bibliotheque.html/A>';
zlien[4-1][2] = '<A class="Lien2" href="http://www.mairie-tarascon.com/culture/spectacle.html/A>';
zlien[4-1][3] = '<A class="Lien2" href="http://www.mairie-tarascon.com/culture/exposition.html/A>';
zlien[4-1][4] = '<A class="Lien2" href="sections.php?op=viewarticle&artid=32">Le festival Latino</A>';
zlien[4-1][5] = '<A class="Lien2" href="sections.php?op=viewarticle&artid=11">Vents du Sud</A>';
zlien[4-1][6] = '<A class="Lien2" href="sections.php?op=viewarticle&artid=13">Musiques et Danses du Monde</A>';
zlien[4-1][7] = '<A class="Lien2" href="sections.php?op=viewarticle&artid=35">Les conférences</A>';
menu[5] = 'La ville';zlien[5-1][0] = '<A class="Lien2" href="../modules.php?ModPath=plan&ModStart=index">le plan</A>';
zlien[5-1][1] = '<A class="Lien2" href="../modules.php?ModPath=ppm&ModStart=ppm">L&rsquo;album photos</A>';
zlien[5-1][2] = '<A class="Lien2" href="../sections.php?op=viewarticle&artid=34">Histoire locale</A>';


/*
	Construction dynamique des sous-liens
*/

var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
var cpt;
if (nava) { skn = document.topdeck }
else if (dom) { skn = document.getElementById("topdeck").style }
else if (iex) { skn = topdeck.style }
skn.top = posYmenu+18;

function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = posXmenu+pos;
/*
	dans la ligne qui suit, WIDTH=180 est la largeur des sous-menus, que vous pouvez modifier
*/
var content ="<table BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#152A6F WIDTH=180><tr><td><table WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";
pass = 0
while (pass < msg.length)
	{
	content += "<tr><td BGCOLOR="+bgcolor2+" onMouseOver=\"this.style.background='"+bgcolor3+"';kill1()\" onMouseOut=\"this.style.background='"+bgcolor2+"';kill2()\" HEIGHT=16>"+msg[pass]+"</td></tr>";
	pass++;
	}
content += "</table></td></tr></table>";
if (nava)
  {
    skn.document.write(content);
	  skn.document.close();
	  skn.visibility = "visible";
  }
    else if (dom)
  {
	  document.getElementById("topdeck").innerHTML = content;
	  skn.visibility = "visible";
  }
    else if (iex)
  {
	  document.all("topdeck").innerHTML = content;
	  skn.visibility = "visible";
  }
}
function kill()
{
	skn.visibility = "hidden";
}
function kill1()
{
	clearTimeout(cpt);
}
function kill2()
{
	cpt = setTimeout("kill()",200);
}
/*
	taille = largeur des menus de niveau 1 (sections)
	tailletotale = largeur globale de votre menu selon le nombre de sections)
*/

taille = 120;
tailletotale = taille * drawmenu;
large = 0;
i = 1;
document.onclick = kill;
document.write('<div ID=topgauche><table BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#ffffff WIDTH='+tailletotale+'><tr><td><table CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=16><tr>');

while( i <= drawmenu ){
document.write('<td WIDTH=118 ALIGN=center BGCOLOR='+bgcolor+' height="16" onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien['+(i-1)+'],'+large+');kill1()" onMouseOut="this.style.background=\''+bgcolor+'\';kill2()"><a class="Lien2" onClick="return(false)" onMouseOver="pop(zlien['+(i-1)+'],'+large+')" href=#><b>'+menu[i]+'</b></a></td>')
i ++;
large += taille
}

document.write('</tr></table></td></tr></table></div>')
