Ajax tb content with 2 rollover images

Hi,

I have this script:

<SCRIPT LANGUAGE="JAVASCRIPT">
<!--

function roll(img_name1, img_src1, img_name2, img_src2)
{
document[img_name1].src = img_src1;
document[img_name2].src = img_src2;
}

//-->
</SCRIPT>

<A HREF="somewhere.html"
onmouseover="roll('sub1', 'movedown.gif', 'sub2', 'an1.gif')"
onmouseout="roll('sub1', 'moveup.gif', 'sub2', 'an2.gif')">

<IMG SRC="moveup.gif" NAME="sub1" WIDTH="143"
HEIGHT="39" BORDER="0">
</A>

<IMG SRC="an2.gif" NAME="sub2" WIDTH="143" HEIGHT="39">



I am trying to integrate this script http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/index.htm.

Basically i want the link to change two image on mouse over and change the content in the div tag when clicked.

But i cant figure out how to the rel="ajaxcontentarea" tag into the link tag and get it to work.

any ideas??
thank you