(function($) {
    
    $.marquee = function(element) {
        element = $(element);
        
        var animation = function(element) {
            var distance = element.parent().width() + element.width();
            element.css('left', element.parent().width()).animate(
                { left: -element.width() },
                { queue: false, duration: (distance/0.05), easing: 'linear', complete: function() { animation(element); } }
            );
        };
        
        animation(element.wrapInner($('<div></div>').css(
            {position: 'absolute', left: element.width(), whiteSpace: 'nowrap'}
        )).show().children('div'));
    };
    
})(jQuery);


$(document).ready(function() {
    $.marquee('#branding .marquee');
});