tweetStrip.js

function TweetStrip() {
    this._init();
}

TweetStrip.prototype = {
    
    _init: function() {
        this._visible = false;
        
        this._box = "#tweetstrip";
        this.hide();
        
        var me = this;
        $(document).bind('refreshed', function() {
            me._refreshItems();
        });
        
        /*
        $(document).bind('current-tweet-changed', function() {
            me._updatePosition();
        });
        */
        
        window.addEventListener('WheelNextItem', function() {
            twitter.nextTweet();
            me._updatePosition(true);
        }, false);
        
        window.addEventListener('WheelPreviousItem', function() {
            twitter.previousTweet();
            me._updatePosition(true);
        }, false);
    },
    
    isVisible: function() {
        return this._visible;
    },
    
    show: function() {
        console.log("showing tweetstrip");
        this._visible = true;
        
        $(this._box).animate({
            bottom: 0
        });
        
        this._updatePosition(false);
        
        openchannel.enableWheel();
    },
    
    hide: function() {
        console.log("hiding tweetstrip");
        this._visible = false;
        $(this._box).stop().animate({
            bottom: -$(this._box).outerHeight()
        })
        
        openchannel.disableWheel();
    },
    
    _refreshItems: function() {
        $(this._box).children().remove();
        
        var tweets = twitter.getTweets();
        for (var i = 0; i < tweets.length; i++) {
            var itemBox = document.createElement('div');
            $(itemBox).attr('id', 'tweetstrip-item-' + tweets[i].id);
            $(itemBox).addClass('tweetstrip-item');
            
            $(itemBox).height($(this._box).height());
            $(itemBox).width($(this._box).height() * 1.90);
            $(this._box).append(itemBox);
            
            $(itemBox).css({
                left: i * $(itemBox).outerWidth(true),
            });
            
            
            renderTweet({
               box: itemBox,
               tweet: tweets[i],
            });
        }
        
        // sloppy but it works :/
        $(this._box).width(tweets.length * $(this._box).height() * 2.5);
        $(this._box).find('.autofontsize').autoFontSize();
    },
    
    _updatePosition: function(stopOtherAnimations) {
        $(this._box).find('.selected').removeClass('selected');
        var selected = $(this._box).find('#tweetstrip-item-' + twitter.getCurrentTweet().id);
        selected.addClass('selected');

        var boxOffset = -$(this._box).offset().left;
        var visibleWidth = $(window).width();
        
        var itemOffset = selected.offset().left;
        var itemWidth = selected.outerWidth(true);
        
        console.log("visible width: " + visibleWidth);
        console.log("item position: " + itemOffset);
        
        if ((itemOffset + itemWidth) > visibleWidth) {
            boxOffset += (itemOffset +itemWidth - visibleWidth);
        } else if (itemOffset < 0) {
            boxOffset += itemOffset - parseInt($(selected).css('padding-left').replace('px', ''));
        }
        
        if (stopOtherAnimations) {
            $(this._box).stop();
        }
        
        $(this._box).animate({
            opacity: 1.0,
            left: -boxOffset
        });
    },
}