// VARIABLES GLOBALES


	// Largeur de la fenetre
	var winWidth;

	// Largeur des elts du menu
	var accW = 80;
	var totalW = accW;

	// Position en X des elts du menu
	var accX;
	var imX;
		
	// Couleur du fond
	var bgColor = "#9E7742";
	
	
	// Couleur des cases du menu onMouseOn
	var colorMenu = "#FFF7D2";
	// Couleur des cases du menu onMouseOut
	var colorMenuOut = "#9E7742";
	// Couleur des tableaux
	var colorMenuBorder = "#FFF7D2";



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


// INITIALISER LES VALEURS
function initValues()
{
	winWidth = document.body.clientWidth;
			
	// Position en X des elts du menu
	imX = accX+accW-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_MENU21.style.visibility='hidden';
       document.all.ID_MENU31.style.visibility='hidden';
  }
  else
  {
       document.getElementById('ID_MENU11').style.visibility='hidden';
       document.getElementById('ID_MENU21').style.visibility='hidden';
       document.getElementById('ID_MENU31').style.visibility='hidden';
  }
}



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

	document.write(	"	<DIV style=\"position: absolute; left:240px; top:171px; width:"+accW+"px; height:20px; border-width:1; background-color='#FFFFFF'\" z-index:1>"); 
	document.write(	"	<TABLE  BORDER='0' WIDTH='80'  HEIGHT='20' BGCOLOR="+colorMenuBorder+">");
	document.write(	"		<TR>");
	document.write(	"			<TD BGCOLOR="+colorMenuOut+"><CENTER><font color='#00FF00'><a href='index.php'><font color='#000099'>Accueil</font></a></font></CENTER></TD>");
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");
	document.write(	"</DIV>");

	document.write(	"	<DIV ID='ID_MENU0' style=\"position: absolute; left:340px; top:171px; width:"+accW+"px; height:20px; border-width:1; background-color='#FFFFFF'\" z-index:1 onmouseover='displayMenu11()' onmouseout='hideMenu11()'>"); 
	document.write(	"	<TABLE  BORDER='0' WIDTH='135'  HEIGHT='20' BGCOLOR="+colorMenuBorder+">");
	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenuOut\" onmouseout=\"this.bgColor=colorMenuOut\"   BGCOLOR="+colorMenuOut+"><CENTER><font color='#000099'>Boutique</FONT></CENTER></TD>");
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");
	document.write(	"</DIV>");
	
	document.write(	"	<DIV ID='ID_MENU1' style=\"position: absolute; left:495px; top:171px; width:"+accW+"px; height:20px; border-width:1; background-color='#FFFFFF'\" z-index:1 onmouseover='displayMenu21()' onmouseout='hideMenu21()'>"); 
	document.write(	"	<TABLE  BORDER='0' WIDTH='170'  HEIGHT='20' BGCOLOR="+colorMenuBorder+">");
	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenuOut\" onmouseout=\"this.bgColor=colorMenuOut\"   BGCOLOR="+colorMenuOut+"><CENTER><font color='#000099'>Espace professionnel</FONT></CENTER></TD>");
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");
	document.write(	"</DIV>");

	document.write(	"	<DIV ID='ID_MENU2' style=\"position: absolute; left:685px; top:171px; width:"+accW+"px; height:20px; border-width:1; background-color='#FFFFFF'\" z-index:1 onmouseover='displayMenu31()' onmouseout='hideMenu31()'>"); 
	document.write(	"	<TABLE  BORDER='0' WIDTH='170'  HEIGHT='20' BGCOLOR="+colorMenuBorder+">");
	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenuOut\" onmouseout=\"this.bgColor=colorMenuOut\"   BGCOLOR="+colorMenuOut+"><CENTER><font color='#000099'>Agenda</FONT></CENTER></TD>");
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");
	document.write(	"</DIV>");
	
	document.write(	"	<DIV style=\"position: absolute; left:878px; top:171px; width:"+accW+"px; height:20px; border-width:1; background-color='#FFFFFF'\" z-index:1>"); 
	document.write(	"	<TABLE  BORDER='0' WIDTH='160'  HEIGHT='20' BGCOLOR="+colorMenuBorder+">");
	document.write(	"		<TR>");
	document.write(	"			<TD BGCOLOR="+colorMenuOut+"><CENTER><font color='#00FF00'><a href='comment_acheter.php'><font color='#000099'>Comment acheter ?</font></a></font></CENTER></TD>");
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");
	document.write(	"</DIV>");

	
	document.write(	"	<DIV style=\"position: absolute; left:1055px; top:171px; width:"+accW+"px; height:20px; border-width:1; background-color='#FFFFFF'\" z-index:1>"); 
	document.write(	"	<TABLE  BORDER='0' WIDTH='178'  HEIGHT='20' BGCOLOR="+colorMenuBorder+">");
	document.write(	"		<TR>");
	document.write(	"			<TD BGCOLOR="+colorMenuOut+"><CENTER><font color='#00FF00'><a href='contact.php'><font color='#000099'>Infos pratiques et contact</font></a></font></CENTER></TD>");
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");
	document.write(	"</DIV>");


//<!-- SOUS MENU POUR LES DIFFERENTS ILE DE LA BOUTIQUE> -->

	document.write(	"	<DIV ID='ID_MENU11' style=\"position: absolute; left:340px; top:195px; width:118px; height:20px; border-width:1; background-color='#FFFFFF'\" z-index:1 onmouseover='displayMenu11()' onmouseout='hideMenu11()'>");
	document.write(	"	<TABLE  BORDER='0' WIDTH='135'  HEIGHT='20' BGCOLOR="+colorMenuBorder+">");
	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='im/rgb.html'\"  BGCOLOR="+colorMenuOut+">");
	document.write(	"				<CENTER><font color='#00FF00'><a href='affiche_boutique.php?type=re_1'><font color='#000099'>Réunion</font></a></fond></CENTER>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='im/hsl.html'\"  BGCOLOR="+colorMenuOut+">");
	document.write(	"				<CENTER><font color='#00FF00'><a href='affiche_boutique.php?type=pv_1'><font color='#000099'>Vanille</font></a></fond></CENTER>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='im/cmy.html'\"  BGCOLOR="+colorMenuOut+">");
	document.write(	"				<CENTER><font color='#00FF00'><a href='affiche_boutique.php?type=nc_1'><font color='#000099'>Epices</font></a></font></CENTER>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='im/hsl.html'\"  BGCOLOR="+colorMenuOut+">");
	document.write(	"				<CENTER><font color='#00FF00'><a href='affiche_boutique.php?type=th_1'><font color='#000099'>Polynésie <br> Nouvelle Calédonie</font></a></fond></CENTER>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");
	document.write(	"</DIV>");

//<!-- SOUS MENU POUR ESPACE PROFESSIONNEL> -->

	document.write(	"	<DIV ID='ID_MENU21' style=\"position: absolute; left:495px; top:195px; width:118px; height:20px; border-width:1; background-color='#FFFFFF'\" z-index:1 onmouseover='displayMenu21()' onmouseout='hideMenu21()'>");
	document.write(	"	<TABLE  BORDER='0' WIDTH='170'  HEIGHT='20' BGCOLOR="+colorMenuBorder+">");
	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='im/rgb.html'\"  BGCOLOR="+colorMenuOut+">");
	document.write(	"				<CENTER><font color='#00FF00'><a href='cadeauxentreprise.php'><font color='#000099'>Cadeaux d'entreprises</font></a></fond></CENTER>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='im/hsl.html'\"  BGCOLOR="+colorMenuOut+">");
	document.write(	"				<CENTER><font color='#00FF00'><a href='revendeurs.php'><font color='#000099'>Revendeurs</font></a></fond></CENTER>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='im/cmy.html'\"  BGCOLOR="+colorMenuOut+">");
	document.write(	"				<CENTER><font color='#00FF00'><a href='producteurs.php'><font color='#000099'>Producteurs</font></a></font></CENTER>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");
	document.write(	"</DIV>");
	
//<!-- SOUS MENU POUR LES DIFFERENTES PARTIES D'ORGANISATION D'EVENEMENT > -->

	document.write(	"	<DIV ID='ID_MENU31' style=\"position: absolute; left:685px; top:195px; width:118px; height:20px; border-width:1; background-color='#FFFFFF'\" z-index:1 onmouseover='displayMenu31()' onmouseout='hideMenu31()'>");
	document.write(	"	<TABLE  BORDER='0' WIDTH='170'  HEIGHT='20' BGCOLOR="+colorMenuBorder+">");
	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='im/rgb.html'\"  BGCOLOR="+colorMenuOut+">");
	document.write(	"				<CENTER><font color='#00FF00'><a href='evenement.php'><font color='#000099'>Evènements et manifestations</font></a></fond></CENTER>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='im/cmy.html'\"  BGCOLOR="+colorMenuOut+">");
	document.write(	"				<CENTER><font color='#00FF00'><a href='agenda.php'><font color='#000099'>Agenda</font></a></font></CENTER>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");
	document.write(	"</DIV>");
}

// FONCTIONS POUR LA BOUTIQUE

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 ESPACES PROFESSIONNELS

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

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

// FONCTIONS POUR ORGANISATION D'EVENEMENTS

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

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