<div id="scriptLinks">
assets/assets/Scripts/scriptBasicValidation.js
#/assets/assets/Scripts/scriptCalcOptionValidation.js
#/assets/assets/Scripts/classPipeDef.js
#/assets/assets/Scripts/modDefinePipeCollections.js
#/assets/assets/Scripts/scriptPipePopulate.js
#/assets/assets/Scripts/classCalculationInput.js
#/assets/assets/Scripts/classCalculationResult.js
#/assets/assets/Scripts/classInsulationMaterial.js
#/assets/assets/Scripts/classConversionFactors.js
#/assets/assets/Scripts/HTMLmodCreateTablesGeneral.js
#/assets/assets/Scripts/classInsulationItems.js
#/assets/assets/Scripts/modDefineItems.js
#/assets/assets/Scripts/modFindCorrectItems.js
#/assets/assets/Scripts/modDefineInsulationCollections.js
#/assets/assets/Scripts/translationsGeneral.js
#/assets/assets/Scripts/scriptMultiLayerTab.js
#/assets/assets/Scripts/scriptGlobalVariablesThermal.js
#/assets/assets/Scripts/modDesignConductivity.js
#/assets/assets/Scripts/scriptLocalStorageThermal.js
#/assets/assets/Scripts/modCalculateThermal.js
#/assets/assets/Scripts/translationsThermalVapourPressure.js
#/assets/assets/Scripts/modStoreInputDataThermalVapourPressure.js
#/assets/assets/Scripts/scriptLoadPopulateThermalVapourPressure.js
#/assets/assets/Scripts/HTMLmodCreateTablesVapourPressure.js
#/assets/assets/Scripts/scriptGraphProduce.js
#/assets/assets/Scripts/autoloadDefaults.js
</div>

<div id="inputForm"  class="block">
<div id="subHeadUser" class="inFormSubHead">User Input</div>
   <label id="divExpertCheck" class="inTableRow UserInfoRow">
                                                <div id="divExpertCheckLabel" class="colInput1">
                                                    Enable Advanced Calculation Options
                                                </div>
                                                <div class="colInput2">
                                                    <select id="ExpertMode" class="KaiCalcSelect" onchange="cbExpertModeChanged()">
                                                     <option>No</option>
                                                        <option>Yes</option>
                                                    </select>
                                                </div>
                                                <div class="UnitSelectColumn">
                                                </div>
                                            </label>
   <label id="divDesignCondCheck" class="inTableRow optionalCheckBox">
       <div id="divDesignCondCheckLabel" class="expertCheckLabel">EN 23993</div>
       <div id="divDesignCondCheckBox" class="divExpertCheckBox">
          <input type="checkbox" id="DesignCond" name="DesignCond" class="KaiCalcSelect" value="DesignCond" onchange="cbDesignCondChanged()"/>
       </div>
   </label>
   <div id="subHeadOptions" class="inFormSubHead">Calculation Options</div>
                                    <div class="tableWrapper">
                                        <div id="tableInputOptions" class="tableInputOptions">
                                            <div id="rowCalculateOption" class="inTableRow MainSelectionOptions">
                                                <select id="cbCalculateOption" class="KaiCalcSelect" onchange="cbCalculateOptionChanged()" >
                                                 <option>Calculate for pipe range</option>
                                                </select>
                                            </div>
                                            <div id="rowTypePipe" class="inTableRow MainSelectionOptions">
                                                <select id="cbTypePipe" class="KaiCalcSelect" onchange="setCorrectPipeCollection()">
                                                 <option>Copper EN 1057 Type X</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
   <div id="subHeadInput" class="inFormSubHead">Input Variables</div>
                                    <div class="tableWrapper">
                                        <div id="tableInputVariables" class="tableInputVariables">
                                            <div id="rowPipeOD" class="inTableRow valueEntryRow">
                                                    <label for="cbPipeOD" class="colInput1">
                                                        <div id="labelPipeSize" class="colPipeSizeLabel">
                                                            Pipe size
                                                        </div>
                                                        <div id="labelOD" class="colPipeODLabel">
                                                            O.D
                                                        </div>
                                                    </label>
                                                <div class="colInput2">
                                                    <select id="cbPipeOD" class="KaiCalcSelect" onchange="pipeODChanged()" >
                                                     <option>15</option>
                                                     <option>22</option>
                                                     <option>28</option>
                                                    </select>
                                                </div>
                                                <div class="UnitSelectColumn">
                                                    <select id="cbPipeSizeUnit" class="KaiCalcSelect" onchange="pipeSizeUnitChanged()">
                                                     <option>mm</option>
                                                     <option>inch</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <label id="rowPipeNB" class="inTableRow valueEntryRow">
                                            <div class="colInput1">
                                                <div id="labelNB" class="colPipeODLabel">
                                                    N.B
                                                </div>
                                            </div>
                                            <div class="colInput2">
                                                <select id="cbPipeNB" class="KaiCalcSelect" onchange="pipeNBChanged()">
                                                 <option>13</option>
                                                 <option>20</option>
                                                 <option>26</option>
                                                </select>
                                            </div>
                                            <div class="UnitSelectColumn">
                                            </div>
                                            </label>
                                            <div id="rowAmbient" class="inTableRow valueEntryRow">
                                                <label for="tbAmbient" id="labelAmbTemp" class="colInput1">
                                                    Ambient Temperature
                                                </label>
                                                <div class="colInput2">
                                                   <input type="number" id="tbAmbient" name="tbAmbient" class="KaiCalcSelect" value="25" min="-459.67" onchange="tbAmbientChanged()"/>
                                                </div>
                                                <div class="UnitSelectColumn">
                                                    <select id="cbAmbientUnit" class="KaiCalcSelect" onchange="cbAmbientUnitChanged()">
                                                     <option>°C</option>
                                                     <option>°F</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div id="rowLine" class="inTableRow valueEntryRow">
                                                <label for="tbLine" id="labelLineTemp" class="colInput1">
                                                     Pipe Temperature
                                                </label>
                                                <div class="colInput2">
                                                    <input type="number" id="tbLine" name="tbLine" class="KaiCalcSelect" value="0" min="-459.67" onchange="tbLineChanged()"/>
                                                </div>
                                                <div class="UnitSelectColumn">
                                                    <select id="cbLineUnit" class="KaiCalcSelect" onchange="cbLineUnitChanged()" >
                                                     <option>°C</option>
                                                     <option>°F</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <label id="rowOrientation" class="inTableRow valueEntryRow">
                                                <div id="labelOrientation" class="colInput1">
                                                    Orientation
                                                </div>
                                                <div class="colInputLong">
                                                    <select id="cbOrientation" class="KaiCalcSelect" onchange="cbOrientationChanged()" >
                                                     <option>Horizontal</option>
                                                     <option>Vertical</option>
                                                    </select>
                                                </div>
                                            </label>
                                            <label id="rowExtEmiss" class="inTableRow valueEntryRow">
                                                <div id="labelExtEmiss" class="colInput1">
                                                    External Surface Emissivity
                                                </div>
                                                <div class="colInputLong">
                                                    <select id="cbExternalEmissivity" class="KaiCalcSelect" onchange="cbExternalEmissivityChanged()" >
                                                     <option>0.05</option>
                                                        <option>0.5</option>
                                                        <option>0.7</option>
                                                     <option selected="0.9">0.9</option>
                                                        <option>0.95</option>
                                                    </select>
                                                </div>
                                            </label>
                                            <div id="rowWindSpeed" class="inTableRow valueEntryRow">
                                                <label for="cbWindSpeed" id="labelWindSpeed" class="colInput1">
                                                    Wind Speed
                                                </label>
                                                <div class="colInput2">
                                                    <input type="number" id="cbWindSpeed" name="cbWindSpeed" class="KaiCalcSelect" value="0" min="0" onchange="cbWindSpeedChanged()" />
                                                </div>
                                                <div class="UnitSelectColumn">
                                                    <select id="cbWindSpeedUnit" class="KaiCalcSelect" onchange="cbWindSpeedUnitChanged()">
                                                     <option>m/s</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <label id="rowRelHumid" class="inTableRow valueEntryRow">
                                                <div id="labelMaximumRH" class="colInput1">
                                                    Maximum relative humidity
                                                </div>
                                                <div class="colInput2">
                                                    <input type="range" id="cbRelativeHumidity" name="cbRelativeHumidity" class="KaiCalcSelect" value="75" min="45" max="99" onchange="cbRelativeHumidityChanged()"/>
                                                    <!--<input type="text" name="cbRelativeHumidity" class="KaiCalcSelect" value="75" onchange="cbRelativeHumidityChanged()"/>-->
                                                </div>
                                                <div class="UnitSelectColumn">
                                                    <input type="number" id="cbRelativeHumidityPercent" name="cbRelativeHumidityPercent" class="KaiCalcSelect" value="75" min="45" max="99" onchange="cbRelativeHumidityChangedA()"/>
                                                </div>
                                            </label>

                                        </div>
                                    </div>
<div id="subHeadSystem" class="inFormSubHead">Insulation System</div>
                                    <div class="tableWrapper">
                                        <div id="tableInsulationEntry" class="tableInsulationEntry">
                                            <div id="layer1Entry" class="singleLayer">
                                                <label for="cbInsulationChoice" id="rowLayer1Head" class="insulationEntryRow layerHeader">
                                                    Layer 1
                                                 </label>
                                                <label id="rowLayer1Mat" class="insulationEntryRow layerMaterial">
                                                    <div id="labelInsMaterial1" class="colInput1">
                                                        Insulation Material
                                                    </div>
                                                    <div class="colInputLong">
                                                        <select id="cbInsulationChoice" class="KaiCalcSelect" onchange="Layer1ChoiceChanged()" >
                                                         <option selected>Kaiflex ST Class O</option>
                                                         <option>Kaiflex EPDM</option>
                                                         <option>Kaiflex BluEco</option>
                                                            <option>Kaiglass</option>
                                                            <option>KaiSound</option>
                                                        </select>
                                                    </div>
                                                </label>
                                                <div id="rowLayer1Thick" class="insulationEntryRow layerThickness">
                                                    <label for="cbInsulationThickness" id="labelInsThick1" class="colInput1">
                                                        Insulation Thickness
                                                    </label>
                                                    <div class="colInput2">
                                                        <input type="text" id="cbInsulationThickness" name="cbInsulationThickness" class="KaiCalcSelect" value="0" onchange="InsulationThicknessChanged(cbInsulationThickness,cbInsulationCompThickness)"/>
                                                    </div>
                                                    <div class="UnitSelectColumn">
                                                        <select id="cbInsulationThicknessUnit" class="KaiCalcSelect" onchange="completeFunction()" >
                                                         <option>mm</option>
                                                         <option>inch</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <label id="rowLayer1CompThick" class="insulationEntryRow layerThicknessComp designCondOnly" style="display: none">
                                                    <div id="labelCompThick1" class="colInput1">
                                                        Compressed Thickness
                                                    </div>
                                                    <div class="colInput2">
                                                        <input type="text" id="cbInsulationCompThickness" name="cbInsulationCompThickness" class="KaiCalcSelect" value="0" onchange="InsulationThicknessChanged(cbInsulationThickness,cbInsulationCompThickness)"/>
                                                    </div>
                                                </label>
                                                <label id="rowLayer1CalcOption" class="insulationEntryRow layerCalculateOption">
                                                    <div id="labelCalcThickness1" class="colInput1">
                                                        Calculate thickness
                                                    </div>
                                                    <div class="colInput2">
                                                        <input type="checkbox" id="calculate1" name="calculate1" class="KaiCalcSelect" value="Calculate1" onchange="checkBoxesDisplayCorrectly()"/>
                                                    </div>
                                                </label>
                                                <div id="rowLayer1Cond0" class="insulationEntryRow layerThermalCond0">
                                                    <label for="cbThermalConductivity0" class="colInput1">
                                                        <div id="labelThermCond1" class="colThermCondLabel">
                                                            Thermal Conductivity
                                                        </div>
                                                        <div id="labelAtZero1" class="colThemCondTemp">
                                                            at 0°C
                                                        </div>
                                                    </label>
                                                    <div class="colInput2">
                                                        <input type="number" id="cbThermalConductivity0" name="cbThermalConductivity0" class="KaiCalcSelect" value="0.034" min="0" step="0.001"/>
                                                    </div>
                                                    <div class="UnitSelectColumn">
                                                        <select id="cbThermalConductivityUnit" class="KaiCalcSelect" onchange="completeFunction()" >
                                                         <option>W/(m·K)</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <label id="rowLayer1Cond40" class="insulationEntryRow layerThermalCond40">
                                                    <div class="colInput1">
                                                        <div id="labelAtForty1" class="colThemCondTemp">
                                                            at 40°C
                                                        </div>
                                                    </div>
                                                    <div class="colInput2">
                                                        <input type="number" id="cbThermalConductivity40" name="cbThermalConductivity40" class="KaiCalcSelect" value="0.038" min="0" step="0.001"/>
                                                    </div>
                                                    <div class="UnitSelectColumn">
                                                    </div>
                                                </label>
                                                <label id="rowLayer1Mu" class="insulationEntryRow layerMu">
                                                    <div class="colInput1">
                                                        <div id="labelMu1" class="colMu">
                                                            Mu-value
                                                        </div>
                                                    </div>
                                                    <div class="colInputLong">
                                                        <input type="number" id="cbMu" name="cbMu" class="KaiCalcSelect" value="7000" min="0" step="100"/>
                                                    </div>
                                                </label>
                                                <label id="rowLayer1Price" class="insulationEntryRow layerPrice">
                                                    <div class="colInput1">
                                                        <div id="labelPrice1" class="colPrice">
                                                            Material Cost
                                                        </div>
                                                    </div>
                                                    <div class="colInput2">
                                                        <input type="number" id="cbPrice" name="cbPrice" class="KaiCalcSelect" value="1" min="0" step="0.05"/>
                                                    </div>
                                                </label>
                                                <label id="rowLayer1Discount" class="insulationEntryRow layerPrice">
                                                    <div class="colInput1">
                                                        <div id="labelDiscount1" class="colPrice">
                                                            Material Discount
                                                        </div>
                                                    </div>
                                                    <div class="colInputLong">
                                                        <input type="number" id="cbDiscount" name="cbDiscount" class="KaiCalcSelect" value="75" min="0" max="100" step="1"/>
                                                    </div>
                                                </label>
                                            </div>
                                            <div id="layer2To7" class="singleLayer">
                                                <select id="cbInsulationChoice2" >
                                                </select>
                                                <select id="cbInsulationChoice3" >
                                                </select>
                                                <select id="cbInsulationChoice4" >
                                                </select>
                                                <select id="cbInsulationChoice5" >
                                                </select>
                                                <select id="cbInsulationChoice6" >
                                                </select>
                                                <select id="cbInsulationChoice7" >
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="tableCalculateButton" class="tableButtons">
                                        <div id="rowCalculateButton" class="rowButton tableCalculateButton">
                                            <input type="button" id="buttonCalculate" value="Calculate" class="largeButton" onclick="buttonCalculateClick()"></input>
                                        </div>
                                    </div>
                                    <div id="tableButtons" class="tableButtons">
                                        <div id="rowSaveResultsButton" class="rowButton tableSaveResultsButton">
                                            <input type="button" id="buttonSaveResults" value="Save Results" class="largeButton" onclick="buttonSaveResultsClick()"></input>
                                        </div>
                                        <div id="rowClearResultsButton" class="rowButton tableSaveResultsButton">
                                            <input type="button" id="buttonClearResults" value="Clear Results" class="largeButton" onclick="buttonClearResultsClick()"></input>
                                        </div>
                                        <div id="rowSaveButton" class="rowButton tableSaveResultsButton">
                                            <input type="button" id="buttonOpenNewWindow" value="Print Results Table" class="largeButton" onclick="buttonOpenNewWindowClick()"></input>
                                        </div>
                                        <div id="rowSaveGraphButton" class="rowButton tableSaveResultsButton">
                                            <input type="button" id="buttonOpenGraph" value="Print Results Graph" class="largeButton" onclick="buttonOpenGraphClick()"></input>
                                        </div>
                                    </div>
                                    <div id="insertTablesBeforeHere"></div>
             </div>

<link rel="stylesheet" type="text/css" href="assets/assets/Scripts/NewStyle.css" />