BeWell.Web.Services.KickappsProxyService.GetLatestGroups(4, GetLatestGroups_Success, GetLatestGroups_Failure);
function GetLatestGroups_Success(result, userContext, methodName)
{
    var sb = new Sys.StringBuilder();
    var items = result.getElementsByTagName("item");
    var x = 0;

    var mediaElement = "media:content";
    var thumbElement = "media:thumbnail";
    var groupElement = "ka:groupMembers";
    var ua = navigator.userAgent.toLowerCase();
    if (ua.indexOf('safari/') != -1)
    {
        mediaElement = "content";
        thumbElement = "thumbnail";
        groupElement = "groupMembers";
    }
    
    for (x = 0; x < items.length; x++)
    {
        var link = items[x].getElementsByTagName("link")[0].childNodes[0].nodeValue;
        var title = items[x].getElementsByTagName("title")[0].childNodes[0].nodeValue;
        //media:content/media:thumbnail[position()=6]/@url
        var avatar = items[x].getElementsByTagName(mediaElement)[0].getElementsByTagName(thumbElement)[5].getAttribute("url");
        var groupMembers = items[x].getElementsByTagName(groupElement)[0].childNodes[0].nodeValue;

        sb.append("<div class='glListing'>" +
                    String.format("<a href='{0}' title='{1}'><img class='glThumbnail' src='{2}' alt='{1}' /></a>", link, title, avatar) +
                    String.format("<p class='glListingName'><a href='{0}' title='{1}'>{1}</a></p>", link, title) +
                    String.format("<p class='glListingNumber'>{0} members</p>", groupMembers) +
                    "</div>"
                    );
    }
    if (items.length == 0)
    {
        sb.append("<div class='glListing'>&nbsp;No groups found.</div>");
    }
    jQuery("#groupsList").append(sb.toString());
}
function GetLatestGroups_Failure(exception, userContext, methodName)
{
}