オセロ　駒の初期配置ができません。

初学者です。JavaScriptでオセロを制作しています。
初期配置（真ん中に黒白の駒2つずつ）を表示したいのですが、一番右下端のセルに最初から黒の駒が表示されていて、どこ押してもそこで白黒が入れ替わるだけになっています。

なんとなく、appendした時に常にｘ＝7、ｙ＝7になっているからかな、と思っているのですが、直し方がわかりません。
ご教授いただけると幸いです。宜しくお願いいたします。

JavaScript
1//オセロ
2var black=1;
3var white=-1;
4var empty=0;
5var turn=black;
6var board_data=[];
7
8window.onload=function(){
9  var board=document.getElementById("board");
10  init_boadeData();
11
12  for(var x=0;x<board.rows.length;x++){
13    for(var y=0;y<board.rows[x].cells.length;y++){
14      var select_cell=board.rows[x].cells[y];
15      select_cell.onclick=function(){
16        //クリックした時の動作
17        ban_set(x,y);
18        chenge_turn();
19     }
20    }
21  }
22};//onloadの終わり
23
24function init_boadeData(){
25  for (var x= 0;x < 8; x++) {
26       board_data[x] = [];
27       for (var y = 0; y < 8; y++) {
28           board_data[x][y] =empty;
29       }
30   }
31   board_data[3][3]=-1;
32   board_data[3][4]=1;
33   board_data[4][4]=-1;
34   board_data[4][3]=1;
35   ban_set(x,y);
36}
37
38function ban_set(x,y){
39  //全てのセルにidを振る
40  for(var x = 0; x< board.rows.length;x++){
41   for(var y = 0; y < board.rows[x].cells.length;y++){
42    board.rows[x].cells[y].id = "p" + x + y;
43    }
44  }
45  //idごとに値を設定
46  var piece_img=document.createElement('img');
47
48  for (var x= 0;x < 8; x++) {
49    for (var y = 0; y < 8; y++) {
50    var piece=document.getElementById("p"+x+y);
51     if (turn==black) {
52       if( board_data[x][y]==black){
53  　    piece_img.src="game_reversi_black.png";
54       }
55  　}else if (turn==white) {
56       if( board_data[x][y]==white){
57    　  piece_img.src="game_reversi_white.png";
58       }
59    }　
60      piece.appendChild(piece_img);
61    }
62   }
63 }
64
65//turnの交代
66function chenge_turn(){
67  if(turn==black){
68    turn=white;
69  }else if (turn==white) {
70    turn=black;
71  }
72}
73

html
1<!DOCTYPE html>
2<html lang="ja" dir="ltr">
3  <head>
4    <meta charset="utf-8">
5    <link rel="stylesheet" href="othello.css">
6    <title></title>
7    <script type="text/javascript" src="./othello.js"></script>
8  </head>
9  <body>
10   <table id="board">
11      <tr>
12        <td></td>
13        <td></td>
14        <td></td>
15        <td></td>
16        <td></td>
17        <td></td>
18        <td></td>
19        <td></td>
20      </tr>
21      <!--省略-->
22      <tr>
23        <td></td>
24        <td></td>
25        <td></td>
26        <td></td>
27        <td></td>
28        <td></td>
29        <td></td>
30        <td></td>
31      </tr>
32    </table>
33  </body>
34</html>
35