// fonction crée par DjMmix 

function Annimation(cadre, lien, TailleX, TailleY)  //fonction qui annime la balise concerner
{
	if( TailleX < 100) //tant que la taille de la balise est pas a 100 % alors on incrémente de 1 la largeur et longeur
	{
		TailleX++;
		TailleY++;
		if(document.getElementById) // pour IE
		{
			document.getElementById(cadre).style.width = TailleX + "%";
			document.getElementById(cadre).style.height = TailleY + "%";
		}
		else
			if(document.all) // pour les autre navigateur qui gère pas la balise getElementById
			{
				document.all[cadre].style.width = TailleX + "%";
				document.all[cadre].style.height = TailleY + "%";
			}			
			window.setTimeout("Annimation('"+cadre+"','"+lien+"'," + TailleX + "," + TailleY +");", 1);//timer qui relance la fonction pour crée une annimation
		}
	if ((TailleX == 100) && (TailleY == 100))// une fois à 100% de la fenêtre arrêt du timer et affiche les éléments cacher
	{
		window.clearTimeout();
		if(document.getElementById)
			{
				document.getElementById(lien).style.display = "block";// affiche le block cacher dans le div a la fin de l'annimation
			}
			else
			{
				if(document.all)
				{
					document.all[lien].style.display = "block";
				}
			}
	}
}
function efface(cadre,lien)// fonction qui efface les annimation en remetant les valeur a 0 et en cachant les div qui son devenu visible après l'appel d'une des deux fonction
{
if(document.getElementById)
	{
			document.getElementById(cadre).style.width = "0%";
			document.getElementById(cadre).style.height = "0%";
			document.getElementById(lien).style.display = "none";
	}
else
	{
	if(document.all)
		{
				document.all[cadre].style.width = "0%";
				document.all[cadre].style.height = "0%";
				document.all[lien].style.display = "none";
		}
	}
}
function SansAnnimation(cadre,lien)//fonction qui affiche a 100% le div cacher sans annimation pour recouvrir l'image
{
if(document.getElementById)
	{
			document.getElementById(cadre).style.width = "100%";
			document.getElementById(cadre).style.height = "100%";
			document.getElementById(lien).style.display = "block";
	}
else
	{
	if(document.all)
		{
				document.all[cadre].style.width = "100%";
				document.all[cadre].style.height = "100%";
				document.all[lien].style.display = "block";
		}
	}	
}
