How to use fadeslideshow.js for header image

[BR_Advocate]

Can someone help me with setting up the header and fadeslideshow.js?

Here is my header: How would I incorporate fadeslideshow? Thank you in advance.

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
	<td align="$stylevar[center]"><img src="$stylevar[titleimage]" border="0" width="100%" align="center" alt="" usemap="#header_links" /></td>

<map name="header_links">
  <area shape="circle" coords="81,130,40" href="http://www.pca.org"  target= "_blank" title="Porsche Club of America"/>
  <area shape="rect" coords="1094,56,1378,238" href="http://986sig.pca.org/forum/index.php" title="PCA Boxster Register"/>
  <area shape="rect" coords="364,56,747,234" href="http://www.porsche.com/usa/models/boxster/" target= "_blank" title="Porsche USA - Boxster"/>
</map>

</tr>
</table>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output

$ad_location[ad_header_end]