oh ok, the code for the div image of the playboard is as shown
<div id="PB"><IMG STYLE="position:absolute; TOP:150px; LEFT:400px; WIDTH:400px; HEIGHT:300px" SRC="Images/playboard.png"></div>
would this mean that i have to input a code similar to this?
var elem4= document.getElementById("PB");
elem4.style.left = x+"px";
elem4.style.top = y+"px";
elem4.style.width = width+"px";
elem4.style.height = height+"px";
with putting new variables at the top of the page
var height = 0
var width = 0
if i was to put the var elem4 code in, would i have to put it at the beginning of the function loop() code or somewhere else?
looking at it again, i think i would have to put specific pixel numbers in the pixel count after the variables to get what i want to happen?
so var height would be var height = 300 for the top of the playingboard and then var height2=600 for the bottom?