var M0_titre = "M_spectacles";
var M1_titre = "M_infos";
var M2_titre = "M_partenaires";
var M3_titre = "M_pro";
var M4_titre = "M_devenez";

var e1_titre = "M_e1";
var e2_titre = "M_e2";
var e3_titre = "M_e3";
var e4_titre = "M_e4";
// VARIABLES GLOBALES


	// Largeur de la fenetre
	var winWidth;

	// Largeur des elts du menu
	var accW = 185;
	var imW = 185;
	var specW = 185;
	var mulW = 185;
	var hypW = 185;
	var e1W = 15;
	var e2W = 15;
	var e3W = 15;
	var e4W = 15;
	var totalW = accW+imW+specW+mulW+hypW+e1W+e2W+e3W+e4W;

	// Position en X des elts du menu
	var accX;
	var imX;
	var specX;
	var mulX;
	var hypX;
	var e1X;
	var e2X;
	var e3X;
	var e4X;
		
	// Couleur du fond
	var bgColor = "#EEEEEE";
	
	
	// Couleur des cases du menu onMouseOn
	var colorMenu = "#777777";
	// Couleur des cases du menu onMouseOut
	var colorMenuOut = "#FFFFFF";
	// Couleur des tableaux
	var colorMenuBorder = "#AA0000";



// 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;
	e1X = accX+accW+1;
	imX = e1X+e1W-1;
	e2X = imX+imW;
	specX = e2X+e2W-1;
	e3X = specX+specW;
	mulX = e3X+e3W-1;
	e4X = mulX+mulW;
	hypX = e4X+e4W-1;
}


// INIT MENU : cache les sous menu

function initMenu() 
{                    
  if (navigator.appName=='Microsoft Internet Explorer')
  {
       document.all.ID_MENU01.style.visibility='hidden';
       document.all.ID_MENU11.style.visibility='hidden';
       document.all.ID_MENU21.style.visibility='hidden';
       document.all.ID_MENU31.style.visibility='hidden';
       document.all.ID_MENU41.style.visibility='hidden';
      // document.all.ID_MENU51.style.visibility='hidden';
  }
  else
  {
       document.getElementById('ID_MENU01').style.visibility='hidden';
       document.getElementById('ID_MENU11').style.visibility='hidden';
       document.getElementById('ID_MENU31').style.visibility='hidden';
       document.getElementById('ID_MENU21').style.visibility='hidden';
       document.getElementById('ID_MENU41').style.visibility='hidden';
      // document.getElementById('ID_MENU51').style.visibility='hidden';
  }
}



// DESSIN DU MENU
function displayMenu()
{
var wtext = "";
// MENU PRINCIPAL

	wtext += 	"<DIV ID='ID_MENU0' style=\"position: absolute; left:"+accX+"px; top:0px; width:"+accW+"px; height:20px;  border:0;\"  onmouseover='displayMenu01()' onmouseout='hideMenu01()'>"; 
	wtext += 	"	<TABLE cellpading=0 cellspacing=0  BORDER='0' WIDTH='"+accW+"'  HEIGHT='20' >";
	wtext += 	"		<TR>";
	wtext += 	"			<TD onmouseover=\"\" onmouseout=\"\"  ><DIV class="+M0_titre+" id=I_saison></DIV></TD>";
	wtext += 	"		</TR>";
	wtext += 	"	</TABLE>";
	wtext += 	"</DIV>";
	
	wtext += 	"<DIV ID='ee1' style=\"position: absolute; left:"+e1X+"px; top:1px; width:"+e1W+"px; height:20px;  border:0; \">"; 
	wtext += 	"	<TABLE cellpading=0 cellspacing=0  BORDER='0' WIDTH='20'  HEIGHT='20'>";
	wtext += 	"		<TR>";
	wtext += 	"			<TD class="+e1_titre+"></TD>";

	wtext += 	"		</TR>";
	wtext += 	"	</TABLE>";
	wtext += 	"</DIV>";

	wtext += 	"	<DIV ID='ID_MENU1' style=\"position: absolute; left:"+imX+"px; top:0px; width:"+imW+"px; height:20px; border:0; \" onmouseover='displayMenu11()' onmouseout='hideMenu11()'>"; 
	wtext += 	"	<TABLE cellpading=0 cellspacing=0   BORDER='0' WIDTH='"+imW+"'  HEIGHT='20' >";
	wtext += 	"		<TR>";
	wtext += 	"			<TD onmouseover=\"\" onmouseout=\"\"  ><DIV class="+M1_titre+" id=I_infos></DIV></TD>";
	wtext += 	"		</TR>";
	wtext += 	"	</TABLE>";
	wtext += 	"</DIV>";
	
	wtext += 	"<DIV ID='ee2' style=\"position: absolute; left:"+e2X+"px; top:1px; width:"+e2W+"px; height:20px;  border:0; \">"; 
	wtext += 	"	<TABLE cellpading=0 cellspacing=0  BORDER='0' WIDTH='20'  HEIGHT='20'>";
	wtext += 	"		<TR>";
	wtext += 	"			<TD class="+e2_titre+"></TD>";

	wtext += 	"		</TR>";
	wtext += 	"	</TABLE>";
	wtext += 	"</DIV>";

	wtext += 	"	<DIV ID='ID_MENU2' style=\"position: absolute; left:"+specX+"px; top:0px; width:"+specW+"px; height:20px; border:0; \" onmouseover='displayMenu21()' onmouseout='hideMenu21()'>"; 
	wtext += 	"	<TABLE cellpading=0 cellspacing=0   BORDER='0' WIDTH='"+specW+"'  HEIGHT='20' >";
	wtext += 	"		<TR>";
	wtext += 	"			<TD onmouseover=\"\" onmouseout=\"\"  ><DIV class="+M2_titre+" id=I_partenaires></DIV></TD>";
	wtext += 	"		</TR>";
	wtext += 	"	</TABLE>";
	wtext += 	"</DIV>";
	
	wtext += 	"<DIV ID='ee3' style=\"position: absolute; left:"+e3X+"px; top:1px; width:"+e3W+"px; height:20px;  border:0; \">"; 
	wtext += 	"	<TABLE cellpading=0 cellspacing=0  BORDER='0' WIDTH='20'  HEIGHT='20'>";
	wtext += 	"		<TR>";
	wtext += 	"			<TD class="+e3_titre+"></TD>";

	wtext += 	"		</TR>";
	wtext += 	"	</TABLE>";
	wtext += 	"</DIV>";

	wtext += 	"	<DIV ID='ID_MENU3' style=\"position: absolute; left:"+mulX+"px; top:0px; width:"+mulW+"px; height:20px;  border:0; \" onmouseover='displayMenu31()' onmouseout='hideMenu31()'>";
	wtext += 	"	<TABLE  cellpading=0 cellspacing=0  BORDER='0' WIDTH='"+mulW+"'  HEIGHT='20'>";
	wtext += 	"		<TR>";
	wtext += 	"			<TD onmouseover=\"\" onmouseout=\"\"  ><DIV class="+M3_titre+" id=I_pro onClick=\"location='?page=pro_epresse'\"></DIV></TD>";
	wtext += 	"		</TR>";
	wtext += 	"	</TABLE>";
	wtext += 	"</DIV>";
	
	wtext += 	"<DIV ID='ee4' style=\"position: absolute; left:"+e4X+"px; top:1px; width:"+e4W+"px; height:20px;  border:0; \">"; 
	wtext += 	"	<TABLE cellpading=0 cellspacing=0  BORDER='0' WIDTH='20'  HEIGHT='20'>";
	wtext += 	"		<TR>";
	wtext += 	"			<TD class="+e4_titre+"></TD>";

	wtext += 	"		</TR>";
	wtext += 	"	</TABLE>";
	wtext += 	"</DIV>";


	wtext += 	"	<DIV ID='ID_MENU4' style=\"position: absolute; left:"+hypX+"px; top:0px; width:"+hypW+"px; height:20px;  border:0; \" onmouseover='displayMenu41()' onmouseout='hideMenu41()'>";
	wtext += 	"	<TABLE  cellpading=0 cellspacing=0  BORDER='0' WIDTH='"+hypW+"'  HEIGHT='20' >";
	wtext += 	"		<TR>";
	wtext += 	"			<TD onmouseover=\"\" onmouseout=\"\"  ><DIV class="+M4_titre+" id=I_devenez onClick=\"location='?page=part_devenez'\"></DIV></TD>";
	wtext += 	"		</TR>";
	wtext += 	"	</TABLE>";
	wtext += 	"</DIV>";
	
//<!-- SOUS MENU saison-->

	wtext += 	"	<DIV ID='ID_MENU01' style=\"position: absolute; left:"+(accX+1)+"px; top:21px; width:"+accW+"px; height:40px;border:0;\"  onmouseover='displayMenu01()' onmouseout='hideMenu01()'>";
	wtext += 	"	<TABLE cellpading=0 cellspacing=0  BORDER='0' width="+accW+"px;  HEIGHT='40' >";
	wtext += 	"		<TR>";
	wtext += 	"			<TD onmouseover=\"javascript:changeClass('M_saison_calen',this);\" onmouseout=\"javascript:changeClass('M_saison_calen',this);\" class=M_saison_calen onClick=\"location='?page=calendrier'\"  >";
	wtext += 	"				";
	wtext += 	"			</TD>";
	wtext += 	"		</TR>";
	wtext += 	"		<TR>";
	wtext += 	"			<TD onmouseover=\"javascript:changeClass('M_saison_spect',this);\" onmouseout=\"javascript:changeClass('M_saison_spect',this);\" class=M_saison_spect onClick=\"location='?page=tous_les_spectacles'\"  >";
	wtext += 	"				";
	wtext += 	"			</TD>";
	wtext += 	"		</TR>";
	wtext += 	"	</TABLE>";
	wtext += 	"</DIV>";


//<!-- SOUS MENU POUR LES DIFFERENTS TYPES D'IMAGE> -->

	wtext += 	"	<DIV ID='ID_MENU11' style=\"position: absolute; left:"+(imX+1)+"px; top:21px; width:"+imW+"px; height:140px; border:0;\"  onmouseover='displayMenu11()' onmouseout='hideMenu11()'>";
	wtext += 	"	<TABLE  cellpading=0 cellspacing=0   BORDER='0' WIDTH='"+imW+"'  HEIGHT='108' >";
	wtext += 	"		<TR>";
	wtext += 	"			<TD onmouseover=\"this.className='M_infos_moyens_over'\" onmouseout=\"this.className='M_infos_moyens'\" class=M_infos_moyens onClick=\"location='?page=infos_moyens'\"  >";
	wtext += 	"				";
	wtext += 	"			</TD>";
	wtext += 	"		</TR>";
	wtext += 	"		<TR>";
	wtext += 	"			<TD onmouseover=\"this.className='M_infos_accueil_over'\" onmouseout=\"this.className='M_infos_accueil'\" class=M_infos_accueil onClick=\"location='?page=infos_accueil'\"  >";
	wtext += 	"				";
	wtext += 	"			</TD>";
	wtext += 	"		</TR>";
	wtext += 	"		<TR>";
	wtext += 	"			<TD onmouseover=\"this.className='M_infos_tarifs_over'\" onmouseout=\"this.className='M_infos_tarifs'\" class=M_infos_tarifs onClick=\"location='?page=infos_tarifs'\"  >";
	wtext += 	"				";
	wtext += 	"			</TD>";
	wtext += 	"		</TR>";
	wtext += 	"		<TR>";
	wtext += 	"			<TD onmouseover=\"this.className='M_infos_coll_over'\" onmouseout=\"this.className='M_infos_coll'\" class=M_infos_coll onClick=\"location='?page=infos_collectivites'\"  >";
	wtext += 	"				";
	wtext += 	"			</TD>";
	wtext += 	"		</TR>";
	wtext += 	"		<TR>";
	wtext += 	"			<TD onmouseover=\"this.className='M_infos_plan_over'\" onmouseout=\"this.className='M_infos_plan'\" class=M_infos_plan onClick=\"location='?page=infos_plan'\"  >";
	wtext += 	"				";
	wtext += 	"			</TD>";
	wtext += 	"		</TR>";
	wtext += 	"	</TABLE>";
	wtext += 	"</DIV>";



//<!-- SOUS MENU POUR LES IMAGES SPECTRALES TOUT COURT -->

	wtext += 	"	<DIV ID='ID_MENU21' style=\"position: absolute; left:"+(specX+1)+"px; top:21px; width:"+specW+"px; height:100px; border:0; \" onmouseover='displayMenu21()' onmouseout='hideMenu21()'>";
	wtext += 	"	<TABLE  cellpading=0 cellspacing=0  BORDER='0' WIDTH='"+specW+"'  HEIGHT='66' >";
	wtext += 	"		<TR>";
	wtext += 	"			<TD onmouseover=\"this.className='M_partenaires_instit_over'\" onmouseout=\"this.className='M_partenaires_instit'\" class=M_partenaires_instit onClick=\"location='?page=part_instit'\"  >";
	wtext += 	"				";
	wtext += 	"			</TD>";
	wtext += 	"		</TR>";
	wtext += 	"		<TR>";
	wtext += 	"			<TD onmouseover=\"this.className='M_partenaires_medias_over'\" onmouseout=\"this.className='M_partenaires_medias'\" class=M_partenaires_medias onClick=\"location='?page=part_medias'\"  >";
	wtext += 	"				";
	wtext += 	"			</TD>";
	wtext += 	"		</TR>";
	wtext += 	"		<TR>";
	wtext += 	"			<TD onmouseover=\"this.className='M_partenaires_collabo_over'\" onmouseout=\"this.className='M_partenaires_collabo'\" class=M_partenaires_collabo onClick=\"location='?page=part_collabo'\"  >";
	wtext += 	"				";
	wtext += 	"			</TD>";
	wtext += 	"		</TR>";
	wtext += 	"	</TABLE>";
	wtext += 	"</DIV>";



//<!-- SOUS MENU POUR LES IMAGES MULTISPECTRALES> -->

	wtext += 	"	<DIV ID='ID_MENU31' style=\"position: absolute; left:"+mulX+"px; top:21px; width:"+mulW+"px; height:100px; border-width:1; background-color='#FFFFFF'\" z-index:1 onmouseover='displayMenu31()' onmouseout='hideMenu31()'>";
	wtext += 	"	<TABLE   cellpading=0 cellspacing=0    BORDER='0' WIDTH='"+mulW+"'  HEIGHT='60' >";
	wtext += 	"		<TR>";
	wtext += 	"			<TD onmouseover=\"this.className='M_pro_diffu_over'\" onmouseout=\"this.className='M_pro_diffu'\" class=M_pro_diffu onClick=\"location='?page=pro_ediffu'\"  >";
	wtext += 	"				";
	wtext += 	"			</TD>";
	wtext += 	"		</TR>";
	wtext += 	"		<TR>";
	wtext += 	"			<TD onmouseover=\"this.className='M_pro_techn_over'\" onmouseout=\"this.className='M_pro_techn'\" class=M_pro_techn onClick=\"location='?page=pro_etech'\"  >";
	wtext += 	"				";
	wtext += 	"			</TD>";
	wtext += 	"		</TR>";
	wtext += 	"		<TR>";
	wtext += 	"			<TD onmouseover=\"this.className='M_pro_presse_over'\" onmouseout=\"this.className='M_pro_presse'\" class=M_pro_presse onClick=\"location='?page=pro_epresse'\"  >";
	wtext += 	"				";
	wtext += 	"			</TD>";
	wtext += 	"		</TR>";
	wtext += 	"	</TABLE>";
	wtext += 	"</DIV>";



//<!-- SOUS MENU POUR LES IMAGES HYPERSPECTRALES> -->

	wtext += 	"	<DIV ID='ID_MENU41' style=\"position: absolute; left:"+hypX+"px; top:21px; width:"+hypW+"px; height:60px; border:0; \" onmouseover='displayMenu41()' onmouseout='hideMenu41()'>";
	wtext += 	"	<TABLE  cellpading=0 cellspacing=0 BORDER='0' WIDTH='"+hypW+"'  HEIGHT='60' >";
	wtext += 	"		<TR>";
	wtext += 	"			<TD onmouseover=\"this.className='M_pro_diffu_over'\" onmouseout=\"this.className='M_pro_diffu'\" class=M_pro_diffu onClick=\"location='?page=pro_ediffu'\"  >";
	wtext += 	"				";
	wtext += 	"			</TD>";
	wtext += 	"		</TR>";
	wtext += 	"		<TR>";
	wtext += 	"			<TD onmouseover=\"this.className='M_pro_techn_over'\" onmouseout=\"this.className='M_pro_techn'\" class=M_pro_techn onClick=\"location='?page=pro_etech'\"  >";
	wtext += 	"				";
	wtext += 	"			</TD>";
	wtext += 	"		</TR>";
	wtext += 	"		<TR>";
	wtext += 	"			<TD onmouseover=\"this.className='M_pro_presse_over'\" onmouseout=\"this.className='M_pro_presse'\" class=M_pro_presse onClick=\"location='?page=pro_epresse'\"  >";
	wtext += 	"				";
	wtext += 	"			</TD>";
	wtext += 	"		</TR>";
	wtext += 	"	</TABLE>";

	wtext += 	"</DIV>";




	wtext += 	"<BR><BR>	";


	
//<!-- SOUS SOUS MENU POUR LES SATELLITES -->
//document.write(wtext);
document.getElementById('wmenu').innerHTML = wtext;
	




}


function displayMenu01() 
{                     
  if (navigator.appName=='Microsoft Internet Explorer')
  {
       document.all.ID_MENU01.style.visibility='visible';
  }
  else
  {
       document.getElementById('ID_MENU01').style.visibility='visible';
  }
  changeClass("M_spectacles",document.getElementById('I_saison')) ;
}		
function hideMenu01() 
{                    
  if (navigator.appName=='Microsoft Internet Explorer')
  {
       document.all.ID_MENU01.style.visibility='hidden';
  }
  else
  {
       document.getElementById('ID_MENU01').style.visibility='hidden';
  }
  changeClass(M0_titre,document.getElementById('I_saison')) ;
}

// FONCTIONS POUR LES TYPES D'IMAGES

function displayMenu11() 
{                     
  if (navigator.appName=='Microsoft Internet Explorer')
  {
       document.all.ID_MENU11.style.visibility='visible';
  }
  else
  {
       document.getElementById('ID_MENU11').style.visibility='visible';
  }
  changeClass("M_infos_over",document.getElementById('I_infos')) ;
}		
function hideMenu11() 
{                    
  if (navigator.appName=='Microsoft Internet Explorer')
  {
       document.all.ID_MENU11.style.visibility='hidden';
  }
  else
  {
       document.getElementById('ID_MENU11').style.visibility='hidden';
  }
  changeClass(M1_titre,document.getElementById('I_infos')) ;
}


// FONCTIONS POUR IMAGES SPECTRALES

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

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



// FONCTIONS POUR IMAGES MULTI

function displayMenu31() 
{                     
  changeClass("M_pro_over",document.getElementById('I_pro')) ;
}		

	
function hideMenu31() 
{                
  changeClass(M3_titre,document.getElementById('I_pro')) ;
}



// FONCTIONS POUR IMAGES HYPER

function displayMenu41() 
{                     
  changeClass("M_devenez_over",document.getElementById('I_devenez')) ;
}		

	
function hideMenu41() 
{                    
 
  changeClass(M4_titre,document.getElementById('I_devenez')) ;
}







function changeClass(wtext,object) 
{                     
  if (navigator.appName=='Microsoft Internet Explorer')
  {
	object.setAttribute('className', wtext);
  }
  else
  {
	object.setAttribute('class', wtext);
  }
}		


function changeClassligne(wtext,wnumber) 
{                     
  if (navigator.appName=='Microsoft Internet Explorer')
  {
	document.getElementById(wnumber+'1').setAttribute('className', 'S_normal_'+wtext+'_bold');
	document.getElementById(wnumber+'2').setAttribute('className', 'S_normal_'+wtext+'_light');
	document.getElementById(wnumber+'3').setAttribute('className', 'S_normal_'+wtext+'_bold');
	document.getElementById(wnumber+'4').setAttribute('className', 'S_normal_'+wtext+'_light');
	document.getElementById(wnumber+'5').setAttribute('className', 'S_normal_'+wtext+'_light');
  }
  else
  {
	
	document.getElementById(wnumber+'1').setAttribute('class', 'S_normal_'+wtext+'_bold');
	document.getElementById(wnumber+'2').setAttribute('class', 'S_normal_'+wtext+'_light');
	document.getElementById(wnumber+'3').setAttribute('class', 'S_normal_'+wtext+'_bold');
	document.getElementById(wnumber+'4').setAttribute('class', 'S_normal_'+wtext+'_light');
	document.getElementById(wnumber+'5').setAttribute('class', 'S_normal_'+wtext+'_light');
  }
}