﻿jQuery.fn.liScroll = function(settings) {
    settings = jQuery.extend({
        travelocity: 0.05
    }, settings);
    return this.each(function() {
        var $strip = jQuery(this);
        $strip.addClass("newsticker")
        var stripWidth = 0;
        var $mask = $strip.wrap("<div class='mask'></div>");
        var $tickercontainer = $strip.parent().wrap("<div class='tickercontainer'></div>");
        var containerWidth = $strip.parent().parent().width(); //a.k.a. 'mask' width 	
        $strip.find("li").each(function(i) {
            stripWidth += jQuery(this, i).width();
        });
        $strip.width(stripWidth);
        var defTiming = stripWidth / settings.travelocity;
        var totalTravel = stripWidth + containerWidth;
        function scrollnews(spazio, tempo) {
            $strip.animate({ left: '-=' + spazio }, tempo, "linear", function() { $strip.css("left", containerWidth); scrollnews(totalTravel, defTiming); });
        }
        function scrollnewsreverse(spazio, tempo) {
            $strip.animate({ left: '+=' + spazio }, tempo, "linear", function() { $strip.css("left", 0); scrollnewsreverse(totalTravel, defTiming); });
        }
        $('.btnTickerPlay').click(function() {
            $strip.stop();
            var offset = $strip.offset();
            var residualSpace = offset.left + stripWidth;
            var residualTime = residualSpace / (settings.travelocity * 2);
            scrollnewsreverse(residualSpace, residualTime);
        });
        scrollnews(totalTravel, defTiming);
        $('.btnTickerPause').click(function() {
            $strip.stop();
        });
        $('.btnTickerReverse').click(function() {
            $strip.stop();
            var offset = $strip.offset();
            var residualSpace = offset.left + stripWidth;
            var residualTime = residualSpace / (settings.travelocity * 2);
            scrollnews(residualSpace, residualTime);
        });
        //        $strip.hover(function() {
        //            jQuery(this).stop();
        //        },
        //				function() {
        //				    var offset = jQuery(this).offset();
        //				    var residualSpace = offset.left + stripWidth;
        //				    var residualTime = residualSpace / (settings.travelocity * 2);
        //				    scrollnews(residualSpace, residualTime);
        //				});
    });
};