// Button Click Function Activation for Normal Bearing
// N1
document.addEventListener('DOMContentLoaded', function () {
    var link = document.getElementById('n1');
    // onClick's logic below:
    link.addEventListener('click', function () {
        selectDataVal1(N1);
        myDataVar1 = N1;
        document.getElementById('myAudio1').src = 'audio/N1.wav';
        document.getElementById('n1').className = "btn btn-sm btn-danger";
        document.getElementById('n2').className = "btn btn-sm btn-primary";
        document.getElementById('n3').className = "btn btn-sm btn-primary";
        document.getElementById('n4').className = "btn btn-sm btn-primary";
        var soundEle = document.getElementById('myAudio1');
        soundEle.pause();
        document.getElementById('playButton1').className = "btn btn-lg fas fa-play";
    });
});

// N2
document.addEventListener('DOMContentLoaded', function () {
    var link = document.getElementById('n2');
    // onClick's logic below:
    link.addEventListener('click', function () {
        selectDataVal1(N2);
        myDataVar1 = N2;
        document.getElementById('myAudio1').src = 'audio/N2.wav';
        document.getElementById('n1').className = "btn btn-sm btn-primary";
        document.getElementById('n2').className = "btn btn-sm btn-danger";
        document.getElementById('n3').className = "btn btn-sm btn-primary";
        document.getElementById('n4').className = "btn btn-sm btn-primary";
        var soundEle = document.getElementById('myAudio1');
        soundEle.pause();
        document.getElementById('playButton1').className = "btn btn-lg fas fa-play";
    });
});

// N3
document.addEventListener('DOMContentLoaded', function () {
    var link = document.getElementById('n3');
    // onClick's logic below:
    link.addEventListener('click', function () {
        selectDataVal1(N3);
        myDataVar1 = N3;
        document.getElementById('myAudio1').src = 'audio/N3.wav';
        document.getElementById('n1').className = "btn btn-sm btn-primary";
        document.getElementById('n2').className = "btn btn-sm btn-primary";
        document.getElementById('n3').className = "btn btn-sm btn-danger";
        document.getElementById('n4').className = "btn btn-sm btn-primary";
        var soundEle = document.getElementById('myAudio1');
        soundEle.pause();
        document.getElementById('playButton1').className = "btn btn-lg fas fa-play";
    });
});

// N4
document.addEventListener('DOMContentLoaded', function () {
    var link = document.getElementById('n4');
    // onClick's logic below:
    link.addEventListener('click', function () {
        selectDataVal1(N4);
        myDataVar1 = N4;
        document.getElementById('myAudio1').src = 'audio/N4.wav';
        document.getElementById('n1').className = "btn btn-sm btn-primary";
        document.getElementById('n2').className = "btn btn-sm btn-primary";
        document.getElementById('n3').className = "btn btn-sm btn-primary";
        document.getElementById('n4').className = "btn btn-sm btn-danger";
        var soundEle = document.getElementById('myAudio1');
        soundEle.pause();
        document.getElementById('playButton1').className = "btn btn-lg fas fa-play";
    });
});

// Button Click Function Activation for Faulty Bearing

// I1
document.addEventListener('DOMContentLoaded', function () {
    var link = document.getElementById('i1');
    // onClick's logic below:
    link.addEventListener('click', function () {
        selectDataVal2(I1);
        myDataVar2 = I1;
        document.getElementById('myAudio2').src = 'audio/I1.wav';
        document.getElementById('i1').className = "btn btn-sm btn-danger";
        document.getElementById('i2').className = "btn btn-sm btn-primary";
        document.getElementById('i3').className = "btn btn-sm btn-primary";
        document.getElementById('i4').className = "btn btn-sm btn-primary";
        document.getElementById('o1').className = "btn btn-sm btn-primary";
        document.getElementById('o2').className = "btn btn-sm btn-primary";
        document.getElementById('o3').className = "btn btn-sm btn-primary";
        document.getElementById('o4').className = "btn btn-sm btn-primary";
        var soundEle = document.getElementById('myAudio2');
        soundEle.pause();
        document.getElementById('playButton2').className = "btn btn-lg fas fa-play";
    });
});

// I2
document.addEventListener('DOMContentLoaded', function () {
    var link = document.getElementById('i2');
    // onClick's logic below:
    link.addEventListener('click', function () {
        selectDataVal2(I2);
        myDataVar2 = I2;
        document.getElementById('myAudio2').src = 'audio/I2.wav';
        document.getElementById('i1').className = "btn btn-sm btn-primary";
        document.getElementById('i2').className = "btn btn-sm btn-danger";
        document.getElementById('i3').className = "btn btn-sm btn-primary";
        document.getElementById('i4').className = "btn btn-sm btn-primary";
        document.getElementById('o1').className = "btn btn-sm btn-primary";
        document.getElementById('o2').className = "btn btn-sm btn-primary";
        document.getElementById('o3').className = "btn btn-sm btn-primary";
        document.getElementById('o4').className = "btn btn-sm btn-primary";
        var soundEle = document.getElementById('myAudio2');
        soundEle.pause();
        document.getElementById('playButton2').className = "btn btn-lg fas fa-play";
    });
});
// I3
document.addEventListener('DOMContentLoaded', function () {
    var link = document.getElementById('i3');
    // onClick's logic below:
    link.addEventListener('click', function () {
        selectDataVal2(I3);
        myDataVar2 = I3;
        document.getElementById('myAudio2').src = 'audio/I3.wav';
        document.getElementById('i1').className = "btn btn-sm btn-primary";
        document.getElementById('i2').className = "btn btn-sm btn-primary";
        document.getElementById('i3').className = "btn btn-sm btn-danger";
        document.getElementById('i4').className = "btn btn-sm btn-primary";
        document.getElementById('o1').className = "btn btn-sm btn-primary";
        document.getElementById('o2').className = "btn btn-sm btn-primary";
        document.getElementById('o3').className = "btn btn-sm btn-primary";
        document.getElementById('o4').className = "btn btn-sm btn-primary";
        var soundEle = document.getElementById('myAudio2');
        soundEle.pause();
        document.getElementById('playButton2').className = "btn btn-lg fas fa-play";
    });
});
// I4
document.addEventListener('DOMContentLoaded', function () {
    var link = document.getElementById('i4');
    // onClick's logic below:
    link.addEventListener('click', function () {
        selectDataVal2(I4);
        myDataVar2 = I4;
        document.getElementById('myAudio2').src = 'audio/I4.wav';
        document.getElementById('i1').className = "btn btn-sm btn-primary";
        document.getElementById('i2').className = "btn btn-sm btn-primary";
        document.getElementById('i3').className = "btn btn-sm btn-primary";
        document.getElementById('i4').className = "btn btn-sm btn-danger";
        document.getElementById('o1').className = "btn btn-sm btn-primary";
        document.getElementById('o2').className = "btn btn-sm btn-primary";
        document.getElementById('o3').className = "btn btn-sm btn-primary";
        document.getElementById('o4').className = "btn btn-sm btn-primary";
        var soundEle = document.getElementById('myAudio2');
        soundEle.pause();
        document.getElementById('playButton2').className = "btn btn-lg fas fa-play";
    });
});
// O1
document.addEventListener('DOMContentLoaded', function () {
    var link = document.getElementById('o1');
    // onClick's logic below:
    link.addEventListener('click', function () {
        selectDataVal2(O1);
        myDataVar2 = O1;
        document.getElementById('myAudio2').src = 'audio/O1.wav';
        document.getElementById('i1').className = "btn btn-sm btn-primary";
        document.getElementById('i2').className = "btn btn-sm btn-primary";
        document.getElementById('i3').className = "btn btn-sm btn-primary";
        document.getElementById('i4').className = "btn btn-sm btn-primary";
        document.getElementById('o1').className = "btn btn-sm btn-danger";
        document.getElementById('o2').className = "btn btn-sm btn-primary";
        document.getElementById('o3').className = "btn btn-sm btn-primary";
        document.getElementById('o4').className = "btn btn-sm btn-primary";
        var soundEle = document.getElementById('myAudio2');
        soundEle.pause();
        document.getElementById('playButton2').className = "btn btn-lg fas fa-play";
    });
});
// O3
document.addEventListener('DOMContentLoaded', function () {
    var link = document.getElementById('o2');
    // onClick's logic below:
    link.addEventListener('click', function () {
        selectDataVal2(O2);
        myDataVar2 = O2;
        document.getElementById('myAudio2').src = 'audio/O2.wav';
        document.getElementById('i1').className = "btn btn-sm btn-primary";
        document.getElementById('i2').className = "btn btn-sm btn-primary";
        document.getElementById('i3').className = "btn btn-sm btn-primary";
        document.getElementById('i4').className = "btn btn-sm btn-primary";
        document.getElementById('o1').className = "btn btn-sm btn-primary";
        document.getElementById('o2').className = "btn btn-sm btn-danger";
        document.getElementById('o3').className = "btn btn-sm btn-primary";
        document.getElementById('o4').className = "btn btn-sm btn-primary";
        var soundEle = document.getElementById('myAudio2');
        soundEle.pause();
        document.getElementById('playButton2').className = "btn btn-lg fas fa-play";
    });
});
// O3
document.addEventListener('DOMContentLoaded', function () {
    var link = document.getElementById('o3');
    // onClick's logic below:
    link.addEventListener('click', function () {
        selectDataVal2(O3);
        myDataVar2 = O3;

        document.getElementById('myAudio2').src = 'audio/O3.wav';
        document.getElementById('i1').className = "btn btn-sm btn-primary";
        document.getElementById('i2').className = "btn btn-sm btn-primary";
        document.getElementById('i3').className = "btn btn-sm btn-primary";
        document.getElementById('i4').className = "btn btn-sm btn-primary";
        document.getElementById('o1').className = "btn btn-sm btn-primary";
        document.getElementById('o2').className = "btn btn-sm btn-primary";
        document.getElementById('o3').className = "btn btn-sm btn-danger";
        document.getElementById('o4').className = "btn btn-sm btn-primary";
        var soundEle = document.getElementById('myAudio2');
        soundEle.pause();
        document.getElementById('playButton2').className = "btn btn-lg fas fa-play";
    });
});
// O4
document.addEventListener('DOMContentLoaded', function () {
    var link = document.getElementById('o4');
    // onClick's logic below:
    link.addEventListener('click', function () {
        selectDataVal2(O4);
        myDataVar2 = O4;
        document.getElementById('myAudio2').src = 'audio/O4.wav';
        document.getElementById('i1').className = "btn btn-sm btn-primary";
        document.getElementById('i2').className = "btn btn-sm btn-primary";
        document.getElementById('i3').className = "btn btn-sm btn-primary";
        document.getElementById('i4').className = "btn btn-sm btn-primary";
        document.getElementById('o1').className = "btn btn-sm btn-primary";
        document.getElementById('o2').className = "btn btn-sm btn-primary";
        document.getElementById('o3').className = "btn btn-sm btn-primary";
        document.getElementById('o4').className = "btn btn-sm btn-danger";
        var soundEle = document.getElementById('myAudio2');
        soundEle.pause();
        document.getElementById('playButton2').className = "btn btn-lg fas fa-play";
    });
});