document.addEventListener('DOMContentLoaded', function () {
    a1();
    a2();
    a3();
    vi1();
    vi2();
    vi3();
    ve1();
    ve2();
    x1();
    x2();
    x3();
    t1(); 
});

function showTab(tabId) {
    document.querySelectorAll('.tab-content').forEach(tab => {
        tab.classList.remove('active');
    });

    document.querySelectorAll('.subtab-content').forEach(subtab => {
        subtab.classList.remove('active');
    });

    const activeTab = document.getElementById(tabId);
    activeTab.classList.add('active');

    document.querySelectorAll('.tab').forEach(tab => {
        tab.classList.remove('active');
    });
    const activeTabElement = document.querySelector(`.tab[onclick*="${tabId}"]`);
    if (activeTabElement) {
        activeTabElement.classList.add('active');
    }

    const firstSubtab = activeTab.querySelector('.subtab-content');
    if (firstSubtab) {
        firstSubtab.classList.add('active');
        
    }
}

function showSubTab(subTabId) {
    document.querySelectorAll('.tab-content.active .subtab-content').forEach(subtab => {
        subtab.classList.remove('active');
    });

    const subtabToShow = document.getElementById(subTabId);
    subtabToShow.classList.add('active');

    document.querySelectorAll('.subtab').forEach(subtab => {
        subtab.classList.remove('active');
    });
    const activeSubtabElement = document.querySelector(`.subtab[onclick*="${subTabId}"]`);
    if (activeSubtabElement) {
        activeSubtabElement.classList.add('active');
    }

}

function switchTabA1(unit) {
    if (unit === 'm/s') {
        document.getElementById('msTabA1').style.display = 'grid';
        document.getElementById('kmhTabA1').style.display = 'none';
        a1(); 
    } else {
        document.getElementById('msTabA1').style.display = 'none';
        document.getElementById('kmhTabA1').style.display = 'grid';
        a12(); 
    }
}

function a1() {
    const t = parseFloat(document.getElementById('accInput11').value);
    const vi = parseFloat(document.getElementById('accInput12').value);
    const ve = parseFloat(document.getElementById('accInput13').value);

    if (t !== 0 && !isNaN(t) && !isNaN(vi) && !isNaN(ve)) {
        const acceleration = (ve - vi) / t;
        document.getElementById('accResult1').textContent = acceleration.toFixed(2);
        document.getElementById('changeA11').textContent = (vi * 3.6).toFixed(2);
        document.getElementById('changeA12').textContent = (ve * 3.6).toFixed(2);
    } else {
        document.getElementById('accResult1').textContent = 'Error';
    }
}

function a12() {
    const t = parseFloat(document.getElementById('accInput11_kmh').value);
    const vi_kmh = parseFloat(document.getElementById('accInput12_kmh').value);
    const ve_kmh = parseFloat(document.getElementById('accInput13_kmh').value);

    if (t !== 0 && !isNaN(t) && !isNaN(vi_kmh) && !isNaN(ve_kmh)) {
        const acceleration = (ve_kmh / 3.6 - vi_kmh / 3.6) / t;
        document.getElementById('accResult1').textContent = acceleration.toFixed(2);
        document.getElementById('changeA11_kmh').textContent = (vi_kmh / 3.6).toFixed(2);
        document.getElementById('changeA12_kmh').textContent = (ve_kmh / 3.6).toFixed(2);
    } else {
        document.getElementById('accResult1').textContent = 'Error';
    }
}

function switchTabA2(unit) {
    if (unit === 'm/s') {
        document.getElementById('msTabA2').style.display = 'grid';
        document.getElementById('kmhTabA2').style.display = 'none';
        a2(); 
    } else {
        document.getElementById('msTabA2').style.display = 'none';
        document.getElementById('kmhTabA2').style.display = 'grid';
        a22(); 
    }
}


function a2() {
    const t = parseFloat(document.getElementById('accInput21').value);
    const vi = parseFloat(document.getElementById('accInput22').value);
    const x = parseFloat(document.getElementById('accInput23').value);

    if (t !== 0 && !isNaN(t) && !isNaN(vi) && !isNaN(x)) {
        const acceleration = (2 * x - 2 * vi * t) / t ** 2;

        document.getElementById('accResult2').textContent = acceleration.toFixed(2);
        document.getElementById('changeA21').textContent = (vi * 3.6).toFixed(2);
    } else {
        document.getElementById('accResult2').textContent = 'Error';
    }
}

function a22() {
    const t = parseFloat(document.getElementById('accInput21_kmh').value);
    const vi_kmh = parseFloat(document.getElementById('accInput22_kmh').value);
    const x_kmh = parseFloat(document.getElementById('accInput23_kmh').value);

    if (t !== 0 && !isNaN(t) && !isNaN(vi_kmh) && !isNaN(x_kmh)) {
        const acceleration = (2 * x_kmh - 2 * vi_kmh / 3.6 * t) / t ** 2;
        document.getElementById('accResult2').textContent = acceleration.toFixed(2);
        document.getElementById('changeA21_kmh').textContent = (vi_kmh / 3.6).toFixed(2);

    } else {
        document.getElementById('accResult2').textContent = 'Error';
    }
}

function switchTabA3(unit) {
    if (unit === 'm/s') {
        document.getElementById('msTabA3').style.display = 'grid';
        document.getElementById('kmhTabA3').style.display = 'none';
        a3(); 
    } else {
        document.getElementById('msTabA3').style.display = 'none';
        document.getElementById('kmhTabA3').style.display = 'grid';
        a32(); 
    }
}

function a3() {
    const vi = parseFloat(document.getElementById('accInput31').value);
    const ve = parseFloat(document.getElementById('accInput32').value);
    const x = parseFloat(document.getElementById('accInput33').value);

    if (vi !== 0 && !isNaN(vi) && !isNaN(ve) && !isNaN(x)) {
        const acceleration = (ve ** 2 - vi ** 2) / (2 * x);

        document.getElementById('accResult3').textContent = acceleration.toFixed(2);
        document.getElementById('changeA31').textContent = (vi * 3.6).toFixed(2);
        document.getElementById('changeA32').textContent = (ve * 3.6).toFixed(2);

    } else {
        document.getElementById('accResult3').textContent = 'Error';
    }
}

function a32() {
    const vi_kmh = parseFloat(document.getElementById('accInput31_kmh').value);
    const ve_kmh = parseFloat(document.getElementById('accInput32_kmh').value);
    const x_kmh = parseFloat(document.getElementById('accInput33_kmh').value);

    if (vi_kmh !== 0 && !isNaN(vi_kmh) && !isNaN(ve_kmh) && !isNaN(x_kmh)) {
        const acceleration = ((ve_kmh / 3.6) ** 2 - (vi_kmh / 3.6) ** 2) / (2 * x_kmh);

        document.getElementById('accResult3').textContent = acceleration.toFixed(2);
        document.getElementById('changeA31_kmh').textContent = (vi_kmh / 3.6).toFixed(2);
        document.getElementById('changeA32_kmh').textContent = (ve_kmh / 3.6).toFixed(2);

    } else {
        document.getElementById('accResult3').textContent = 'Error';
    }
}

function switchTabVi1(unit) {
    if (unit === 'm/s') {
        document.getElementById('msTabVi1').style.display = 'grid';
        document.getElementById('kmhTabVi1').style.display = 'none';
        vi1(); 

        document.getElementById('unitViResult1').textContent = 'm/s';
        document.getElementById('unitChangeViResult1').textContent = 'km/h';
    } else {
        document.getElementById('msTabVi1').style.display = 'none';
        document.getElementById('kmhTabVi1').style.display = 'grid';
        vi12(); 

        document.getElementById('unitViResult1').textContent = 'km/h';
        document.getElementById('unitChangeViResult1').textContent = 'm/s';
    }
}



function vi1() {
    const t = parseFloat(document.getElementById('viInput11').value);
    const a = parseFloat(document.getElementById('viInput12').value);
    const ve = parseFloat(document.getElementById('viInput13').value);

    if (t !== 0 && !isNaN(t) && !isNaN(a) && !isNaN(ve)) {
        const speed = ve - a * t;

        document.getElementById('viResult1').textContent = speed.toFixed(2);
        document.getElementById('changeVi11').textContent = (ve * 3.6).toFixed(2); 
        document.getElementById('changeViResult1').textContent = (speed * 3.6).toFixed(2);

        document.getElementById('unitViResult1').textContent = 'm/s';
        document.getElementById('unitChangeViResult1').textContent = 'km/h';
    } else {
        document.getElementById('viResult1').textContent = 'Error';
    }
}


function vi12() {
    const t_kmh = parseFloat(document.getElementById('viInput11_kmh').value);
    const a_kmh = parseFloat(document.getElementById('viInput12_kmh').value);
    const ve_kmh = parseFloat(document.getElementById('viInput13_kmh').value);

    if (t_kmh !== 0 && !isNaN(t_kmh) && !isNaN(a_kmh) && !isNaN(ve_kmh)) {
        const speed = (ve_kmh / 3.6) - a_kmh * t_kmh; 

        document.getElementById('viResult1').textContent = (speed * 3.6).toFixed(2);
        document.getElementById('changeVi11_kmh').textContent = (ve_kmh / 3.6).toFixed(2); 
        document.getElementById('changeViResult1').textContent = speed.toFixed(2);

        document.getElementById('unitViResult1').textContent = 'km/h';
        document.getElementById('unitChangeViResult1').textContent = 'm/s';
    } else {
        document.getElementById('viResult1').textContent = 'Error';
    }
}

function switchTabVi2(unit) {
    if (unit === 'm/s') {
        document.getElementById('msTabVi2').style.display = 'grid';
        document.getElementById('kmhTabVi2').style.display = 'none';
        vi2(); 

        document.getElementById('unitViResult2').textContent = 'm/s';
        document.getElementById('unitChangeViResult2').textContent = 'km/h';
    } else {
        document.getElementById('msTabVi2').style.display = 'none';
        document.getElementById('kmhTabVi2').style.display = 'grid';
        vi22(); 

        document.getElementById('unitViResult2').textContent = 'km/h';
        document.getElementById('unitChangeViResult2').textContent = 'm/s';
    }
}


function vi2() {
    const t = parseFloat(document.getElementById('viInput21').value);
    const a = parseFloat(document.getElementById('viInput22').value);
    const x = parseFloat(document.getElementById('viInput23').value);

    if (t !== 0 && !isNaN(t) && !isNaN(a) && !isNaN(x)) {
        const speed = (x / t) - (a * t / 2);

        document.getElementById('viResult2').textContent = speed.toFixed(2);
        document.getElementById('changeViResult2').textContent = (speed * 3.6).toFixed(2);

        document.getElementById('unitViResult2').textContent = 'm/s';
        document.getElementById('unitChangeViResult2').textContent = 'km/h';
    } else {
        document.getElementById('viResult2').textContent = 'Error';
    }
}

function vi22() {
    const t = parseFloat(document.getElementById('viInput21_kmh').value);
    const a = parseFloat(document.getElementById('viInput22_kmh').value);
    const x = parseFloat(document.getElementById('viInput23_kmh').value);

    if (t !== 0 && !isNaN(t) && !isNaN(a) && !isNaN(x)) {
        const speed = (x / t) - (a * t / 2);

        document.getElementById('viResult2').textContent = (speed * 3.6).toFixed(2);
        document.getElementById('changeViResult2').textContent = speed.toFixed(2);

        document.getElementById('unitViResult2').textContent = 'km/h';
        document.getElementById('unitChangeViResult2').textContent = 'm/s';
    } else {
        document.getElementById('viResult2').textContent = 'Error';
    }
}

function switchTabVi3(unit) {
    if (unit === 'm/s') {
        document.getElementById('msTabVi3').style.display = 'grid';
        document.getElementById('kmhTabVi3').style.display = 'none';
        vi3(); 

        document.getElementById('unitViResult3').textContent = 'm/s';
        document.getElementById('unitChangeViResult3').textContent = 'km/h';
    } else {
        document.getElementById('msTabVi3').style.display = 'none';
        document.getElementById('kmhTabVi3').style.display = 'grid';
        vi32(); 

        document.getElementById('unitViResult3').textContent = 'km/h';
        document.getElementById('unitChangeViResult3').textContent = 'm/s';
    }
}

function vi3() {
    const a = parseFloat(document.getElementById('viInput31').value);
    const ve = parseFloat(document.getElementById('viInput32').value);
    const x = parseFloat(document.getElementById('viInput33').value);

    if (a !== 0 && !isNaN(a) && !isNaN(ve) && !isNaN(x)) {
        const speed = Math.sqrt(ve ** 2 - 2 * a * x);

        document.getElementById('viResult3').textContent = speed.toFixed(2);
        document.getElementById('changeVi31').textContent = (ve * 3.6).toFixed(2);
        document.getElementById('changeViResult3').textContent = (speed * 3.6).toFixed(2);
    } else {
        document.getElementById('viResult3').textContent = 'Error';
    }
}

function vi32() {
    const a = parseFloat(document.getElementById('viInput31_kmh').value);
    const ve = parseFloat(document.getElementById('viInput32_kmh').value);
    const x = parseFloat(document.getElementById('viInput33_kmh').value);

    if (a !== 0 && !isNaN(a) && !isNaN(ve) && !isNaN(x)) {
        const speed = Math.sqrt((ve / 3.6) ** 2 - 2 * a * x);

        document.getElementById('viResult3').textContent = (speed * 3.6).toFixed(2);
        document.getElementById('changeVi31_kmh').textContent = (ve / 3.6).toFixed(2);
        document.getElementById('changeViResult3').textContent = speed.toFixed(2);
    } else {
        document.getElementById('viResult3').textContent = 'Error';
    }
}

function switchTabVe1(unit) {
    if (unit === 'm/s') {
        document.getElementById('msTabVe1').style.display = 'grid';
        document.getElementById('kmhTabVe1').style.display = 'none';
        ve1(); 

        document.getElementById('unitVeResult1').textContent = 'm/s';
        document.getElementById('unitChangeVeResult1').textContent = 'km/h';
    } else {
        document.getElementById('msTabVe1').style.display = 'none';
        document.getElementById('kmhTabVe1').style.display = 'grid';
        ve12(); 

        document.getElementById('unitVeResult1').textContent = 'km/h';
        document.getElementById('unitChangeVeResult1').textContent = 'm/s';
    }
}

function ve1() {
    const t = parseFloat(document.getElementById('veInput11').value);
    const a = parseFloat(document.getElementById('veInput12').value);
    const vi = parseFloat(document.getElementById('veInput13').value);

    if (t !== 0 && !isNaN(t) && !isNaN(a) && !isNaN(vi)) {
        const speed = vi + a * t;

        document.getElementById('veResult1').textContent = speed.toFixed(2);
        document.getElementById('changeVe11').textContent = (vi * 3.6).toFixed(2); 
        document.getElementById('changeVeResult1').textContent = (speed * 3.6).toFixed(2);


    } else {
        document.getElementById('veResult1').textContent = 'Error';
    }
}

function ve12() {
    const t = parseFloat(document.getElementById('veInput11_kmh').value);
    const a = parseFloat(document.getElementById('veInput12_kmh').value);
    const vi = parseFloat(document.getElementById('veInput13_kmh').value);

    if (t !== 0 && !isNaN(t) && !isNaN(a) && !isNaN(vi)) {
        const speed = (vi / 3.6) + a * t;

        document.getElementById('veResult1').textContent = (speed * 3.6).toFixed(2);
        document.getElementById('changeVe11_kmh').textContent = (vi / 3.6).toFixed(2); 
        document.getElementById('changeVeResult1').textContent = speed.toFixed(2);


    } else {
        document.getElementById('veResult1').textContent = 'Error';
    }
}

function switchTabVe2(unit) {
    if (unit === 'm/s') {
        document.getElementById('msTabVe2').style.display = 'grid';
        document.getElementById('kmhTabVe2').style.display = 'none';
        ve2(); 

        document.getElementById('unitVeResult2').textContent = 'm/s';
        document.getElementById('unitChangeVeResult2').textContent = 'km/h';
    } else {
        document.getElementById('msTabVe2').style.display = 'none';
        document.getElementById('kmhTabVe2').style.display = 'grid';
        ve22(); 

        document.getElementById('unitVeResult2').textContent = 'km/h';
        document.getElementById('unitChangeVeResult2').textContent = 'm/s';
    }
}

function ve2() {
    const a = parseFloat(document.getElementById('veInput21').value);
    const vi = parseFloat(document.getElementById('veInput22').value);
    const x = parseFloat(document.getElementById('veInput23').value);

    if (a !== 0 && !isNaN(a) && !isNaN(vi) && !isNaN(x)) {
        const speed = Math.sqrt(vi ** 2 + 2 * a * x);

        document.getElementById('veResult2').textContent = speed.toFixed(2);
        document.getElementById('changeVe21').textContent = (vi * 3.6).toFixed(2); 
        document.getElementById('changeVeResult2').textContent = (speed * 3.6).toFixed(2);

    } else {
        document.getElementById('veResult2').textContent = 'Error';
    }
}

function ve22() {
    const a = parseFloat(document.getElementById('veInput21_kmh').value);
    const vi = parseFloat(document.getElementById('veInput22_kmh').value);
    const x = parseFloat(document.getElementById('veInput23_kmh').value);

    if (a !== 0 && !isNaN(a) && !isNaN(vi) && !isNaN(x)) {
        const speed = Math.sqrt((vi / 3.6) ** 2 + 2 * a * x);

        document.getElementById('veResult2').textContent = (speed * 3.6).toFixed(2);
        document.getElementById('changeVe21_kmh').textContent = (vi / 3.6).toFixed(2); 
        document.getElementById('changeVeResult2').textContent = speed.toFixed(2);

    } else {
        document.getElementById('veResult2').textContent = 'Error';
    }
}

function switchTabX1(unit) {
    if (unit === 'm/s') {
        document.getElementById('msTabX1').style.display = 'grid';
        document.getElementById('kmhTabX1').style.display = 'none';
        x1(); 
    } else {
        document.getElementById('msTabX1').style.display = 'none';
        document.getElementById('kmhTabX1').style.display = 'grid';
        x12(); 
    }
}

function x1() {
    const t = parseFloat(document.getElementById('xInput11').value);
    const a = parseFloat(document.getElementById('xInput12').value);
    const vi = parseFloat(document.getElementById('xInput13').value);

    if (t !== 0 && !isNaN(t) && !isNaN(a) && !isNaN(vi)) {
        const distance = vi * t + 0.5 * a * t ** 2;

        document.getElementById('xResult1').textContent = distance.toFixed(2);
        document.getElementById('changeX11').textContent = (vi * 3.6).toFixed(2); 

    } else {
        document.getElementById('xResult1').textContent = 'Error';
    }
}

function x12() {
    const t = parseFloat(document.getElementById('xInput11_kmh').value);
    const a = parseFloat(document.getElementById('xInput12_kmh').value);
    const vi = parseFloat(document.getElementById('xInput13_kmh').value);

    if (t !== 0 && !isNaN(t) && !isNaN(a) && !isNaN(vi)) {
        const distance = (vi / 3.6) * t + 0.5 * a * t ** 2;

        document.getElementById('xResult1').textContent = distance.toFixed(2);
        document.getElementById('changeX11_kmh').textContent = (vi / 3.6).toFixed(2); 

    } else {
        document.getElementById('xResult1').textContent = 'Error';
    }
}

function switchTabX2(unit) {
    if (unit === 'm/s') {
        document.getElementById('msTabX2').style.display = 'grid';
        document.getElementById('kmhTabX2').style.display = 'none';
        x2(); 
    } else {
        document.getElementById('msTabX2').style.display = 'none';
        document.getElementById('kmhTabX2').style.display = 'grid';
        x22(); 
    }
}

function x2() {
    const a = parseFloat(document.getElementById('xInput21').value);
    const vi = parseFloat(document.getElementById('xInput22').value);
    const ve = parseFloat(document.getElementById('xInput23').value);

    if (a !== 0 && !isNaN(a) && !isNaN(vi) && !isNaN(ve)) {
        const distance = (ve ** 2 - vi ** 2) / (2 * a);

        document.getElementById('xResult2').textContent = distance.toFixed(2);
        document.getElementById('changeX21').textContent = (vi * 3.6).toFixed(2); 
        document.getElementById('changeX22').textContent = (ve * 3.6).toFixed(2); 

    } else {
        document.getElementById('xResult2').textContent = 'Error';
    }
}

function x22() {
    const a = parseFloat(document.getElementById('xInput21_kmh').value);
    const vi = parseFloat(document.getElementById('xInput22_kmh').value);
    const ve = parseFloat(document.getElementById('xInput23_kmh').value);

    if (a !== 0 && !isNaN(a) && !isNaN(vi) && !isNaN(ve)) {
        const distance = ((ve / 3.6) ** 2 - (vi / 3.6) ** 2) / (2 * a);

        document.getElementById('xResult2').textContent = distance.toFixed(2);
        document.getElementById('changeX21_kmh').textContent = (vi / 3.6).toFixed(2); 
        document.getElementById('changeX22_kmh').textContent = (ve / 3.6).toFixed(2); 

    } else {
        document.getElementById('xResult2').textContent = 'Error';
    }
}

function switchTabX3(unit) {
    if (unit === 'm/s') {
        document.getElementById('msTabX3').style.display = 'grid';
        document.getElementById('kmhTabX3').style.display = 'none';
        x3(); 
    } else {
        document.getElementById('msTabX3').style.display = 'none';
        document.getElementById('kmhTabX3').style.display = 'grid';
        x32(); 
    }
}

function x3() {
    const t = parseFloat(document.getElementById('xInput31').value);
    const vi = parseFloat(document.getElementById('xInput32').value);
    const ve = parseFloat(document.getElementById('xInput33').value);

    if (t !== 0 && !isNaN(t) && !isNaN(vi) && !isNaN(ve)) {
        const distance = (t * (vi + ve)) / 2;

        document.getElementById('xResult3').textContent = distance.toFixed(2);
        document.getElementById('changeX31').textContent = (vi * 3.6).toFixed(2); 
        document.getElementById('changeX32').textContent = (ve * 3.6).toFixed(2); 

    } else {
        document.getElementById('xResult3').textContent = 'Error';
    }
}

function x32() {
    const t = parseFloat(document.getElementById('xInput31_kmh').value);
    const vi = parseFloat(document.getElementById('xInput32_kmh').value);
    const ve = parseFloat(document.getElementById('xInput33_kmh').value);

    if (t !== 0 && !isNaN(t) && !isNaN(vi) && !isNaN(ve)) {
        const distance = (t * ((vi / 3.6) + (ve / 3.6))) / 2;

        document.getElementById('xResult3').textContent = distance.toFixed(2);
        document.getElementById('changeX31_kmh').textContent = (vi / 3.6).toFixed(2); 
        document.getElementById('changeX32_kmh').textContent = (ve / 3.6).toFixed(2); 

    } else {
        document.getElementById('xResult3').textContent = 'Error';
    }
}

function switchTabT1(unit) {
    if (unit === 'm/s') {
        document.getElementById('msTabT1').style.display = 'grid';
        document.getElementById('kmhTabT1').style.display = 'none';
        t1(); 
    } else {
        document.getElementById('msTabT1').style.display = 'none';
        document.getElementById('kmhTabT1').style.display = 'grid';
        t12(); 
    }
}

function t1() {
    const a = parseFloat(document.getElementById('tInput11').value);
    const vi = parseFloat(document.getElementById('tInput12').value);
    const ve = parseFloat(document.getElementById('tInput13').value);

    if (a !== 0 && !isNaN(a) && !isNaN(vi) && !isNaN(ve)) {
        const time = (ve - vi) / a;

        document.getElementById('tResult1').textContent = time.toFixed(2);
        document.getElementById('changeT11').textContent = (vi * 3.6).toFixed(2); 
        document.getElementById('changeT12').textContent = (ve * 3.6).toFixed(2); 

    } else {
        document.getElementById('tResult1').textContent = 'Error';
    }
}

function t12() {
    const a = parseFloat(document.getElementById('tInput11_kmh').value);
    const vi = parseFloat(document.getElementById('tInput12_kmh').value);
    const ve = parseFloat(document.getElementById('tInput13_kmh').value);

    if (a !== 0 && !isNaN(a) && !isNaN(vi) && !isNaN(ve)) {
        const time = ((ve / 3.6) - (vi / 3.6)) / a;

        document.getElementById('tResult1').textContent = time.toFixed(2);
        document.getElementById('changeT11_kmh').textContent = (vi / 3.6).toFixed(2); 
        document.getElementById('changeT12_kmh').textContent = (ve / 3.6).toFixed(2); 

    } else {
        document.getElementById('tResult1').textContent = 'Error';
    }
}