title: jquery.li-scroller.1.0.js scroll from left to right
body: <p>I developed News Website and I use <code>jquery.li-scroller.1.0.js</code> to view my breaking news, 
  but this script scroll news from right to left. I want to scroll the news from left to right because I use the arabic language.</p>
  
  <p>The script:</p>
  
  <pre><code>jQuery.fn.liScroll = function(settings) {
      settings = jQuery.extend({
          travelocity: 0.07
      }, settings);        
      return this.each(function(){
          var $strip = jQuery(this);
          $strip.addClass("newsticker")
          var stripWidth = 1;
          $strip.find("li").each(function(i){
              stripWidth += jQuery(this, i).outerWidth(true); // thanks to Michael Haszprunar and Fabien Volpi
          });
          var $mask = $strip.wrap("&lt;div class='mask'&gt;&lt;/div&gt;");
          var $tickercontainer = $strip.parent().wrap("&lt;div class='tickercontainer'&gt;&lt;/div&gt;");                                
          var containerWidth = $strip.parent().parent().width();    //a.k.a. 'mask' width     
          $strip.width(stripWidth);            
          var totalTravel = stripWidth+containerWidth;
          var defTiming = totalTravel/settings.travelocity;    // thanks to Scott Waye        
          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);
          });            
      });    
  };
  </code></pre>