Записи

 <table align="center" width="199"
 class="colorborder">
  <tr><td colspan="6">
  <div align="center" id="v2Step">step:0</div>
  </td></tr>
  <tr>
  <td><center>&nbsp;</center></td>
  <td><center><img src="/jgame/fifteen/ImB.jpg"
 onclick="ButtonClickv2(1)"
 style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/ImB.jpg"
 onclick="ButtonClickv2(2)"
 style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/ImB.jpg"
 onclick="ButtonClickv2(3)"
 style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/ImB.jpg"
 onclick="ButtonClickv2(4)"
 style="cursor:pointer"/></center></td>
  <td><center>&nbsp;</center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/fifteen/ImR.jpg"
 onclick="ButtonClickv2(5)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/Im1.jpg"
 id="imagev20"/></center></td>
  <td><center><img src="/jgame/fifteen/Im2.jpg"
 id="imagev21"/></center></td>
  <td><center><img src="/jgame/fifteen/Im3.jpg"
 id="imagev22"/></center></td>
  <td><center><img src="/jgame/fifteen/Im4.jpg"
 id="imagev23"/></center></td>
  <td><center><img src="/jgame/fifteen/ImL.jpg"
 onclick="ButtonClickv2(9)" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/fifteen/ImR.jpg"
 onclick="ButtonClickv2(6)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/Im5.jpg"
 id="imagev24"/></center></td>
  <td><center><img src="/jgame/fifteen/Im6.jpg"
 id="imagev25"/></center></td>
  <td><center><img src="/jgame/fifteen/Im7.jpg"
 id="imagev26"/></center></td>
  <td><center><img src="/jgame/fifteen/Im8.jpg"
 id="imagev27"/></center></td>
  <td><center><img src="/jgame/fifteen/ImL.jpg"
 onclick="ButtonClickv2(10)" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/fifteen/ImR.jpg"
 onclick="ButtonClickv2(7)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/Im9.jpg"
 id="imagev28"/></center></td>
  <td><center><img src="/jgame/fifteen/Im10.jpg"
 id="imagev29"/></center></td>
  <td><center><img src="/jgame/fifteen/Im11.jpg"
 id="imagev210"/></center></td>
  <td><center><img src="/jgame/fifteen/Im12.jpg"
 id="imagev211"/></center></td>
  <td><center><img src="/jgame/fifteen/ImL.jpg"
 onclick="ButtonClickv2(11)" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/fifteen/ImR.jpg"
 onclick="ButtonClickv2(8)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/Im13.jpg"
 id="imagev212"/></center></td>
  <td><center><img src="/jgame/fifteen/Im14.jpg"
 id="imagev213"/></center></td>
  <td><center><img src="/jgame/fifteen/Im15.jpg"
 id="imagev214"/></center></td>
  <td><center><img src="/jgame/fifteen/Im0.jpg"
 id="imagev215"/></center></td>
  <td><center><img src="/jgame/fifteen/ImL.jpg"
 onclick="ButtonClickv2(12)" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center>&nbsp;</center></td>
  <td><center><img src="/jgame/fifteen/ImT.jpg" onclick="ButtonClickv2(13)"
 style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/ImT.jpg" onclick="ButtonClickv2(14)"
 style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/ImT.jpg" onclick="ButtonClickv2(15)"
 style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/ImT.jpg" onclick="ButtonClickv2(16)"
 style="cursor:pointer"/></center></td>
  <td><center>&nbsp;</center></td>
  </tr>
  <tr>
  <td colspan="3"><center><input type="button" onclick="AddClickv2()"
 value="сложить" /></center></td>
  <td colspan="3"><center><input type="button" onclick="SortClickv2()"
 value="перемешать" /></center></td>
  </tr>
 </table>
  <script>
  var v2colstep = 0;
 var placev2 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 0];
 function ButtonClickv2(NumBut) {
  if (NumBut == 13) { GoClickv2(0, 4, 8, 12); }
  if (NumBut == 14) { GoClickv2(1, 5, 9, 13); }
  if (NumBut == 15) { GoClickv2(2, 6, 10, 14); }
  if (NumBut == 16) { GoClickv2(3, 7, 11, 15); }
  if (NumBut == 9) { GoClickv2(0, 1, 2, 3); }
  if (NumBut == 10) { GoClickv2(4, 5, 6, 7); }
  if (NumBut == 11) { GoClickv2(8, 9, 10, 11); }
  if (NumBut == 12) { GoClickv2(12, 13, 14, 15); }
  if (NumBut == 5) { GoClickv2(3, 2, 1, 0); }
  if (NumBut == 6) { GoClickv2(7, 6, 5, 4); }
  if (NumBut == 7) { GoClickv2(11, 10, 9, 8); }
  if (NumBut == 8) { GoClickv2(15, 14, 13, 12); }
  if (NumBut == 1) { GoClickv2(12, 8, 4, 0); }
  if (NumBut == 2) { GoClickv2(13, 9, 5, 1); }
  if (NumBut == 3) { GoClickv2(14, 10, 6, 2); }
  if (NumBut == 4) { GoClickv2(15, 11, 7, 3); }
 }
 function GoClickv2(A1, A2, A3, A4) {
  var TempIm = placev2[A1];
  placev2[A1] = placev2[A2];
  placev2[A2] = placev2[A3];
  placev2[A3] = placev2[A4];
  placev2[A4] = TempIm;
  GoDrawv2();
 }
 function GoDrawv2() {
  v2colstep = v2colstep + 1;
  document.getElementById('v2Step').innerHTML = "step:" + v2colstep;
  document.getElementById('imagev20').src = "/jgame/fifteen/Im" + placev2[0] + ".jpg";
  document.getElementById('imagev21').src = "/jgame/fifteen/Im" + placev2[1] + ".jpg";
  document.getElementById('imagev22').src = "/jgame/fifteen/Im" + placev2[2] + ".jpg";
  document.getElementById('imagev23').src = "/jgame/fifteen/Im" + placev2[3] + ".jpg";
  document.getElementById('imagev24').src = "/jgame/fifteen/Im" + placev2[4] + ".jpg";
  document.getElementById('imagev25').src = "/jgame/fifteen/Im" + placev2[5] + ".jpg";
  document.getElementById('imagev26').src = "/jgame/fifteen/Im" + placev2[6] + ".jpg";
  document.getElementById('imagev27').src = "/jgame/fifteen/Im" + placev2[7] + ".jpg";
  document.getElementById('imagev28').src = "/jgame/fifteen/Im" + placev2[8] + ".jpg";
  document.getElementById('imagev29').src = "/jgame/fifteen/Im" + placev2[9] + ".jpg";
  document.getElementById('imagev210').src = "/jgame/fifteen/Im" + placev2[10] + ".jpg";
  document.getElementById('imagev211').src = "/jgame/fifteen/Im" + placev2[11] + ".jpg";
  document.getElementById('imagev212').src = "/jgame/fifteen/Im" + placev2[12] + ".jpg";
  document.getElementById('imagev213').src = "/jgame/fifteen/Im" + placev2[13] + ".jpg";
  document.getElementById('imagev214').src = "/jgame/fifteen/Im" + placev2[14] + ".jpg";
  document.getElementById('imagev215').src = "/jgame/fifteen/Im" + placev2[15] + ".jpg";
 }
 function SortClickv2() {
  for (var i = 0; i < 30; i++) { ButtonClickv2(getRandomIntv2(1, 16)); }
  v2colstep = 0;
  document.getElementById('v2Step').innerHTML = "step:" + v2colstep;
 }
 function AddClickv2() {
  v2colstep = -1;
  placev2 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 0];
  GoDrawv2();
 }
 function getRandomIntv2(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
 }
 </script>