//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 = {
        rho: sliders.Sliderho.value,
        phi: sliders.Slidephi.value, //Everything stays in μm
        perc: sliders.Slideperc.value,
        Tmax: sliders.SlideTmax.value,
        Agent: document.getElementById("Agent").value
    };

    //Send inputs off to CalcIt where the names are instantly available
    //Get all the resonses as an object, result


    const result = CalcIt(inputs);

    //Set all the text box outputs
    document.getElementById('rhorel').value = result.rhorel; 
    document.getElementById('phicell').value = result.phicell; 
    //Do all relevant plots by calling plotIt - if there's no plot, nothing happens
    //plotIt is part of the app infrastructure in app.new.js
    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({ rho, phi, perc, Tmax, Agent}) {
    const MWt=(Agent=="Water") ? 18 : 72
    const rhol=(Agent=="Water") ? 1 : 0.63
    const Ideal=24000 //Ideal gas at 20
    const Volg=Ideal*perc/MWt*(273+Tmax)/293
    const Voll=perc/rhol
    const Other = 100-perc
    const Volb=Other/rho
    const rhoFoam=1000*100/(Volg+Other/rho)
    const rhorel=rhoFoam/1000/rho
//
    const Voldrop=4/3*Math.PI*Math.pow(phi/2,3)
    const Volbubble=Voldrop*Volg/Voll
    const phicell=2*Math.pow(3*Volbubble/4/Math.PI,0.333)

  
//Now we return everything - text boxes, plot and the name of the canvas, which is 'canvas' for a single plot
return {
    phicell: (phicell).toFixed(1),
    rhorel: (rhorel).toFixed(3),
};
}