<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="Search Friends">
    <Require feature="opensocial-0.7" />
  </ModulePrefs>
  <Content type="html">
    <![CDATA[
	<script type="text/javascript">
// How many levels down do we go?
levels = 1;	// 1 = we search our friends, 
		// 2 = and friends of friends??

results = [];

function search()
{
	var searchterm = document.getElementById('searchterm').value;
	loadFriends(searchResults);
}

function searchResults(data)
{
	levels--;
	results.push(data.get('viewerFriends').getData());
	if (levels > 0)
	{
		
		search();
	}
	else
		searchComplete();
	console.log("results=", results);
}


function loadFriends(cb)
{
	var req = opensocial.newDataRequest();
	req.add(req.newFetchPersonRequest('VIEWER'), 'viewer');
	req.add(req.newFetchPeopleRequest('VIEWER_FRIENDS'), 'viewerFriends');
	req.send(cb);
}

// unused listing function
function onLoadFriends(data)
{
	var viewer = data.get('viewer').getData();
	var viewerFriends = data.get('viewerFriends').getData();

	html = new Array();
	html.push('<ul>');
	viewerFriends.each(function(person) {
		html.push('<li>' + person.getDisplayName() + "</li>");
	});
	html.push('</ul>');
	document.getElementById('friends').innerHTML = html.join('');
}

function init()
{
	loadFriends(onLoadFriends);
}

//gadgets.util.registerOnLoadHandler(init);
	</script>
	<div id='main'>
		Find friends: <input type="text" id="searchterm"/><input type="button" value="Search!" onclick="search()" />
		<div id='results'></div>
	</div>
    ]]>
  </Content>
</Module>
