// VARIABLES GLOBALES


	// Largeur de la fenetre
	var winWidth;

	// Largeur des elts du menu
	var accW = 80;
	var ageW = 80;
	var imW = 90;
	var downW = 80;
	var linkW = 80;
	var diverW = 90;
	var contactW = 80;
	var totalW = accW+ageW+imW+downW+linkW+diverW+contactW;

	// Position en X des elts du menu
	var accX;
	var ageX;
	var imX;
	var downX;
	var linkX;
	var diverX;
	var contactX;
		
	// Couleur du fond
	var bgColor = "#EEEEEE";
	
	
	// Couleur des cases du menu onMouseOn
	var colorMenu = "#D36A6A";
	// Couleur des cases du menu onMouseOut
	var colorMenuOut = "#FFFFFF";
	// Couleur des tableaux
	var colorMenuBorder = "#FF0000";



// INITIALISER LA PAGE
function init()
{
		initValues();
		displayMenu();
		initMenu();
}


// INITIALISER LES VALEURS
function initValues()
{
	winWidth = document.body.clientWidth;
			
	// Position en X des elts du menu
	accX = winWidth/2 - totalW/2 ;
	ageX = accX+accW-2; 
	imX =  ageX+ageW-2;
	downX = imX+imW-2;
	linkX = downX+downW-2;
	diverX = linkX+linkW-2;
	contactX = diverX+diverW-2;			
}


// INIT MENU : cache les sous menu

function initMenu() 
{                    
  if (navigator.appName=='Microsoft Internet Explorer')
  {
       document.all.ID_MENU11.style.visibility='hidden';
       document.all.ID_MENU61.style.visibility='hidden';
       document.all.ID_MENU71.style.visibility='hidden';
	   document.all.ID_MENU91.style.visibility='hidden';       
  }
  else
  {
       document.getElementById('ID_MENU11').style.visibility='hidden';
       document.getElementById('ID_MENU61').style.visibility='hidden';
	   document.getElementById('ID_MENU71').style.visibility='hidden';
	   document.getElementById('ID_MENU91').style.visibility='hidden';       
  }
}



// DESSIN DU MENU
function displayMenu()
{
// MENU PRINCIPAL

	document.write(	"<DIV ID='ID_MENU0' style=\"position: absolute; left:"+accX+"px; top:168px; width:"+accW+"px; height:18px;  border-width:1; background-color='#FFFFFF'\" z-index:1 >");
	document.write(	"	<TABLE  BORDER='0' WIDTH='80'  HEIGHT='18' BGCOLOR="+colorMenuBorder+">");
	document.write(	"		<TR>");
	document.write(	"			<TD height=\"18\" font-size=\"18px\" onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"javascript:window.location='../index.php'\"  BGCOLOR="+colorMenuOut+"><CENTER>Accueil</CENTER></TD>");

	document.write(	"		</TR>");
	document.write(	"	</TABLE>");
	document.write(	"</DIV>");

	document.write(	"	<DIV ID='ID_MENU7' style=\"position: absolute; left:"+ageX+"px; top:168px; width:"+ageW+"px; height:18px; border-width:1; background-color='#FFFFFF'\" z-index:1 onmouseover='displayMenu71()' onmouseout='hideMenu71()'>"); 
	document.write(	"	<TABLE  BORDER='0' WIDTH='80'  HEIGHT='18' BGCOLOR="+colorMenuBorder+">");
	document.write(	"		<TR>");
	document.write(	"			<TD height=\"18\" font-size=\"18px\" onmouseover=\"this.bgColor=colorMenuOut\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"javascript:window.location='evenements.html'\" BGCOLOR="+colorMenuOut+"><CENTER>Agenda</CENTER></TD>");
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");
	document.write(	"</DIV>");
	
	document.write(	"	<DIV ID='ID_MENU1' style=\"position: absolute; left:"+imX+"px; top:168px; width:"+imW+"px; height:18px; border-width:1; background-color='#FFFFFF'\" z-index:1 onmouseover='displayMenu11()' onmouseout='hideMenu11()'>"); 
	document.write(	"	<TABLE  BORDER='0' WIDTH='90'  HEIGHT='18' BGCOLOR="+colorMenuBorder+">");
	document.write(	"		<TR>");
	document.write(	"			<TD height=\"18\" font-size=\"18px\" onmouseover=\"this.bgColor=colorMenuOut\" onmouseout=\"this.bgColor=colorMenuOut\" BGCOLOR="+colorMenuOut+"><CENTER>Communauté</CENTER></TD>");
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");
	document.write(	"</DIV>");

	document.write(	"	<DIV ID='ID_MENU2' style=\"position: absolute; left:"+downX+"px; top:168px; width:"+downW+"px; height:18px;  border-width:1; background-color='#FFFFFF'\" z-index:1 onmouseover='displayMenu21()' onmouseout='hideMenu41()'>");
	document.write(	"	<TABLE  BORDER='0' WIDTH='80'  HEIGHT='18' BGCOLOR="+colorMenuBorder+">");
	document.write(	"		<TR>");
	document.write(	"			<TD height=\"18\" font-size=\"18px\" onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"javascript:window.location='../download.html'\" BGCOLOR="+colorMenuOut+"><CENTER>Télécharger</CENTER></TD>");

	document.write(	"		</TR>");
	document.write(	"	</TABLE>");
	document.write(	"</DIV>");

	document.write(	"	<DIV ID='ID_MENU5' style=\"position: absolute; left:"+linkX+"px; top:168px; width:"+linkW+"px; height:18px;  border-width:1; background-color='#FFFFFF'\" z-index:1>");
	document.write(	"	<TABLE  BORDER='0' WIDTH='80'  HEIGHT='18' BGCOLOR="+colorMenuBorder+">");
	document.write(	"		<TR>");
	document.write(	"			<TD height=\"18\" font-size=\"18px\" onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"javascript:window.location='../gallery.html'\" BGCOLOR="+colorMenuOut+"><CENTER>Photos</CENTER></TD>");

	document.write(	"		</TR>");
	document.write(	"	</TABLE>");
	document.write(	"</DIV>");

	document.write(	"	<DIV ID='ID_MENU6' style=\"position: absolute; left:"+diverX+"px; top:168px; width:"+diverW+"px; height:18px; border-width:1; background-color='#FFFFFF'\" z-index:1 onmouseover='displayMenu61()' onmouseout='hideMenu61()'>"); 
	document.write(	"	<TABLE  BORDER='0' WIDTH='90'  HEIGHT='18' BGCOLOR="+colorMenuBorder+">");
	document.write(	"		<TR>");
	document.write(	"			<TD height=\"18\" font-size=\"18px\" onmouseover=\"this.bgColor=colorMenuOut\" onmouseout=\"this.bgColor=colorMenuOut\" BGCOLOR="+colorMenuOut+"><CENTER>Divers</CENTER></TD>");
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");
	document.write(	"</DIV>");	

	document.write(	"	<DIV ID='ID_MENU9' style=\"position: absolute; left:"+contactX+"px; top:168px; width:"+contactW+"px; height:18px; border-width:1; background-color='#FFFFFF'\" z-index:1 onmouseover='displayMenu91()' onmouseout='hideMenu91()'>"); 
	document.write(	"	<TABLE  BORDER='0' WIDTH='80'  HEIGHT='18' BGCOLOR="+colorMenuBorder+">");
	document.write(	"		<TR>");
	document.write(	"			<TD height=\"18\" font-size=\"18px\" onmouseover=\"this.bgColor=colorMenuOut\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"javascript:window.location='../contact.html'\" BGCOLOR="+colorMenuOut+"><CENTER>Contact</CENTER></TD>");
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");
	document.write(	"</DIV>");

	document.write(	"		</TR>");
	document.write(	"	</TABLE>");
	document.write(	"</DIV>");
		
//<!-- SOUS MENU POUR COMMUNAUTÉ> -->

	document.write(	"	<DIV ID='ID_MENU11' style=\"position: absolute; left:"+imX+"px; top:188px; width:90px; height:80px; border-width:1; background-color='#FFFFFF'\" z-index:1 onmouseover='displayMenu11()' onmouseout='hideMenu11()'>");

	document.write(	"	<TABLE  BORDER='0' WIDTH='90'  HEIGHT='80' BGCOLOR="+colorMenuBorder+">");
	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='forum.html'\"  BGCOLOR="+colorMenuOut+">");
	document.write(	"				<CENTER>Forum</CENTER>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='aswinchat.html'\"  BGCOLOR="+colorMenuOut+">");
	document.write(	"				<CENTER>Chat</CENTER>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");

	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='guestbook.html'\"  BGCOLOR="+colorMenuOut+">");
	document.write(	"				<CENTER>Livre D'Or</CENTER>");
	document.write(	"			</TD>");
			
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='members.html'\"  BGCOLOR="+colorMenuOut+">");
	document.write(	"				<CENTER>Liste des Membres</CENTER>");
	document.write(	"			</TD>");
		
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");

	document.write(	"</DIV>");


//<!-- SOUS MENU POUR DIVERS> -->

	document.write(	"	<DIV ID='ID_MENU61' style=\"position: absolute; left:"+diverX+"px; top:188px; width:90px; height:120px; border-width:1; background-color='#FFFFFF'\" z-index:1 onmouseover='displayMenu61()' onmouseout='hideMenu61()'>");

	document.write(	"	<TABLE  BORDER='0' WIDTH='90'  HEIGHT='120' BGCOLOR="+colorMenuBorder+">");
	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='articles.html'\"  BGCOLOR="+colorMenuOut+">");
	document.write(	"				<CENTER>Articles</CENTER>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='sortie-cinema.html'\"  BGCOLOR="+colorMenuOut+">");
	document.write(	"				<CENTER>Ciné - France</CENTER>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='horoscope.html'\"  BGCOLOR="+colorMenuOut+">");
	document.write(	"				<CENTER>Horoscope</CENTER>");
	document.write(	"			</TD>");
			
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='meteo.html'\"  BGCOLOR="+colorMenuOut+">");
	document.write(	"				<CENTER>Météo - France</CENTER>");
	document.write(	"			</TD>");
			
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='programme-tv.html'\"  BGCOLOR="+colorMenuOut+">");
	document.write(	"				<CENTER>TV - France</CENTER>");
	document.write(	"			</TD>");

	document.write(	"		</TR>");

	document.write(	"	</TABLE>");

	document.write(	"</DIV>");

//<!-- SOUS MENU POUR Agenda -->

	document.write(	"	<DIV ID='ID_MENU71' style=\"position: absolute; left:"+ageX+"px; top:188px; width:80px; height:60px; border-width:1; background-color='#FFFFFF'\" z-index:1 onmouseover='displayMenu71()' onmouseout='hideMenu71()'>");

	document.write(	"	<TABLE  BORDER='0' WIDTH='80'  HEIGHT='60' BGCOLOR="+colorMenuBorder+">");
	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='evenements.html'\"  BGCOLOR="+colorMenuOut+">");
	document.write(	"				<CENTER>Évènements</CENTER>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");

	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='suggest-calendar.html'\"  BGCOLOR="+colorMenuOut+">");
	document.write(	"				<CENTER>Annoncer un Évènement</CENTER>");
	document.write(	"			</TD>");
			
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");

	document.write(	"</DIV>");

//<!-- SOUS MENU POUR Contact -->

	document.write(	"	<DIV ID='ID_MENU91' style=\"position: absolute; left:"+contactX+"px; top:188px; width:80px; height:40px; border-width:1; background-color='#FFFFFF'\" z-index:1 onmouseover='displayMenu91()' onmouseout='hideMenu91()'>");

	document.write(	"	<TABLE  BORDER='0' WIDTH='80'  HEIGHT='40' BGCOLOR="+colorMenuBorder+">");
	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='contact.html'\"  BGCOLOR="+colorMenuOut+">");
	document.write(	"				<CENTER>Nous Contacter</CENTER>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='recommand.html'\"  BGCOLOR="+colorMenuOut+">");
	document.write(	"				<CENTER>Inviter un ami</CENTER>");
	document.write(	"			</TD>");
			
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");

	document.write(	"</DIV>");

}


// FONCTIONS POUR COMMUNAUTÉ

function displayMenu11() 
{                     
  if (navigator.appName=='Microsoft Internet Explorer')
  {
       document.all.ID_MENU11.style.visibility='visible';
  }
  else
  {
       document.getElementById('ID_MENU11').style.visibility='visible';
  }
}		

	
function hideMenu11() 
{                    
  if (navigator.appName=='Microsoft Internet Explorer')
  {
       document.all.ID_MENU11.style.visibility='hidden';
  }
  else
  {
       document.getElementById('ID_MENU11').style.visibility='hidden';
  }
}



// FONCTIONS POUR Annuaire

function displayMenu41()
{                     
  if (navigator.appName=='Microsoft Internet Explorer')
  {
       document.all.ID_MENU41.style.visibility='visible';
  }
  else
  {
       document.getElementById('ID_MENU41').style.visibility='visible';
  }
}		

	
function hideMenu41() 
{                    
  if (navigator.appName=='Microsoft Internet Explorer')
  {
       document.all.ID_MENU41.style.visibility='hidden';
  }
  else
  {
       document.getElementById('ID_MENU41').style.visibility='hidden';
  }
}

// FONCTIONS POUR DIVERS

function displayMenu61() 
{                     
  if (navigator.appName=='Microsoft Internet Explorer')
  {
       document.all.ID_MENU61.style.visibility='visible';
  }
  else
  {
       document.getElementById('ID_MENU61').style.visibility='visible';
  }
}		

	
function hideMenu61() 
{                    
  if (navigator.appName=='Microsoft Internet Explorer')
  {
       document.all.ID_MENU61.style.visibility='hidden';
  }
  else
  {
       document.getElementById('ID_MENU61').style.visibility='hidden';
  }
}

// FONCTIONS POUR Agenda

function displayMenu71() 
{                     
  if (navigator.appName=='Microsoft Internet Explorer')
  {
       document.all.ID_MENU71.style.visibility='visible';
  }
  else
  {
       document.getElementById('ID_MENU71').style.visibility='visible';
  }
}		

	
function hideMenu71() 
{                    
  if (navigator.appName=='Microsoft Internet Explorer')
  {
       document.all.ID_MENU71.style.visibility='hidden';
  }
  else
  {
       document.getElementById('ID_MENU71').style.visibility='hidden';
  }
}

// FONCTIONS POUR Partenaire

function displayMenu81() 
{                     
  if (navigator.appName=='Microsoft Internet Explorer')
  {
       document.all.ID_MENU81.style.visibility='visible';
  }
  else
  {
       document.getElementById('ID_MENU81').style.visibility='visible';
  }
}		

	
function hideMenu81() 
{                    
  if (navigator.appName=='Microsoft Internet Explorer')
  {
       document.all.ID_MENU81.style.visibility='hidden';
  }
  else
  {
       document.getElementById('ID_MENU81').style.visibility='hidden';
  }
}

// FONCTIONS POUR Contact

function displayMenu91() 
{                     
  if (navigator.appName=='Microsoft Internet Explorer')
  {
       document.all.ID_MENU91.style.visibility='visible';
  }
  else
  {
       document.getElementById('ID_MENU91').style.visibility='visible';
  }
}		

	
function hideMenu91()
{                    
  if (navigator.appName=='Microsoft Internet Explorer')
  {
       document.all.ID_MENU91.style.visibility='hidden';
  }
  else
  {
       document.getElementById('ID_MENU91').style.visibility='hidden';
  }
}