// placeholder for real language selection
$('.selectpicker').change(function(){
    lang_setting = $(this).val();
    language($(this).val());
    $.getJSON("./content/content.json", function(result){
        stuff = result;
        var new_row = document.getElementById("row_main")
        new_row.innerHTML = "";
        var arrayLength = stuff.length;
        console.log("translating content")
        for (var i = 0; i < arrayLength; i++) {
            addcontent(stuff[i]);
            //Do something
        }

        $.getJSON("./content/team.json", function(result){ 
            console.log("translating team")
            team = result;
            var new_row = document.getElementById("team-section")
            new_row.innerHTML = "";
            var arrayLength = team.length;
            for (var i = 0; i < arrayLength; i++) {
                addTeam(team[i]);
                //Do something
            }
        });
    });

    // alert($(this).val());
})

var lang_setting = "1"

function language(lang){
    //Change the language settings of the general Elements
    
    // declare all the fields
    var rgc_about = document.getElementById("rgc_about")
    var rgc_group = document.getElementById("rgc_group")
    var rgc_contact = document.getElementById("rgc_contact")
    var rgc_introduction = document.getElementById("rgc_introduction")
    var rgc_introduction2 = document.getElementById("rgc_introduction2")
    var rgc_application = document.getElementById("rgc_application")
    var rgc_applicationdesc = document.getElementById("rgc_applicationdesc")
    var rgc_publication = document.getElementById("rgc_publication")
    var rgc_publicationdesc = document.getElementById("rgc_publicationdesc")
    var rgc_ourteam = document.getElementById("rgc_ourteam")
    var rgc_teamdesc = document.getElementById("rgc_teamdesc")
    var rgc_backtotop = document.getElementById("rgc_backtotop")
    var rgc_button_next = document.getElementById("nextbutton")
    var rgc_button_previous = document.getElementById("previousbutton")
    if (lang == "1"){
        rgc_about.innerHTML = "About"
        rgc_group.innerHTML = "Details about our group to be inserted here... "
        rgc_contact.innerHTML = "Contact"
        // rgc_introduction.innerHTML =" (or Vote for new group name) <br>A research group introduction here ...."
        // rgc_introduction2.innerHTML = "The research projects at HFT Stuttgart (University of Applied Sciences Stuttgart)."
        rgc_application.innerHTML = "<i class='fas fa-laptop-code'></i> Research Results Explorer"
        rgc_applicationdesc.innerHTML = "Explore the diversity of our projects which is our contribution to modern, sustainable, and smarter cities. The following gallery provides an overview about the results and demos to current and former research projects within the UGL group. Watch YouTube videos with explanations to our innovative results and ideas or get direct access to our interactive demos and prototypes to explore them freely. Use the search function to look for demos with specific keywords (e.g. “wind”, “citygml”, “sensors”, etc.)."
        rgc_publication.innerHTML = "<i class='fas fa-book'></i> Our Publication"
        rgc_publicationdesc.innerHTML = "View the latest publications regarding our projects and other research activities at UGL. A link to the Publisher, the BiBTeX-Download or directly to the PDF of the article is just a click away."
        rgc_ourteam.innerHTML = "<i class='fas fa-user-friends'></i> Team"
        rgc_teamdesc.innerHTML = "Get to know the international and multi-disciplined UGL team members. Feel free to contact us if you have questions to projects or want to collaborate on exciting topics, projects, or publications."
        rgc_backtotop.innerHTML = "Back to top"
        rgc_button_next.innerHTML = "Next"
        rgc_button_previous.innerHTML = "Previous"

        var matches = document.getElementsByClassName('profile');

        for (var i=0; i<matches.length; i++) {
        matches[i].innerHTML = "See full profile"
        }
    } else if (lang == "2"){
        rgc_about.innerHTML = "About"
        rgc_group.innerHTML = "Details über unsere Gruppe... "
        rgc_contact.innerHTML = "Kontakt"
        // rgc_introduction.innerHTML =" (oder Stimme für einen Gruppennamen) <br>Eine Vorstellung der Forschungsgruppe folgt hier ...."
        // rgc_introduction2.innerHTML = "Die Forschungsprojekte an der HFT Stuttgart (Hochschule für Technik Stuttgart)."
        rgc_application.innerHTML = "<i class='fas fa-laptop-code'></i> Forschungsergebnis-Galerie"
        rgc_applicationdesc.innerHTML = "Die Vielfalt der Projekte mit denen die UGL Forschungsgruppe ihren Beitrag zu modernen, nachhaltigen und smarten Städten leistet, können in der folgenden Übersicht, bestehend aus Resultaten und Demos aktueller und früherer Forschungsprojekte, erkundet werden. Ergebnisse werden u.a. in Form von YouTube-Videos mit Erklärungen zu Projekten und Ergebnisse bzw. über den direkten Zugang zu interaktiven Demos, zum freien Erkunden, präsentiert. Die Suchfunktion erlaubt es nach Schlüsselwörtern oder Autoren zu suchen (z.B. “wind”, “citygml”, “sensors”, etc.)."
        rgc_publication.innerHTML = "<i class='fas fa-book'></i> Unsere Veröffentlichungen"
        // rgc_publicationdesc.innerHTML = "Unsere Veröffentlichungen ..."
        rgc_ourteam.innerHTML = "<i class='fas fa-user-friends'></i> Unser Team"
        rgc_teamdesc.innerHTML = "Team Beschreibung ...."
        rgc_backtotop.innerHTML = "Zurück an den Anfang"
        rgc_button_next.innerHTML = "Weiter"
        rgc_button_previous.innerHTML = "Zurück"
    
        var matches = document.getElementsByClassName('profile');

        for (var i=0; i<matches.length; i++) {
        matches[i].innerHTML = "Vollständiges Profil ansehen"
        }
    }
    
  }