var image1, image2, image3, vignettes, apparition1, apparition2, apparition3, lien1, lien2, lien3;

window.onload = init;

function init ()
{
	ajoutMenus (0);
	document.getElementById("menufaire").style.display = "none";
	document.getElementById("menudev").style.display = "none";
	initMenus ();
	colorerItemMenu ("SRmdv");
	ajoutBordBasDePage (1);
	ajoutEventImpression ();
	prechargerImages ("../images/puce-imprimer-on.png");

	var apparition1 = new ApparitionImage ('images/cie-mots-du-vent-1.png', 0, "imageSite", ":: Page d’accueil", "legendeImageSite", -100, 10);
	var apparition2 = new ApparitionImage ('images/cie-mots-du-vent-2.png', 0, "imageSite", ":: Page intérieure, <em>P'tit bout d'ci</em>, illustration de Laurence Barbier", "legendeImageSite", -150, 10);
	var apparition3 = new ApparitionImage ('images/cie-mots-du-vent-3.png', 0, "imageSite", ":: Page intérieure, <em>Kalevala</em>, illustration de Catherine Jenny", "legendeImageSite", -200, 10);

	// div contenant les vignettes d'images
	vignettes = document.createElement ('div');
	vignettes.style.cssText = 'margin-bottom:20px;';

	// un "insertAfter" h1
	document.getElementById ('contenu').insertBefore (vignettes, document.getElementsByTagName('h1')[0].nextSibling);

	image1 = document.createElement ('img');
	image2 = document.createElement ('img');
	image3 = document.createElement ('img');

	image1.setAttribute ('src', 'images/cie-mots-du-vent-1.png');
	image1.setAttribute ('height', '100');
	image1.setAttribute ('width', '150');	
	image1.style.cssText = 'border: 1px solid #bbb;border-top: none;margin-right: 30px';
	image1.onmousemove = function (e) {apparition1.afficher(e)};
	image1.onmouseout  = apparition1.masquer;

	image2.setAttribute ('src', 'images/cie-mots-du-vent-2.png');
	image2.setAttribute ('height', '100');
	image2.setAttribute ('width', '150');	
	image2.style.cssText = 'border: 1px solid #bbb;border-top: none;margin-right: 30px';
	image2.onmousemove = function (e) {apparition2.afficher(e)};
	image2.onmouseout  = apparition2.masquer;

	image3.setAttribute ('src', 'images/cie-mots-du-vent-3.png');
	image3.setAttribute ('height', '100');
	image3.setAttribute ('width', '150');	
	image3.style.cssText = 'border: 1px solid #bbb;border-top: none;';
	image3.onmousemove = function (e) {apparition3.afficher(e)};
	image3.onmouseout  = apparition3.masquer;

	lien1 = document.createElement ('a');
	lien1.setAttribute ('href', 'http://lesmotsduvent.org');
	lien1.setAttribute ('title', 'Vers le site de la Cie les Mots du Vent');
	lien1.setAttribute ('target', '_blank');
	lien1.onclick = apparition1.masquer;
	lien1.appendChild (image1);

	lien2 = document.createElement ('a');
	lien2.setAttribute ('href', 'http://lesmotsduvent.org/pages/spe_ptitbout.php');
	lien2.setAttribute ('title', 'Vers la page « P’tit bout d’ci »');
	lien2.setAttribute ('target', '_blank');
	lien2.onclick = apparition2.masquer;
	lien2.appendChild (image2);

	lien3 = document.createElement ('a');
	lien3.setAttribute ('href', 'http://lesmotsduvent.org/pages/spe_kalevala.php');
	lien3.setAttribute ('title', 'Vers la page « Kalevala »');
	lien3.setAttribute ('target', '_blank');
	lien3.onclick = apparition3.masquer;
	lien3.appendChild (image3);

	vignettes.insertBefore(lien1, null);
	vignettes.insertBefore(lien2, null);
	vignettes.insertBefore(lien3, null);
}