var lettre=document.getElementsByTagName('h6');		// on note tous les h6
//var plettre=document.getElementsByTagName('strong');	// et tous les strong

// création des tableaux des différentes propriétés à modifier pour l’animation
// jaune en premier (exclure du texte)
var coul=["#FFCC00", "#FF3300", "#069", "#330099",	"#006633", "#069", "#330099", "#006633"];
var sty=["italic", "normal", "normal"];
var tra=["uppercase", "lowercase", "lowercase"];
var siz=[24, 28, 32, 36, 40, 44, 50, 56, 60];
var wei=["bold", "normal"];
var fon=["Times, Georgia, 'Times New Roman'", "Georgia, 'Times New Roman', Times", "'Times New Roman', Georgia, Times", "Arial, Helvetica, Geneva, Swiss, SunSans-Regular", "futura, verdana, arial"];
var decal=220;	// décalage vertical par défaut



function titre(dec)
	{
	var i, j;
	if(lettre.length)
		{
		//alert(dec);
		if (dec) decal = dec;
		for(i=0; i < lettre.length; i++)
			{
			j=Math.floor(lettre.length * Math.random());
			lettre[i].style.top=(i * 30 + decal) + "px";
			lettre[i].style.visibility="visible";
			ecrit(i, j);
			}
		anim();
		}
	}
function anim()
	{
	var i, j, temp;
	i=Math.floor(lettre.length * Math.random());
	j=Math.floor(40 * Math.random());
	ecrit(i, j);
	temp=Math.floor(1000 * Math.random());
	setTimeout("anim()", temp);
	}
function ecrit(i, j)
	{	
	lettre[i].style.color=coul[j % coul.length];
	lettre[i].style.fontSize=siz[j % siz.length] + "px";
	lettre[i].style.textTransform=tra[j % tra.length];
	lettre[i].style.fontStyle=sty[j % sty.length];
	lettre[i].style.fontFamily=fon[j % fon.length];	
	lettre[i].style.left=j + "px";
	}


function afficheBoite(ident, deca)
	{
	var id;
	for(var i = 1; i <= fin; i++)
		{
		id = 'note' + i;
		document.getElementById(id).style.visibility="hidden";
		}
	var y = document.getElementById(deca).offsetTop;
	id = 'note' + ident;
	document.getElementById(id).style.top = (y - 10) + "px";
	document.getElementById(id).style.visibility="visible";
	}
function effaceBoite(ident)
	{
	var id;
	id = 'note' + ident;
	document.getElementById(id).style.visibility="hidden";
	}




function miniatures(n)
	{
	var i=1;
	for(i==1;i<=n;i++)
		{
		document.getElementById("ico"+i).style.width = '72px';
		document.getElementById("ico"+i).style.height = '48px';
		document.getElementById("ico"+i).style.marginTop = '0px';
		}
	}
function grandeVignette(ima, n)
	{
	miniatures(n);
	document.getElementById("ico"+ima).style.width = '300px';
	document.getElementById("ico"+ima).style.height = '140px';
	document.getElementById("ico"+ima).style.marginTop = '-36px';
	}




function eml(cl)
	{
	document.write('<a href="m&#x61;&#x69;lto:suzel' + '&#x40;'
					+ 'reliure-mailfert&#x2e;fr" title="Cliquez pour m’envoyer un mail" class="'
					+ cl + '">suzel' + '&#x40;' + 'reliure-mailfert&#x2e;fr</a>');
	}

function webmaster(cl)
	{
	document.write('<a href="m&#x61;&#x69;lto:webmaster' + '&#x40;'
					+ 'reliure-mailfert&#x2e;com" title="Cliquez pour lui envoyer un mail" class="'
					+ cl + '">Hervé Roth</a>');
	}

function ml(cl, nom, provider, ext, sujet)
	{
	document.write('<a href="m&#x61;&#x69;lto:' + nom + '&#x40;' + provider + '&#x2e;' + ext);
	if(sujet)document.write('?Subject=' + sujet);
	document.write('" title="Envoyer un mail');
	if(sujet)document.write(' au sujet de&nbsp;: ' + sujet);
	document.write('" class="' + cl
					+ '">' + nom + '&#x40;' + provider + '&#x2e;' + ext + '</a>');
	}



function copyright()
	{
	//alert("copyright");
	document.write
		(
		'<hr class="ecart">' 
		+'<h5 class = "copyright"> © Cours de reliure Suzel Mailfert</h5>'
		+'<h5 class = "copyright">Tous droits réservés pour le contenu textuel et iconographique de ce site</h5>'
		+'<h5 class = "copyright">Pour contacter l’auteur de ce site : <a href="m&#x61;&#x69;lto:webmaster'
		+ '&#x40;'
		+ 'reliure-mailfert&#x2e;com" title = "Cliquez pour envoyer un mail" class = "copyright"> Hervé Roth à webmaster'
		+ '&#x40;'
		+ 'reliure-mailfert&#x2e;com</a></h5><hr>'
		)
	}
