setInterval & the global scope: Running setInterval once on click
<p>When a user lands on my homepage, I use setInterval to cycle through some classes for a visual effect:</p>

<pre><code>    var toggleSlide = setInterval( function() {
      $('#cs-main nav li.cycle').removeClass("cycle" || " ").next().last().addClass("cycle");
},600);
</code></pre>

<p>I'd like this effect only to run once when the user clicks on the splash page, and the site is loaded via ajax:</p>

<pre><code>    $("#splash").live('click', function () {
        $(this).fadeOut('slow', function () {
            $('#main').load('client.html', function () {
            }).fadeIn();

            var toggleSlide = setInterval( function() {
      $('#cs-main nav li.cycle').removeClass("cycle" || " ").next().last().addClass("cycle");
},600);

        });
        return false;
    });
</code></pre>

<p>The issue I am running into is (I'm assuming) because setInterval runs in the global scope, anytime <code>#cs-main nav li.cycle</code> appears on a page, setInterval does its thing. This is problematic because this class appears on my subpages, whereas my intention is only to have it run once when the user clicks on #splash.</p>
