/*
 * Jeu EMOA
 */
Event.observe(window, "load", function() {
	
	// chargement de l'image
	var img = new Image();
	img = Element.extend(img);
	img.observe("load", function() {
		
		var dim = document.viewport.getDimensions();
		var posX = (dim.width/2) - (img.width/2);
		var posY = -img.height;
		
		var wrapper = document.createElement("div");
		wrapper = Element.extend(wrapper);
		wrapper.id = "jeuEMOA";		
		wrapper.setStyle({
					position : "absolute",
					display  : "none",
					top      : 0,
					left     : posX + "px",
					width    : img.width + "px",
					height   : img.height + "px",
					zIndex   : 99,
					cursor   : "pointer"
					});
					
		
		var closeLink = document.createElement("img");
		closeLink = Element.extend(closeLink);
		closeLink.src = "./images/cale.gif";
		closeLink.setStyle({
					position : "absolute",
					display  : "block",
					top      : 0,
					right     : 0,
					width    : "50px",
					height   : "50px",
					zIndex   : 100,
					cursor   : "pointer"
					});
		
		closeLink.observe("click", function() {
			Effect.SlideUp('jeuEMOA', { duration: 0.5 });
		});
		
		closeLink.observe("mouseover", function() {
			wrapper.stopObserving("click");
		});
		
		closeLink.observe("mouseout", function() {
			wrapper.observe("click", function() {
				window.location = "Devis-en-ligne--12.html";
			});
		});
		
		wrapper.observe("click", function() {
			window.location = "Devis-en-ligne--12.html";
		});
					
		wrapper.appendChild(img);
		wrapper.appendChild(closeLink);
		document.body.appendChild(wrapper);
		Effect.SlideDown('jeuEMOA', { duration: 2.0, transition: Effect.Transitions.spring });
		
	});
	img.src = "./images/jeu-emoa.png";
	
	
});