window.addEvent('domready', function () {
    var container = $('twitter_canvas');
    var template = function (tweet) {
            var element = new Element( 'div', {'class': "tweet"});
            var T = Twitter.templates;
            element.adopt(
                T.renderBody(tweet.text),
                T.renderTimestamp(tweet)
            );

            if (tweet.reply) element.adopt(Twitter.templates.renderReply(tweet));

            return element;
    }

    if (container) {
        var timeline = new Twitter.UserTimeline('aucklanddoctors');
        var view = new Twitter.View(timeline, {'template': template, 'count': 5});
        var footer = new Element('div', {'class': 'footer'});

        timeline.addEvent('updateUserData', function(stream) {
            var info = streamInfo(stream);
            container.adopt(info, view, footer);
        });
    }
    
    function streamInfo(timeline) {
        var userData   = timeline.userData,
            screenName = userData.get('screen_name'),
            src        = userData.get('profile_image_url');

        return new Element('div', {'class': 'streamInfo'}).adopt(
            new Element('img', {
                'src': src, 'height': 48, 'width': 48, 'class': 'profileImage'
            }),

            new Element('span', {
                'class': 'name',
                'text': userData.get('name')
            }),

            new Element('a', {
                'class': 'screen_name',
                'href': "http://twitter.com/" + screenName,
                'text':  screenName
            })

        );
    }
});