<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs author="Christian Westman" author_email="creamdog@creamdog.se" title="Reversi Gadget for Google VVave" height="410">
    <Require feature="wave" /> 
	<Require feature="rpc"/> 
  </ModulePrefs>
  <Content type="html">
    <![CDATA[     

		<head>
			
			<style> 

				body
				{
					background-color:#dcb35c;
				}

				div#board
				{
					width:500px;
					height:500px;
					background-image:URL("http://www.creamdog.se/googlewave/go/res/images/board.png");
					background-repeat:no-repeat;
				}

				div#marker
				{
					width:21px;
					height:21px;
					background-image:URL("http://www.creamdog.se/googlewave/go/res/images/sprites.png");
					background-repeat:no-repeat;
					position:absolute;
					left:0;
					top:0;
				}

				div#text
				{
					position:absolute;
					left:400px;
					top:50px;
				}

				.gamepiece
				{
					width:21px;
					height:21px;
					background-image:URL("http://www.creamdog.se/googlewave/go/res/images/sprites.png");
					background-repeat:no-repeat;
					background-position:0 22px;
					position:absolute;
					left:0;
					top:0;
				}

				.turn
				{
					left:400px;
					top:20px;
					background-position:0 0;
				}

			</style> 

			<script type="text/javascript" src="http://www.creamdog.se/googlewave/go/json2.js"></script> 
			<script type="text/javascript" src="http://wave-api.appspot.com/public/wave.js"></script> 
			<script type="text/javascript" src="http://www.creamdog.se/googlewave/go/jquery-1.3.1.min.js"></script>
			<script type="text/javascript" src="http://www.creamdog.se/googlewave/go/go.js"></script>

			<script type="text/javascript">
			
				gadgets.util.registerOnLoadHandler(initWave);

			</script>

		</head>

		<body>

			<div id="board"><div id="logger" style="background-color:white;display:none;"></div></div>
			<div id="marker" class="gamepiece"></div>
			<div id="turn" class="gamepiece turn"></div>
			<div id="text"></div>

		</body>

    ]]>
  </Content>
</Module>

