Call stop of Soundmanager Inline Player
<p>Please help! I am not the most seasoned coder and I am trying to make a manual stop button for my Soundmanager Inline mp3. I've tried lots of things but can't figure out how to access inlineplayer.js to call a stop. </p>

<p>I am using this code within a div on my page: </p>

<pre><code>  &lt;link rel="stylesheet" type="text/css" href="http://www.synapseunrest.com/soundmanager/demo/play-mp3-links/css/inlineplayer.css" /&gt;
  &lt;link rel="stylesheet" type="text/css" href="http://www.synapseunrest.com/soundmanager/demo/flashblock/flashblock.css" /&gt;
  &lt;script type="text/javascript" src="http://www.synapseunrest.com/soundmanager/script/soundmanager2.js"&gt; &lt;/script&gt;
  &lt;script type="text/javascript" src="http://www.synapseunrest.com/soundmanager/demo/play-mp3-links/script/inlineplayer.js" &gt; &lt;/script&gt;



&lt;div id="sm2-container"&gt;
    &lt;!-- SM2 flash goes here --&gt;
&lt;/div&gt;


&lt;ul class="graphic"&gt;
  &lt;li&gt;&lt;a href="mp3/Centre for Indigenous Theatre.mp3"&gt;Centre for Indigenous Theatre&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="mp3/Fallen Angel.mp3"&gt;Fallen Angel&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="mp3/D'bi Young.mp3"&gt;D'bi Young&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="mp3/Haircuts.mp3"&gt;Haircuts By Kids&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="mp3/Hamlet.mp3"&gt;Hamlet&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="mp3/Kudelka.mp3"&gt;Kudelka&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="mp3/Lost Lyrics.mp3"&gt;Lost Lyrics&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="mp3/Next Sex.mp3"&gt;Next Sex&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="mp3/R Murray Shafer.mp3"&gt;R Murray Shaffer&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="mp3/Sarajevo.mp3"&gt;Sarajevo&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="mp3/Tallis Choir.mp3"&gt;Tallis Choir&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="mp3/Tallis.mp3" id="sound"&gt;Tallis&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="mp3/TDT Hidden Cameras.mp3" id="sound"&gt;TDT &amp; the Hidden Cameras&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="mp3/The Real McCoy.mp3" id="sound"&gt;The Real McCoy&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="mp3/Final Fantasy.mp3" id="sound"&gt;Final Fantasy&lt;/a&gt;&lt;/li&gt;

  &lt;/ul&gt;
</code></pre>

<p>Ultimately I want to stop this player when I hide the containing div. I can't figure out how to call the javascript from the other document (inlineplayer.js) from within my primary page. I'm looking for something like soundmanager.stopSound() that I can append to my show/hide div actions, or even just make into a STOP button that will kill all sound coming from this player. </p>

<p>I based this player on this template: <a href="http://www.schillmania.com/projects/soundmanager2/demo/play-mp3-links/" rel="nofollow">http://www.schillmania.com/projects/soundmanager2/demo/play-mp3-links/</a></p>

<p>I have a feeling I'm supposed to call from here: <a href="http://www.synapseunrest.com/soundmanager/demo/play-mp3-links/script/inlineplayer.js" rel="nofollow">http://www.synapseunrest.com/soundmanager/demo/play-mp3-links/script/inlineplayer.js</a></p>

<p>But I have no idea how to do that!
Please help!</p>
