const lngSelector = document.getElementById('lngSelector');
if( lngSelector !== null )
{
    /*
    { let option = document.createElement("option"); option.setAttribute('value', '1'); option.innerHTML = '日本語'; lngSelector.appendChild(option); }
    { let option = document.createElement("option"); option.setAttribute('value', '2'); option.innerHTML = 'English'; lngSelector.appendChild(option); }
    { let option = document.createElement("option"); option.setAttribute('value', '3'); option.innerHTML = 'Français'; lngSelector.appendChild(option); }
    { let option = document.createElement("option"); option.setAttribute('value', '4'); option.innerHTML = 'Italiano'; lngSelector.appendChild(option); }
    { let option = document.createElement("option"); option.setAttribute('value', '5'); option.innerHTML = 'Deutsch'; lngSelector.appendChild(option); }
    { let option = document.createElement("option"); option.setAttribute('value', '7'); option.innerHTML = 'Español'; lngSelector.appendChild(option); }
    { let option = document.createElement("option"); option.setAttribute('value', '8'); option.innerHTML = '한국어'; lngSelector.appendChild(option); }
    { let option = document.createElement("option"); option.setAttribute('value', '9'); option.innerHTML = '简体中文'; lngSelector.appendChild(option); }
    { let option = document.createElement("option"); option.setAttribute('value', '10'); option.innerHTML = '繁體中文'; lngSelector.appendChild(option); }
    */
    
    lngSelector.onchange = function () {
        var selectedItem = this.options[ this.selectedIndex ];
        let next;
        switch(selectedItem.value) {
            case '1': next='./ja' ;break;
            case '2': next='./en' ;break;
            case '3': next='./fr' ;break;
            case '4': next='./it' ;break;
            case '5': next='./de' ;break;
            case '7': next='./es' ;break;
            case '8': next='./ko' ;break;
            case '9': next='./sc' ;break;
            case '10': next='./tc' ;break;
            case 'ja': next='./ja' ;break;
            case 'en': next='./en' ;break;
            case 'fr': next='./fr' ;break;
            case 'it': next='./it' ;break;
            case 'de': next='./de' ;break;
            case 'es': next='./es' ;break;
            case 'ko': next='./ko' ;break;
            case 'sc': next='./sc' ;break;
            case 'tc': next='./tc' ;break;
        }
        let name = window.location.href;
        name = name.split('/').pop();
        name = name.split('?').shift()
        if( name.length > 4 ){
            next += '.html';
        }
        setSelector();
        location.href = next;
    };
    setSelector();
}

window.onload = () => {
    let btns = document.getElementsByClassName('btn-link');
    for( let i=0; i<btns.length; i++ ){
        btns[i].onfocus = () => {
            btns[i].style.cssText = 'background-color: #FFCC00E5;';
        }
        btns[i].onblur = () => {
            btns[i].style.cssText = 'background-color: #2878CC7F;';
        }
        btns[i].onmouseover = () => {
            btns[i].focus();
        }
    }
    lngSelector.focus();
}
function setSelector(){
    let name = window.location.href;
    name = name.split('/').pop();
    name = name.split('?').shift()
    let lng = name.substring( 0 , 2 );
    let lngCode = 0;
    let lngCode2 = 0;
    switch(lng) {
        case 'ja': lngCode=1; lngCode2='ja'; break;
        case 'en': lngCode=2; lngCode2='en'; break;
        case 'fr': lngCode=3; lngCode2='fr'; break;
        case 'it': lngCode=4; lngCode2='it'; break;
        case 'de': lngCode=5; lngCode2='de'; break;
        case 'es': lngCode=7; lngCode2='es'; break;
        case 'ko': lngCode=8; lngCode2='ko'; break;
        case 'sc': lngCode=9; lngCode2='sc'; break;
        case 'tc': lngCode=10; lngCode2='tc'; break;
    }
    for( let i=0; i<lngSelector.options.length; i++ ){
        if( lngCode == lngSelector.options[i].value || lngCode2 == lngSelector.options[i].value ){
            lngSelector.options[i].selected = true;
            break;
        }
    }

    let selectlngtext = document.getElementById('selectlngtext');
    if( lngSelector.options[ lngSelector.selectedIndex ] !== undefined ){
        selectlngtext.innerText = lngSelector.options[ lngSelector.selectedIndex ].text;
    }
}