<Module>
  <ModulePrefs title="Wave Bidding" height="250">
    <Require feature="rpc"/>
  </ModulePrefs>

  <Content type="html">
  <![CDATA[
  <script type="text/javascript"
      src="http://wave-api.appspot.com/public/wave.js"></script>
  <script type="text/javascript">
    function buttonClicked() {
      var viewerId = wave.getViewer().getId();
      var state = wave.getState();
      var bid = parseInt(document.getElementById('yourBid').value);
      var currentBid = parseInt(state.get(viewerId, '0'));
      if (bid > currentBid) {
        delta = {};
        delta[viewerId] = bid;
        state.submitDelta(delta);
      }
    }
	
	function buzz() {
		var viewerId = wave.getViewer().getId();
		var state = wave.getState();
		var open = parseInt(state.get('open','1'));
		if(open==1){
			var answer = document.getElementById('answer').value;
			delta = {};
			delta['buzz'] = answer;
			delta['buzzerId'] = viewerId;
			alert("buzzing: "+answer);
			state.submitDelta(delta);
		}
	}

    function renderInfo() {
      if (!wave.getState()) {
        return;
      }
      var highestBid = 0;
      var highestBidderId = null;
      var state = wave.getState();
      var keys = state.getKeys();
      for (var i = 0; i < keys.length; ++i) {
        var bidder = keys[i];
        var bid = parseInt(state.get(bidder));
        if (bid > highestBid) {
          highestBid = bid;
          highestBidderId = bidder;
        }
      }
      var bidderName = 'Nobody';
      var thumbNail = 'http://wave-api.appspot.com/public/unknown.gif';
      if (highestBidderId) {
        bidderName = highestBidderId;
        var participants = wave.getParticipants();
        if (participants) {
          for (var i = 0; i < participants.length; ++i) {
            if (participants[i].getId() == highestBidderId) {
              var highestBidder = participants[i];
              bidderName = highestBidder.getDisplayName();
              if (!bidderName) {
                bidderName = highestBidder.getId();
              }
              thumbNail = highestBidder.getThumbnailUrl();
            }
          }
        }
      }
      document.getElementById('bidderThumbnail').src = thumbNail;
      document.getElementById('bidderName').firstChild.nodeValue = bidderName;
      document.getElementById('highestBid').firstChild.nodeValue = highestBid;
      document.getElementById('yourBid').value = highestBid;
    }

    function main() {
      if (wave && wave.isInWaveContainer()) {
        wave.setStateCallback(renderInfo);
        wave.setParticipantCallback(renderInfo);
      }
    }
    gadgets.util.registerOnLoadHandler(main);
  </script>
  <img id="bidderThumbnail" src="http://wave-api.appspot.com/public/gadgets/unknown.gif" width="50" height="50"/><br/>
  <span id="bidderName">Nobody</span><br/>
  Highest bid: <span id="highestBid">0</span><br/>
  Your bid: <input id="yourBid" size="5" value="0"><button id="butCount" onclick="buttonClicked()">Bid</button><br/>
  <span id="teams">
	Home Team:<br/>
	<span id="home">
		Score:&nbsp;
		<span id="homeScore">
			0
		</span><br/>
		Players:<br/>
		<span id="homePlayers">
			<ol>
				<li>
					Nobody
				</li>
			</ol>
		</span>
	</span>
	Away Team:<br/>
	<span id="away">
		Score:&nbsp;
		<span id="awayScore">
			0
		</span><br/>
		Players:<br/>
		<span id="awayPlayers">
			<ol>
				<li>
					Nobody
				</li>
			</ol>
		</span>
	</span>
</span><br/>
<div id="questions" style="height:200px;overflow:auto;">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis semper sollicitudin mauris tincidunt ullamcorper. Aliquam neque magna, molestie scelerisque commodo nec, vulputate eu justo. Etiam aliquam convallis felis eget adipiscing. Sed quam ligula, vehicula quis commodo quis, euismod vel tellus. Fusce odio risus, viverra eget placerat vel, blandit eu lacus. Ut pellentesque facilisis purus quis ultricies. Sed venenatis laoreet tellus eu fringilla. Cras velit purus, lacinia sit amet pellentesque id, suscipit pretium purus. Praesent pharetra, massa a pretium sagittis, nisi neque porttitor augue, nec sodales est nibh at lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec bibendum, lectus vel consectetur ultricies, justo risus luctus nisl, et tempus purus odio in justo. Pellentesque condimentum diam vel velit vulputate sed suscipit orci egestas. Curabitur id nisl quis ligula pulvinar tincidunt accumsan sit amet nisl. Aliquam eget molestie nisi. Morbi id imperdiet eros. Donec ultricies lectus non felis convallis id laoreet neque blandit. Pellentesque molestie, nisi sit amet volutpat aliquam, dui sapien ultrices neque, id convallis tellus leo at metus.
</div><br/>
<span id="controls">
	<input id="answer" size="20">&nbsp;<button id="buzz" onclick="buzz()">Buzz</button>
</span>
]]>
</Content>
</Module>
