<!--
//--------------------------------------------------------------------------||
// FUNCTION:    retrieveHtmlElementStyle								    ||
// PARAMETERS:  id			  --> id d'un objet division DIV			    ||
// RETURNS:     element_style --> la collection style de l'objet désigné    ||
// PURPOSE:     Renvoie le style de l'élément demandé si il existe          ||
//--------------------------------------------------------------------------||
function retrieveHtmlElementStyle(id)
{	
	
	//-------- définition des éléments DHTML de la page
	var element_style  = null ;		// 	l'affichage du contenu	
	
	//----------------------------------------------------------------------------|
	//-- On regarde la commande reconnue par le browser (getElementById ou all) --|
	//----------------------------------------------------------------------------|
	
	if (document.getElementById)
		element_style  = document.getElementById(id).style ;
	
	else if (document.all)
		element_style  = document.all[id].style ;
	
	else if (document.layers)
		element_style  = document.layers[id] ;
	
	return element_style ;
}
		

//---------------------------------------------------------------------------------------||
// FUNCTION:    toggle_display											                 ||
// PARAMETERS:  id			 --> id d'un objet division DIV				                 ||
//				bVisible	 --> booleen de controle de la présence 	                 ||
//								  1  : forcé a etre présent            	                 ||
//								  0  : forcé a etre absent             	                 ||
//								 -1  : non forcé                    	                 ||
// RETURNS:     nothing										  			                 ||
// PURPOSE:     Permet de faire apparaitre et/ou disparaitre des parties d'une page HTML ||
//---------------------------------------------------------------------------------------||
function toggle_display(id, bVisible)
{		
	if (bVisible == null) bVisible = -1 ;
	var element_style =	retrieveHtmlElementStyle(id) ;
	
	// Si element_style existe ,
	// --------------------------
	if (element_style)
	{
		// Si l'element est en non affichage
		// ----------------------------------
		if (element_style.display == "none")
		{
			//--------- affichage des details
			//if (bVisible || bVisible==-1) element_style.display  = "inline" ;
			if (bVisible || bVisible==-1) element_style.display  = "" ;
		}
		
		// Sinon si l'element est en affichage
		// ------------------------------------
		else
		{
			//--------- non affichage des details
			if (!bVisible || bVisible==-1) element_style.display  = "none" ;
		}     
	} 
}

//----------------------------------------------------------------------------||
// FUNCTION:    toggle_visible											      ||
// PARAMETERS:  id			 --> id d'un objet division DIV				      ||
//				bVisible	 --> booleen de controle de la visibilité	      ||
//								  1  : forcé a visible                	      ||
//								  0  : forcé a invisible               	      ||
//								 -1  : non forcé                    	      ||
// RETURNS:     nothing													      ||
// PURPOSE:     Permet d'afficher et/ou de cacher des parties d'une page HTML ||
//----------------------------------------------------------------------------||
function toggle_visible(id, bVisible)
{
	if (bVisible == null) bVisible = -1 ;
	var element_style =	retrieveHtmlElementStyle(id) ;
	
	// Si element_style existe ,
	// --------------------------
	if (element_style)
	{
		// Si l'element est en non affichage
		// ----------------------------------
		if (element_style.visibility == "hidden")
		{
			//--------- affichage des details
			if (bVisible || bVisible==-1) element_style.visibility  = "visible" ;
		}
		
		// Sinon si l'element est en affichage
		// ------------------------------------
		else
		{
			//--------- non affichage des details
			if (!bVisible || bVisible==-1) element_style.visibility  = "hidden";
		}     
	} 
}

function toggle_display_with_img(id)
{	
	//-------- définition des éléments DHTML de la page
	var element_style  = null ;		// 	l'affichage du contenu
	var element_style2 = null ;		// 	l'affichage de l'image a cliquer
	var element_style3 = null ;		// 	l'affichage de l'image cliquée
	element_style =	retrieveHtmlElementStyle(id) ;
	element_style =	retrieveHtmlElementStyle(id + 'ImgDisplay') ;
	element_style =	retrieveHtmlElementStyle(id + 'ImgNoDisplay') ;	
	
	// Si element_style existe ,
	// --------------------------
	if (element_style)
	{
		// Si l'element est en non affichage
		// ----------------------------------
		if (element_style.display == "none")
		{
			//--------- affichage des details et de la bonne img
			element_style.display  = "inline" ;
			element_style2.display = "inline" ;
			element_style3.display = "none" ;
		}
		
		// Sinon si l'element est en affichage
		// ------------------------------------
		else
		{
			//--------- non affichage des details et affichage de la bonne img
			element_style.display  = "none";
			element_style2.display = "none" ;
			element_style3.display = "inline" ;
		}     
	} 
}


// Fonction permettant de changer d'image lorsque la souris passe dessus
// ----------------------------------------------------------------------
function imageChangeSrc(imgType, aImages)
{
    if (document.images)
        document[imgType].src = aImages[imgType].src ;
}


function elementChangeBgImg(image)
{
	var element = event.srcElement;
	
	switch (element.tagName)
	{	
		case "INPUT" : element.style.backgroundImage="url"+"('"+image+"')" ; break ;
		case "IMG"	 : element.style.backgroundImage="url"+"('"+image+"')" ; break ;
		case "TD"	 : element.style.backgroundImage="url"+"('"+image+"')" ; element.style.fontWeight='bold' ; break ;	
		default		 : //alert('L\'element n\'est pas reconnu') ;
	}
}

function elementChangeFontText(fontWeight)
{
	var element = event.srcElement;
	
	switch (element.tagName)
	{			
		case "TD"	 : element.style.fontWeight=fontWeight ; break ;	
		default		 : //alert('L\'element n\'est pas reconnu') ;
	}
}

function thisElementChangeBgImg(id, image)
{
   document.getElementById(id).style.backgroundImage="url"+"('"+image+"')" ;	
}


//--------------------------------------------------------------------------------------------------||
// FUNCTION:    DHTML_elementClassChange								                            ||
// PARAMETERS:  idElement	  --> id d'un element DHTML					                            ||
//				nomTypeTag	  --> nom du tag recherché dans cet element	                            ||
//				numTagElement --> numéro du TAG désiré					                            ||
//				cls			  --> classe CSS de remplacement			                            ||
// RETURNS:     null														                        ||
// PURPOSE:     Permet de changer la class d'un element DHTML				                        ||
// EXAMPLE:     <table id=idElement>										                        ||
//					<tr>													                        ||
//						<td onmouseover="DHTML_elementClassChange(idElement, "TD", 0, cls);"></td>	||
//						<td onmouseover="DHTML_elementClassChange(idElement, "TD", 1, cls);"></td>	||
//						<td onmouseover="DHTML_elementClassChange(idElement, "TD", 2, cls);"></td>	||
//					</tr>                                                                           ||
//				</table>                                                                            ||
// VERSION:     v 1.0	(Version très aboutie)								                        ||
//--------------------------------------------------------------------------------------------------||
function DHTML_elementClassChange(idElement, nomTypeTag, numTagElement, cls)
{
	//---- définition des vars
	var t, d;
	
	//---- récupération de l'element DHTML
	if (document.getElementById)
		t = document.getElementById(idElement);
	else
		t = document.all(idElement);
	
	//---- si il existe pas, fin function
	if (t == null) return;
	
	//---- récupération dans cet element de tous les tag du type nomTag
	if (t.getElementsByTagName)
		d = t.getElementsByTagName(nomTypeTag);
	else
		d = t.all.tags(nomTypeTag);
		
	//---- si il n'existe de tag de ce type au sein de l'élément, fin de fonction
	if (d == null) return;
	
	//---- si le nombre de tag récupéré est inférieur a celui demandé, fin de function
	if (d.length <= numTagElement) return;
	
	//---- affectation de la nouvelle class
	d[numTagElement].className = cls;
}
//-->