window.onload = function() {


    tweetNum = 0;
    tweetHeight = 0;

    $.getJSON("http://api.twitter.com/1/statuses/user_timeline/KeltyPacks.json?count=8&callback=?", function(data) { //get tweets
        $.each(data, function(index, value) {
            var tweet = this.text;

                        if(index == 0){
                            $("#tweet-list").empty();
                        }


            tweet = tweet.replace(/http:\/\/\S+/g, ' <a href="$&" target="_blank">$&</a>');
            tweet = tweet.replace(/(^|\s)@(\w+)/g, '$1<a href="http://www.twitter.com/$2" target="_blank">@$2</a>');
            tweet = tweet.replace(/(^|\s)#(\w+)/g, '$1<a href="http://www.twitter.com/$2" target="_blank">#$2</a>');



            $('#tweet-list').append('<div class="hidden-tweet" id="tweet-' + tweetNum + '">' + tweet + '</div>');
            tweetHeight += $('#tweet-' + tweetNum).height() + 10;

            tweetNum = tweetNum + 1;

            if (tweetHeight < 207) {
                $(".hidden-tweet").removeClass("hidden-tweet").addClass("odd-tweet");



            }
        });
        $("#tweet-list div:even").removeClass("odd-tweet").addClass("even-tweet");

        tweetPadding = Math.floor((207 - $('#tweet-list').height()) / ($('.even-tweet').length + $('.odd-tweet').length) / 2 + 5);

        $('.hidden-tweet').remove()
        $(".odd-tweet").css({ 'padding-top': tweetPadding, 'padding-bottom': tweetPadding });
        $(".even-tweet").css({ 'padding-top': tweetPadding, 'padding-bottom': tweetPadding });


        containerPadding = (207 - $('#tweet-list').height()) / 2;
        $("#tweet-list").css({ 'padding-top': containerPadding, 'padding-bottom': containerPadding });

    })

}