/*************************************************************************************************************
MENU - version 4.1 (standard)
Date de dernières modifications 17 décembre 2003
Auteur : Agnès Pruvost
/*************************************************************************************************************/
/*************************************************************************************************************
		NBRE DE RUBRIQUES - A MODIFIER SI BESOIN
/*************************************************************************************************************/

var nb_rub=5;

/*************************************************************************************************************
		VAR - PARTIE NON MODIFIABLE
/*************************************************************************************************************/
// var deb=new String(top.document.location);
var deb=new String("/");
deb=deb.substring(0,deb.lastIndexOf("/",deb.length));

var ie4 = document.all;
var ie6 = document.getElementById && document.all;
var ns4 = document.layers;
var ns6 = document.getElementById && !document.all; 
var	NumId=null;
/************************************************************************************************************
		LES DIFFERENTES POSITIONS - PARTIE NON MODIFIABLE
*************************************************************************************************************/

var posYmenu=161; 	// position en Y du MENU
var posXmenu;		// position en X du MENU dépend du navigateur

var posYlayer; 		// position en Y du calque

/************************************************************************************************************
		LES DIFFERENTES LARGEURS MODIFIABLES
*************************************************************************************************************/

largeur_cellule=170;				// Largeur des cellules des sous-rubriques on peut le modifier sans pb
hauteur_cellule=20;					// hauteur des cellules des sous-rubriques on peut le modifier sans pb

/************************************************************************************************************
		LES DIFFERENTES LARGEURS et HAUTEURS - PARTIE NON MODIFIABLE
*************************************************************************************************************/

largeur_tab=601;						// NON MODIFIABLE - Largeur du tableau GENE
hauteur_tab=25;							// NON MODIFIABLE - Hauteur des cellules du tab GENE 

largeur_spacer = 1;						// NON MODIFIABLE - Largeur de la cellule contenant le spacer |

// relatif au doc
largeur_doc=750;						// NON MODIFIABLE - Largeur du document (comprenant le bandeau)
largeur_EspG_LOGO=148;					// NON MODIFIABLE - Largeur de la partie grise à gauche

largeur_IMGspacer_ptit = 3;				// NON MODIFIABLE - Largeur du spacer image transparent 
largeur_IMGspacer_grd = 560;			// NON MODIFIABLE - Largeur du spacer image GD transparent
hauteur_IMGspacer_ptit = hauteur_tab;	// NON MODIFIABLE - hauteur du spacer image transparent
hauteur_IMGspacer_grd=3;				// NON MODIFIABLE - hauteur du spacer image GD transparent

decalage_calqueTabGENE =30;		// correspond au décalage vertical entre le Tab GENE et le calque

largeur_colonne=(largeur_tab-(largeur_spacer*(nb_rub-1)))/nb_rub-(2*largeur_IMGspacer_ptit); // NON MODIFIABLE 
																							 // Largeur des cellules du tab GENE 
largeur_contour=1;						// NON MODIFIABLE - Largeur des contours
hauteur_contour=1;						// NON MODIFIABLE - Hauteur des contours
largeur_contour_ombre=5;				// NON MODIFIABLE - Largeur des contours ombrés
hauteur_contour_ombre=5;				// NON MODIFIABLE - Hauteur des contours ombres

largeur_arriereplan=largeur_cellule+largeur_contour_ombre+2*largeur_contour;  // NON MODIFIABLE - Largeur de l'arriere plan des cellules des ss-rub

/************************************************************************************************************
		POSITIONNEMENT HORIZONTAL DU MENU - PARTIE NON MODIFIABLE
*************************************************************************************************************/
// calcul de la largeur de la fenêtre et donc par suite de l'espace horizontal disponible
// calcul du positionnement vertical du calque
if (ie4||ns6){
	var largeur=document.body.clientWidth;
	}
else largeur=innerWidth;

if (largeur>largeur_doc)
	posXmenu=largeur/2-largeur_doc/2+largeur_EspG_LOGO;
else posXmenu=largeur_EspG_LOGO;

posYlayer=posYmenu+decalage_calqueTabGENE;

/************************************************************************************************************
		LES COULEURS MODIFIABLES
*************************************************************************************************************/
bgcolor_arriereplan='#404A29';  /*---> couleur de l'ombrage  */

/************************************************************************************************************
		LES COULEURS - PARTIE NON MODIFIABLE
*************************************************************************************************************/
bgcolor_fond='#FFFFFF'; 			/*---> blanc*/
bgcolor_contour='#CCCCCC';			/*---> gris (couleur des contours cases) */

/************************************************************************************************************
		LES STYLES - PARTIE NON MODIFIABLE
*************************************************************************************************************/

document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; top:'+posYmenu+'px; left:'+posXmenu+'px; z-index:10; }')
document.write('A:hover.jsmenu2 {color:#000000; text-decoration:none;}')
document.write('A.jsmenu2 {  color:#000000; text-decoration:none;}')
document.write('A:hover.jsmenu { color:#000000; text-decoration:underline;}')
document.write('A.jsmenu {color:#000000; text-decoration:none;}')
document.write('</style>')
document.write('<DIV class=popper id=topdeck></DIV>');

if (ns4) { skn = document.topdeck}
else if (ie6||ns6) { skn = document.getElementById("topdeck").style; }
else if (ie4) { skn = topdeck.style}
skn.top = posYmenu;

/************************************************************************************************************
		LES IMAGES D'OMBRAGE - PARTIE NON MODIFIABLE
*************************************************************************************************************/
var img_Hautdroite1=deb+'/images/UPMC/degrade_gb.gif';
var img_Hautdroite2=deb+'/images/UPMC/spacer_3.gif';

/************************************************************************************************************
		LES RUBRIQUES - PARTIE COMPORTANT des ZONES MODIFIABLES et des ZONES NON MODIFIABLES
*************************************************************************************************************/
// Debut zone Modifiable -- déclaration des rubriques
	zlien = new Array;
	zlien[0] = new Array; // RUBRIQUE N°1
	zlien[1] = new Array; // RUBRIQUE N°2
	zlien[2] = new Array; // RUBRIQUE N°3
	zlien[3] = new Array; // RUBRIQUE N°4
	zlien[4] = new Array; // RUBRIQUE N°5
// Fin zone Modifiable -- déclaration des rubriques

// Debut Zone Non Modifiable
	document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0  WIDTH='+largeur_tab+'><TR><TD height='+hauteur_IMGspacer_grd+'><A HREF="#" onMouseOver="javascript:kill()"><img src='+deb+'/images/UPMC/spacer.gif width='+largeur_IMGspacer_grd+' height='+hauteur_IMGspacer_grd+' border=0></a></TD></TR><TR><TD><TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0  HEIGHT='+hauteur_tab+'><TR>')
	document.write('<TD WIDTH='+largeur_IMGspacer_ptit+'><A HREF="#" onMouseOver="javascript:kill()"><img src='+deb+'/images/UPMC/spacer.gif width='+largeur_IMGspacer_ptit+' height='+hauteur_IMGspacer_ptit+' border=0></a></TD>');
// Fin Zone Non Modifiable


// Debut zone Modifiable -- Dénomination des rubriques et liens associés

	// RUBRIQUE N°1
	document.write('<TD WIDTH='+largeur_colonne+' ALIGN=center><A HREF="javascript:pop(zlien[0],0)"  onMouseOver="javascript:pop(zlien[0],0)" CLASS=jsmenu2><span class="rubrique">Présentation générale</span></a></TD>')
	
	//Spacer
	document.write('<TD WIDTH='+largeur_spacer+' ALIGN=center> <span class="rubrique">|</span></TD>')
	
	// RUBRIQUE N°2
	document.write('<TD WIDTH='+largeur_colonne+' ALIGN=center><A HREF="javascript:pop(zlien[1],1)" onMouseOver="javascript:pop(zlien[1],1)" CLASS=jsmenu2><span class="rubrique">Services communs</span></a></TD>')
	
	//Spacer
	document.write('<TD WIDTH='+largeur_spacer+' ALIGN=center><span class="rubrique">|</span></TD>')
	
	// RUBRIQUE N°3
	document.write('<TD WIDTH='+largeur_colonne+' ALIGN=center ><A HREF="javascript:pop(zlien[2],2)" onMouseOver="javascript:pop(zlien[2],2)" CLASS=jsmenu2><span class="rubrique">Enseignement Formation</span></a></TD>')
	
	//Spacer
	document.write('<TD WIDTH='+largeur_spacer+' ALIGN=center><span class="rubrique">|</span></TD>')
	
	// RUBRIQUE N°4
	document.write('<TD WIDTH='+largeur_colonne+' ALIGN=center ><A HREF="javascript:pop(zlien[3],3)" onMouseOver="javascript:pop(zlien[3],3)" CLASS=jsmenu2><span class="rubrique">Recherche</span></a></TD>')
	
	//Spacer
	document.write('<TD WIDTH='+largeur_spacer+' ALIGN=center> <span class="rubrique">|</span></TD>')

	// RUBRIQUE N°5
	document.write('<TD WIDTH='+largeur_colonne+' ALIGN=center ><A HREF="javascript:pop(zlien[4],4)" onMouseOver="javascript:pop(zlien[4],4)" CLASS=jsmenu2><span class="rubrique">Espace communication</span></a></TD>')
		

// Fin zone Modifiable -- Dénomination des rubriques et liens associés

// Debut Zone Non Modifiable
document.write('<TD WIDTH='+largeur_IMGspacer_ptit+'><A HREF="#" onMouseOver="javascript:kill()"><img src='+deb+'/images/UPMC/spacer.gif width='+largeur_IMGspacer_ptit+' height='+hauteur_IMGspacer_ptit+' border=0></a></TD>');
document.write('</TR></TABLE></TD>');
document.write('</TR></TABLE></DIV>');
// Fin Zone Non Modifiable

/************************************************************************************************************
		LES SOUS RUBRIQUES - PARTIE MODIFIABLE
*************************************************************************************************************/
// Les Sous Rubriques de la RUBRIQUE N°1
zlien[0][0] = '<span class="ssrubrique"><A HREF="'+deb+'/organigramme.php" CLASS=jsmenu TARGET="_self">Organigramme</A></span>';
zlien[0][1] = '<span class="ssrubrique"><A HREF="'+deb+'/Historique/" CLASS=jsmenu TARGET="_self">Historique</A></span>';
zlien[0][2] = '<span class="ssrubrique"><A HREF="'+deb+'/404.php" CLASS=jsmenu TARGET="_self">Implantations</A></span>';
zlien[0][3] = '<span class="ssrubrique"><A HREF="'+deb+'/annuaire/" CLASS=jsmenu TARGET="_self">Annuaire</A></span>';
zlien[0][4] = '<span class="ssrubrique"><A HREF="'+deb+'/instances/" CLASS=jsmenu TARGET="_self">Instances</A></span>';
zlien[0][5] = '<span class="ssrubrique"><A HREF="'+deb+'/Projets_Europeens/" CLASS=jsmenu TARGET="_self">Europe</A></span>';
zlien[0][6] = '<span class="ssrubrique"><A HREF="'+deb+'/Liens/" CLASS=jsmenu TARGET="_self">Liens utiles</A></span>';

// Les Sous Rubriques de la RUBRIQUE N°2
zlien[1][0] = '<span class="ssrubrique"><A HREF="'+deb+'/accueil/" CLASS=jsmenu TARGET="_blank">Accueil</A></span>';
zlien[1][1] = '<span class="ssrubrique"><A HREF="'+deb+'/administration/" CLASS=jsmenu TARGET="_blank">Administratif & Financier</A></span>';
zlien[1][2] = '<span class="ssrubrique"><A HREF="'+deb+'/Services/aquarium.php" CLASS=jsmenu TARGET="_blank">Aquarium</A></span>';
zlien[1][3] = '<span class="ssrubrique"><A HREF="'+deb+'/administration/direction/" CLASS=jsmenu TARGET="_blank">Direction</A></span>';
zlien[1][4] = '<span class="ssrubrique"><A HREF="'+deb+'/biblio/" CLASS=jsmenu TARGET="_blank">Documentation Patrimoine</A></span>';
zlien[1][5] = '<span class="ssrubrique"><A HREF="'+deb+'/Services/logistique/" CLASS=jsmenu TARGET="_blank">Infrastructure Entretien Sécurité</A></span>';
zlien[1][6] = '<span class="ssrubrique"><A HREF="http://observation.obs-banyuls.fr" CLASS=jsmenu TARGET="_blank">Service Observation</A></span>';
zlien[1][7] = '<span class="ssrubrique"><A HREF="'+deb+'/moyens_mer/" CLASS=jsmenu TARGET="_blank">Moyens à la mer</A></span>';
zlien[1][8] = '<span class="ssrubrique"><A HREF="'+deb+'/pci/" CLASS=jsmenu TARGET="_blank">Plateforme Cytométrie Imagerie</A></span>';
zlien[1][9] = '<span class="ssrubrique"><A HREF="'+deb+'/Services/info/" CLASS=jsmenu TARGET="_blank">Systèmes d\'information</A></span>';

// Les Sous Rubriques de la RUBRIQUE N°3
zlien[2][0] = '<span class="ssrubrique"><A HREF="http://www.obs-banyuls.fr/enseignement/" CLASS=jsmenu TARGET="_blank">l\'Enseignement à l\'OOB</A></span>';
zlien[2][1] = '<span class="ssrubrique"><A HREF="http://www.obs-banyuls.fr/enseignement/RUBRIQUE_2/master/" CLASS=jsmenu TARGET="_blank">LMD</A></span>';
zlien[2][2] = '<span class="ssrubrique"><A HREF="http://www.obs-banyuls.fr/enseignement/RUBRIQUE_3/SS_RUB2/stagesete.htm" CLASS=jsmenu TARGET="_blank">Stages hors cursus';
zlien[2][3] = '<span class="ssrubrique"><A HREF="http://www.obs-banyuls.fr/enseignement/RUBRIQUE_3/SS_RUB2/stages_recherche.php" CLASS=jsmenu TARGET="_blank">Offres de stages de recherche';
zlien[2][4] = '<span class="ssrubrique"><A HREF="http://www.obs-banyuls.fr/enseignement/RUBRIQUE_3/FP/" CLASS=jsmenu TARGET="_blank">Formation permanente';
zlien[2][5] = '<span class="ssrubrique"><A HREF="http://www.obs-banyuls.fr/enseignement/" CLASS=jsmenu TARGET="_blank">Savoir en ligne';

// Les Sous Rubriques de la RUBRIQUE N°4
zlien[3][0] = '<span class="ssrubrique"><A HREF="'+deb+'/404.php" CLASS=jsmenu TARGET="_blank">Présentation</A></span>';
zlien[3][1] = '<span class="ssrubrique"><A HREF="'+deb+'/UMR7621/" CLASS=jsmenu TARGET="_blank">Laboratoire d\'Océanographie Biologique de Banyuls</A></span>';
zlien[3][2] = '<span class="ssrubrique"><A HREF="'+deb+'/UMR7628/" CLASS=jsmenu TARGET="_blank">Modèles en Biologie Cellulaire et Evolutive</A></span>';

// Les Sous Rubriques de la RUBRIQUE N°5
zlien[4][0] = '<span class="ssrubrique"><A HREF="'+deb+'/communication/publique.php" CLASS=jsmenu TARGET="_blank">Publique</A></span>';
zlien[4][1] = '<span class="ssrubrique"><A HREF="'+deb+'/communication/interne.php" CLASS=jsmenu TARGET="_self">Interne</A></span>';


/*************************************************************************************************************
	FUNCTION POP - PARTIE NON MODIFIABLE
	Entrée des données dans le layer , positionnement et apparition 
/*************************************************************************************************************/

function pop(msg,pos){
	skn.visibility = "hidden";
	skn.top = posYlayer;
	skn.left = posXmenu+largeur_colonne*pos+largeur_spacer*pos;
	
	 if (pos!=nb_rub-1){
 		img_Hautdroite=img_Hautdroite1;
		}
	else	img_Hautdroite=img_Hautdroite2;

var content ="<TABLE BORDER=0  CELLPADDING=0 CELLSPACING=0 WIDTH="+largeur_cellule+" ><tr><td BGCOLOR="+bgcolor_contour+" rowspan="+msg.length+" valign=top><img src=\""+deb+"/images/UPMC/spacer.gif\" width="+largeur_contour+" height="+hauteur_contour+"></td><TD valign=\"top\"><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>";

pass = 0;

content += "<TR><TD BGCOLOR="+bgcolor_contour+"><center><img src=\""+deb+"/images/UPMC/barr_grise.gif\"  WIDTH="+largeur_cellule+" height="+hauteur_contour+"><center></TD></TR>";

while (pass < msg.length)
	{
	content += "<TR><TD BGCOLOR="+bgcolor_fond+" onMouseOver=\"this.style.background='"+bgcolor_fond+"'\" onMouseOut=\"this.style.background='"+bgcolor_fond+"'\" HEIGHT="+hauteur_cellule+"> "+msg[pass]+"</TD></TR>";
	
	content += "<TR><TD BGCOLOR="+bgcolor_fond+"><center><img src=\""+deb+"/images/UPMC/barr_grise.gif\"  WIDTH="+largeur_cellule+" height="+hauteur_contour+"><center></TD></TR>";

	pass++;
	}
	
	content += '</TABLE></TD><td BGCOLOR='+bgcolor_contour+'  rowspan='+msg.length+' valign=top><img src='+deb+'/images/UPMC/spacer.gif width='+largeur_contour+' height='+hauteur_contour+'></td><td BGCOLOR='+bgcolor_arriereplan+' rowspan='+msg.length+' valign=top><img src='+img_Hautdroite+' width='+largeur_contour_ombre+' height=6></td></TR></TABLE><TABLE BORDER=0  CELLPADDING=0 CELLSPACING=0  WIDTH='+largeur_arriereplan+' height='+hauteur_contour_ombre+'><TR><TD BGCOLOR='+bgcolor_arriereplan+' ><a href="javascript:;" onMouseOut="kill()"><img src='+deb+'/images/UPMC/spacer_2.gif width='+largeur_cellule+' height='+hauteur_contour_ombre+' border=0></a></TD></TR></TABLE></TR></TABLE>';

if (ns4){
    skn.document.write(content);
	skn.document.close();
	skn.visibility = "visible";
	skn.onmouseover=vie;
	skn.onmouseout=hideIt_1;
  }
    else if (ie6||ns6){
	 document.getElementById("topdeck").innerHTML = content;
	 skn.visibility = "visible";
	 document.getElementById("topdeck").onmouseover=vie;
	 document.getElementById("topdeck").onmouseout=hideIt_1;
  }
    else if (ie4){
	 document.all("topdeck").innerHTML = content;
	 skn.visibility = "visible";
	 document.getElementById("topdeck").onmouseover=vie;
	 document.getElementById("topdeck").onmouseout=hideIt_1;
  }
}

/*************************************************************************************************************
	FUNCTION KILL && VIE
/*************************************************************************************************************/
function hideIt_1(){
NumId=setTimeout("kill()",500);
}

function kill(){
	skn.visibility = "hidden";
}
function vie(){
	if (NumId!=null){
	clearTimeout(NumId);
	NumId=null;
	}
	skn.visibility = "visible";

}
/*************************************************************************************************************/

document.onclick = kill;
