jquery - Smoothdivscroll: クリック時に scrollablearea div を (再) 配置します

Question

Smoothdivscroll を使用して、小さな div コンテナー内の 1 つの幅の広い画像だけをスクロールしています。また、サムネイル リストと jquery 関数を追加して、サムネイルをクリックしたときに大きな画像を置き換えました。

サムネイルをクリックした後、残念ながら「scrollablearea」コンテナは 0,0 に戻りません。スクロールするホットスポットに次にホバーするまで。

ここで試すことができます：

http://instinct-pictures.com/index.php?option=com_content&view=article&id=26&Itemid=139

最初の画像を左にスクロールし、サムネイルをクリックします。2. イメージは、次のホバーまで古い最初のイメージの位置を保存します。

「スクロール可能な領域」をクエリで手動で配置しようとしましたが、うまくいきませんでした。誰もこれを達成する方法の手がかりを持っていますか? 画像を 1 つしか使用していないため、moveToElement 関数は使用できません。

私のサムネイルクリック機能の下を見つけてください：

$('.thumbnail').live("click", function() {

    $('#main_Image').hide();

    var i = $('<img />').attr('src',this.href).load(function() {
        $('#main_Image').attr('src', i.attr('src'));
        $(".scrollableArea").css("width", $('#main_Image').width());
    $(".scrollableArea").css("left", 0);


        $('#main_Image').fadeIn();

    });
    return false; 
});