<?xml version="1.0" encoding="UTF-8" ?> 
<Module>
<ModulePrefs title="Tweet Show" height="80">
  <Require feature="wave" /> 
</ModulePrefs>
<Content type="html">
<![CDATA[ 
<div id="content_div" style="height: 50px;">
</div>
    <script type="text/javascript" src="http://wave-api.appspot.com/public/wave.js"></script> 
    <script type="text/javascript">

    var div = document.getElementById('content_div');
    var tweet_request = null;

    function stateUpdated() {
      if (wave.getState().get("tweet")) 
        div.innerHTML = wave.getState().get("tweet");
    }

    function init() { 
      if (wave && wave.isInWaveContainer()) {
        wave.setStateCallback(stateUpdated);
        divhtml = '<label for="tweet_id">Tweet id:</label><input type=text id="tweet_id" />';
        divhtml += '<input type=button value="Ok" id="butOk" onClick="getTweet()" />';
        if (wave.getState() && wave.getState().get('tweet', false)) {
          divhtml = wave.getState().get('tweet');
        }
	div.innerHTML = divhtml;
      }
    }
    gadgets.util.registerOnLoadHandler(init);
   
    function updateTweet(obj) {
      tweet = obj.data;
      divhtml = "<a href='http://twitter.com/";
      divhtml += tweet['user']['screen_name'];
      divhtml += "' target='_blank'>";
      divhtml += tweet['user']['screen_name'];
      divhtml += "</a> disse: ";
      divhtml += tweet['text'];
      wave.getState().submitDelta({'tweet': divhtml});
    }

    function getTweet() {
      var tweetId = document.getElementById('tweet_id').value;
      var url = "http://twitter.com/statuses/show/" + tweetId + ".json";
      var params = {};
      params[gadgets.io.RequestParameters.CONTENT_TYPE] = gadgets.io.ContentType.JSON;
      // This URL returns a JSON-encoded string that represents a JavaScript object
      gadgets.io.makeRequest(url, updateTweet, params);
    }
    </script>
  ]]> 
  </Content>
</Module>
