const table_wrapper =
"<div class='container'>"+
    "<div class='row portfolio-item'>"+
        "<div class='col-12 col-md-4 p0'><div id='table_3S'></div></div>"+
        "<div class='col-12 col-md-4 p0'><div id='table_3SL'></div></div>"+
        "<div class='col-12 col-md-4 p0'><div id='table_3A'></div></div>"+
    "</div>"+
    "<p>W: Genişlik&nbsp;&nbsp;&nbsp;H: Yükseklik&nbsp;&nbsp;&nbsp;D: Derinlik</p>"+
    "<p>Ölçüler cm</p>"+
"</div>";

const h_3S = [225,275,280,295,345]
const h_3SL = [295,350,350,365,415]
const h_3A = [230,285,285,300,350]

const w_3S = [153,188,198,211,246]
const w_3A = [148,178,188,198,228]

const d_3S = [186,224,234,248,278]
const d_3A = [148,178,188,198,228]

function createTable(Model,Code,Height,Width,Depth){
    const table = [
        {"Model": "",    "Ebat":"120x180", "Kod":"AK " + Code+'1', "W":Width[0], "H":Height[0], "D":Depth[0]},
        {"Model": "",    "Ebat":"150x230", "Kod":"AK " + Code+'2', "W":Width[1], "H":Height[1], "D":Depth[1]},
        {"Model": Model, "Ebat":"160x230", "Kod":"AK " + Code+'3', "W":Width[2], "H":Height[2], "D":Depth[2]},
        {"Model": "",    "Ebat":"170x250", "Kod":"AK " + Code+'4', "W":Width[3], "H":Height[3], "D":Depth[3]},
        {"Model": "",    "Ebat":"200x300", "Kod":"AK " + Code+'5', "W":Width[4], "H":Height[4], "D":Depth[4]},
    ];
    document.getElementById("table_"+Model).innerHTML = jsonToHtmlTable(table);
}

document.getElementById("table_wrapper").innerHTML = table_wrapper;
createTable("3S" , 103, h_3S, w_3S, d_3S);
createTable("3SL", 113, h_3SL, w_3S, d_3S);
createTable("3A" , 112, h_3A, w_3A, d_3A);