Having trouble stopping or pausing a function upon Hover
<p>I have read many similiar issues and have modified my code, but still can't get the hover function to work properly.  Basically, I begin my function cycleIt().  When the user hovers over one of the lis in ul.liList, I want to stop the cycleIt() function...display a div that corresponds to that particular li...and when the user is not hovering over any lis in ul.liList, I want to begin the cycleIt function again. Thank you.    </p>

<pre><code>    &lt;html&gt;
    &lt;head&gt;
    &lt;title&gt;Test&lt;/title&gt;

    &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;

    &lt;script type="text/javascript"&gt;
    $(document).ready(function() {
            //setup initial screen
            $(".paraStuff div:visible").hide();
            $('ul.liList li:first-child').addClass('current');
            $(".paraStuff div:eq(0)").fadeIn('3000');
            //define function to cycle through li list and display corresponding bulleted list

        function cycleIt(){
            var nav = $("ul.liList");
            var next = nav.find("li.current + li, li:first-child").last();
            var myIndex = $(".current").index();
            nav.find("li.current").removeClass("current");
            $(".paraStuff div").eq(myIndex).fadeOut('3000');
            if (myIndex == 7) {
                $(".paraStuff div").eq(0).fadeIn('3000');
            }
            else {
                $(".paraStuff div").eq(myIndex+1).fadeIn('3000');
            }
            next.addClass("current");
        };//end cycleIt 
        setInterval(cycleIt,3000);//begin cycling through li list

    $('ul.liList li').hover(function() {
        clearInterval(cycleIt); //I want to stop the function
    },
    function() {
        setInterval(cycleIt, 3000); //I want to start the function fresh again
    });//end hover

});//end dom
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="content"&gt;

&lt;div id="cycleStuff"&gt;
    &lt;div style="float:left;width:225px;"&gt;
        &lt;ul class="liList"&gt;
            &lt;li&gt;&lt;a href="#"&gt;Systems Engineering&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Project Management&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Configuration Management&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Quality Assurance&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Software Engineering&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Hardware Engineering&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Information Assurance&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Test&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;&lt;!--end div for pager--&gt;
    &lt;div id="sbCycle"&gt;&lt;/div&gt;
    &lt;div style="float:left;width:32px" height="244px"&gt;&lt;/div&gt;
    &lt;div id="dotLine"&gt;&lt;/div&gt;
    &lt;div class="paraStuff"&gt;
    &lt;div id='sye'&gt;
    &lt;ul class="blueBox"&gt;
        &lt;li&gt;Requirements Analysis&lt;/li&gt;
        &lt;li&gt;Trade-Off Studies&lt;/li&gt;
        &lt;li&gt;Specifications&lt;/li&gt;
        &lt;li&gt;Architecture&lt;/li&gt;
        &lt;li&gt;High Level Design&lt;/li&gt;
    &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div id="pm"&gt;
        &lt;ul class="blueBox"&gt;
        &lt;li&gt;Planning&lt;/li&gt;
        &lt;li&gt;Scheduling&lt;/li&gt;
        &lt;li&gt;Budgeting&lt;/li&gt;
        &lt;li&gt;Team Leadership&lt;/li&gt;
        &lt;li&gt;Risk Management&lt;/li&gt;
        &lt;li&gt;Client Interface&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div id="cm"&gt;
        &lt;ul class="blueBox"&gt;
        &lt;li&gt;Baseline Control&lt;/li&gt;
        &lt;li&gt;Status Accounting&lt;/li&gt;
        &lt;li&gt;Configuration Audits&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div id="qa"&gt;
        &lt;ul class="blueBox"&gt;
        &lt;li&gt;Specification Compliance&lt;/li&gt;
        &lt;li&gt;Standards Adherance&lt;/li&gt;
        &lt;li&gt;Process Compliance&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div id="soe"&gt;
        &lt;ul class="blueBox"&gt;
        &lt;li&gt;Design&lt;/li&gt;
        &lt;li&gt;Code and Unit Test&lt;/li&gt;
        &lt;li&gt;Component Integration&lt;/li&gt;
        &lt;li&gt;Component Test&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div id="he"&gt;
        &lt;ul class="blueBox"&gt;
        &lt;li&gt;Design&lt;/li&gt;
        &lt;li&gt;Prototyping&lt;/li&gt;
        &lt;li&gt;Integration&lt;/li&gt;
        &lt;li&gt;Quality Control&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div id="ia"&gt;
        &lt;ul class="blueBox"&gt;
        &lt;li&gt;Five Pillars of IA&lt;/li&gt;
        &lt;li&gt;DoD IA Processes&lt;/li&gt;
        &lt;li&gt;DoD C&amp;A Standards&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div id="test"&gt;
        &lt;ul class="blueBox"&gt;
        &lt;li&gt;test 1&lt;/li&gt;
        &lt;li&gt;test 2&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
&lt;/div&gt;&lt;!--end paraStuff--&gt;          
&lt;/div&gt;&lt;!--end cycle--&gt;

&lt;/div&gt;&lt;!--end content--&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
