infinity horizontal scroller

gistfile1.js

infinityScroller = function() {
  this.el = $(/*wrapper-class*/);
  this.blocks = function() { return this.el.children(/*item class*/) }; //function to prevent jquery snapshot
  this.maxShift = this.blocks.length - 3; //only 3 at screen
  
  this.indent(this.indent() - this.shiftPx); //make last first and move off screen
  this.blocks().last().detach().insertBefore(this.blocks().first());
};
feedTagsPromo.prototype = {
  shiftNum: 0, //counter for left displayed item
  shiftPx: 282, //item's width with all margins
  //shorthand func for text-indent
  indent: function(value) {
    if (typeof value === 'number') return this.el.css({'text-indent': value});
    else return parseInt(this.el.css('text-indent'),10);
  },
  //shorthand animate. direction is 1 (right) or -1 (left)
  move: function(direction) {
    this.el.animate({
      'text-indent': this.indent() - (direction * this.shiftPx)
    });
  },
  //move to next (slide all to left)
  next: function() {
    if(!this.el.is(':animated')) {
      if (this.shiftNum >= this.maxShift) {
        this.indent(this.indent() + this.shiftPx);
        this.blocks().first().detach().insertAfter(this.blocks().last());
      }
      this.shiftNum++;
      this.move(1);
      if(this.shiftNum >= this.blocks().length) this.shiftNum = 0 + (this.shiftNum - this.blocks().length);
      console.log(this.shiftNum);
    }
  },
  //move to previous (slide all to right)
  prev: function() {
    if(!this.el.is(':animated')) {
      if (this.shiftNum < (this.blocks().length + 1)) {
        this.indent(this.indent() - this.shiftPx);
        this.blocks().last().detach().insertBefore(this.blocks().first());
      }
      this.shiftNum--;
      this.move(-1);
      if(this.shiftNum < 0) this.shiftNum = this.blocks().length - 1;
    }
  }
}
infinityScroller = new infinityScroller();