// variable globale
var apparition;

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


function ajoutDivDemonstration ()
{
	var el = document.createElement ('div');
	el.setAttribute ('id', 'apparition');
	document.getElementsByTagName ('body')[0].appendChild(el);
	el.innerHTML="<img src='images/deco-cul-de-lampe-inverse.gif' alt='' width='76' height='15' style='margin-top: 5px' /><p><code>ApparitionElement<\/code><br \/>fait apparaître un élément comme celui-ci près du curseur de la souris<\/p><img src='images/deco-cul-de-lampe.gif' alt='' width='76' height='15' style='margin-top: 5px' />";

	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’on verra en <a href='#' id='explications'>avant-première</a> des explications qu’on aurait trop facilement trou&shy;vées, de toute façon, dans cette page…";
	
	el = document.createElement ('p');
	el.setAttribute ('class', 'decoFlorale');
	el.setAttribute ('className', 'decoFlorale');	// IE
 	document.getElementById('demo').appendChild (el);
	el.innerHTML="<img src='images/deco-feuille-lierre-4.gif' alt='image d&eacute;corative' width='69' height='70' />";
}

function creationObjets ()
{
	apparition = new ApparitionElement ("apparition",1,15,15);
}

function gestionEvenements ()
{
	var x = document.getElementById ('explications');
	x.onmousemove = function (e) { apparition.afficher(e) };
	x.onmouseout =  function () { apparition.masquer() };
	x.onclick =  function () { return false };
}