jquery - タイマー Jquery のクラスを変更する

Question

テキストと画像を変更するロールオーバー リンクを持つ画像バナーを作成しています。私が起こる必要があるのは、これが5つの画像を5秒ごとに回転させることですが、マウスオーバーすると回転が一時停止し、ユーザーが選択した画像に移動します。私のマウスオーバーコードは次のとおりです。

$("#main_nav li").mouseover( function() {
    $(".navigation_main, .main_info").each (function() {
        $(this).removeClass("on").addClass("off");
                                    });
    $("#"+$(this).attr("id")).removeClass("off").addClass("on");
    $("#"+$(this).attr("id")+"_images").removeClass("off").addClass("on");
    $("#"+$(this).attr("id")+"_text").removeClass("off").addClass("on");
    $("#"+$(this).attr("id")+"_a").removeClass("off").addClass("on");
                             });

これを回転させるための助けは素晴らしいでしょう。

どうもありがとう