Image AGSeti1
Image AGSeti2
Image AGSeti3

Working Image

<A HREF="http://setiathome.ssl.berkeley.edu/cgi-bin/cgi?cmd=team_lookup&name=alt.gothic" target="_new"
onmouseover="swi('AGSETI','Im2',Vk2); return true;"
onmouseout="swi('AGSETI','Im1',Vk1);"
onmousedown="swi('AGSETI' ,'Im3',Vk3); return true;"
onmouseup="swi('AGSETI','Im1',Vk1);">
<IMG SRC="AGseti1.JPG" BORDER=0 ALIGN=RIGHT WIDTH=124 HEIGHT=44 NAME="AGSETI" ALT="alt.gothic Seti@Home team."></A>

You'll have to change the ALIGN attribute for where you want it. Below is the Javascript to make it work.

<script language="javascript"><!-- hide from none script browser

var Vk1="Your sites default comment name date, Last modified etc";
var Vk2="alt.gothic's SETI@Home team page.";
var Vk3="Another recruit? :)";

var compat = false;

if( parseInt( navigator.appVersion ) >= 3 ) { compat = true; }

if(compat)
 {
  Im1= new Image;
  Im1.src = "AGseti1.JPG";
  Im2= new Image;
  Im2.src = "AGseti2.JPG";
  Im3 = new Image;
  Im3.src = "AGseti3.JPG";
  }

function swi(x, y, z)
 {
  if( compat ) { document.images[x].src=eval(y+'.src'); }
  window.status = z;
  }

//-->
</SCRIPT>

Please note this script is given freely 'as-is' :)