﻿

(function($) {
    $.fn.infowuxiMarquee = function(o) {
        o = $.extend({
            direction: "left",
            amount: 1,
            speed: 100
        }, o || {});

        return this.each(function() {
            var d = $(this), u = $("ul", d), l = $("li", u), s = 0, c = 0;
            //Css
            d.css({ overflow: "hidden", position: "relative" });
            u.css({ margin: "0", padding: "0", position: "relative", "list-style": "none" });
            l.css({ overflow: "hidden" });
            if (o.direction == "left") l.css({ float: "left" });
            //All
            for (var i = 0; i < l.size(); i++) {
                s += o.direction == "left" ? l.eq(i).outerWidth(true) : l.eq(i).outerHeight(true);
            }
            //u Css
            if (o.direction == "left") u.css({ width: s * 3 });
            u.append(l.clone()).append(l.clone());
            //Go
            function go() {
                c += o.amount;
                if (c > s) c = 1;
                if (o.speed > 1000) {
                    u.animate(o.direction == "left" ? { left: -c} : { top: -c }, 300);
                } else {
                    u.css(o.direction == "left" ? { left: -c} : { top: -c })
                }
                //o.direction == "left" ? d.scrollLeft(c) : d.scrollTop(c);
            }
            //Start
            var move = setInterval(function() { go(); }, o.speed);
            d.hover(function() { clearInterval(move); }, function() { clearInterval(move); move = setInterval(function() { go(); }, o.speed); });
        });
    }
})(jQuery);


$(function() {
$('#scroll').infowuxiMarquee({ direction: "left" });


})





