window.status = "Rcmodélisme fly-internationnal";

posXmenu = 25;       //distance entre le bord gauche de l'écran et le côté gauche du menu
posYmenu = 125;       //distance entre le bord supérieur de l'écran et le haut du menu
bgcolor = '#555555';  //couleur du menu
bgcolor2 = '#FF0000';   //couleur des cellules survolées

sousmenu = new Array;  //création d'un tableau
sousmenu[0] = new Array;  //création d'un tableau dans le tableau
sousmenu[1] = new Array;
sousmenu[2] = new Array;
sousmenu[3] = new Array;
sousmenu[4] = new Array;
sousmenu[5] = new Array;

sousmenu[0][0] = '<a href="index.html" CLASS=menu> Numéro du mois</a>';

sousmenu[1][0] = '<a href="2007.html" CLASS=menu> Année 2007</a>';
sousmenu[1][1] = '<a href="2008.html" CLASS=menu> Année 2008</a>';
sousmenu[1][2] = '<a href="2009.html" CLASS=menu> Année 2009</a>';
sousmenu[1][3] = '<a href="2010.html" CLASS=menu> Année 2010</a>';

sousmenu[2][0] = '<a href="horsserie10.html" CLASS=menu> Hors Série n°10</a>';
sousmenu[2][1] = '<a href="horsserie11.html" CLASS=menu> Hors Série n°11</a>';
sousmenu[2][2] = '<a href="horsserie12.html" CLASS=menu> Hors Série n°12</a>';
sousmenu[2][3] = '<a href="horsserie13.html" CLASS=menu> Hors Série n°13</a>';

sousmenu[3][0] = '<a href="videos.html" CLASS=menu> Les vidéos</a>';
sousmenu[3][1] = '<a href="indexnumeros.html" CLASS=menu> Index des numéros</a>';
sousmenu[3][2] = '<a href="complement09.html" CLASS=menu> Compléments 2009</a>';
sousmenu[3][3] = '<a href="complement10.html" CLASS=menu> Compléments 2010</a>';

sousmenu[4][0] = '<a href="../rcracing/" CLASS=menu> Rc-Racing</a>';
sousmenu[4][1] = '<a href="../rcpower/" CLASS=menu> Rc-Power</a>';
sousmenu[4][2] = '<a href="../forums/" CLASS=menu> Les Forums</a>';
sousmenu[4][3] = '<a href="../boutique/" CLASS=menu> La Boutique</a>';
sousmenu[4][4] = '<a href="../pa/" CLASS=menu> Petites Annonces</a>';

sousmenu[5][0] = '<a href="contacts.html" CLASS=menu> Nous contacter</a>';
sousmenu[5][1] = '<a href="partenaires.html" CLASS=menu> Nos partenaires</a>';

dom = document.getElementById;    //test de compatibilité du navigateur plus rapide

document.write('<style type = "text/css">');    //on écrit dans une page HTML qui contiendra le script d'une feuille de style qui définit la couleur des liens du menu
document.write('A:hover.menu {color:white; text-decoration:none;}');
document.write('A.menu {color:white; text-decoration:none;}');
document.write('</style>');

if(dom)
document.getElementById("cadremenu").style.top = posYmenu+24;    //on place l'élément cadremenu à 24 pixels sous le haut du menu fixe

function SousMenu(msg,pos){

if(dom){    //si le navigateur est compatible
document.getElementById("cadremenu").style.left = posXmenu+pos;  //position du sous-menu en fonction de pos et de la position du menu principal
var tab = "<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=150><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";  //début de tableau HTML

for(pass=0;pass < msg.length;pass++){   //boucle qui va s'exécuter autant de fois qu'il y a de liens enregistrés dans le tableau passé en paramètre msg
tab += "<TR><TD BGCOLOR="+bgcolor+" onMouseOut=\"this.style.background='"+bgcolor+"'\"HEIGHT=20 onMouseOver=\"this.style.background='"+bgcolor2+"'\"HEIGHT=20><FONT SIZE=1 FACE=\"Verdana\">"+msg[pass]+"</FONT></TD></TR>";   //on ajoute à la variable tab une ligne de tableau HTML contenant un lien. Avec onMouseOver et onMouseOut : changement de couleur de la cellule au passage de la souris.
}

tab += "</TABLE></TD></TR></TABLE>";  //on ajoute les codes HTML qui vont fermer les tableaux
document.getElementById("cadremenu").innerHTML = tab;   //on écrit le contenu de la variable tab dans l'élément dont l'ID est cadremenu
document.getElementById("cadremenu").style.visibility = "visible"; //on rend l'élément visible
}
}

function KillFenetre(){       
if(dom)
document.getElementById("cadremenu").style.visibility = "hidden";
}
document.onclick = KillFenetre;    //fait disparaitre le sous menu lorsqu'un clic est détecté sur la page

if(dom){
document.write('<DIV STYLE="position:absolute; top:'+posYmenu+'px; left:'+posXmenu+'px; z-index:10;"><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=600><TR><TD><TABLE CELLPADDING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=25><TR>');      //on écrit le tableau contenu dans les balises DIV sans ID dans lesquelles on définit son style. La position est absolue. Placement sur la page définie avec posXmenu et posYmenu
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\'; SousMenu(sousmenu[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A CLASS=menu><FONT SIZE=1 FACE="Verdana">Fly Inter</FONT></A></TD>');
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\'; SousMenu(sousmenu[1],100)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A CLASS=menu><FONT SIZE=1 FACE="Verdana">Les Numéros</FONT></A></TD>');
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\'; SousMenu(sousmenu[2],200)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A CLASS=menu><FONT SIZE=1 FACE="Verdana">Hors Série</FONT></A></TD>');
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\'; SousMenu(sousmenu[3],300)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A CLASS=menu><FONT SIZE=1 FACE="Verdana">Divers</FONT></A></TD>');
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\'; SousMenu(sousmenu[4],400)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A CLASS=menu><FONT SIZE=1 FACE="Verdana">Services</FONT></A></TD>');
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\'; SousMenu(sousmenu[5],500)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A CLASS=menu><FONT SIZE=1 FACE="Verdana">Contact</FONT></A></TD>');
document.write('</TR></TABLE></TD></TR></TABLE></DIV>');
}

