<html>
<body>

<script language="JavaScript" type="text/javascript">
var empty = 15;
var Imgs = new Array(16);

function swap(img1, img2) {
 var tmp = img1.src;
 img1.src = img2.src;
 img2.src = tmp;
}

function check(img) {
 var udlr = new Array(4); //現在のピースの上下左右
 var num = parseInt(img.name);
 udlr[0] = num - 4; //上
 udlr[1] = num + 4; //下
 if ((num % 4) != 0) udlr[2] = num - 1; //左
 if ((num % 4) != 3) udlr[3] = num + 1; //右
 for (var i = 0; i < 4; i++) {
  if (udlr[i] == empty) {
   swap(img, document.images[udlr[i]]);
   empty = num;
  }
 }
}

function shuffleImg(){
 for (var i = 0; i < 1000; i++ ) {
  imgNum = Math.floor(Math.random() * 16);
  check(document.images[imgNum]);		
 }
}
</script>

</head>
<body bgcolor="#FFFFFF">
<center>
<table border=0>
 <tr><td background="../orange440.jpg" width=430>
<FONT size=+2 color="white"><B>　パズルゲーム</B></FONT>
 </td></tr>
</table>
<br>
シャッフルボタンを押してスタート！
<hr>
<br>
<table border=1 cellspacing=0 cellspadding=0 bordercolor="blue">
 <tr>
  <td align="center" bgcolor="orange">
<form name="myForm"><p>
<input name="shuffle" type="button" value="シャッフル" onclick="shuffleImg()">
</p></form>
<script language="JavaScript" type="text/javascript">
document.write("<img src='puzzle/kousya0.jpg' widht=64 ", "height=64 name='0' onclick=check(this)>");
document.write("<img src='puzzle/kousya1.jpg' widht=64 ", "height=64  name='1' onclick=check(this)>");
document.write("<img src='puzzle/kousya2.jpg' widht=64 ", "height=64 name='2' onclick=check(this)>");
document.write("<img src='puzzle/kousya3.jpg' widht=64 ", "height=64  name='3' onclick=check(this)><br>");
document.write("<img src='puzzle/kousya4.jpg'  widht=64 ","height=64 name='4' onclick=check(this)>");
document.write("<img src='puzzle/kousya5.jpg'  widht=64 ","height=64 name='5' onclick=check(this)>");
document.write("<img src='puzzle/kousya6.jpg'  widht=64 ","height=64 name='6' onclick=check(this)>");
document.write("<img src='puzzle/kousya7.jpg'  widht=64 ","height=64 name='7' onclick=check(this)><br>");
document.write("<img src='puzzle/kousya8.jpg'  widht=64 ","height=64 name='8' onclick=check(this)>");
document.write("<img src='puzzle/kousya9.jpg'  widht=64 ","height=64 name='9' onclick=check(this)>");
document.write("<img src='puzzle/kousya10.jpg'  widht=64 ","height=64 name='10' onclick=check(this)>");
document.write("<img src='puzzle/kousya11.jpg'  widht=64 ","height=64 name='11' onclick=check(this)><br>");
document.write("<img src='puzzle/kousya12.jpg'  widht=64 ","height=64 name='12' onclick=check(this)>");
document.write("<img src='puzzle/kousya13.jpg'  widht=64 ","height=64 name='13' onclick=check(this)>");
document.write("<img src='puzzle/kousya14.jpg'  widht=64 ","height=64 name='14' onclick=check(this)>");
document.write("<img src='puzzle/hole.jpg'  widht=64 ",	"height=64 name='15' onclick=check(this)>");
</script>
  </td>

  <td width=256 valign="top" align="center" bgcolor="white">
   <input type="button" value="答え合わせ" onClick= "image.src='puzzle/kousya.jpg'"><br><br>
   <img src="puzzle/off.jpg" name="image">  
  </td>
 </tr>
</table>
</body>
</html>