// !! il doit y avoir au moins 2 elements dans la liste
jQuery.fn.liScroll = function(settings) {
  settings = jQuery.extend( {
    travelocity : 0.07
  }, settings);

  return this.each(function() {
    var $strip = jQuery(this);
    $strip.addClass("newsticker")

    var $mask = $strip.wrap("<div class='mask'></div>");
    var $tickercontainer = $strip.parent().wrap(
        "<div class='tickercontainer'></div>");
    var stripWidth = 0;
    if($strip.find('li').length == 0){
      return
    }
    else if($strip.find('li').length == 1){
      $strip.append($strip.find('li:first').clone());
    }
    
    $strip.find("li").each(function(i) {
      stripWidth += jQuery(this, i).width();
    });
    stripWidth += 10;
    var containerWidth = $strip.parent().parent().width();

    $strip.width(stripWidth);

    function scrollnews() {
      var dist = $strip.find('li:first').width();
      var timing = dist / settings.travelocity;
      $strip.animate( {
        left : '-='+dist
      }, timing, 'linear', function() {
        $strip.append($strip.find('li:first'));
        $strip.css('left', 0);
        scrollnews();
      });
    }
    scrollnews();
    
    $strip.hover(function(){
      jQuery(this).stop();
    },
    function(){

      var dist = $strip.find('li:first').width() + parseFloat($strip.css('left'));

      var timing = dist /settings.travelocity;

      $strip.animate( {
        left : '-='+dist
      }, timing, 'linear', function() {
        $strip.append($strip.find('li:first'));
        $strip.css('left', 0);
        scrollnews();
      });
    })
  });
}