function generateTopGreeniesBody() {

    var friendIds = "";
	for(var i = 0; i < _VIEWER_FRIENDS_WITHAPP.length; i++) {
        if(i != 0) {
            friendIds += ":";
        }
        friendIds += _VIEWER_FRIENDS_WITHAPP[i].getId();
    }
    
	var url = _BASE_URL + "os/greentrees/topgreenies.php";
	url += "?userId=" + _VIEWER.getId(); // 250203460
	url += "&userType=" + _USER_TYPE;
	url += "&op=getFriendGreenies";
	url += "&friendIds=" + friendIds;
	url += "&uq=" + (new Date().getUTCMilliseconds());
	var params = {};
	params[gadgets.io.RequestParameters.METHOD] = gadgets.io.MethodType.GET;
	params[gadgets.io.RequestParameters.CONTENT_TYPE] = gadgets.io.ContentType.JSON;
	gadgets.io.makeRequest(url, onGetFriendGreeniesRequestComplete, params);
    
    return "Loading...";
}

function onGetFriendGreeniesRequestComplete(obj) {
    if(checkMaintenanceMode(obj) == true) {
        return;
    }

    friends = obj.data.friendgreenies;
    
    var html="";
    html += '<div>';
    html += '<hr class="a"/>';
    html += '</div>';
    html += '<table width="100%">';
    html += '  <tr width="100%">';
    html += '    <td width="100%">';
    html += '      <div class="gtfriendsheaderline1">';
    html += '        Your Top Greenie Friends with Green Patches';
    html += '      </div>';
    html += '    </td>';
    html += '  </tr>';
    html += '</table>';
    html += '<div>';
    html += '<hr class="a"/>';
    html += '</div>';
    html += '<br/>';

    for(friend in friends) {
        html += getTopGreenieBoxHtml(friend, friends[friend]);
    }

    html += '<br/>';
    html += '<br/>';
    html += '<div>';
    html += '  <hr class="a"/>';
    html += '</div>';
    html += '';
    html += '<table width="100%">';
    html += '  <tr width="100%">';
    html += '    <td width="100%">';
    html += '      <div class="gtfriendsheaderline1">';
    html += '        Don\'t see your friend above?';
    html += '      </div>';
    html += '    </td>';
    html += '  </tr>';
    html += '  <tr width="100%">';
    html += '    <td width="100%">';
    html += '      <a href="javascript:void(0); onTabClick(0);"><div class="gtfriendsheaderline2">Click here to Send them plants and help create a Green Patch!</div></a>';
    html += '    </td>';
    html += '  </tr>';
    html += '</table>';
    html += '';
    html += '<div>';
    html += '  <hr class="a"/>';
    html += '</div>';
    html += '';
    html += '<br/>';
    html += '';

    document.getElementById('gt-body').innerHTML = html;
	gadgets.window.adjustHeight();
}

function getTopGreenieBoxHtml(friendId, sqft) {
    
    var html = "";
	var person = getPerson(friendId);
    
    if(person == null) {
        return html;
    }
    var name = person.getDisplayName();

    html += '<table class="usertbl" width="100%" align="center">';
    html += '  <tr width="100%" height="33%" align="center">';
    html += '    <td width="15%" align="center" rowspan="3">';
    html += '      <img src="' + person.getField(opensocial.Person.Field.THUMBNAIL_URL) + '"/>';
    html += '    </td>';
    html += '    <td width="15%" align="center">';
    html += '      <div class="userlistTitles">';
    html += '        Name:';
    html += '      </div>';
    html += '    </td>';
    html += '    <td width="40%" align="center">';
    html += '      <div class="userlistName">';
    html +=          name;
    html += '      </div>';
    html += '    </td>';
    html += '    <td width="30%" align="center">';
    html += '      <a class="links" href="javascript:void(0);visitFriendsPatchClicked(' + friendId + ');">';
    html += '        Visit ' + name + "'s Green Patch";
    html += '        <div class="userlistActions">';
    html += '        </div>';
    html += '      </a>';
    html += '    </td>';
    html += '  </tr> ';
    html += '  <tr width="100%" height="33%" align="center">';
    html += '    <td width="15%" align="top">';
    html += '      <div class="userlistTitles">';
    html += '        Achievement:';
    html += '      </div>';
    html += '    </td>';
    html += '    <td width="40%" style="font-size:10px;" align="center">';
    html += '      Saved ' + sqft + ' Sq ft of Rainforests';
    html += '    </td>';
    html += '    <td width="30%" align="center">';
    html += '        <a class="links"  href="javascript:void(0); onTabClick(0);">';
    html += '          Send ' + name + ' a Plant!';
    html += '          <div class="userlistActions">';
    html += '          </div>';
    html += '        </a>';
    html += '    </td>';
    html += '  </tr> ';
    html += '  <tr width="100%" height="33%" align="center">';
    html += '    <td width="15%" align="center">';
    html += '      <div class="userlistbottom">';
    html += '      </div>';
    html += '    </td>';
    html += '    <td width="40%" align="center">';
    html += '    </td>';
    html += '    <td width="30%" align="center">';
    html += '    </td>';
    html += '  </tr> ';
    html += '</table>';

    return html;
}