jquery - jqueryでアニメーションスライダーをフェードするように変更する

Question

画像間をスライドするこの JS がありますが、それらを変更してフェードさせたい - これらを変更する最良の方法は何ですか?

ここに完全なデモがあります: http://jsfiddle.net/mJcTA/6/

    animate: function () {
            var nextItem, pos;
            // check whether there are enough items to animate to
            if (this.itemIndex > (this.noOfItems - this.options.itemsPerPage)) {
                this.itemIndex = this.noOfItems - this.options.itemsPerPage; // go to last panel - items per transition
            }
            if (this.itemIndex < 0) {
                this.itemIndex = 0; // go to first
            }
            nextItem = this.items.eq(this.itemIndex);
            pos = nextItem.position();

            if (headache) {
                this.runner
.stop()
.animate({ left: -pos.left }, this.options.speed, this.options.easing);
            }
            else {
                this.mask
.stop()
.animate({ scrollLeft: pos.left }, this.options.speed, this.options.easing);
            }
            this.updateBtnStyles();
        }