<?xml version="1.0" encoding="UTF-8" ?>
<Module>
 <ModulePrefs title="use Social Data">
  <Require feature="dynamic-height" />
  <Require feature="opensocial-0.8"/>
 </ModulePrefs>
<Content type="html" view="canvas">
<![CDATA[
<style type="text/css">
* {
 font-size: 10px;
}
div.main {
 width: 945px;
}
div.main-menu {
 float: left;
 width: 200px;
}
div.main-content {
 float: left;
}
h3{
  padding:0 0 2 18px;
  background:url("http://track.ah-huh.net/images/h3bg.gif") no-repeat left;
  font-size:12px;
}

</style>
  <script type="text/javascript">
    function request() {
        var req = opensocial.newDataRequest();
        req.add(req.newFetchPersonRequest(opensocial.IdSpec.PersonId.OWNER), "owner");
	req.send(function(data){
        if (data.hadError()) {
            var msg = data.getErrorMessage();
	    document.getElementById("maps").innerHTML = msg;
        } else {

        var owner = data.get("owner_data").getData();
	var id = owner.getId();
        var url = escape(owner.getField(opensocial.Person.Field.PROFILE_URL));
	var span = "<iframe id=\"maps\" name=\"maps\" scrolling=\"no\" style=\"width: 650px; height: 400px\" src=\"http://track.ah-huh.net/api_maps.cgi?w=650&h=400&reload=30&last=100&url=" + url + "\"></iframe>";
	document.getElementById("maps").innerHTML = span;

	var json_url = "http://track.ah-huh.net/get_public_maps.cgi?url=" + url;
	var params = {};
	params[gadgets.io.RequestParameters.METHOD] = gadgets.io.MethodType.GET;
	params[gadgets.io.RequestParameters.CONTENT_TYPE] = gadgets.io.ContentType.JSON;
	params[gadgets.io.RequestParameters.AUTHORIZATION] = gadgets.io.AuthorizationType.NONE;
	gadgets.io.makeRequest(json_url, function(response) {
	  var data = gadgets.json.parse(response.text);
	  var list = "<ul>";
	  for(var i=0; i<data.item.length; i++)
	  {
	    var iTitle = data.item[i].title;
	    var iDigest = data.item[i].digest;
	    var iUid = data.item[i].uid;
	    list += "<li class=\"star\"><a href=\"http://track.ah-huh.net/maps.cgi?data=" + iDigest + "&w=650&h=400\" target=\"maps\">" + iTitle + "</a></li>";
	  }
	  list += "</ul>";
	  document.getElementById("list").innerHTML = list;
	 }, params);
	gadgets.window.adjustHeight();
	}
    });
  }
  gadgets.util.registerOnLoadHandler(request);
  </script>
  <div class="main">
      <div class="main-menu"><h3>公開トラックデータ</h3><span id="list"></span></div>
      <div class="main-content"><span id="maps"></span></div>
  <div>
]]>
</Content>
<Content type="html" view="home,profile,preview">
<![CDATA[
  <script type="text/javascript">
    function request() {
        var req = opensocial.newDataRequest();
        req.add(req.newFetchPersonRequest("OWNER"), "owner");
        req.send(response);
    }
    function response(dataResponse) {
        var owner = dataResponse.get("owner_data").getData();
	var url=escape(owner.getField(opensocial.Person.Field.PROFILE_URL));
	var span = "<iframe id=\"maps\" name=\"maps\" scrolling=\"no\" style=\"width: 195px; height: 195px\" src=\"http://track.ah-huh.net/api_maps.cgi?w=195&h=195&reload=30&last=100&url=" + url + "\"></iframe>";
	document.getElementById("maps").innerHTML = span;
	gadgets.window.adjustHeight();
    }
    gadgets.util.registerOnLoadHandler(request);
  </script>
  <div align="center"><span id="maps"></span></div>
]]>
</Content>
</Module>
