I am putting 2 tables on a page that have images. Everything works to plan except they act as if one instead of independently. This should be an easy fix for you gurus but as I am a beginner I could sure use some help. Thanks.

Here is the page:

[CODE]
<HTML>
<HEAD>
<TITLE></TITLE>

<style>
<!--
.drag{position:relative;cursor:hand}
-->
</style>
<script language="JavaScript1.2">
<!--

/*
Drag and Drop Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

var dragapproved=false
var z,x,y
function move(){
if (event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false
}
}
function drags(){
if (!document.all)
return
if (event.srcElement.className=="drag"){
dragapproved=true
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
//--></script>


<script>
<!--

var bufferImage = new Array();
var bufferImage = new Array();

function Buffer(filename) {
var i = bufferImage.length;
bufferImage[i] = new Image();
bufferImage[i].src = filename;
}

function showImage(filename) {
document.images[Image_Name].src = filename;
}

//===========BUFFER ALL YOUR MENU IMAGES FIRST=============

Image_Name = "BODYCOLOR";

Buffer("random images/sample_1.gif");

Buffer("images/previewerBG_2.gif");

Buffer("random images/sample_3.gif");

Buffer("random images/sample_4.gif");

Buffer("random images/sample_5.gif");

//-->
</script>


<script>
<!--

var bufferImage = new Array2();


function Buffer(filename) {
var i = bufferImage.length;
bufferImage[i] = new Image();
bufferImage[i].src = filename;
}

function showImage(filename) {
document.images[Image_Name].src = filename;
}

//===========BUFFER ALL YOUR MENU IMAGES FIRST=============

Image_Name = "PINWHEELCOLOR";

Buffer("random images/sample_6.gif");

Buffer("images/previewerBG_1.gif");

Buffer("random images/sample_7.gif");

Buffer("random images/sample_8.gif");

Buffer("random images/sample_9.gif");

//-->
</script>


</HEAD>
<BODY BGCOLOR= #000000 link="red" vlink="red" alink="red" >

<CENTER>
<img SRC="images/PlacementBox_1.gif" BORDER="0" height="74" width="184">
</CENTER>
<BR><BR><BR><BR>


<script language="JavaScript1.2">

if (document.all)
document.body.style.cssText="background:black"
</script>


<center><table BORDER=8 CELLSPACING=0 CELLPADDING=0 COLS=3 WIDTH="330">
<tr><td BGCOLOR="blue" WIDTH="20%" ALIGN="CENTER" onMouseOver="showImage('random images/sample_1.gif')"><B>Blue Body</B></td>
<td ROWSPAN="2" BGCOLOR="black" WIDTH="40%"><center><img SRC="images/previewerBG_2.gif" NAME="BODYCOLOR" BORDER=0 height=72width=180 class="drag"></center></td>
<td BGCOLOR="red" WIDTH="20%" ALIGN="CENTER" onMouseOver="showImage('random images/sample_3.gif')"><B>Red Body</B></td></tr>
<tr><td BGCOLOR="teal"WIDTH="20%" ALIGN="CENTER" onMouseOver="showImage('random images/sample_4.gif')"><B>Teal Body</B></td>
<td BGCOLOR="green" WIDTH="20%" ALIGN="CENTER" onMouseOver="showImage('random images/sample_5.gif')"><B>Green Body</B></td>
</tr></table></CENTER><BR>



<script language="JavaScript1.2">

if (document.all)
document.body.style.cssText="background:black" <!--- url(pic/pugbg1.jpg) fixed center-center --->
</script>

<CENTER><table BORDER=8 CELLSPACING=0 CELLPADDING=0 COLS=3 WIDTH="330">
<tr><td BGCOLOR="pink" WIDTH="20%" ALIGN="CENTER" onMouseOver="showImage('random images/sample_6.gif')"><B>Pink PW</B></td>
<td ROWSPAN="2" BGCOLOR="black" WIDTH="40%"><center><img SRC="images/previewerBG_1.gif" NAME="PINWHEELCOLOR" BORDER=0 height=72width=180 class="drag"></center></td>
<td BGCOLOR="yellow" WIDTH="20%" ALIGN="CENTER" onMouseOver="showImage('random images/sample_7.gif')"><B>Yellow PW</B></td></tr>
<tr><td BGCOLOR="magenta"WIDTH="20%" ALIGN="CENTER" onMouseOver="showImage('random images/sample_8.gif')"><B>Magenta PW</B></td>
<td BGCOLOR="silver" WIDTH="20%" ALIGN="CENTER" onMouseOver="showImage('random images/sample_9.gif')"><B>Silver PW</B></td>
</tr></table></center><br><br>





</BODY></HTML>[CODE]