function initialisation()
{
	
///////////quant on clique sur BODY cela cache les sous menu
	if(document.getElementsByTagName('body'))
	{
		var oBody=document.getElementsByTagName('body');
		oBody[0].onclick=fnCloseSousMenu;
	}
///////////FIN BODY cache les sous menu
/////////////on récupère les tag A pour leur donner l'action d'ouvrire les sous menu
	if(document.getElementById('menu'))
	{
		var oMenu=document.getElementById('menu')
		var aAMenu=oMenu.getElementsByTagName('a');
		for(var i=0;i<aAMenu.length;i++)
		{
			var aAMenuTemp=aAMenu[i];
			aAMenuTemp.onmouseover=fnAfficheSousMenu;
			//mise de l'opacité à 30 pour les transitions
			fnChangeOpacSousMenu('sous_'+aAMenu[i].id,30);
		}
		
	}

/////////////on récupère les tag A pour leur donner l'action d'ouvrire les sous menu
///////////on donne les actions d'ouverture et de fermeture des ONGLETS
	if(document.getElementById('sous_menu_fixe'))
	{
		// récupération des elements DIV de la Page
		//var sDiv="";
		var oSousMenuFixe=document.getElementById('sous_menu_fixe')
		var aDivOnglet=oSousMenuFixe.getElementsByTagName('div');
		for(var i=0;i<aDivOnglet.length;i++)
		{
			// on recherche les balises DIV ayant pour class "element"
			if(aDivOnglet[i].className=="element")
			{	
				oDivOngletTemp=aDivOnglet[i];
				// on attribue les comportement
				oDivOngletTemp.onmouseover=fnAfficheInfoElement;
				oDivOngletTemp.onmouseout=fnCacheInfoElement;
			}
		}
	}
/////////////fin INITIALISATION
}
function fnAfficheInfoElement()
{
	var aPinfo=this.getElementsByTagName('p');
	// affichage de la première balise P contenu dans le DIV donc les info
	aPinfo[0].style.height="105px";
	// transparance de l'image
	var aImg=this.getElementsByTagName('img');
	fnChangeOpac(aImg[0],50);
}


function fnCacheInfoElement(sId)
{
	var aPinfo=this.getElementsByTagName('p');
	// la première balise P contenu dans le DIV
	aPinfo[0].style.height='25px';
	// transparance de l'image
	var aImg=this.getElementsByTagName('img');
	fnChangeOpac(aImg[0],100);
}

///////////FIN ONGLETS ELEMENTS
/////////////////////FOnctions GENERALES

//ouverture des sous menus
function fnAfficheSousMenu()
{
	//////SOUS MENU
	var sMenu=this.id;
	var sSousMenu='sous_'+sMenu;
	// On Bouton Menu
	var oMenu=document.getElementById(sMenu);
	oMenu.style.background="transparent url(menu/menu_on.gif) no-repeat top left;";
	// Affichage du sous menu
	var oSousMenu=document.getElementById(sSousMenu);
	oSousMenu.style.visibility="visible";
	for(var nOpac=30 ; nOpac < 91; nOpac++)
	{
		setTimeout("fnChangeOpacSousMenu('"+sSousMenu+"',"+ nOpac +")",200);
	}
	// cache les autres sous-menu
	var oMenuPrincipal=document.getElementById('menu')
	var aAMenuMenuPrincipal=oMenuPrincipal.getElementsByTagName('a');
	for(var i=0;i<aAMenuMenuPrincipal.length;i++)
	{
		var oAMenuMenuPrincipalTemp=aAMenuMenuPrincipal[i];
		if(sMenu!=oAMenuMenuPrincipalTemp.id) 
		{
			// on cache les sous menus
			var oAutreSousMenu=document.getElementById('sous_'+oAMenuMenuPrincipalTemp.id);
			fnChangeOpacSousMenu('sous_'+oAMenuMenuPrincipalTemp.id,30);
			oAutreSousMenu.style.visibility="hidden";
			// on rétabli les roll over des autres menu
			var oAutreMenu=document.getElementById(oAMenuMenuPrincipalTemp.id);
			oAutreMenu.style.background="transparent url(menu/menu_off.gif) no-repeat top left;";
		}
	}
	
}
//fin ouverture des sous menus
//fermeture des sous menus
function fnCloseSousMenu()
{
	if(document.getElementById('menu'))
	{	
		
		var oMenu=document.getElementById('menu')
		var aAMenu=oMenu.getElementsByTagName('a');
		for(var i=0;i<aAMenu.length;i++)
		{
			// on cache les sous menus
			var sAutreSousMenu='sous_'+aAMenu[i].id;
			var oAutreSousMenu=document.getElementById('sous_'+aAMenu[i].id);
			oAutreSousMenu.style.visibility="hidden";
			// on rétabli les roll over des autres menu
			var sAutreMenu=aAMenu[i].id;
			var oAutreMenu=document.getElementById(sAutreMenu);
			oAutreMenu.style.background="transparent url(menu/menu_off.gif) no-repeat top left;";
		}
	}	
}
////fin fermeture des sous menus

function fnChangeOpac(oEl,nOpacity) {
    oEl.style.opacity = (nOpacity / 100);
    oEl.style.MozOpacity = (nOpacity / 100);
    oEl.style.KhtmlOpacity = (nOpacity / 100);
    oEl.style.filter = "alpha(opacity=" + nOpacity + ")";
}
function fnChangeOpacSousMenu(sEl,nOpacity) {
	var oEl=document.getElementById(sEl);
    oEl.style.opacity = (nOpacity / 100);
    oEl.style.MozOpacity = (nOpacity / 100);
    oEl.style.KhtmlOpacity = (nOpacity / 100);
    oEl.style.filter = "alpha(opacity=" + nOpacity + ")";
}

/////SLIDE réalisation
var nTop=0;         // hauteur à 0
var cSens="asc";    // sens de défilement 
var nHauteur=1900;  // hauteur max cumulé des images
function fnSlide()
{
	if(cSens=="asc")
	{
		nTop=nTop+5;
		if(nTop < nHauteur ) {
		document.getElementById("slide").style.top="-"+nTop+"px";
		setTimeout("fnSlide()",200);
		}
	}
	if(cSens=="desc")
	{
		nTop=nTop-5;
		if(nTop > 0 ) {
		document.getElementById("slide").style.top="-"+nTop+"px";
		setTimeout("fnSlide()",200);
		}
	}
	if(nTop==0 && cSens=="desc") 
	{
		cSens="asc";
		setTimeout("fnSlide()",200);
	}
	if(nTop==nHauteur && cSens=="asc") 
	{
		cSens="desc";
		setTimeout("fnSlide()",200);
	}
}