<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="People API Howto">
    <Require feature="opensocial-0.5" />
  </ModulePrefs>
  <Content type="html">
  <![CDATA[
    <div id="main"></div>
    <script type="text/javascript">
      _IG_RegisterOnloadHandler(request);

      function request() {
        var req = opensocial.newDataRequest();
        req.add(req.newFetchPersonRequest(opensocial.DataRequest.PersonId.VIEWER), "viewer");
        req.add(req.newFetchPeopleRequest(opensocial.DataRequest.Group.VIEWER_FRIENDS), "viewer_friends");
        req.send(response);
      }

      function response(data) {
        var viewer = data.get("viewer").getData();
        var name = viewer.getDisplayName();
        var thumb = viewer.getField(opensocial.Person.Field.THUMBNAIL_URL);
        var profile = viewer.getField(opensocial.Person.Field.PROFILE_URL);
        profile = 'http://sandbox.orkut.com' + profile;

        var html = '<img src="' + thumb + '"/>' +
                   '<a href="' + profile + '" target="_top">' + name + '</a>' +
                   '<hr>';

        var viewer_friends = data.get("viewer_friends").getData();
        html += viewer_friends.length + '<br/>';
        viewer_friends.each(function(person) {
          var thumb = person.getField(opensocial.Person.Field.THUMBNAIL_URL);
          var profile = person.getField(opensocial.Person.Field.PROFILE_URL);
          profile = 'http://sandbox.orkut.com' + profile;

          html += '<a href="' + profile + '" target="_top" style="float:left">' +
                  '<img src="' + thumb + '"/>' +
                  '</a>';
        });

        document.getElementById('main').innerHTML = html;
      }
    </script>
  ]]>
  </Content>
</Module>