jquery - コンテナを矢印で左右にスライドさせるjQuery

Question

私はウェブページに取り組んでおり、このチュートリアルを使用しました: http://blog.themeforest.net/tutorials/create-a-funky-parallax-background-effect-using-jquery/

ここで、「前へ」ボタンと「次へ」ボタンを使用してページのスクロールを制御したいと考えています。私はそれがどのように機能するべきかを見つけることができないようです。

スライディング コンテナーを機能させるコードは次のとおりです。

$('a.link').click(function () {  
        $('#wrapper').scrollTo($(this).attr('href'), 800);
        setPosition($(this).attr('href'), '#cloud1', '0px', '400px', '800px', '1200px', '1600px', '2000px')
        setPosition($(this).attr('href'), '#cloud2', '0px', '800px', '1600px', '2400px', '2800px', '3200px')
        $('a.link').removeClass('selected');  
        $(this).addClass('selected');
        return false;  
    }); 
});

function setPosition(check, div, p1, p2, p3, p4, p5, p6) {
if(check==='#box1')
    {
        $(div).scrollTo(p1, 800);
    }
else if(check==='#box2')
    {
        $(div).scrollTo(p2, 800);
    }
else if(check==='#box3')
    {
        $(div).scrollTo(p3, 800);
    }
else if(check==='#box4')
    {
        $(div).scrollTo(p4, 800);
    }
else if(check==='#box5')
    {
        $(div).scrollTo(p5, 800);
    }
else 
    {
        $(div).scrollTo(p6, 800);
    }
};

このような前と次のボタンを作成しました

    <input type="button" class="next">
    <input type="button" class="prev">

そして、このオプションを実装しようとしましたが、うまくいきませんでした: http://jsfiddle.net/ARTsinn/s2TJQ/4/

これは単純なはずだと思いますが、機能させることができません。前もって感謝します！