<?xml version="1.0" encoding="UTF-8"?>
<Module>
	<ModulePrefs title="Friends in Common Example">
		<Require feature="opensocial-0.5"/>
	</ModulePrefs>
	<Content type="html"><![CDATA[
		
 <script type="text/javascript">
	
 function onLoadFriends(dataResponse) {

    var viewer = dataResponse.get('viewer').getData();

    var owner = dataResponse.get('viewer').getData();

    var html = 'Friends in common with ' + owner.getDisplayName(); 

    html += ':<br><ul>';

    var viewerFriends = dataResponse.get('viewerFriends').getData();
    var ownerFriends = dataResponse.get('ownerFriends').getData();

    viewerFriends.each(function(person) {

                for (var i=0; i<ownerFriends.length; ++i) {

                        if (ownerFriends[i].getId() == person.getId()) {

                        html += '<li>' + person.getDisplayName();

                                break;

                        }
                }
    });

    html += '</ul>';

    document.getElementById('message').innerHTML = html;
  };

 
/**
  * Request information about viewer and owner friends
  */

  function getData() {

    document.getElementById('message').innerHTML = 'Requesting friends...';

    var req = opensocial.newDataRequest();

    req.add(req.newFetchPersonRequest('VIEWER'), 'viewer');

    req.add(req.newFetchPeopleRequest ('VIEWER_FRIENDS'), 'viewerFriends');

    req.add(req.newFetchPersonRequest('OWNER'), 'owner');

    req.add(req.newFetchPeopleRequest ('OWNER_FRIENDS'), 'ownerFriends');

    req.send(onLoadFriends);

  };

  opensocial.registerOnloadHandler(getData);

  </script>

  OK, here is plain HTML. The question is how to make a simple form that automatically includes the persons name on the page?
  </p>

  <div id="message"> </div>

  ]]></Content>
</Module>

