//Variables générales
PosXMenu=61;
//PosXMenu position du bord gauche
PosYMenu=249;
//PosYMenu position du haut de la page
bgcolor='#FF9900';
bgcolor2='#FFFF66';
//largeur des menus 225
//Menus, sous-menus et liens
sousmenu = new Array;
sousmenu[0] = new Array;
sousmenu[1] = new Array;
sousmenu[2] = new Array;
sousmenu[3] = new Array;
sousmenu[1][0] = '<A HREF="http://perso.orange.fr/grusson/program/VBScript/progvbs.html" CLASS=menu>Le VBScript</A>';
sousmenu[1][1] = '<A HREF="http://perso.orange.fr/grusson/program/VBNet/progvbnet.html" CLASS=menu>Visual Basic .Net</A>';
sousmenu[1][2] = '<A HREF="http://perso.orange.fr/grusson/program/Delphi/progdelphi.html" CLASS=menu>Delphi</A>';
sousmenu[1][3] = '<A HREF="http://perso.orange.fr/grusson/program/VBasic/progvb.html" CLASS=menu>Initiation Visual Basic</A>';
sousmenu[2][0] = '<A HREF="http://perso.orange.fr/grusson/cours/menucours.html#reso" CLASS=menu>Généralités sur les réseaux</A>';
sousmenu[2][1] = '<A HREF="http://perso.orange.fr/grusson/cours/menucours.html#tcpip" CLASS=menu>Environnement TCP/IP</A>';
sousmenu[2][2] = '<A HREF="http://perso.orange.fr/grusson/cours/menucours.html#w2k" CLASS=menu>Administration serveurs 200x</A>';
sousmenu[2][3] = '<A HREF="http://perso.orange.fr/grusson/cours/menucours.html#linux" CLASS=menu>Système d\'exploitation Linux</A>';
sousmenu[2][4] = '<A HREF="http://perso.orange.fr/grusson/cours/menucours.html#secu" CLASS=menu>Sécurité</A>';
sousmenu[3][0] = '<A HREF="http://perso.orange.fr/grusson/liens.html" CLASS=menu>Quelques liens</A>';
sousmenu[3][1] = '<A HREF="mailto:yonel.grusson@ac-grenoble.fr" CLASS=menu>Me contacter</A>';

//Définition du style
document.write('<STYLE type="text/css">');
document.write('A:hover.menu {color:#000000; text-decoration:none;}');
document.write('A.menu {color:#000000; text-decoration:none;}');
document.write('</STYLE>');

//Positionnement des sous-menus
  document.getElementById("menucadre").style.top = PosYMenu+24;

//Affichage des sous-menus
function SousMenu(msg,pos)
{
    document.getElementById("menucadre").style.left=PosXMenu+pos;
    var contenu="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=200><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDIN=0 CELLSPACING=1>";
    for(pass=0;pass < msg.length;pass++)
      {
      contenu +="<TR><TD ALIGN=\"center\" BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor2+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=2 FACE=\"Arial\">"+msg[pass]+" </FONT></TD></TR>";
      } 
    contenu +="</TABLE></TD></TR></TABLE>";
    document.getElementById("menucadre").innerHTML = contenu
    document.getElementById("menucadre").style.visibility = "visible";
   // }
}

//Sous-menus invisible
function FermeFenetre()
{
  document.getElementById("menucadre").style.visibility = "hidden";
}

document.onclick = FermeFenetre;
//Menu principal
{
  document.write('<div id="belledonne" style="position:absolute; width:900; height:200px; z-index:1; left: 61px; top: 39px; visibility"><img src="http://perso.orange.fr/grusson/images/Belledonne2.jpg" width="900" height="200" alt="Belledonne"></div>')
  document.write('<DIV STYLE="position:absolute; top:'+PosYMenu+'px;left:'+PosXMenu+'px; z-index:4;"><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=900><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=25><TR>')
  document.write('<TD width=225 align="center" bgcolor=\"'+bgcolor+'\" onMouseOver="this.style.background=\''+bgcolor2+'\' ; SousMenu(sousmenu[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A HREF="http://perso.orange.fr/grusson/index.html" CLASS=menu><FONT SIZE=2 FACE="Arial">Accueil</FONT></A></TD>')
  document.write('<TD width=225 align="center" bgcolor=\"'+bgcolor+'\" onMouseOver="this.style.background=\''+bgcolor2+'\' ; SousMenu(sousmenu[1],225)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A CLASS=menu><FONT SIZE=2 FACE="Arial">Programmation</FONT></A></TD>')
  document.write('<TD width=225 align="center" bgcolor=\"'+bgcolor+'\" onMouseOver="this.style.background=\''+bgcolor2+'\' ; SousMenu(sousmenu[2],450)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A HREF="http://perso.orange.fr/grusson/cours/menucours.html" CLASS=menu><FONT SIZE=2 FACE="Arial">Cours</FONT></A></TD>')
  document.write('<TD width=225 align="center" bgcolor=\"'+bgcolor+'\" onMouseOver="this.style.background=\''+bgcolor2+'\' ; SousMenu(sousmenu[3],675)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A CLASS=menu><FONT SIZE=2 FACE="Arial">Autres</FONT></A></TD>')
  document.write('</TR></TABLE></TD></TR></TABLE></DIV>')
}