jQuery(function($)
{
  $("ul#ticker").liScroll();
});


jQuery.fn.liScroll = function(settings) {
		settings = jQuery.extend({
		  travelocity: 0.02
		}, settings);		
		return this.each(function(){
			var $strip = jQuery(this);
			$strip.addClass("newsticker")
			var stripWidth = 30;
			var $mask = $strip.wrap("<div class='mask'></div>");
			var $tickercontainer = $strip.parent().wrap("<div class='tickercontainer'></div>");								
			var containerWidth = $strip.parent().parent().width();
			$strip.find("li").each(function(i){
			  stripWidth += jQuery(this, i).outerWidth(true);
			});
			$strip.width(stripWidth);			
			var totalTravel = stripWidth+containerWidth;
			var defTiming = totalTravel/settings.travelocity;
			function scrollnews(spazio, tempo){
			  $strip.animate({left: '-='+ spazio}, tempo, "linear", function(){
			    $strip.css("left", containerWidth); 
			    scrollnews(totalTravel, defTiming);
			  });
			}
			scrollnews(totalTravel, defTiming);				
			$strip.hover(function(){
			  jQuery(this).stop();
			}, function(){
			  var offset = jQuery(this).offset();
  			var residualSpace = offset.left + stripWidth;
  			var residualTime = residualSpace/settings.travelocity;
  			scrollnews(residualSpace, residualTime);
			});			
	});	
};