Jquery timer Stop when Mouse hover
<pre><code>            $(function() {

    setInterval(transition, 9000);
});
function transition() {
    var current = $('.shown');
    var next = null;
    if (current.next('.box').size() == 0) {
        next = $('.container .box:first');
    } else {
        next = current.next('.box');
        if($(next).children().attr("id")=="BestSellers"){
             ShowBestSellers();
        }
        else if($(next).children().attr("id")=="NewRelease"){
         ShowNewRelase();
        }
        else if($(next).children().attr("id")=="HotAccessories"){
         ShowHotAccessories();
        }
         else if($(next).children().attr("id")=="OnSale"){
         ShowOnSale();
         current.removeClass('shown');
         next.fadeIn().addClass('shown');
         setTimeout(timedCount,9000)
        }
          function timedCount (){

       $("#LandingProductImages &gt; div &gt; div").hide();
       $("div#BestSellers").fadeIn();
       $("div#os").css("background-position", "0px -43px");
       $("div#bs").css("background-position", "0px -40px");
       $("div#bs").css("background-position", "0px 0.8px");

        }
    }
    current.removeClass('shown');
    next.fadeIn().addClass('shown');

}
</code></pre>

<p>This is my code i need when mouse hover in div name LandingProductImages so my      functionaly stop .and when mouse out functionaly again on.im very week in jquery</p>
