tweet

// This is in my regular scripts.js file on my server
function twitterStream() {
    $jQ.getScript('/wp-content/themes/refresh/js/tweet.js', function() {
        $jQ(".twitter-section").tweet();
    });
}

// This is the tweet.js (also in the same directory) that is referenced in the function above
$jQ.fn.tweet = function(){
    var s = {
        username: ["skattertech"],              // [string]   required Can be array ["username1","username2","etc"]
        list: null,                             // [string]   optional Name of list belonging to username
        avatar_size: 32,                        // [integer]  optional Defaults to 48px
        count: 4,                               // [integer]  required Tweet cound to display
        join_text:  null,                       // [string]   optional Additonal text in between text and time
        loading_text: "Loading Twitter...",     // [string]   optional Loading text, displayed while tweets load
        query: "skattertech.com",               // [string]   optional Use a twitter search query
        refresh_interval: 60                    // [integer]  optional Refresh time in number of seconds
    };

    $jQ.fn.extend({
        linkUrl: function() {
            var returning = [];
            var regexp = /((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi;
            $jQ(this).each(function() {
                returning.push(this.replace(regexp,"<a href=\"$1\">$1</a>"));
            });
            return $jQ(returning);
        },
        linkUser: function() {
            var returning = [];
            var regexp = /[\@]+([A-Za-z0-9-_]+)/gi;
            $jQ(this).each(function() {
                returning.push(this.replace(regexp,"<a href=\"http://twitter.com/$1\">@$1</a>"));
            });
            return $jQ(returning);
        },
        linkHash: function() {
            var returning = [];
            var regexp = /(?:^| )[\#]+([A-Za-z0-9-_]+)/gi;
            $jQ(this).each(function() {
                returning.push(this.replace(regexp, ' <a href="http://search.twitter.com/search?q=&tag=$1&lang=all&from='+s.username.join("%2BOR%2B")+'">#$1</a>'));
            });
            return $jQ(returning);
        },
        capAwesome: function() {
            var returning = [];
            $jQ(this).each(function() {
                returning.push(this.replace(/\b(awesome)\b/gi, '<span class="awesome">$1</span>'));
            });
            return $jQ(returning);
        },
        capEpic: function() {
            var returning = [];
            $jQ(this).each(function() {
                returning.push(this.replace(/\b(epic)\b/gi, '<span class="epic">$1</span>'));
            });
            return $jQ(returning);
        },
        makeHeart: function() {
            var returning = [];
            $jQ(this).each(function() {
                returning.push(this.replace(/(&lt;)+[3]/gi, "<tt class='heart'>&#x2665;</tt>"));
            });
            return $jQ(returning);
        }
    });

    function parse_date(date_str) {
        return Date.parse(date_str.replace(/^([a-z]{3})( [a-z]{3} \d\d?)(.*)( \d{4})$/i, '$1,$2$4$3'));
    }

    function relative_time(time_value) {
        var parsed_date = parse_date(time_value);
        var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
        var delta = parseInt((relative_to.getTime() - parsed_date) / 1000, 10);
        var r = '';
        if (delta < 60) {
r = delta + ' seconds ago';
        } else if(delta < 120) {
r = 'a minute ago';
        } else if(delta < (45*60)) {
r = (parseInt(delta / 60, 10)).toString() + ' minutes ago';
        } else if(delta < (2*60*60)) {
r = 'an hour ago';
        } else if(delta < (24*60*60)) {
r = '' + (parseInt(delta / 3600, 10)).toString() + ' hours ago';
        } else if(delta < (48*60*60)) {
r = 'a day ago';
        } else {
r = (parseInt(delta / 86400, 10)).toString() + ' days ago';
        }
        return r;
    }

    function build_url() {
        var proto = ('https:' == document.location.protocol ? 'https:' : 'http:');
        if (s.list) {
            return proto+"//api.twitter.com/1/"+s.username[0]+"/lists/"+s.list+"/statuses.json?per_page="+s.count+"&callback=?";
        } else if (s.query === null && s.username.length == 1) {
            return proto+'//api.twitter.com/1/statuses/user_timeline.json?screen_name='+s.username[0]+'&count='+s.count+'&include_rts=1&callback=?';
        } else {
            var query = (s.query || 'from:'+s.username.join(' OR from:'));
            return proto+'//search.twitter.com/search.json?&q='+encodeURIComponent(query)+'&rpp='+s.count+'&callback=?';
        }
    }

    return $jQ(this).each(function(i, widget) {
        var list = $jQ('<ul class="tweet-list">').appendTo(widget);
        var loading = $jQ('<p class="loading">'+s.loading_text+'</p>');

        if(typeof(s.username) == "string"){
            s.username = [s.username];
        }

        if (s.loading_text) { $jQ(widget).append(loading); }
        $jQ(widget).bind("load", function(){
            $jQ.getJSON(build_url(), function(data){
                if (s.loading_text) { loading.remove(); }
                list.empty();
                var tweets = (data.results || data);
                $jQ.each(tweets, function(i,item){

                    var join_text = s.join_text;

                    var from_user = item.from_user || item.user.screen_name;
                    var profile_image_url = item.profile_image_url || item.user.profile_image_url;
                    var join_template = '<span class="tweet-join"> '+join_text+' </span>';
                    var join = ((s.join_text) ? join_template : ' ');
                    var avatar_template = '<a class="tweet-avatar" href="http://twitter.com/'+from_user+'"><img src="'+profile_image_url+'" height="'+s.avatar_size+'" width="'+s.avatar_size+'" alt="'+from_user+'\'s avatar" title="'+from_user+'\'s avatar" border="0"/></a>';
                    var avatar = (s.avatar_size ? avatar_template : '');
                    var date = '<span class="tweet-time"><a href="http://twitter.com/'+from_user+'/statuses/'+item.id+'" title="view tweet on twitter">'+relative_time(item.created_at)+'</a></span>';
                    var text = '<span class="tweet-text">' +$jQ([item.text]).linkUrl().linkUser().linkHash().makeHeart().capAwesome().capEpic()[0]+ '</span>';

                    // The current template layout
                    list.append('<li>' + avatar + join + text + date + '</li>');

                    list.children('li:first').addClass('tweet-first');
                    list.children('li:odd').addClass('tweet-even');
                    list.children('li:even').addClass('tweet-odd');
                });
                $jQ(widget).trigger("loaded").trigger((tweets.length === 0 ? "empty" : "full"));
                if (s.refresh_interval) {
                    window.setTimeout(function() { $jQ(widget).trigger("load"); }, 1000 * s.refresh_interval);
                }
            });
        }).trigger("load");
    });
};