//One universal basic required here to get things going once loaded
window.onload = function () {
    //restoreDefaultValues(); //Un-comment this if you want to start with defaults
    Main();
};

//Main() is hard wired as THE place to start calculating when inputs change
//It does no calculations itself, it merely sets them up, sends off variables, gets results and, if necessary, plots them.
function Main() {
    //Save settings every time you calculate, so they're always ready on a reload
    saveSettings();

    //Send all the inputs as a structured object
    //If you need to convert to, say, SI units, do it here!
    const inputs = {
        R: sliders.SlideR.value * 1e-9, //nm to m
        phi: sliders.Slidephi.value / 100, //% to fraction
        d: sliders.Slided.value * 1e-6, //μm to m
        RI: sliders.SlideRI.value,
        lFrom: sliders.SlideFrom.value,
        lTo: sliders.SlideTo.value,
    };

    //Send inputs off to CalcIt where the names are instantly available
    //Get all the resonses as an object, result
    const result = CalcIt(inputs);
    document.getElementById('m').value = result.m;
    document.getElementById('C').value = result.C;
    document.getElementById('Tav').value = result.Tav;
   if (result.plots) {
        for (let i = 0; i < result.plots.length; i++) {
            plotIt(result.plots[i], result.canvas[i]);
        }
    }

    //You might have some other stuff to do here, but for most apps that's it for Main!
}

//Here's the app calculation
//The inputs are just the names provided - their order in the curly brackets is unimportant!
//By convention the input values are provided with the correct units within Main
function CalcIt({ R, phi, d, RI, lFrom, lTo}) {
    const m=1.33/RI
    const mterm=Math.pow((m*m-1)/(m*m+2),2)
    //I have an error of 1000 in C
    const C=1000*32*Math.pow(Math.PI,2)*Math.pow(R,3)*phi*d*mterm
    let RS=[], lambda,lm,T, Tav=0, count=0
    for (lambda=lFrom;lambda<=lTo;lambda+=10){
        lm=lambda/1e9 //to m
        T=Math.exp(-C/Math.pow(lm,4))
        Tav+=T; count++
        RS.push({x:lambda,y:100*T})
    }
    Tav/=count
    // console.log(100*Opacity)
    //Now set up all the graphing data detail by detail.
    let plotData = [RS], lineLabels = ["% Transmission"]

    const prmap = {
        plotData: plotData, //An array of 1 or more datasets
        lineLabels: lineLabels, //An array of labels for each dataset
        hideLegend: true, //Set to true if you don't want to see any labels/legnds.
        xLabel: 'λ&nm', //Label for the x axis, with an & to separate the units
        yLabel: '%T& ', //Label for the y axis, with an & to separate the units
        y2Label: null, //Label for the y2 axis, null if not needed
        yAxisL1R2: [], //Array to say which axis each dataset goes on. Blank=Left=1
        logX: false, //Is the x-axis in log form?
        xTicks: undefined, //We can define a tick function if we're being fancy
        logY: false, //Is the y-axis in log form?
        yTicks: undefined, //We can define a tick function if we're being fancy
        legendPosition: 'top', //Where we want the legend - top, bottom, left, right
        xMinMax: [lFrom,lTo], //Set min and max, e.g. [-10,100], leave one or both blank for auto
        yMinMax: [0,100], //Set min and max, e.g. [-10,100], leave one or both blank for auto
        y2MinMax: [,], //Set min and max, e.g. [-10,100], leave one or both blank for auto
        xSigFigs: 'F0', //These are the sig figs for the Tooltip readout. A wide choice!
        ySigFigs: 'F1', //F for Fixed, P for Precision, E for exponential
    };


    //Now we return everything - text boxes, plot and the name of the canvas, which is 'canvas' for a single plot
    return {
        m:m.toFixed(2),
        C:(C*1e27).toFixed(1),
        Tav:(Tav*100).toFixed(1),
        plots: [prmap],
        canvas: ['canvas'],
    };
}