function openTab(id){
        var i, tabcontent, tablinks;
        tabcontent = document.getElementsByClassName("tabcontent");
        for (i = 0; i < tabcontent.length; i++) {
            tabcontent[i].style.display = "none";
        }
        tablinks = document.getElementsByClassName("tablinks");
        for (i = 0; i < tablinks.length; i++) {
            tablinks[i].className = tablinks[i].className.replace(" active", "");
        }
        document.getElementById(id).style.display = "block";
    }
/**
    *   Function that changes settings page content 
    */
Function that changes settings page content
Function that changes settings page content
function openTab(id){
        var i, tabcontent, tablinks;
        tabcontent = document.getElementsByClassName("tabcontent");
        for (i = 0; i < tabcontent.length; i++) {
            tabcontent[i].style.display = "none";
        }
        tablinks = document.getElementsByClassName("tablinks");
        for (i = 0; i < tablinks.length; i++) {
            tablinks[i].className = tablinks[i].className.replace(" active", "");
        }
        document.getElementById(id).style.display = "block";
    }
function openTab ( id ) { var i , tabcontent , tablinks ; tabcontent = document . getElementsByClassName ( "tabcontent" ) ; for ( i = 0 ; i < tabcontent . length ; i ++ ) { tabcontent [ i ] . style . display = "none" ; } tablinks = document . getElementsByClassName ( "tablinks" ) ; for ( i = 0 ; i < tablinks . length ; i ++ ) { tablinks [ i ] . className = tablinks [ i ] . className . replace ( " active" , "" ) ; } document . getElementById ( id ) . style . display = "block" ; }
Function that changes settings page content
Function that changes settings page content