// variables globales
var feuille;

window.onload = function ()
{
	ajoutDivDemonstration ();
	creationObjets ();
	gestionEvenements ();
	ajoutMenus (0);
	document.getElementById("menusites").style.display = "none";
	document.getElementById("menufaire").style.display = "none";
	initMenus ();
	colorerItemMenu ("DEVagi");
	ajoutBordBasDePage (2);
	ajoutEventImpression ();
	document.getElementById("tel").href = "demonstrations/demonstration-objet-agrandissement-image.zip";
	document.getElementById("tel").type = "application/zip";
	prechargerImages ("../images/puce-telecharger-on.png", "../images/puce-imprimer-on.png");
}

function ajoutDivDemonstration ()
{
	var el = document.createElement ('p');
	el.setAttribute ('class', 'demonstration');
	el.setAttribute ('className', 'demonstration');	 // IE
 	document.getElementById('demo').appendChild (el);
	el.innerHTML="<span class='lettrine'>D</span><span style='text-transform: uppercase;'>émonstration</span><br />où l’automne <a href='#' id='agrandir'>viendra</a> et <a href='#' id='rapetisser'>s’en ira</a> à volonté.";
	
	el = document.createElement ('p');
 	document.getElementById('demo').appendChild (el);
	el.setAttribute ('class', 'decoFlorale');
	el.setAttribute ('className', 'decoFlorale');	// IE
	el.innerHTML="<img src='images/deco-poivron.gif' alt='image d&eacute;corative' width='94' height='44' />";
}

function creationObjets ()
{
	feuille = new AgrandissementImage ("images/feuille.gif", "feuille", 700, 200, "conteneur");
}

function gestionEvenements ()
{
	document.getElementById("agrandir").onclick = function () { feuille.agrandir(); return false; };
	document.getElementById("rapetisser").onclick = function () { feuille.rapetisser(); return false; };
}