$.fn.cycle.transitions.scrollBothWays = function ($cont, $slides, opts) {
    $cont.css('overflow', 'hidden');
    opts.before.push($.fn.cycle.commonReset);

    // custom transition fn (trying to get it to scroll forward and backward)
    opts.fxFn = function (curr, next, opts, cb, fwd) {
        var w = $cont.width();
        opts.cssFirst = { left: 0 };
        opts.animIn = { left: 0 };

        if (fwd) {
            opts.cssBefore = { left: w, top: 0 };
            opts.animOut = { left: 0 - w };
        } else {
            opts.cssBefore = { left: -w, top: 0 };
            opts.animOut = { left: w };
        };

        var $l = $(curr), $n = $(next);
        var speedIn = opts.speedIn, speedOut = opts.speedOut, easeIn = opts.easeIn, easeOut = opts.easeOut, animOut = opts.animOut, animIn = opts.animIn;
        $n.css(opts.cssBefore);
        var fn = function () { $n.show(); $n.animate(animIn, speedIn, easeIn, cb); };

        $l.animate(animOut, speedOut, easeOut, function () {
            if (opts.cssAfter) $l.css(opts.cssAfter);
            if (!opts.sync) fn();
        });
        if (opts.sync) fn();
    };
};