/*Documentation Version Selector */

//Versions - add new versions here. Key is the URL value, Value is the pulldown label
var versions = {
    v8: 'Version 8.0',
    v8_1: 'Version 8.1',
    v8_2: 'Version 8.2',
    v8_3: 'Version 8.3',
    v8_4: 'Version 8.4',
    v8_5: 'Version 8.5',	
    v8_6: 'Version 8.6',	
    v8_7: 'Version 8.7',	
    v8_8: 'Version 8.8',	
    v8_9: 'Version 8.9',	
    v8_10: 'Version 8.10',	
	v8_11: 'Version 8.11',	
	v8_12: 'Version 8.12',	
};
//Languages - add new languages here. Key is the URL value, Value is pulldown label
var locales = {
    en: 'English',
    es: 'Español'
};

//Base DIV with FORM that will contain the pulldown menus
var versionSelect8 = ('<div class="sidenav-version"><form name="versionSelect"><div class="select"><span class="focus"></span></div></form></div>');
var versionSelect8X = ('<div class="sidenav-version"><form name="versionSelect"><div class="select"><span class="focus"></span></div><div class="select"><span class="focus"></span></div></form></div>');

//SELECT elements. 8.0 - which only includes a version selector - and 8.X which all include version/language selector pair
var newSelect8 = ('<select name="versionNumber" id="versionNumber" accesskey="target" onchange="if (this.value) setVersion(this.value)"></select>');
var newVSelect8X = ('<select name="versionNumber" id="versionNumber" accesskey="target" onchange="if (this.value) setVersion(this.value)"></select>');
var newLSelect8X = ('<select name="versionLang" id="versionLang" accesskey="target" onchange="if (this.value) setLanguage(this.value)"></select>');

//Get the URL of the requested page
var pathArray = window.location.pathname.split('/');


$(document).ready(function () {
    if (pathArray[1] == 'v8') { //If /v8/ then insert only version selector
        $(".sidenav-wrapper").prepend(versionSelect8); //Navigation sidebar for desktop/laptop
        $(".off-canvas-drilldown").prepend(versionSelect8); //Navigation sidebar for mobile
        $("div.select").html(newSelect8); //Insert SELECT element
        
        //Add OPTION elements to SELECT
        $.each(versions, function(val, text) {
            $('select#versionNumber').append(
                $('<option></option>').val(val).html(text)
            );
        });
    } else { //If /v8_X/ then insert both version and language selectors
        $(".sidenav-wrapper").prepend(versionSelect8X); //version selector for desktop/laptop
        $(".off-canvas-drilldown").prepend(versionSelect8X); //language selector for desktop/laptop
        $("div.select:even").html(newVSelect8X); //version selector for desktop/laptop
        $("div.select:odd").html(newLSelect8X); //language selector for desktop/laptop
        
        //Add OPTION elements to version SELECT
        $.each(versions, function(val, text) {
            $('select#versionNumber').append(
                $('<option></option>').val(val).html(text)
            );
        });
        //Add OPTION elements to language SELECT
        $.each(locales, function(val, text) {
            $('select#versionLang').append(
                $('<option></option>').val(val).html(text)
            );
        });
    }
    //Set the pulldowns to display the version and language from the URL
    $("select#versionNumber option[value="+pathArray[1]+"]").attr("selected","selected"); 
    $("select#versionLang option[value="+pathArray[2]+"]").attr("selected","selected");
});

/*Switch to same page in different version when version SELECT changes. 
If page does not exist in selected version, default to home page of the selected version */
function setVersion(version) { 
    var newLoc;
    
    pathArray[1] = version;
    if (version == 'v8') { pathArray[2] = 'en'; };
    newLoc = window.location.protocol + '//' + window.location.host + pathArray.toString().replace(/,/g,'/');
        
    fetch(newLoc).then(function(response) { 
        if (response.status === 404) {
            window.location = window.location.protocol + '//' + window.location.host + '/' + pathArray[1] + '/' + pathArray[2] + '/Default.htm';
        } else {
            window.location = newLoc;
        }
    });   
}

/*Switch to same page in different language when language SELECT changes. 
If page does not exist in selected language, default to home page of the selected language */
function setLanguage(lang) { 
    var newLoc;
    
    pathArray[2] = lang;
    newLoc = window.location.protocol + '//' + window.location.host + pathArray.toString().replace(/,/g,'/');
        
    fetch(newLoc).then(function(response) { 
        if (response.status === 404) {
            window.location = window.location.protocol + '//' + window.location.host + '/' + pathArray[1] + '/' + pathArray[2] + '/Default.htm';
        } else {
            window.location = newLoc;
        }
    });   
}