Make Flash instead of text

how do i make this code

Code:


<center>
<table width="52%" cellspacing="" cellpadding="" border="0" align="center" onclick="if(this.getElementsByTagName('td')[1].style.display == 'none'){ this.getElementsByTagName('td')[1].style.display = '';this.getElementsByTagName('td')[2].style.display = 'none'; }else{ this.getElementsByTagName('td')[1].style.display = 'none';this.getElementsByTagName('td')[2].style.display = '';}" style="cursor: pointer;">
<tr><td>
<span class="genmed"><b>
<span style="color:#cc0000";>
<span style="font-size: 13px;>
<span style="line-height: normal"><b><u>

Click Here for Playlist

</u></b>
</span></b></td></tr><tr>
<td style="display: '';"></td><td style="display: none;">

<div style="text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:300px;"><embed style="width:400px; visibility:visible; height:270px;" allowScriptAccess="never" src="http://www.musicplaylist.us/mc/mp3player-othersite.swf?config=http://www.musicplaylist.us/mc/config/config_black.xml&mywidth=435&myheight=270&playlist_url=http://www.musicplaylist.us/loadplaylist.php?playlist=46106994" menu="false" quality="high" width="700" height="400" name="mp3player" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0"/> </div>>

</td></tr></table><span class="">
</center>

I want to change the text into a simple flash but with a hover over to the text. how do i replace it with a flash made object.