<?xml version="1.0" encoding="UTF-8" ?>
<Module>
	<ModulePrefs
		title="Conway's Game of Life"
		height="200"
		description="Play Conway's Game of Life in Google Wave."
		author="Charles Lehner"
		author_email="gadgets@lehnerstudios.com"
		screenshot="http://www.lehnerstudios.com/wave/life/images/screenshot-300.png"
		thumbnail="http://www.lehnerstudios.com/wave/life/images/thumbnail-51.png">
	 <Require feature="wave"/>
	 <Require feature="dynamic-height"/>
	</ModulePrefs>

	<Content type="html">
	<![CDATA[
	
	<style type="text/css">
	#canvas {
		display: block;
		border: 1px solid black;
	}
	#buttons {
		display: none;
	}
	.edit-mode #buttons {
		display: block;
	}
	#tooltip {
		display: none;
		position: absolute;
		text-align: center;
		width: 260px;
		padding: 5px;
		background-color: #fefdd5;
		border: 1px solid #a4a274;
		border-radius: 7px;
		font: small arial, sans-serif;
	}
	#tooltip.visible {
		display: block;
	}
	</style>
	
	<script src="http://wave-api.appspot.com/public/wave.js"></script>
	<script src="http://www.lehnerstudios.com/wave/sharedobject/sharedobject.js"></script>
	<script src="http://www.lehnerstudios.com/wave/sharedobject/wavy.js"></script>
	<script src="http://www.lehnerstudios.com/wave/life/life.js"></script>
		
	<div id="container">
		<canvas id="canvas"></canvas>
		<div id="buttons">
			<button id="nextBtn">Next</button>
			<button id="playBtn">Play</button>
		</div>
		<div id="tooltip">
			You are in view mode.<br />
			To edit cells, place the wave in edit mode.
		</div>
	</div>
	
	<script>
	init();
	</script>
	
	]]></Content>
</Module>