var win = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15);
var pos = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15);
var data = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15);


function winCheck(){
    var success = true;
    for(var i = 0; i < win.length;i++){
    if(win[i] !== pos[i]){
            success = false;
            break;
    }
    }
    if (success){
        window.alert("win?");
    } else {
    window.alert("De schuifpuzzel is nog niet correct opgelost");
    }
}
function renderImg(){
    var img0 = document.createElement('img');
    var img1 = document.createElement('img');
    var img2 = document.createElement('img');
    var img3 = document.createElement('img');
    var im4  = document.createElement('img');
    var img5 = document.createElement('img');
    var img6 = document.createElement('img');
    var img7 = document.createElement('img');
    var img8 = document.createElement('img');
    var img9 = document.createElement('img');
    var img10 = document.createElement('img');
    var img11 = document.createElement('img');
    var img12 = document.createElement('img');
    var img13 = document.createElement('img');
    var img14 = document.createElement('img');
    var img15 = document.createElement('img');

    img0.src = data[0];
    img1.src = data[1];
    img2.src = data[2];
    img3.src = data[3];
    img4.src = data[4];
    img5.src = data[5];
    img6.src = data[6];
    img7.src = data[7];
    img8.src = data[8];
    img9.src = data[9];
    img10.src = data[10];
    img11.src = data[11];
    img12.src = data[12];
    img13.src = data[13];
    img14.src = data[14];
    img15.src = data[15];
}
function editImg(i, n){
    var holdImg = data[n];
    data[n] = data[n+i];
    data[n+i] = holdImg;
    renderImg();
}
function Check(n){
var hold = pos[n];
    if (pos[n-1] === 0 && pos[n] !== 0 && pos[n] !== 4 && pos[n] !== 8 && pos[n] !== 12){
        pos[n] = pos[n-1];
        pos[n-1] = hold;
                editImg(-1, n);
    } else if (pos[n+1] === 0 && pos[n] !== 3 && pos[n] !== 7 && pos[n] !== 11 && pos[n] !== 15){
        pos[n] = pos[n+1];
        pos[n+1] = hold;
                editImg(1, n);
    } else if (pos[n-4] === 0) {
        pos[n] = pos[n-4];
        pos[n-4] = hold;
                editImg(-4, n);
    } else if (pos[n+4] === 0) {
        pos[n] = pos[n+4];
        pos[n+4] = hold;
                editImg(4, n);
    } else {
        window.alert("Dit stukje kan niet worden verschoven.");
    }
    console.log(pos);
}