динамическая таблица
 

не могу понять два момента:
в одном случае программа не видит две глобальные переменные :

function hideTable() {

    for (var i = 0; i < 4; i++) {
        for (var j = 0; j < 4; j++) {                               // Создали строчку, теперь добавим в нее несколько ячеек:
            t.rows[i].cells[j].innerHTML = '<img id = "' +i + j + '" src = "./images/img05.jpg" onClick="cHoose(' + i + ',' + j + ');">';
 //           document.getElementById('' + i + '' + j).style.backgroundImage = 'url(./images/img05.jpg)';
        }
    }
}

function cHoose(i, j) {

    if (flag) {
        next = document.getElementById(i +''+ j);
        if (massImg[i * 4 + j] == zn && (next.id != prev.id)) {
            event.srcElement.src = "./images/" + massImg[i * 4 + j] + ".jpg";
        }
        else {
            next.src = "./images/img05.jpg";
            prev.src = "./images/img05.jpg";
        }
        next = -1;
        prev = -1;
        zn = -1;// kol++;
        flag = false;
    }
    else {
        prev = document.getElementById(i +'' + j);
        zn = massImg[i * 4 + j];
       event.srcElement.src = "./images/" + massImg[i * 4 + j] + ".jpg";
        flag = true;
    }

а в другом на отладчике видно что тэги <td> рисуются, а на экран выводиться только одна строка:

function init() {
    for (var i = 0; i < 4; i++) {
        var row = '<tr>';
        for (var j = 0; j < 4; j++) {
            row += '<td>'+i+j+'</td>';
        }
        row += '</tr>';
        Board.innerHTML += row;
    }

}

может кто подскажет где косяк, а то уже 2 дня дым из ушей валит:help: :blink:

Фидл ( http://jsfiddle.net/ ) в котором можно увидеть ошибку сделай, если сделаешь то шансы на помощь сильно вырастут.