var image1, image2, image3, vignettes, apparition1, apparition2, apparition3;

window.onload = init;

function init ()
{
	ajoutMenus (0);

	// masquage menus
	document.getElementById("menufaire").style.display = "none";
	document.getElementById("menudev").style.display = "none";

	// modificaion comportement menu principal
	initMenus ();

	// couleur et puce de l'item menu du contenu affiché
	colorerItemMenu ("SRintro");
	
	// bord du bas de page
	ajoutBordBasDePage (2);

	// onclik lien d"impression
	ajoutEventImpression ();

	// rollover sur imprimer
	prechargerImages ("../images/puce-imprimer-on.png");

	var apparition1 = new ApparitionImage ('images/exemple-1.png', 0, "imageSite", ":: Site de la Compagnie Sémaphore", "legendeImageSite", -100, 10);
	var apparition2 = new ApparitionImage ('images/exemple-2.png', 0, "imageSite", ":: Ancienne page d’accueil (juin 2008)", "legendeImageSite", -150, 10);
	var apparition3 = new ApparitionImage ('images/exemple-3.png', 0, "imageSite", ":: Projet de page d’accueil", "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/exemple-1.png');
	image1.setAttribute ('height', '100');
	image1.setAttribute ('width', '150');	
	image1.style.cssText = 'margin-right: 30px';
	image1.onmousemove = function (e) {apparition1.afficher(e)};
	image1.onmouseout  = apparition1.masquer;

	image2.setAttribute ('src', 'images/exemple-2.png');
	image2.setAttribute ('height', '99');
	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/exemple-3.png');
	image3.setAttribute ('height', '100');
	image3.setAttribute ('width', '150');	
	image3.onmousemove = function (e) {apparition3.afficher(e)};
	image3.onmouseout  = apparition3.masquer;

	vignettes.insertBefore(image1, null);
	vignettes.insertBefore(image2, null);
	vignettes.insertBefore(image3, null);
}