if	(NS4)

	{

		var	starttag	=	'<layer visibility="hide" name';

		var	endtag		=	'</layer>';

	}

	else

	{

		var	starttag	=	"<div id";

		var	endtag		=	"</div>";

	}



	

	function	setup()

	{

	

	var doc ;

	doc=document.location.href.split("&");



   if (doc[1]=='rubrique1')

	 {

	 menulayer	=	mdl_getLayer( "menu" );

		var	temp	=	mdl_getImage( "menupos" );

		mdl_moveLayerTo( menulayer, mdl_getImageX( temp ), mdl_getImageY( temp ) );

	 

	 openMenu(0);

	 displayMenu();}



	 else if (doc[1]=='rubrique2')

	 {

	 menulayer	=	mdl_getLayer( "menu" );

		var	temp	=	mdl_getImage( "menupos" );

		mdl_moveLayerTo( menulayer, mdl_getImageX( temp ), mdl_getImageY( temp ) );

	 

	 openMenu(1);

	 displayMenu();}

	 

	 else if (doc[1]=='rubrique3')

	 {

	 menulayer	=	mdl_getLayer( "menu" );

		var	temp	=	mdl_getImage( "menupos" );

		mdl_moveLayerTo( menulayer, mdl_getImageX( temp ), mdl_getImageY( temp ) );

	 

	 openMenu(2);

	 displayMenu();}

	 

	 else if (doc[1]=='rubrique4')

	 {

	 menulayer	=	mdl_getLayer( "menu" );

		var	temp	=	mdl_getImage( "menupos" );

		mdl_moveLayerTo( menulayer, mdl_getImageX( temp ), mdl_getImageY( temp ) );

	 

	 openMenu(3);

	 displayMenu();}

	 

	 else {

		menulayer	=	mdl_getLayer( "menu" );

		var	temp	=	mdl_getImage( "menupos" );

		mdl_moveLayerTo( menulayer, mdl_getImageX( temp ), mdl_getImageY( temp ) );

	

		openMenu( 0 );

		openMenu( -1 );

		displayMenu();

	

    }

	}





	function	addMenu( title, url, target )

	{

		menus[menus.length]	=	new	ddMenu( title, url, target );

	}



	function	addSubMenu( title, url, target )

	{

		menus[(menus.length-1)].addItem( title, url, target );

	}

	

	function MM_openBrWindow() { 

  window.open('html/planarr.html','','width=600,height=420');

  }

	

	var	menulayer;

	

	var	menuHeader	=	new Array(

						'	<table border="0" height="100%" cellpadding="0" cellspacing="0"  topmargin="0" valign="top" background="img/fondtotem.gif">',

						'	<tr valign="top">',

						'		<td height="87" valign="top">',

						'			<a href="index.php3?page=index"><img src="img/totemtop.gif" height="88" width=135 alt="retour au menu" border="0" valign="top"></a><br>',

						'			<table border="0" cellpadding="0" cellspacing="0">',

						'			<tr>',

						'				<td valign="top" background="img/totemcentre.gif">'

						);





	var	menuFooter	=	new Array('				</td>',

						'			</tr>',

						'			</table>',

						'			<a href="javascript:;" onclick="MM_openBrWindow()"><img name="menuend" src="img/totembas.gif" alt="Cliquez pour afficher le plan du port" border="0"></a><br>',

						'		</td>',

						'	</tr>',

						'	</table>'

						);





						

						

	function	displayMenu()

	{

		globHTML	=	new	Array();

		getMenuHTML();



		if( NS4 )

		{

			mdl_hideLayer( menulayer ) ;

			delete	menulayer;

			menulayer	=	mdl_addLayer( "test",135 );

			var	temp	=	mdl_getImage( "menupos" );

			mdl_moveLayerTo( menulayer, mdl_getImageX( temp ), mdl_getImageY( temp ) );



			menulayer.document.open();

			

			for( var i=0; i<menuHeader.length; i++ )

				menulayer.document.writeln( menuHeader[i] );



			for( var i=0; i<globHTML.length; i++ )

				menulayer.document.writeln( globHTML[i] );

				

			for( var i=0; i<menuFooter.length; i++ )

				menulayer.document.writeln( menuFooter[i] );



			menulayer.document.close();

		}

		else

		{

			var	html2;



			html	=	arrayToString( menuHeader );

			

			html	+=	arrayToString( globHTML );



			html	+=	arrayToString( menuFooter );



			mdl_changeLayerContent( menulayer, html );

		}

		mdl_showLayer( menulayer );



}	

	function	arrayToString( arr )

	{

		var	str	=	"";

		

		for( var i=0; i<arr.length; i++ )

		{

			str	+=	arr[i];

		}

		return	str;

	}

	

	function	getMenuHTML()

	{

		for( var i=0; i<menus.length; i++ )

		{

		

  		if( menus[i].itemno == 0 )

			{

				addLine( '<table border="0" cellpadding="2" cellspacing="0">' );

				addLine( '	<tr>' );

				addLine( '		<td ><img src="img/px.gif" width="10" height="13" alt="" border="0"></td>' );

				addLine( '		<td ><a href="'+menus[i].url+'" target="'+menus[i].target+'" class=lienabis>'+menus[i].title+'</a></td><td align=left width=32><a href="'+menus[i].url+'" target="'+menus[i].target+'" "javascript:openMenu('+i+');"><img src="img/icone'+[i]+'.gif" border=0></a></td>' );

				addLine( '	</tr>' );

				addLine( '</table>' );

			}

			else

			{

				if( menus[i].open )

				{

					addLine( '<table border="0" cellpadding="2" cellspacing="0">' );

					addLine( '	<tr valign="middle">' );

					addLine( '		<td ><img src="img/px.gif" width="10" height="13" alt="" border="0"></td>' );

					addLine( '		<td  width=83><a href="javascript: openMenu(-1);" class=lienabis>'+menus[i].title+'</a></td><td align=left width=32><a href="javascript: openMenu(-1);"><img src="img/icone'+[i]+'.gif" border=0></a></td>' );

					addLine( '	</tr>' );

					addLine( '</table>' );



					//**

					

					for( var j=0; j<menus[i].items.length; j++ )

					{

						addLine( '<table border="0" cellpadding="0" cellspacing="0">' );

						addLine( '	<tr >' );

						addLine( '		<td ><img src="img/px.gif" width="20" height="1" alt="" border="0"></td>' );

						addLine( '		<td ><a href="'+menus[i].items[j].url+'" target="'+menus[i].items[j].target+'" class=liensstitre><img src="img/pucerouge.gif" border="0" alt="">&nbsp;'+menus[i].items[j].title+'</a></td>' );

						addLine( '	</tr>' );

						addLine( '</table>' );

					}

					//**

						

				}

				else

				{

					addLine( '<table border="0" cellpadding="2" cellspacing="0">' );

					addLine( '	<tr valign="middle">' );

					addLine( '		<td><a href="javascript:openMenu('+i+');"><img src="img/px.gif" width="10" height="13" alt="" border="0"></a></td>' );

					addLine( '		<td class=lien width=83><a href="'+menus[i].url+'" target="'+menus[i].target+'" "javascript:openMenu('+i+');" class=lienabis>'+menus[i].title+'</a></td><td align=left width=32><a href="'+menus[i].url+'" target="'+menus[i].target+'" "javascript:openMenu('+i+');"><img src="img/icone'+[i]+'.gif" border=0></a></td>' );

					addLine( '	</tr>' );

					addLine( '</table>' );

				}

			}

		}

	}

	var	globHTML	=	new	Array();

	

	function	addLine( line )

	{

		globHTML[globHTML.length]	=	line;

	}

		

	function	openMenu( nr )

	{

		for( var i=0; i<menus.length; i++ )

		{

			if( nr==-2 && project==menus[i].title )

				menus[i].open	=	true;

					

			else

				menus[i].open	=	false;

				

		}

		

		if( nr >= 0 )

			menus[nr].open		=	true;



			

		displayMenu();

	}

	

	function	ddMenu( title, url, target )

	{

		this.target		=	target;

		this.title		=	title;

		this.url		=	url;

		this.items		=	new	Array();

		this.itemno		=	0;

		this.open		=	false;

		

		this.addItem	=	ddAddItem;

	}



	function	ddAddItem( title, url, target )

	{

		this.items[this.itemno]	=	new	ddSubMenu( title, url, target );

		this.itemno++;

	}

	

	function	ddSubMenu( title, url, target )

	{

		this.target		=	target;

		this.title		=	title;

		this.url		=	url;

	}