Mp3 player via widgets

I have been trying embed an open source mp3 player.

The player works correctly here: http://www.midriffrecords.com/home.html, but I am now trying to move it to my Atahualpa rebuild.

Using the Theme Options HTML/CSS inserts, I have inserted the appropriate javascript into the header.
<script type="text/javascript" src="http://www.midriffrecords/com/mp3/swfobject.js"></script>

And then, using the Text/Random HTML widget, I have tried to place the player on the page, right column, under the "Audio" heading. This is what I have inserted into the Text/HTML Widget box.
<DIV>
<script type="text/javascript">
var s2 = new SWFObject("http://www.midriffrecords.com/mp3/mp3player.swf", "playlist", "240", "200", "7");
s2.addVariable("file","http://www.midriffrecords.com/mp3/playlist.xml");
s2.addVariable("backcolor","0x021e2f");
s2.addVariable("frontcolor","0xe2e2e2");
s2.addVariable("lightcolor","0xc5960b");
s2.addVariable("displayheight","0");
s2.addVariable("width","240");
s2.addVariable("height","200");
s2.write("player2");
</script>
</DIV>

http://www.midriffrecords.com/midriff_TEST/

But the player is not appearing. Is the text widget not suitable for inserting this kind of code?

Or is there a better, smoother, more Wordpress compatible mp3 player that anyone might know about?

Thanks!