const table_wrapper =
    "<div class='container'>"+
        "<div class='row portfolio-item'>"+
            "<div class='col-12 col-md-6 p0'><div id='table_140x200'></div></div>"+
            "<div class='col-12 col-md-6 p0'><div id='table_170x250'></div></div>"+
        "</div>"+
        "<div class='row portfolio-item'>"+
            "<div class='col-12 col-md-6 p0'><div id='table_150x230'></div></div>"+
            "<div class='col-12 col-md-6 p0'><div id='table_200x300'></div></div>"+
        "</div>"+
        "<div class='row portfolio-item'>"+
            "<div class='col-12 col-md-6 p0'><div id='table_160x230'></div></div>"+
            "<div class='col-12 col-md-6 p0'><div id='table_250x350'></div></div>"+
        "</div>"+
        "<div class='row portfolio-item'>"+
            "<div class='col-12 col-md-6 p0'></div>"+
            "<div class='col-12 col-md-6 p0'><div id='table_300x400'></div></div>"+
        "</div>"+
        "<p>A/C: Kol-Kapasite</p>"+
        "<p>W1: Kapalı Genişlik / W2: Açık Genişlik</p>"+
        "<p>H: Yükseklik&nbsp;&nbsp;&nbsp;D: Derinlik</p>"+
        "<p>Ölçüler cm</p>"+
    "</div>";

const w1 = [96,131,166,201]
const w2_140 = [296,331,366,401]
const w2_150 = [310,345,380,415]
const w2_160 = [324,360,394,429]
const w2_170 = [339,374,409,444]
const w2_200 = [381,416,451,486]
const w2_250 = [450,485,520,555]
const w2_300 = [521,556,591,626]

function createTable(Carpet,Code,Height,Width1,Width2,Depth1){
    const table = [
        {"Ebat":"",    "Kod":"KS "+Code+'1',  "A/C":"10/20", "W1/W2": Width1[0]+"/"+Width2[0], "H":Height, "D":Depth1},
        {"Ebat":Carpet,"Kod":"KS "+Code+'2',  "A/C":"15/30", "W1/W2": Width1[1]+"/"+Width2[1], "H":Height, "D":Depth1},
        {"Ebat":"",    "Kod":"KS "+Code+'3',  "A/C":"20/40", "W1/W2": Width1[2]+"/"+Width2[2], "H":Height, "D":Depth1},
        {"Ebat":"",    "Kod":"KS "+Code+'4',  "A/C":"25/50", "W1/W2": Width1[3]+"/"+Width2[3], "H":Height, "D":Depth1},
    ];
    document.getElementById("table_"+Carpet).innerHTML = jsonToHtmlTable(table);
}

document.getElementById("table_wrapper").innerHTML = table_wrapper;
createTable("140x200" ,14 ,220, w1, w2_140, 166);
createTable("150x230" ,15 ,250, w1, w2_150, 176);
createTable("160x230" ,16 ,250, w1, w2_160, 186);
createTable("170x250" ,17 ,270, w1, w2_170, 196);
createTable("200x300" ,20 ,320, w1, w2_200, 226);
createTable("250x350" ,25 ,370, w1, w2_250, 281);
createTable("300x400" ,30 ,420, w1, w2_300, 331);