/* Définition des variables */
var largeur=screen.width;
posXmenu = (largeur - 1000)/2 - 10;
posYmenu= 155;
bgcolor='#0036FF';
bgcolor2='#0076FF';
/*Liens pour le menu horizontal */
sousmenu = new Array;
sousmenu[0] = new Array;
sousmenu[1] = new Array; /* Club */
sousmenu[2] = new Array; /* Compétitions */
sousmenu[3] = new Array;/* Vie du club */
sousmenu[4] = new Array; /* Accès Membres */
sousmenu[5] = new Array; /* Ecole */
sousmenu[6] = new Array; /* Contact */
sousmenu[7] = new Array; /* Liens */

sousmenu[1][0] ='<a href ="comite.htm" CLASS=menu> &nbsp;Comité </a>';
sousmenu[1][1] ='<a href ="historique.htm" CLASS=menu> &nbsp;Historique </a>';
sousmenu[1][2] ='<a href ="installations.htm" CLASS=menu> &nbsp;Infrastructures </a>';
sousmenu[1][3] ='<a href ="inscription.htm" CLASS=menu> &nbsp;Inscription </a>';
sousmenu[1][4] ='<a href ="reglement.htm" CLASS=menu> &nbsp;Règlement </a>';

sousmenu[2][0] ='<a href ="interclubs.htm" CLASS=menu> &nbsp;Interclubs </a>';
sousmenu[2][1] ='<a href ="tournoi.htm" CLASS=menu> &nbsp;Tournoi </a>';

sousmenu[3][0] ='<a href ="evenements.htm" CLASS=menu> &nbsp;Evénements </a>';
sousmenu[3][1] ='<a href ="photos.htm" CLASS=menu> &nbsp;Galerie Photos </a>';


sousmenu[5][0] ='<a href ="coursHiver.htm" CLASS=menu> &nbsp;Cours Hiver </a>';
sousmenu[5][1] ='<a href ="coursPrintemps.htm" CLASS=menu> &nbsp;C. Printemps </a>';
sousmenu[5][2] ='<a href ="stages.htm" CLASS=menu> &nbsp;Stages </a>';

sousmenu[6][0] ='<a href ="itineraire.htm" CLASS=menu> &nbsp;Itinéraire </a>';
sousmenu[6][1] ='<a href ="mailto:tennis@tcdottignien.be" target="_top" CLASS=menu> &nbsp;E Mail </a>';


dom = document.getElementById;

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

/* Position du sousmenu */

if(dom)
  document.getElementById("cadremenu").style.top = posYmenu+29;
/* Affichage des sousmenus */
function SousMenu(msg,pos)
 {
  if(dom)
    {
	  document.getElementById("cadremenu").style.left= posXmenu+pos;
	  var content ="<table border=0 cellpadding=0 cellspacing=0 bgcolor=#0036FF width=125><tr><td><table width=100% border=0 cellpadding=0 cellspacing=1>";
       for(pass=0;pass < msg.length;pass++)
	    {
		 content += "<tr><td align=left bgcolor="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor2+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" height=20><font size=2 face=\"arial\"> "+msg[pass]+" </font></td></tr>";
	    }
	  content += "</table></td></tr></table>";
	  document.getElementById("cadremenu").innerHTML = content;
	  document.getElementById("cadremenu").style.visibility = "visible";
    }
 }
 
 /* Invisibilité des sousmenus */
 
function Killfenetre()
   {
     if(dom)
	   document.getElementById("cadremenu").style.visibility = "hidden";
   }
document.onclick = Killfenetre;

/* Affichage du menu horizontal */
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=#0036FF width=1000><tr><td><table cellpadding=0 cellspacing=1 border=0 width=100% height=30><tr>');
     document.write('<td width=125 align=center bgcolor='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';SousMenu(sousmenu[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><a href="index.html"; Class="menu"><font size=2 face="arial">Accueil</font></a></td>');
	 document.write('<td width=125 align=center bgcolor='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';               SousMenu(sousmenu[1],125)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A Class=menu><font size=2 face="arial">Club</font></a></td>');
	 document.write('<td width=125 align=center bgcolor='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';               SousMenu(sousmenu[2],250)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A Class=menu><font size=2 face="arial">Compétition</font></a></td>');
	 document.write('<td width=125 align=center bgcolor='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';               SousMenu(sousmenu[3],375)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A Class=menu><font size=2 face="arial">Vie du Club</font></a></td>');
	 document.write('<td width=125 align=center bgcolor='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';               SousMenu(sousmenu[4],500)" onMouseOut="this.style.background=\''+bgcolor+'\'"><a href="reservation.htm"; Class=menu><font size=2 face="arial">Accès Membres</font></a></td>');
	 document.write('<td width=125 align=center bgcolor='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';               SousMenu(sousmenu[5],625)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A Class=menu><font size=2 face="arial">Ecole</font></a></td>');
	 document.write('<td width=125 align=center bgcolor='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';               SousMenu(sousmenu[6],750)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A Class=menu><font size=2 face="arial">Contact</font></a></td>');
	 document.write('<td width=125 align=center bgcolor='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';               SousMenu(sousmenu[7],875)" onMouseOut="this.style.background=\''+bgcolor+'\'"><a href="liens.htm"; Class="menu"><font size=2 face="arial">Liens</font></a></td>');
	 document.write('</tr></table></td></tr></table></div>');
}