<?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;">
	<label for="tweet_id">Tweet id:</label><input type=text id="tweet_id" />
	<input type=button value="Ok" id="butOk" onClick="getTweet()" />
</div>
    <script type="text/javascript">

    var div = document.getElementById('content_div');
    var tweet_request = null;
    var params = {};
   
    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'];
      div.innerHTML = divhtml;
    }

    function getTweet() {
      var tweetId = document.getElementById('tweet_id').value;
      var url = "http://twitter.com/statuses/show/" + tweetId + ".json";
      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>
