two play/pause toggle buttons for supersized full screen jquery slideshow
<p>here's the site I'm workign on: <a href="http://www.stapletonjets.com/demo.asp" rel="nofollow">http://www.stapletonjets.com/demo.asp</a></p>

<p>When you click the placeholder "click here" link, the page content fades out and the slideshow will start to play.  Working well. Then, you'll see a tab at the top that will toggle pause/play and return the user to the site.  </p>

<p>What I'd like to do is have the tab only pause the slideshow if the current state is play.  In other words, if the user clicks the pause button in the slideshow, THEN clicks the tab at the top to return to the site, I don't want to tab to start the slideshow again... or else it will be flipping through the slides behind the site content.</p>

<p>So, I'm pretty sure there just has to be a function that checks the state of the slideshow (e.g., pause or play), then can adjust the tab's functionality accordingly. For example, if slideshow state = play, pause the slideshow... and if slideshow's state is paused, do nothing.</p>

<p>Some relevant code is below... just not sure how to manipulate it to do what I want to do. Any help much appreciated... thank you!</p>

<pre><code>        playToggle : function(state){
        if (state =='play'){
            // If image, swap to pause
            if ($(vars.play_button).attr('src')) $(vars.play_button).attr("src", vars.image_path + "pause.png");
            if (api.options.progress_bar &amp;&amp; !vars.is_paused) theme.progressBar();
        }else if (state == 'pause'){
            // If image, swap to play
            if ($(vars.play_button).attr('src')) $(vars.play_button).attr("src", vars.image_path + "play.png");
            if (api.options.progress_bar &amp;&amp; vars.is_paused)$(vars.progress_bar).stop().css({left : -$(window).width()});
        }

    },
</code></pre>
