// variables globales
var loup, bois;

window.onload = function ()
{
	ajoutDivDemonstration ();
	creationObjets ();
	gestionEvenements ();	
	ajoutMenus (0);
	document.getElementById("menusites").style.display = "none";
	document.getElementById("menufaire").style.display = "none";
	initMenus ();
	colorerItemMenu ("DEVroe");
	ajoutBordBasDePage (2);
	ajoutEventImpression ();
	document.getElementById("tel").href = "demonstrations/demonstration-objet-rotation-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', 'loup');
	el.style.display ="none";
	document.getElementById ('conteneur').appendChild(el);
	el.innerHTML="<img src='images/loup-du-bois.gif' alt='Un loup' width='130' height='166' />";

	el = document.createElement ('div');
	el.setAttribute ('id', 'bois');
	el.style.display ="none";
	document.getElementById ('conteneur').appendChild(el);
	el.innerHTML="<img src='images/bois-du-loup.gif' alt='Un bois' width='500' height='396' />";

	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 le loup <a href='#' id='roder'>rôder dans le bois</a> et <a href='#' id='partir'>s’en aller</a>.<span style='display: block; text-align: right'><em>Dessin de Laurence Barbier<br /><small>Cet exemple utilise également l’objet <a href='dhtml-objet-extension-element.php'>ExtensionElement</a></small></em></span>";
 
	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-3.gif' alt='image d&eacute;corative' width='69' height='70' />";
}

function creationObjets ()
{
	loup = new RotationElement ("loup", 140, -10, 4, 35);
	bois = new ExtensionElement ("bois", 500, 500, 0, 0, 390, 10, 20);
}

function gestionEvenements ()
{
	document.getElementById("roder").onclick = roder;
	document.getElementById("partir").onclick = partir;

	document.getElementById("roder").ondblclick = function () {return false};
	document.getElementById("partir").ondblclick = function () {return false};

	function roder ()
	{
		if (!bois.on && !bois.enMvt)
		{
			bois.etendre();
			var f = function () { loup.tourner(1,3) };
			setTimeout (f,500);
		}
		else if (bois.on && !loup.enMvt)
		{
			loup.tourner(1,1);
		}
		return false;
	}
	
	function partir ()
	{
		if (!loup.enMvt && bois.on)
		{
			loup.tourner(0,1);
			var f = function (){ loup.stopperNet(); loup.cacher(); bois.replier(); };
			setTimeout (f,1000);
		}
		return false;
	}
}