Can you help with a Javascript problem?

[wxdqz]

I have the following script that works great.

I'll call this "Set One"

But.... when I add another "Set Two" (below this script) it will not work. When
the thumbnails are clicked on in Set Two, they will not expand.

I thought I made the right changes.
It seems the second script takes over the first.
How can I get these to both work???????



See it at my site: <!-- m --><a class="postlink" href="http://members.rogers.com/thepainter">http://members.rogers.com/thepainter</a><!-- m -->


**********
Set One
**********

<P align=center> </P>
<TABLE cellSpacing=0 cellPadding=0 align=center background="" border=0>

<TR>
<TD><A href=http://www.webdeveloper.com/forum/archive/index.php/"java script:thumbtobig(1)"><IMG height=90 src="tn_kitchen.jpg"
width=90 name=T1></A>
<P><A href="java script:thumbtobig(2)"><IMG height=90 src="tn_lr2a.jpg.gif"
width=90 name=T2></A></P>
<P><A href="java script:thumbtobig(3)"><IMG height=90 src="tn_lvroom.jpg"
width=90 name=T3></A></P></TD>
<TD> </TD>
<TD> </TD>
<TD><A href="java script:thumbtobig(4)"><IMG height=90 src="tn_ba4a.jpg"
width=90 name=T4></A>
<P><A href="java script:thumbtobig(5)"><IMG height=90 src="tn_ba3b.jpg"
width=90 name=T5></A></P>
<P><A href="java script:thumbtobig(6)"><IMG height=90 src="tn_ba1b.jpg"
width=90 name=T6></A></P></TD>




<TD><IMG height=350 src=" " width=490 align=middle border=2
name=large alt="Click on thumbnails for larger image">
</TD></TR></TBODY></TABLE>

<font color="#000099"></center>
<br><h3> Click on thumbnails for larger image </h3><br></font><br> <br><br>
<br><center>
<SCRIPT language=JavaScript><!--
//thumbnail script
thumb =new Image();
thumb2=new Image();
thumb3=new Image();
thumb4=new Image();
thumb5=new Image();
thumb6=new Image();


thumb.src ="kitchen.jpg"
thumb2.src="lr2a.jpg"
thumb3.src="lvroom.jpg"
thumb4.src="ba4a.jpg"
thumb5.src="ba3b.jpg"
thumb6.src="ba1b.jpg"



document.images['T1'].src=thumb.src;
document.images['T2'].src=thumb2.src;
document.images['T3'].src=thumb3.src;
document.images['T4'].src=thumb4.src;
document.images['T5'].src=thumb5.src;
document.images['T6'].src=thumb6.src;


function thumbtobig(thumbs)
{
if(thumbs==1){document.images['large'].src=thumb.src;}
if(thumbs==2){document.images['large'].src=thumb2.src;}
if(thumbs==3){document.images['large'].src=thumb3.src;}
if(thumbs==4){document.images['large'].src=thumb4.src;}
if(thumbs==5){document.images['large'].src=thumb5.src;}
if(thumbs==6){document.images['large'].src=thumb6.src;}
}
// --></SCRIPT></SCRIPT>


*********
Set Two
*********
<P align=center> </P>
<TABLE cellSpacing=0 cellPadding=0 align=center background="" border=0>

<TR>
<TD><A href=http://www.webdeveloper.com/forum/archive/index.php/"java script:thumbtobig(1)"><IMG height=90 src="tn_francie.jpg"
width=90 name=T1></A>
<P><A href="java script:thumbtobig(2)"><IMG height=90 src="th_ba3a.jpg"
width=90 name=T2></A></P>
<P><A href="java script:thumbtobig(3)"><IMG height=90 src=""
width=90 name=T3></A></P></TD>
<TD> </TD>
<TD> </TD>
<TD><A href="java script:thumbtobig(4)"><IMG height=90 src=""
width=90 name=T4></A>
<P><A href="java script:thumbtobig(5)"><IMG height=90 src=""
width=90 name=T5></A></P>
<P><A href="java script:thumbtobig(6)"><IMG height=90 src=""
width=90 name=T6></A></P></TD>




<TD><IMG height=350 src= " " width=490 align=middle border=2
name="large2" alt="Click on thumbnails for larger image">
</TD></TR></TBODY></TABLE>

<font color="#000099"></center>
<br><h3> Click on thumbnails for larger image </h3><br></font><br> <br><br>
<br><center>
<SCRIPT language=JavaScript><!--
//thumbnail script
thumb =new Image();
thumb2=new Image();
thumb3=new Image();
thumb4=new Image();
thumb5=new Image();
thumb6=new Image();


thumb.src ="francie.jpg"
thumb2.src="ba3a.jpg"
thumb3.src=""
thumb4.src=""
thumb5.src=""
thumb6.src=""


document.images['T1'].src=thumb.src;
document.images['T2'].src=thumb2.src;
document.images['T3'].src=thumb3.src;
document.images['T4'].src=thumb4.src;
document.images['T5'].src=thumb5.src;
document.images['T6'].src=thumb6.src;


function thumbtobig(thumbs)
{
if(thumbs==1){document.images['large2'].src=thumb.src;}
if(thumbs==2){document.images['large2'].src=thumb2.src;}
if(thumbs==3){document.images['large2'].src=thumb3.src;}
if(thumbs==4){document.images['large2'].src=thumb4.src;}
if(thumbs==5){document.images['large2'].src=thumb5.src;}
if(thumbs==6){document.images['large2'].src=thumb6.src;}
}
// --></SCRIPT></SCRIPT>