<style>

    #output { overflow:scroll;height:100%; }
    .objectGraph {

        font-size:small;
        background-color:whitesmoke;
        margin:10px;

        padding:10px;
        border:solid;
        border-width:1px;

    }
    .arrayGraph {
        font-size:small;
    }
    pre {

        padding:20px;
        background-color:white;
        border:dashed;

        border-width:1px;
        
    }
</style>
<div id="output"></div>

<script type="text/javascript">


function init()
{
    //Set the owner id so we don't have to use it later
    var personId = opensocial.DataRequest.PersonId.OWNER;
    
    //Create our DataRequest object

    var dr = opensocial.newDataRequest();

    //Set up an empty params object so we can use it for functions that require params.        
    var opt_params = {};

    //Request Albums

    var albumReq = 
        dr.newFetchAlbumsRequest(personId,opt_params);

    //Request Person data
    var personReq = 
        dr.newFetchPersonRequest(personId);

    //Request Friends

    var friendReq = 
        dr.newFetchPeopleRequest(opensocial.DataRequest.Group.OWNER_FRIENDS);

    //Request Online Friends
    var onlineFriends_Params = {};
        onlineFriends_Params[opensocial.DataRequest.PeopleRequestFields.FILTER] = 
            opensocial.DataRequest.FilterType.ONLINE_FRIENDS;
    var onlineFriendsReq = 
        dr.newFetchPeopleRequest(opensocial.DataRequest.Group.OWNER_FRIENDS,onlineFriends_Params);

    //Request First 5 Friends (using paging)        

    var pagedFriends_Params = {};
    pagedFriends_Params[opensocial.DataRequest.PeopleRequestFields.FIRST] = 1;
    pagedFriends_Params[opensocial.DataRequest.PeopleRequestFields.MAX] = 5;
    var pagedFriendsReq = 
        dr.newFetchPeopleRequest(opensocial.DataRequest.Group.OWNER_FRIENDS,pagedFriends_Params);
    
    //Request Extended Person data

    var extendedPersonParams = {};
    extendedPersonParams[opensocial.DataRequest.PeopleRequestFields.PROFILE_DETAILS] = 
        [opensocial.Person.Field.ID,MyOpenSpace.Person.Field.ABOUT,
        MyOpenSpace.Person.Field.BOOKS];
    var bigPersonReq = dr.newFetchPersonRequest(personId,extendedPersonParams);

    //Request Photos        

    var photoReq = dr.newFetchPhotosRequest(personId,opt_params);
    
    //Add all the requests to the DataRequest
    dr.add(albumReq,'Albums');
    dr.add(personReq,'SmallPerson');
    dr.add(bigPersonReq,'ExtendedPerson');
    dr.add(friendReq,'BasicFriends');
    dr.add(onlineFriendsReq,'OnlineFriends');
    dr.add(pagedFriendsReq,'PagedFriends');
    dr.add(photoReq,'Photos');
    
    writeToOutput("Requesting data...");
    dr.send(response);            
}


//Response callback...
function response(data)
{
    writeToOutput("Got response back");
    
    var albums = data.get('Albums').getData();
    var bigPerson = data.get('ExtendedPerson').getData();
    var person = data.get('SmallPerson').getData();
    var friends = data.get('BasicFriends').getData();
    var onlineFriends = data.get('OnlineFriends').getData();
    var pagedFriends = data.get('PagedFriends').getData();
    var photos = data.get('Photos').getData();

    dumpArray("Albums","album",albums);
    dumpObject("Person","person",person);            
    dumpObject("Extended Person","person",bigPerson);            
    dumpArray("Friends","friend",friends);
    dumpArray("Online Friends","friend",onlineFriends);
    dumpArray("Paged Friends","friend",pagedFriends);
    dumpArray("Photos","photo",photos);
}


//Takes an object and dumps it out, with some example code
function spillTheBeans(name, input)
{
    var docOutput = "";
    var cOutput = "";
    var out = "";
    
    if(input.fields_ != null)
    {
        input = input.fields_;
    }
    
    
    for(var prop in input)
    {
        if(typeof(input[prop]) != "function")
        {
            docOutput +=  "<br /><b>" + prop + ":</b> " + input[prop];
            cOutput += "var _" + prop + " = " + name + ".getField(\""+prop+"\")" + ";\n"; 
        }
        
    }
    
    out += "<div class=\"objectGraph\">";
    out += "<b>Properties of "+name+":</b><br />";            
    out += docOutput;
    out += "<br /><br /><b>Code to access:</b>";
    out += "<pre>" + cOutput + "</pre>";
    out += "</div>";
    
    return out;
}



//Writes a response object's data and example code    
function dumpObject(name,smallname,obj)
{
    var out = "";
    out += "<div class=\"arrayGraph\">";
    out += "<h2>Got response back: Object of type "+name + "</h2>";
    out += spillTheBeans(smallname,obj.fields_);
    out += "</div>";
    writeRaw(out);
}


//Writes a response array's data and example code
function dumpArray(name,subname,obj)
{
    var out = "";
    out += "<div class=\"arrayGraph\">";
    out += "<h2>Got response back: Array of "+name+" with " + obj.size() + " items</h2>";
    

    var iterator = 1;            
    
    obj.each(function(myObj)            
    {
        out += "<h4>" + subname +" " + iterator +"</h4>";
        iterator++;
        out += spillTheBeans(subname,myObj);    
    });
    
    out += "</div>";

    writeRaw(out);            
}


function writeToOutput(message)
{
    document.getElementById("output").innerHTML += "<br />" + message;
}

function writeRaw(message)
{
    document.getElementById("output").innerHTML += message;
}

init();

</script>