window.addEvent('domready', function () {
    var container = $('twitter_canvas');

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

        timeline.addEvent('userDataLoaded', function(stream) {
            var info = streamInfo(stream);
            container.adopt(
                info, 
                timeline,
                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
            })

        );
    }
});