jQuery(function($) {
    //http://gsgd.co.uk/sandbox/jquery.easing.php
    $.easing.elasout = function(x, t, b, c, d) {
        var s = 1.70158; var p = 0; var a = c;
        if (t == 0) return b; if ((t /= d) == 1) return b + c; if (!p) p = d * .3;
        if (a < Math.abs(c)) { a = c; var s = p / 4; }
        else var s = p / (2 * Math.PI) * Math.asin(c / a);
        return a * Math.pow(2, -10 * t) * Math.sin((t * d - s) * (2 * Math.PI) / p) + c + b;
    };
    $.scrollTo.defaults.axis = 'x';  // scroll axis
    $('div.pane').scrollTo(0); //reset all scrollable panes to (0,0)	
    $.scrollTo(0); //reset the screen to (0,0)

    function reset_o() {//before each animation, reset to (0,0), skip this.
        $paneOptions.stop().stop();
        $paneOptions[0].scrollLeft = $paneOptions[0].scrollTop = 0;
    };

    var $paneOptions = $('#pane-options');

    $('#forward').click(function() {
        reset_o(); $paneOptions.scrollTo('li:eq(6)', 1000, { axis: 'x' });
    });
    $('#backward').click(function() {
        $paneOptions.scrollTo('li:eq(0)', 1000, { axis: 'x' });
    });
});