var render = {};
render.FriendFeed = function(data) {
    var comments_num = 0;
    var comments_list = $('ff-comments-list');

    var ul = new Element('ul');
    var li = new Element('li');

    $each(data.entries, function(item){
        if (typeof item.comments == 'undefined'){
            return;
        }

        var body = li.clone();
        body.set('class', 'body');
        body.set('html',
            item.body.substr(0, 100) +
            '<a href="' + item.url + '">comment with FriendFeed</a>'
        );

        ul.grab(body);

        $each(item.comments, function(comment){
            var comment_cnt = li.clone()
            comment_cnt.set('html', comment.body + ' (by ' +
                '<a href="http://friendfeed.com/' +
                comment.from.id + '">@' +
                comment.from.id + '</a>)'
            );
            ul.grab(comment_cnt);
        });

        comments_list.grab(ul);
    });
};
render.Twitter = function(data) {

}

window.addEvent('DOMContentLoaded', function(){
    var reactions = new Reactions({
        url: window.location.href,
        wrapper: Wrapper.Mootools,
        services: [
            Service.FriendFeed,
            //Service.Twitter,
        ]
    });
    reactions.bind('complete', function(data, name) {
        if ( typeof render[name] == 'undefined' ) {
            return;
        }
        render[name](data);
    });
    reactions.fetch();
});