How do i make the img move in the empty block, and how do i active my empty box..
Code:
<script type="text/javascript">
<!--
		var img_name = new Array("vinnpt1.jpg","vinnpt2.jpg","vinnpt3.jpg","vinnpt4.jpg","vinnpt5.jpg","vinnpt6.jpg","vinnpt7.jpg","vinnpt8.jpg");
		img_name.sort(function() {return 0.5 - Math.random()})
   document.write('<table border="1"><tbody>');
   document.write('<tr>');
   document.write('<td height="200" width="300">');
   document.write('<img src ='+img_name[0]+'/>');
   document.write('</td>');
   document.write('<td height="200" width="300">');
   document.write('<img src ='+img_name[1]+'/>');
   document.write('</td>');
   document.write('<td height="200" width="300">');
   document.write('<img src ='+img_name[2]+'/>');
   document.write('</td>');
   document.write('</tr>');

   document.write('<tr>');
   document.write('<td height="200" width="300">');
   document.write('<img src ='+img_name[3]+'/>');
   document.write('</td>');
   document.write('<td height="200" width="300">');
   document.write('<img src ='+img_name[4]+'/>');
   document.write('</td>');
   document.write('<td height="200" width="300">');
   document.write('<img src ='+img_name[5]+'/>');
   document.write('</td>');
   document.write('</tr>');

   document.write('<tr>');
   document.write('<td height="200" width="300">');
   document.write('<img src ='+img_name[6]+'/>');
   document.write('</td>');
   document.write('<td height="200" width="300">');
   document.write('<img src ='+img_name[7]+'/>');
   document.write('</td>');
   document.write('<td height="200" width="300">');
   document.write('<img src ='+img_name[8]+'/>');
   document.write('</td>');
   document.write('</tr>');

   document.write('</tbody></table>');
   document.write('<table border="2"><tbody><tr><td height="50" width="452">Moves Used Goes Here</td><td height="50" width="452">Last Move Goes Here</td></tr></tbody></table>');
//-->