How do I change CSS properties when a music player starts using JavaScript?
<p>I have a music player on my page, the code for which is this:</p>

<pre><code>&lt;!--SCM Music Player by Adrian C Shum - http://scmplayer.net--&gt;  
&lt;script type="text/javascript" src="http://scmplayer.net/script.js" &gt;&lt;/script&gt;  
&lt;script type="text/javascript"&gt;  
SCMMusicPlayer.init("{'skin':'skins/black/skin.css','playback':{'autostart':'true','shuffle':'true','volume':'40'},'playlist':[{'title':'2Spooky Battle','url':'http://a.tumblr.com/tumblr_mbdoptQ5LT1rte8jio1.mp3'}], 'onplay': function() {alert('playing');},'placement':'bottom','showplaylist':'false'}");  
&lt;/script&gt;  
&lt;!--End of SCM Music Player script--&gt;
</code></pre>

<p>I also have two images, the codes for which look like this:</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;style type="text/css"&gt;

#img1{
  position: fixed;
  right: 10px;
  bottom: 100px;
  z-index: 10;
  visibility:hidden;
}

#img2{
  position: fixed;
  left: 10px;
  top: 10px;
  z-index: 10;
  visibility:hidden;
}

&lt;/style&gt;
&lt;/head&gt;

&lt;body&gt;
  &lt;img src="IMAGE1.png" id="img1"&gt;
  &lt;img src="IMAGE2.png" id="img2"&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>I would like to work it so both of those become "visible" when the player starts. What would I need to add/take out/replace for this to work?</p>
