// VARIABLES GLOBALES


// Largeur de la fenetre
var winWidth;


// Largeur des elts du menu
var accW = 110;
var imW = 190;
var specW = 190;
var mulW = 190;
var hypW = 190;
var linkW = 110;
var totalW = accW+imW+specW+mulW+hypW+linkW;

// Position en X des elts du menu
var accX;
var imX;
var specX;
var mulX;
var hypX;
var linkX;

// Couleur du fond
var bgColor = "#eeeeee";


// Couleur des cases du menu onMouseOn
var colorMenu = "#777777";
// Couleur des cases du menu onMouseOut
var colorMenuOut = "#cfcdda";
// Couleur des tableaux
var colorMenuBorder = "#6f6e75";



// 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 ;
imX = accX+accW-2;
specX = imX+imW-2;
mulX = specX+specW-2;
hypX = mulX+mulW-2;
linkX = hypX+hypW-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_MENU21_2.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_MENU11').style.visibility='hidden';
document.getElementById('ID_MENU31').style.visibility='hidden';
document.getElementById('ID_MENU21').style.visibility='hidden';
document.getElementById('ID_MENU21_2').style.visibility='hidden';
document.getElementById('ID_MENU41').style.visibility='hidden';
document.getElementById('ID_MENU51').style.visibility='hidden';
}
}



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

document.write(	"<DIV ID='ID_MENU0' style=\"position: absolute; left:"+accX+"px; top:5px; width:"+accW+"px; height:50px;  border-width:1px; background-color:#FFFFFF; z-index:1\" >");
document.write(	"	<table class=\"table_menu_tourisme\" BORDER='0' WIDTH='110'  HEIGHT='50' >");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"javascript:window.location='http://www.sceaux-tourisme.fr/tourisme/menu/index.html'\" ><CENTER>Accueil</CENTER></TD>");

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


document.write(	"	<DIV ID='ID_MENU1' style=\"position: absolute; left:"+imX+"px; top:5px; width:"+accW+"px; height:50px; border-width:1px; background-color:#FFFFFF; z-index:1\"  onmouseover='displayMenu11()' onmouseout='hideMenu11()'>"); 
document.write(	"	<table class=\"table_menu_tourisme\" BORDER='0' WIDTH='190'  HEIGHT='50' >");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenuOut\" onmouseout=\"this.bgColor=colorMenuOut\"><CENTER>Infos pratiques</CENTER></TD>");
document.write(	"		</TR>");
document.write(	"	</TABLE>");
document.write(	"</DIV>");


document.write(	"	<DIV ID='ID_MENU2' style=\"position: absolute; left:"+specX+"px; top:5px; width:"+specW+"px; height:50px;  border-width:1px; background-color:#FFFFFF; z-index:1\"  onmouseover='displayMenu21()' onmouseout='hideMenu21()'>");
document.write(	"	<table class=\"table_menu_tourisme\" BORDER='0' WIDTH='190'  HEIGHT='50' >");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenuOut\" onmouseout=\"this.bgColor=colorMenuOut\"><CENTER>Votre s&eacute;jour </CENTER></TD>");

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


document.write(	"	<DIV ID='ID_MENU3' style=\"position: absolute; left:"+mulX+"px; top:5px; width:"+mulW+"px; height:50px;  border-width:1px; background-color:#FFFFFF; z-index:1\"  onmouseover='displayMenu31()' onmouseout='hideMenu31()'>");
document.write(	"	<table class=\"table_menu_tourisme\" BORDER='0' WIDTH='190'  HEIGHT='50' >");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenuOut\" onmouseout=\"this.bgColor=colorMenuOut\"><CENTER>A d&eacute;couvrir</CENTER></TD>");

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


document.write(	"	<DIV ID='ID_MENU4' style=\"position: absolute; left:"+hypX+"px; top:5px; width:"+hypW+"px; height:50px;  border-width:1px; background-color:#FFFFFF; z-index:1\"  onmouseover='displayMenu41()' onmouseout='hideMenu41()'>");
document.write(	"	<table class=\"table_menu_tourisme\" BORDER='0' WIDTH='190'  HEIGHT='50' >");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenuOut\" onmouseout=\"this.bgColor=colorMenuOut\"><CENTER>Vente de produits et services propos&eacute;s </CENTER></TD>");

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


document.write(	"	<DIV ID='ID_MENU5' style=\"position: absolute; left:"+linkX+"px; top:5px; width:"+linkW+"px; height:50px;  border-width:1px; background-color:#FFFFFF; z-index:1\"  onmouseover='displayMenu51()' onmouseout='hideMenu51()'>");
document.write(	"	<table class=\"table_menu_tourisme\" BORDER='0' WIDTH='110'  HEIGHT='50' >");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenuOut\" onmouseout=\"this.bgColor=colorMenuOut\"><CENTER>Visites guid&eacute;es</CENTER></TD>");

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


//<!-- SOUS MENU POUR Infos pratiques> -->

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

document.write(	"	<table class=\"table_menu_tourisme\" BORDER='0' WIDTH='190'  HEIGHT='60' >");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='http://www.sceaux-tourisme.fr/tourisme/pages/infos_pratiques/presentation.htm'\" >");
document.write(	"				<CENTER>Pr&eacute;sentation</CENTER>");
document.write(	"			</TD>");
document.write(	"		</TR>");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='http://www.sceaux-tourisme.fr/tourisme/pages/infos_pratiques/nous_contacter.htm'\" >");
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='http://www.sceaux-tourisme.fr/tourisme/pages/infos_pratiques/acces_plans.htm'\" >");
document.write(	"				<CENTER>Acc&egrave;s et plans</CENTER>");
document.write(	"			</TD>");
	

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

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



//<!-- SOUS MENU POUR VOTRE SEJOUR -->

document.write(	"	<DIV ID='ID_MENU21' style=\"position: absolute; left:"+specX+"px; top:53px; width:150px; height:60px; border-width:1px; background-color:#FFFFFF; z-index:1\"  onmouseover='displayMenu21()' onmouseout='hideMenu21()'>");

document.write(	"	<table class=\"table_menu_tourisme\" BORDER='0' WIDTH='190'  HEIGHT='60' >");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='http://www.sceaux.fr/fr/administratif/pratique-et-utile/annuaire-des-restaurants/index.html'\" >");
document.write(	"				<CENTER>Restauration</CENTER>");
document.write(	"			</TD>");
document.write(	"		</TR>");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"javascript:displayMenu21_2();\" onmouseout=\"javascript:hideMenu21_2();\" >");
document.write(	"				<CENTER>Hebergement</CENTER>");
document.write(	"			</TD>");
document.write(	"		</TR>");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='http://www.sceaux-tourisme.fr/tourisme/pages/votre_sejour/adresses_utiles.htm'\" >");
document.write(	"				<CENTER>Adresses utiles</CENTER>");
document.write(	"			</TD>");
document.write(	"		</TR>");

document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='http://www.sceaux-tourisme.fr/tourisme/pages/votre_sejour/sortir_sceaux.htm'\" >");
document.write(	"				<CENTER>Sortir &agrave; Sceaux</CENTER>");
document.write(	"			</TD>");
document.write(	"		</TR>");

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

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



//<!-- SOUS MENU A DECOUVRIR> -->

document.write(	"	<DIV ID='ID_MENU31' style=\"position: absolute; left:"+mulX+"px; top:53px; width:150px; height:60px; border-width:1px; background-color:#FFFFFF; z-index:1\"  onmouseover='displayMenu31()' onmouseout='hideMenu31()'>");

document.write(	"	<table class=\"table_menu_tourisme\" BORDER='0' WIDTH='190'  HEIGHT='60' >");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='http://www.sceaux-tourisme.fr/tourisme/pages/a_decouvrir/patrimoine.htm'\" >");
document.write(	"				<CENTER>Patrimoine</CENTER>");
document.write(	"			</TD>");
document.write(	"		</TR>");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='http://www.sceaux-tourisme.fr/tourisme/pages/a_decouvrir/espaces_verts.htm'\" >");
document.write(	"				<CENTER>Espaces verts</CENTER>");
document.write(	"			</TD>");
document.write(	"		</TR>");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='http://www.sceaux-tourisme.fr/tourisme/pages/a_decouvrir/circuits.htm'\" >");
document.write(	"				<CENTER>Circuits</CENTER>");
document.write(	"			</TD>");
document.write(	"		</TR>");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='http://www.sceaux-tourisme.fr/tourisme/pages/a_decouvrir/visite_virtuelle.htm'\" >");
document.write(	"				<CENTER>Visite virtuelle</CENTER>");
document.write(	"			</TD>");
document.write(	"		</TR>");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='http://www.sceaux-tourisme.fr/tourisme/pages/a_decouvrir/animations.htm'\" >");
document.write(	"				<CENTER>Animations et manifestations</CENTER>");
document.write(	"			</TD>");
document.write(	"		</TR>");


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

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



//<!-- SOUS MENU POUR LES PRODUITS ET SERVICES PROPOSES> -->

document.write(	"	<DIV ID='ID_MENU41' style=\"position: absolute; left:"+hypX+"px; top:53px; width:150px; height:60px; border-width:1px; background-color:#FFFFFF; z-index:1\"  onmouseover='displayMenu41()' onmouseout='hideMenu41()'>");

document.write(	"	<table class=\"table_menu_tourisme\" BORDER='0' WIDTH='190'  HEIGHT='60' >");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='http://www.sceaux-tourisme.fr/tourisme/pages/produits_services/visites_guidees.htm'\" >");
document.write(	"				<CENTER>Cartes de correspondance et cartes postales</CENTER>");
document.write(	"			</TD>");
document.write(	"		</TR>");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='http://www.sceaux-tourisme.fr/tourisme/pages/produits_services/carte_correspondance.htm'\" >");
document.write(	"				<CENTER>Ouvrages et publications</CENTER>");
document.write(	"			</TD>");
document.write(	"		</TR>");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='http://www.sceaux-tourisme.fr/tourisme/pages/produits_services/cartes_postales.htm'\" >");
document.write(	"				<CENTER>Billetterie</CENTER>");
document.write(	"			</TD>");
document.write(	"		</TR>");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='http://www.sceaux-tourisme.fr/tourisme/pages/produits_services/ouvrages.htm'\" >");
document.write(	"				<CENTER>Inscriptions</CENTER>");
document.write(	"			</TD>");
document.write(	"		</TR>");

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

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


//<!-- SOUS MENU POUR LA BILLETERIE -->

document.write(	"	<DIV ID='ID_MENU51' style=\"position: absolute; left:"+linkX+"px; top:53px; width:150px; height:60px; border-width:1px; background-color:#6f6e75; z-index:1\" onmouseover='displayMenu51()' onmouseout='hideMenu51()'>");

document.write(	"	<table class=\"table_menu_tourisme\" BORDER='0' WIDTH='110'  HEIGHT='60' >");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='http://www.sceaux-tourisme.fr/tourisme/pages/billetterie/operas.htm'\" >");
document.write(	"				<CENTER>Les visites</CENTER>");
document.write(	"			</TD>");
document.write(	"		</TR>");


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

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

document.write(	"<BR><BR><BR><BR>	");



//<!-- SOUS SOUS MENU POUR L'HERGEMENT -->

var satX = specX+specW-2;
document.write(	"	<DIV ID='ID_MENU21_2' style=\"position: absolute; left:"+satX+"px; top:77px; width:150px; height:60px; border-width:1px; background-color:#FFFFFF; z-index:1\"  onmouseover='displayMenu21_2();displayMenu21();' onmouseout='hideMenu21_2();hideMenu21();'>");

document.write(	"	<table class=\"table_menu_tourisme\" BORDER='0' WIDTH='190'  HEIGHT='60' >");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='http://www.sceaux-tourisme.fr/tourisme/pages/votre_sejour/hebergement/hotellerie.htm'\" >");
document.write(	"				<CENTER>H&ocirc;tellerie</CENTER>");
document.write(	"			</TD>");
document.write(	"		</TR>");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='http://www.sceaux-tourisme.fr/tourisme/pages/votre_sejour/hebergement/chambres.htm'\" >");
document.write(	"				<CENTER>Chambres d'h&ocirc;tes</CENTER>");
document.write(	"			</TD>");
document.write(	"		</TR>");
document.write(	"		<TR>");
document.write(	"			<TD onmouseover=\"this.bgColor=colorMenu\" onmouseout=\"this.bgColor=colorMenuOut\" onClick=\"location='http://www.sceaux-tourisme.fr/tourisme/pages/votre_sejour/hebergement/logements.htm'\" >");
document.write(	"				<CENTER>Logements &eacute;tudiants</CENTER>");
document.write(	"			</TD>");
document.write(	"		</TR>");


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

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


}


// 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';
}
}		


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 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';
}
}		


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 IMAGES MULTI

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';
}
}



// FONCTIONS POUR IMAGES HYPER

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 LIENS

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


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


// FONCTIONS POUR SITES TOURISTIQUES

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


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