jQuery: newsTicker

HTML

<ul id="ticker">
    <li>Image 1</li>
    <li>Image 2</li>
    <li>Image 3</li>
    <li>Image 4</li>
    <li>Image 5</li>
</ul>

CSS

ul{height:20px; overflow:auto}

JavaScript

(function($) {
    var speed = 300;
    var first = 0;
    var pause = 3000;

    function tick() {
        first = $('ul#ticker li:first').html();
        $('ul#ticker li:first').animate({
            height: 0
        }, speed).hide('medium', function() {
            $(this).remove();
            last = '<li>' + first + '</li>';
            $('ul#ticker').append(last);
        });
    }
    $('ul#ticker').click(function() {
        tick();
        return false;
    });
    setInterval(tick, pause);
})(jQuery);