Adios!! You are brilliant !! Thank you so much for your attention to my dilemma. I think I am 95% of the way there. The only glitch I'm experiencing now is that when I click the "submit" button, the admin panel for the mailing list script appears (didn't do that to me before -- I used to get the correct "Thank you for subscribing" or "You have been unsubscribed" type of messages). It may be that perhaps the word "subscribe" is used too many times in reference to the form and the CGI script is confused? I dunno. I'm going to have to take a closer look at this. Otherwise, I'm confident once I get that glitch ironed out, the radio buttons will do exactly as they should and it appears to be working in IE, NS, Moz and Opera. At least I'm getting the same result in all 4 browsers, so it's a coding issue and not a browser issue -- thank goodness for that! I'll keep you posted and thanks again SO much for your assistance. It is genuinely appreciated. :)
PS:
HEAD SECTION:
<base href="http://www.ldoa.net/">
<script type="text/javascript" language="javascript">
<!--
function fakeRadios(img_name)
{
var i = document.images;
i.subscribe.src = i.subscribe.src.replace(/radio\d/, /radio1/.test(i.subscribe.src) ? 'radio2' : 'radio1');
i.unsubscribe.src = i.unsubscribe.src.replace(/radio\d/, /radio1/.test(i.unsubscribe.src) ? 'radio2' : 'radio1');
document.forms[0].subscription_status.value = img_name;
}
//-->
</script>
BODY SECTION:
<form name="myform" action="/cgi-bin/subscribe/subscribe.pl" method="post" style="margin-top:8px">
<input type="text" name="email" value="Enter your e-mail address" onfocus="this.value=''" style="font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:11px; color:#000000; background:#D4C784; height:21px; width:154px; border-top:2px solid #826224; border-left:2px solid #826224; border-bottom:2px solid #E6DDB2; border-right:2px solid #E6DDB2; text-align:center"><br>
<table border=0 cellpadding=0 cellspacing=0 width=157 style="margin-top:8px">
<tr><td align=right><img name="subscribe" src="images/radio1.gif" onclick="fakeRadios(this.name)"></td>
<td style="font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#000000">
Subscribe</td></td>
<td rowspan=2 align="center" style="background:url(images/join_off.gif); width:52px; height:40px">
<a href="javascript:document.myform.submit()" onfocus="if(this.blur)this.blur()"><img src="images/join_on.gif" name="join" class="imgFader" style="cursor:pointer; cursor:hand" border="0" onMouseOver="JSFX.fadeIn('join')" onMouseOut="JSFX.fadeOut('join')"></a></td></tr>
<tr><td align=right><img name="unsubscribe" src="images/radio2.gif" onclick="fakeRadios(this.name)"></td>
<td style="font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#000000"> Unsubscribe</td></tr></table>
<input type="hidden" name="subscription_status" value="subscribe"></form>
This is what I've done in adapting your code to my page. If anything jumps out at you as to why the admin panel is loading on "submit" rather than the appropriate "Thank you for subscribing" or "You have been unsubscribed" or "You have entered an invalid e-mail address" etc. pages, feel free to point it out to me! Sometimes I can sit and stare at the same page, the same code for over an hour and it all begins to look the same. Amazing what a fresh pair of eyes can spot that tired, overworked ones seem to miss. ;)