$(function() {
    $('div.news').jdNewsScroll();
});
(function($) {
    var ELMS = [];
    $.fn.jdNewsScroll = function(settings) {
        settings = $.extend({}, arguments.callee.defaults, settings);
        $(this).each(function() {
            this.$settings = settings;
            this.$pause = false;
            // Randomize when the scrolling will start, afterwards it will pause by delay
            this.$counter = (Math.floor(Math.random() * 10) * 10);
            $(this).hover(function() { $(this).jdNewsScrollPause(true) }, function() { $(this).jdNewsScrollPause(false) });
            $('> ul', this)
				.bind('mouseover', function(e) {
				    if ($(e.target).is('li')) {
				        $(e.target).addClass('hover');
				    }
				})
				.bind('mouseout', function(e) {
				    if ($(e.target).is('li')) {
				        $(e.target).removeClass('hover');
				    }
				});
            ELMS.push(this);
        });
        return this;
    };
    $.fn.jdNewsScroll.defaults = {
        // Delay in seconds is (delay * 85)/1000
        delay: 60,
        // Number of pixels to step
        step: 2
    };
    $.fn.jdNewsScrollPause = function(pause) {
        return this.each(function() {
            this.$pause = pause;
        });
    }
    // Activate our 'scrolling agent'
    setInterval(scroll, 85);
    // Go through our list of elements and step each one
    function scroll() {
        for (var i = 0; i < ELMS.length; i++) {
            var elm = ELMS[i];
            if (elm && !elm.$pause) {
                if (elm.$counter == 0) {
                    var ul = $('> ul', elm)[0];
                    if (!elm.$steps) {
                        // Set the number of steps (the height of the li element)
                        elm.$steps = $('> li:last-child', ul).outerHeight();
                        // Reset our step which will count backwards towards $steps
                        elm.$step = 0;
                    }
                    if ((elm.$steps + elm.$step) <= 0) {
                        elm.$counter = elm.$settings.delay;
                        elm.$steps = false;
                        $(ul).css('top', '0').find('> li:last-child').after($('> li:first-child', ul));
                        $('> *', ul).not('li').remove();
                    } else {
                        elm.$step -= elm.$settings.step;
                        if (-elm.$step > elm.$steps) {
                            elm.$step = -elm.$steps;
                        }
                        ul.style.top = elm.$step + 'px';
                    }
                } else {
                    elm.$counter--;
                }
            }
        }
    };
})(jQuery);