
/*
Menu developpé par l'équipe du site U2achtung.com.
Si vous souhaitez utiliser ce menu pour votre site, un petit mail pour nous prévenir n'est pas de refus ;-)
------
http://www.u2achtung.com
team2@u2achtung.com

Merci à eux de m'avoir donné leur accord pour utiliser ce menu.
*/

// ****** CONSTRUCTION DU MENU ******

var ns4 = (document.layers);
var ie4 = (document.all && !document.getElementById);
var ie5 = (document.all && document.getElementById);
var ns6 = (document.addEventListener);

// EMPLACEMENT SUR LE SERVEUR
var serveur	= "../";

// DEFINITIONS DES MENUS PRINCIPAUX

var tabmenu  = new Array(); // contient les 7 tableaux suivants...

var tabmenu0 = new Array();
var tabmenu1 = new Array();
var tabmenu2 = new Array();
var tabmenu3 = new Array();
var tabmenu4 = new Array();
var tabmenu5 = new Array();
var tabmenu6 = new Array();

tabmenu[0]	= tabmenu0;
tabmenu[1]	= tabmenu1;
tabmenu[2]	= tabmenu2;
tabmenu[3]	= tabmenu3;
tabmenu[4]	= tabmenu4;
tabmenu[5]	= tabmenu5;
tabmenu[6]	= tabmenu6;

/*
tabmenuX[0]	= Nom de menu
tabmenuX[1]	= alignement du sous-menu correspondant (dans le tableau destiné au sous-menu)
tabmenuX[2]	= distance par rapport au bord gauche de tableau destiné au sous-menu (utile uniquement en cas d'alignement à gauche)
*/

tabmenu0[0] = "INDEX";
tabmenu0[1] = "right";
tabmenu0[2]	= "";

tabmenu1[0] = "JJGOLDMAN";
tabmenu1[1] = "right";
tabmenu1[2]	= "";

tabmenu2[0] = "LÀ-BAS";
tabmenu2[1] = "right";
tabmenu2[2]	= "";

tabmenu3[0] = "DIVERS";
tabmenu3[1] = "right";
tabmenu3[2]	= "";

tabmenu4[0] = "GOODIES";
tabmenu4[1] = "right";
tabmenu4[2]	= "";

tabmenu5[0] = "ASSOCIATION";
tabmenu5[1] = "right";
tabmenu5[2]	= "";

tabmenu6[0] = "";
tabmenu6[1] = "right";
tabmenu6[2]	= "";


// COUELURS SOUS-MENUS

var color = new Array();

color[0] = '#95AEE6';
color[1] = '#95AEE6';
color[2] = '#13174E';
color[3] = '#6A678B';
color[4] = '#8F5581';
color[5] = '#CD814F';
color[6] = '#B55355';

// DEFINITION DES SOUS-MENUS AVEC LEURS LIENS HYPERTEXTE

var liens = new Array();

liens[0] = '';
liens[1] = '';
liens[2] = '';
liens[3] = '';
liens[4] = '';
liens[5] = '';
liens[6] = '';

// MENU INDEX
liens[1] += '<a href="'+serveur+'forum/" class="menu">forum</a> &nbsp;|&nbsp; ';
liens[1] += '<a href="'+serveur+'labas/?page=toutsavoir" class="menu">liste</a> &nbsp;|&nbsp; ';
liens[1] += '<a href="'+serveur+'boutique/" class="menu">boutique</a> &nbsp;|&nbsp; ';
liens[1] += '<a href="http://chat.jjgoldman.net/" class="menu">chat</a> &nbsp;|&nbsp; ';
liens[1] += '<a href="'+serveur+'index/?page=newsletter"	class="menu">confidentiel (newsletter)</a> &nbsp;|&nbsp; ';
liens[1] += '<a href="'+serveur+'index/?page=trombi" class="menu">trombinoscope</a> &nbsp;|&nbsp; ';
liens[1] += '<a href="'+serveur+'concours/" class="menu">concours</a> &nbsp;|&nbsp; ';
liens[1] += '<a href="'+serveur+'labas/?page=apropos" class="menu">à propos de là-bas</a> &nbsp;|&nbsp; ';
liens[1] += '<a href="'+serveur+'index/?page=contact"	class="menu">nous contacter</a>';

// MENU JJGOLDMAN
liens[2] += '<a href="'+serveur+'jjgoldman/?page=biographie" class="menu">biographie</a> &nbsp;|&nbsp; ';
liens[2] += '<a href="'+serveur+'jjgoldman/?page=discographie" class="menu">discographie</a> &nbsp;|&nbsp; ';
liens[2] += '<a href="'+serveur+'jjgoldman/?page=bootlegs" class="menu">bootlegs</a> &nbsp;|&nbsp; ';
liens[2] += '<a href="'+serveur+'jjgoldman/?page=collaborations&rub=compo" class="menu">collaborations</a> &nbsp;|&nbsp; ';
liens[2] += '<a href="'+serveur+'jjgoldman/?page=pseudonymes" class="menu">pseudonymes</a> &nbsp;|&nbsp; ';
liens[2] += '<a href="'+serveur+'jjgoldman/?page=videographie" class="menu">videographie</a> &nbsp;|&nbsp;';
liens[2] += '<a href="'+serveur+'jjgoldman/?page=livres" class="menu">livres</a> &nbsp;|&nbsp;';
liens[2] += '<a href="'+serveur+'jjgoldman/?page=interviews" class="menu">interviews</a> &nbsp;|&nbsp;';
liens[2] += '<a href="'+serveur+'jjgoldman/?page=concerts" class="menu">concerts</a> <br>';
liens[2] += '<a href="'+serveur+'collection/" class="menu">collection</a> &nbsp;|&nbsp; ';
liens[2] += '<a href="'+serveur+'labas/?page=tv" class="menu">clips & vidéos</a> &nbsp;|&nbsp; ';
liens[2] += '<a href="'+serveur+'jjgoldman/?page=archives" class="menu">les archives de mag</a> &nbsp;|&nbsp; ';
liens[2] += '<a href="'+serveur+'jjgoldman/?page=captures" class="menu">capture d\'un instant</a> &nbsp;|&nbsp; ';
liens[2] += '<a href="'+serveur+'jjgoldman/?page=photos" class="menu">photos</a> &nbsp;|&nbsp; ';
liens[2] += '<a href="'+serveur+'jjgoldman/?page=tablatures" class="menu">tablatures</a>';


// MENU LABAS
liens[3] += '<b>la liste :</b> <a href="'+serveur+'labas/?page=toutsavoir" class="menu">tout savoir</a> &nbsp;/&nbsp; ';
liens[3] += '<a href="'+serveur+'labas/?page=quiproquos" class="menu">les quiproquos</a> &nbsp;|&nbsp; ';
liens[3] += '<a href="'+serveur+'labas/?page=bobsjaunes" class="menu">les \"bobs jaunes\"</a> &nbsp;|&nbsp; ';
liens[3] += '<a href="'+serveur+'labas/?page=liens" class="menu">liens</a> &nbsp;|&nbsp; ';
liens[3] += '<a href="'+serveur+'labas/?page=parledenous" class="menu">on parle de nous</a> &nbsp;|&nbsp; ';
liens[3] += '<a href="'+serveur+'labas/?page=apropos"	class="menu">à propos</a> &nbsp;|&nbsp; ';
liens[3] += '<a href="'+serveur+'labas/?page=mobile" class="menu">version mobile</a> &nbsp;|&nbsp; ';
liens[3] += '<a href="'+serveur+'labas/?page=tv" class="menu">là-bas TV</a>';


// MENU DIVERS
liens[4] += '<a href="'+serveur+'divers/?page=enfoires" class="menu">les Enfoirés</a> &nbsp;|&nbsp; ';
liens[4] += '<a href="'+serveur+'divers/?page=jones" class="menu">Michael Jones</a> &nbsp;|&nbsp; ';
liens[4] += '<a href="'+serveur+'divers/?page=carole" class="menu">Carole Fredericks</a> &nbsp;|&nbsp; ';
liens[4] += '<a href="'+serveur+'divers/?page=sirima" class="menu">Sirima</a> &nbsp;|&nbsp; ';
liens[4] += '<a href="'+serveur+'divers/?page=decouverte" class="menu">decouverte</a> &nbsp;|&nbsp; ';
liens[4] += '<a href="'+serveur+'divers/?page=ebay" class="menu">ebay live !</a> &nbsp;|&nbsp; ';
liens[4] += '<a href="'+serveur+'divers/?page=webringonira" class="menu">webring \"on ira\"</a>';

// MENU GOODIES
//liens[5] += '<a href="http://quiz.jjgoldman.net/"	class="menu">quiz</a> &nbsp;|&nbsp; ';
liens[5] += '<a href="'+serveur+'goodies/?page=mcard" class="menu">carte de membre</a> &nbsp;|&nbsp; ';
liens[5] += '<a href="'+serveur+'goodies/?page=sonneries" class="menu">sonneries téléphones</a> &nbsp;|&nbsp; ';
liens[5] += '<a href="'+serveur+'goodies/?page=ecards" class="menu">e-cards</a> &nbsp;|&nbsp; ';
liens[5] += '<a href="'+serveur+'goodies/?page=walls" class="menu">fonds d\'écrans</a> &nbsp;|&nbsp; ';
liens[5] += '<a href="'+serveur+'goodies/?page=buddys" class="menu">buddy\'s icônes (AIM)</a>';


// MENU SPÉCIAL
liens[6] += '<a href="'+serveur+'association/?page=accueil"	class="menu">présentation</a> &nbsp;|&nbsp; ';
liens[6] += '<a href="'+serveur+'association/?page=adherer" class="menu">adhérer</a> &nbsp;|&nbsp; ';
liens[6] += '<a href="'+serveur+'association/?page=statuts" class="menu">statuts</a> &nbsp;|&nbsp; <b>adhérents :&nbsp;&nbsp;</b>';
liens[6] += '<a href="'+serveur+'association/?page=compte" class="menu">accès au compte</a>';


// Fonction qui modifie le sous-menu en fonction du menu survolé par la souris
// num		: numéro de menu
function change(num)
{
	var	texteTab	 = "<table width=\"100%\" height=20 border=0 cellpadding=0 cellspacing=2 onMouseOver=\"cellule"+num+"\" bgcolor="+color[num]+"><tr><td width="+tabmenu[num][2]+"></td><td class=\"sousmenu\" align="+tabmenu[num][1]+">"+liens[num]+"&nbsp;&nbsp;</td></tr></table>";
	
	if(ns4)
	{
		document.layers.sousMenu.document.write(texteTab);
		document.layers.sousMenu.document.close();
		
	}
	if(ie4)
	{
		document.all.sousMenu.innerHTML = texteTab;
	}
	if(ie5 || ns6)
	{
		document.getElementById('sousMenu').innerHTML = texteTab;
	}
	
	switch(num)
	{
			case 1:
				if(ie5 || ns6)
					document.getElementById('cellule1').className = 'menuOver';
				else
					cellule1.className='menuOver';
				break;
			
			case 2:
				if(ie5 || ns6)
					document.getElementById('cellule2').className = 'menuOver';
				else
					cellule2.className='menuOver';
				break;
			
			case 3:
				if(ie5 || ns6)
					document.getElementById('cellule3').className = 'menuOver';
				else
					cellule3.className='menuOver';
				break;
			
			case 4:
				if(ie5 || ns6)
					document.getElementById('cellule4').className = 'menuOver';
				else
					cellule4.className='menuOver';
				break;
			
			case 5:
				if(ie5 || ns6)
					document.getElementById('cellule5').className = 'menuOver';
				else
					cellule5.className='menuOver';
				break;
			
			case 6:
				if(ie5 || ns6)
					document.getElementById('cellule6').className = 'menuOver';
				else
					cellule6.className='menuOver';
				break;
	}
}
