/**
	masquer ou afficher un div
	la structure DOM doit etre comme suit :
	- un lien sur lequel cliquer pour masquer ou afficher, doit avoir un id du type xxxText
	- un div qui contient le contenu a masquer ou afficher, doit avoir un id du type xxxDiv
	exemple :
		<a id="toggleExText" href="javascript:toggleDisplay('toggleEx')">Afficher</a>
		<div id="toggleExDiv" style="display:none;">
			Contenu cache au depart et que l'on peut afficher
			ou masquer en cliquant sur le lien au dessus
		</div>
*/
function toggleDisplay(what)
{
	// pour la compatibilite de getElementById avec les anciens navigateurs
	// on definit la fonction getElementById si elle n'existe pas
	if (document.getElementById == undefined)
	{
		if (document.all)
		{
			document.getElementById = function()
			{
				if (typeof document.all[arguments[0]] != "undefined")
					return document.all[arguments[0]];
				else
					return null;
			}
		}
	}
	else if (document.layers)
	{
		document.getElementById = function()
		{
			if (typeof document[arguments[0]] != "undefined")
				return document[arguments[0]];
			else
				return null;
		}
	}

	var text = document.getElementById(what+'Text');
	var block = document.getElementById(what+'Div');
	if (text == null || block == null)
		return;
	
	if (block.style.display == 'none')
	{
		block.style.display = 'block';
		text.innerHTML = 'Masquer l\'animation'; // TODO localisation
	}
	else
	{
		block.style.display = 'none';
		text.innerHTML = 'Afficher l\'animation'; // TODO localisation
	}
}

