Sunfish — Visvijver

Laden…

Opdrachten

Notities

Alles blijft lokaal in je browser bewaard.

<HTML>
<HEAD>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Viskweekvijver</title>
<STYLE>
    body {
      font-size: 1rem;
      font-family: Arial, sans-serif;
      margin: 1rem;
    }

img,
    .responsive-img {
      width: auto;
      height: auto;
    }

table,
    form,
    p {
      font-size: 1rem;
    }

table {
      width: 100%;
      border-collapse: collapse;
    }

table th,
    table td {
      border: 1px solid #ccc;
      padding: 0.5rem;
      text-align: left;
      font-size: 1rem; /* Zorgt dat tekst even groot is als body */
    }
</STYLE>
</HEAD>

<BODY>

<CENTER>
<H1>Intro</H1>

<H2>Het kweken van karpers en zilverkarpers in een viskweekvijver</H2>

</CENTER>

<UL>

<P>
Je ziet hier een losse compacte 'simulator' waar een wiskundig model aan ten grondslag ligt. Het wiskundig model is ingebed in dit simulatiesysteem.

Het  model is een 'viskweekvijver'.

Het gedrag van biologische en scheikundige processen in een viskweekvijver kan met dit model worden nagebootst, gesimuleerd, voor onderwijsdoeleinden. Een leerling kan ingrijpen in processen.

<P>
<I>Met deze simulatie kunnen leerlingen van middelbare scholen - thuis of tijdens speciale biologielessen - leren hoe mineralen uitwerken in een lege viskweekvijver. En daarna, als ze dit onder de knie hebben, hoe ze twee verschillende soorten vissen, zilverkarpers en karpers kunnen kweken.

De ene soort eet alleen plantaardige dingen, de andere soort dierlijk voedsel. Maar dan moet men wel - zelf - zorgen dat de vissen goed kunnen groeien. Anders is de opbrengst  niet optimaal.</I></CENTER>

<P>
<B>Zilverkarpers</B> (Hypophthalmichthys molitrix) zijn  planteneters. Ze voeden zich
voornamelijk met fytoplankton, algen en waterplanten. Deze soort is speciaal aangepast om grote
hoeveelheden plantaardig materiaal te filteren uit het water.

<P>
<B>Gewone karpers</B> (Cyprinus carpio) zijn daar en tegen omnivoren. Dit betekent dat ze zowel
plantaardig als dierlijk voedsel eten. Hun dieet kan bestaan uit algen, waterplanten, insectenlarven,
schelpdieren en zelfs aas. Gewone karpers zijn veelzijdige eetgedragingen die ze in staat stellen zich aan verschillende omgevingen en voedselbronnen aan te passen.

</CENTER>

<P>
Dus, terwijl zilverkarpers zich enkel op plantaardig voedsel richten, hebben gewone karpers een
breder dieet dat ook dierlijk voedsel omvat.

<P><CENTER><I>Deze viskweekvijver kan door jullie bemest worden, of niet bemest worden, maar ook overbemest! Zie het als een spelletje. De hoeveelheid algen, de hoeveelheid watervlooien en de hoeveelheid bodemdieren hangt daar gedurende de zomermaanden heel sterk vanaf. Met dien ten gevolge ook de hoeveelheid massa van de karpers en de zilverkarpers op het eind van de zomer. </I>
</CENTER>

<P>
In het water kunnen verschillende stoffen opgelost zijn: zuurstof (O), fosfaat (P) en nitraat (N). Dat zijn meststoffen. Algen en wieren zijn hele kleine groene plantjes, waterplantjes (phytoplankton) (F). Algen zijn voedsel voor de zilverkarpers. Algen groeien door licht. Overdag. En maken uit water en kooldioxide hun eigen voedsel. Daarbij komt zuurstof vrij. Dat heet photosynthese. 's Nachts verbruiken algen hun voedsel en nemen ze zuurstof op. Dan heb je nog dierlijk afval, Detritus (D). Afval wordt gebruikt voor micro-organismen, zoals bacterien en schimmels.</I>

<P>
<CENTER><I>
Met deze internet applicatie kun je karpers en zilverkarpers leren kweken. Je moet daarvoor wel eerst je biologielessen gevolgd hebben om te weten hoe voedingsstoffen, zonlicht, temperatuur, nitraat, fosfaat, dierlijk en plantaardig voedsel de groei van deze dieren beinvloed.
</I></CENTER>

<P>
De simulator zelf heeft grafische output en enkele animaties-objecten. Plus drie 'parallelle instructies'. De introductie, de instructie en de opdrachten zijn ontworpen conform de 'Parallelle Instructie' theorie van Min en de 'Cognitive Laod' theorie van Mayer [R. Min, de PI-theorie, 2004, R. Maijer, the Cognitive Load, 2002]. De volledige parallelle instructieset is bij deze versie van de viskweekvijver weggelaten.

<P>
Het wiskundig model is van de Universiteit Wageningen en heeft circa 40 variabelen, 11 integraalvergelijkingen (voor C, S, D, F, etc.) en circa 10 interventie-mogelijkheden (o.a. PU, NU en OU), waarbij de tijd (t) loopt van 0 tot 365 dagen.

Je kunt het dag-nacht-ritme en (dus) de lichtinval in de vijver goed zien.

De extinctie-functie, de instraling, geeft aan hoe hoe helder het water is. Die fluctueert met het dag-nacht-ritme. Bij 0 is het water helder; bij 1 is het water zeer vies. Naar mate er minder licht is/komt, wordt het zicht beperkt. Naar mate de extinctie hoger is, wordt het licht minder.

</BODY>
</HTML>

img,
    .responsive-img {
      width: auto;
      height: auto;
    }

table,
    form,
    p {
      font-size: 1rem;
    }

table {
      width: 100%;
      border-collapse: collapse;
    }

table th,
    table td {
      border: 1px solid #ccc;
      padding: 0.5rem;
      text-align: left;
      font-size: 1rem; /* Zorgt dat tekst even groot is als body */
    }
</STYLE>
</HEAD>

<BODY>

<CENTER>
<H1>Instructies</H1>
</CENTER>

<UL>

<P><CENTER>
<H3>VOORAF</H3>
</CENTER>

<P>
Vissen worden niet alleen in de natuur gevangen, ze worden tegenwoordig ook vaak "gekweekt": in zogenaamde viskweekvijvers. (Bekend zijn kweekvijvers voor forel; die kun je in de vakantie als toerist soms bezoeken.)

<P>De eigenaar van een viskweekvijver wil natuurlijk zo veel mogelijk vis zien te krijgen tegen zo laag mogelijke kosten. (Dat geldt voor alle ondernemers, of ze nu broden, Lego-dozen, rozen of bromfietsen produceren.)

<P>Zo n kweekvijver is een ingewikkeld geheel.
Vissen hebben voedsel nodig. Welk voedsel hangt af van de soot vis. Vissen hebben ook zuurstof nodig. En ze produceren afval.
De kwaliteit van het water is van groot belang.
Ook de temperatuur van het water en de hoeveelheid (zon) licht hebben invloed.
En al die processen duren nogal lang: pas na dagen of weken wordt duidelijk wat de gevolgen zijn.
Kortom: een ingewikkeld geheel.

<P>
In de laatste jaren wordt bij dergelijk onderzoek de computer veel gebruikt. Een
computer kan namelijk razendsnel met getallen omgaan, rekenen dus.
Alle gegevens die de biologen -onderzoekers hebben gevonden worden "in de
computer gestopt". Beter gezegd:

<I>
Alle verbanden tussen de factoren die een rol spe/en in de kweekvijver worden
ingevoerd in de computer.
</I>

<P>
Als in de computer veel van deze verbanden gestopt zijn wordt het mogelijk om zittend
achter de computer "proeven te doen".
Elke verandering die je in do factoren aanbrengt kan de computer razendsnel
doorrekenen en je ziet dan op het scherm wat de gevolgen zijn.
Men doel dus alsof er een vijver in de computer zit.

<P>De baas van een kweekvijver moet van al deze zaken verstand hebben. Maar hij of zij hoeft niet alles zelf te onderzoeken. Beroepsonderzoekers, in dit geval biologen, kunnen hierbij helpen. In speciale onderzoeksvijvers kunnen zijn alle factoren die van belang zijn zorgvuldig nagaan.

<P>Neem bijvoorbeeld het volgende:
Zilverkarpers zijn vissen die zich voeden met algen, kleine groene plantjes.
Algen hebben mest nodig, vooral fosfaat en nitraat.
De onderzoekers gaan dan na hoeveel mest  en welke soort-je het best kunt toevoegen. Dat levert "verbanden" op, verbanden tussen hoeveelheid mesttoevoer en hoeveelheid algen. Al deze verbanden komen tot uiting in de tijd. Biologische processen duren, zoals gezegd, meestal tamelijk lang.

<P>In de laatste jaren wordt bij dergelijk onderzoek de <I>computer</I> veel gebruikt.Een computer kan namelijk razendsnel met getallen omgaan, rekenen dus. Alle gegevens die biologen- onderzoekers hebben gevonden worden "in de computer gestopt". Beter gezegd: <I>alle verbanden tussen de factoren die een rol spelen in de kweekvijver worden ingevoerd in de computer.</I>

<P>Als in de computer veel van deze verbanden gestopt zijn wordt het mogelijk om zittend achter de computer "proeven te doen". Elke verandering die je in de factoren aanbrengt kan de computer razendsnel doorrekenen en je ziet dan op het scherm wat de gevolgen zijn. Men doet dus alsof er een vijver in de computer zit.

<P>"Doen alsof" heet <I>simuleren</I>; het zelfstandig naamwoord is <I>simulatie</I>. De vijver-simulatie is een <I>model</I> van een echte vijver. Het is niet zeker of dit vijver-model in alle opzichten de echte vijver goed beschrijft. Het is dus mogelijk dat een echte vijver zich in werkelijkheid toch anders gedraagt.

<P>In deze lessen zul je kennismaken met zo n vijversimulatie. Beter gezegd: met een aantal vijversimulaties. We beginnen namelijk met een heel simpele vijver: er groeien alleen algen in. Dat is vijver 1, de Algenvijver.
<P>Welke vijversimulatie(s) je daarna doet hangt af van je docent. Vijver 5 is de meest ingewikkelde; daarin worden twee soorten vissen gekweekt.

<P>(Overigens: in deze vijver- simulaties is gebruikt gemaakt vna Russische gegevens. Een aantal Russische biologen hebben de resultaten van onderzoek aan viskweekvijvers en een simulatiemodel van dergelijke vijvers gepubliceerd in een biologisch tijdschrift.

<P>Wat je van biologie moet weten

<P>De computerprogramma s gaan over het leven in (vis)kweekvijvers. Om met deze programma s te kunnen werken moet je het een en ander weten over het leven in het water. Dat staat in dit stuk "Wat je van biologie moet weten". Het meeste heb je al gehad: in dat opzicht is dit stuk een herhaling.
<P>Het nieuwe dat hierin voorkomt is niet moeilijk.
<P>Lees deze biologie-tekst door. Als er een opdracht komt, maak je deze.

<P>Een vijver is een voorbeeld van <I>oppervlaktewater</I>: water dat zich op de oppervlakte van de aarde bevindt. Oppervlaktewater staat dus in contact met lucht.

<P>
"Doen alsof" heet simuleren-, het zelfstandig naamwoord is simulatie.
De vijver-simulatie is een mode! van een echte vijver.
Het is niet zeker of dit vijver-model in alle opzichten de echte vijver goed beschrijft.
Het is dus mogelijk dat een echte vijver zich in werkelijkheid toch anders gedraagt.

<P>
In deze lessen zul je kennismaken met zo'n vijversimulatie.
Beter gezegd: met een aantal vijversimulaties.
We beginnen namelijk mei een heel simpele vijver: er groeien alleen algen in. Dat is
vijver 1, de Algenvijver.

Welke vijversimulatie(s) je daarna doet hangt af van je docent. Vijver 5 is de meest
ingewikkelde: daarin worden twee soorten vissen gekweekt.

<P>
(Overigens: in deze vijver-simulaties is gebruik gemaakt van Russische gegevens. Een
aantal Russische biologen hebben de resultaten van onderzoek aan viskweekvijvers en
een simulatiemodel van dergelijke vijvers gepubliceerd in een biologisch tijdschrift.) 
Vissen worden niet alleen in de natuur gevangen, ze worden tegenwoordig ook 
vaak "gekweekt": in zogenaamde viskweekvijvers. (Bekend zijn kweekvijvers voor forel; die
kun je in de vakantie als toerist soms bezoeken.)

<P>
De eigenaar van een viskweekvijver wil natuurlijk zo veel mogelijk vis zien te krijgen
tegen zo laag mogelijke kosten. (Dat geldt voor alle ondernemers., of ze nu broden,
Lego-dozen, rozen of bromfietsen produceren.)

<P>
Zo'n kweekvijver is een ingewikkeld geheel.
Vissen hebben voedsel nodig. Welk voedsel hangt af van de soort vis. Vissen hebben
ook zuurstof nodig. En ze produceren afval.
De kwaliteit van het water is van groot belang.
Ook de temperatuur van het water en de hoeveelheid (zon)licht hebben invloed.
En al die processen duren nogal lang: pas na dagen of weken wordt duidelijk wat de
gevolgen zijn.
Kortom: een ingewikkeld geheel.

<P>
Als er een interventie in het begin van de zomer door jou is gedaan moet je de tijd maar eens laten lopen.

<CENTER>
<H3>ENKELE LOSSE TIPS</H3>
</CENTER>

<P>Er zijn twee mogelijkheden om mee te beginnen: een lege vijver met algen zonder vissen en een 'volledige' viskweekvijver met twee verschillende soorten vissen: zilverkarpers en karpers.

<P>
<B>TIP 1</B>: Kijk eerst even naar het gedrag van een vijver zonder vissen. Start en laat de tijd gewoon eens lopen van 0 tot de lente, zomer en de herst, tot 365 dagen. Klik op 'Doorgaan'.

<P>
Het blauwe blokje geeft een indicatie voor het dag-nacht-ritme; en dientengevolge de instraling en de gemiddelde dag-temperatuur.

Het rode blokje is een indicatie voor de algengroei (phytoplankton) (F). Algengroei is eigelijk vervuiling.

De twee andere blokjes zijn een indicatie dat de hoeveelheid karpers en de hoeveelheid zilverkarpers veranderen. Die staan nu op nul! De vier blokjes dienen alleen maar als indicatie voor een verandering. Ze geven geen specifieke waarde aan. De juiste waardes voor de acht belangrijkste variabelen kun je onderin opzoeken; links en rechts bij het blokschema.

<P>
<I>De tijd loop van 1 januari tot 31 december. Of herstart de web-applicatie. Je ziet in eerste instantie N, O en P, d.w.z. Nitraat (rood) (op t=0: 0.15), Zuurstof (zwart) (op t=0: 9.8) en Phosphorus (fosfaat). Toenames beginnen feitelijk als de lichtinval voor de groei  optimaal is.

Daarvoor staat alles nog reletief stil vanwege de (te) lage temperatuur. </I>

<CENTER>
<H3>GEEN VISSEN</H3>
</CENTER>

<P>
De baas van een kweekvijver moet van al deze zaken verstand hebben. Maar hij of zij
hoeft niet alles zelf te onderzoeken. Beroepsonderzoekers, in dit geval biologen,
kunnen hierbij helpen. In speciale onderzoeksvijvers kunnen zij alle factoren die van
belang zijn zorgvuldig nagaan.

<P>
<B>TIP 2</B>: Daarna kun je de vijver - wederom zonder vissen - eens gaan bemesten! Of overbemesten. Weet je hoe je dat moet doen?

<CENTER>
<H3>KARPERS</H3>
</CENTER>

<P>
Neem bijvoorbeeld het volgende:
Zilverkarpers zijn vissen die zich voeden met algen, kleine groene plantjes.
Algen hebben mest nodig, vooral fosfaat en nitraat.
De onderzoekers gaan dan na hoeveel mest en van welke soort- je het best kunt
toevoegen. Dat levert 'verbanden' op, verbanden tussen hoeveelheid mestloevoer en
hoeveelheid algen. Al deze verbanden komen rot uiting in de tijd. Biologische
processen duren, zoals gezegd, meestal tamelijk lang.

<P>
<B>TIP 3</B>: Herstart en laat de tijd  eens lopen tot de lente. Deponeer dan 50 kg aan karpers in de vijver. Wat blijkt? Karpers vervuilen de vijver. Zie je dat? Klopt dat?

<CENTER>
<H3>ZILVERKARPERS</H3>
</CENTER>

<P>
<B>TIP 4</B>: Herstart en laat de tijd  eens lopen tot de lente. Deponeer dan 50 kg aan zilverkarpers in de vijver. Wat blijkt? Zilverkarpers eten watervlooien. Zie je dat?

<CENTER>
<H3>KARPERS EN ZILVERKARPERS SAMEN</H3>
</CENTER>

<P>
<B>TIP 5</B>: Herstart en laat de tijd  eens lopen tot de lente. Deponeer dan 50 kg aan zilverkarpers maar ook 50 kg aan karpers in de vijver. Wat blijkt?

<P><I>
Aan de simulatie en de animatie wordt voortdurend verder gewerkt. Hier volgen nog enkele tips c.q. opdrachten die je kunt proberen te doen.

Wil je dit meer systematisch doen, kijk dan bij de opdrachten. 
</I>

<P>
<B>TIP 6</B>: Als je (extra) visvoer (AU) geeft groeien de karpers in de zomer heel hard. (De zilverkarpers niet.)

<P>
<B>TIP 7</B>: Kies de viskweekvijver met 50 kg karpers en 50 kg zilverkarpers. Geef in april gedurende een maand eens een stoot fosfaat en een stoor nitraat: PU=0.4 kg/dag en NU = 1.4 kg/dag. Kijk wat er gebeurt.

<P>
<B>TIP 8</B>: Herstart het model eens met vissen, en laat de tijd drie maanden lopen. Dat is 90 dagen. Het is dan begin april, de lente. Stel de <B>zuurstof inname</B> (OU) vervolgens in op 4.0 eenheden/dagen; en <B>Nitraat</B> (NU)  en <B>Phosfaat</B> (PU) op 1.0. 
Hou de <B>visvoer inname</B> (AU) vooralsnog op 0.0. 
Je ziet dat de ene soort heel anders reageert dan de andere soort.
Doordat N, P en O begin april (door jou) zijn verhoogd, zie je dat het plantaardig voedsel toeneemt en dientengevolge het gewicht van de zilverkarpers! De karpers eten wat anders.

<P>
Bekijk goed de verschillen. Maak dus steeds notities. Vind je het opmerkelijk? Denk je dat je het snapt?

<P>
Hier een voorbeeld <B>zonder</B> vissen van een aantal modeluitkomsten rond dag 85 (geen kapers; geen zilverkarpers; en geen visvoer):<BR>

<UL>
Algen Phytoplankton F = 8.9 (<FONT COLOR=Red>Rood</FONT>)<BR>
Watervlooien Zoo-plankton Z = 0.17 (xx)<BR>
Bodemdieren B = 17.5 (xx)<BR>
Detritus plus bacteria D = 12.6  (schimmels en bacterien) (<FONT COLOR=Yellow>Donkergeel</FONT>)<BR>
Phosfaat P = 0.54 Dissolved biogenic (mineral) element (xx)<BR>
Nitraat N = 3.2 Dissolved biogenic (inorganic) element (<FONT COLOR=Red>Rood/paars</FONT> II)<BR>
Zuurstof Oxygen O = 8.9 (Zwart II)<BR>
Visvoer = 0 (<FONT COLOR=brown>Bruin</FONT>)
</UL>

<P>
Hier een voorbeeld <B>met</B> vissen van een aantal modeluitkomsten rond dag 85 (met wel karpers en zilverkarpers; en nog geen visvoer):<BR>

<UL>
Algen Phytoplankton F = 10.09 (<FONT COLOR=Red>Rood</FONT>)<BR>
Watervlooien Zoo-plankton Z = 0.81 (xx)<BR>
Bodemdieren B = 15.5 (xx)<BR>
Detritus plus bacteria D = 13.5  (schimmels en bacterien) (<FONT COLOR=Yellow>Donkergeel</FONT>)<BR>
Phosfaat P = 0.057 Dissolved biogenic (mineral) element (xx)<BR>
Nitraat N = 3.25 Dissolved biogenic (inorganic) element (<FONT COLOR=Red>Rood/paars</FONT> II)<BR>
Zuurstof Oxygen O = 6.19<BR>
Visvoer = 0 (<FONT COLOR=brown>Bruin</FONT>)<BR>
en:<BR>
Karpers C = 46.08<BR>
Zilverkarpers S = 45.92<BR>
(Conclusie: in de wintermaanden gebeurt er weinig met de twee vissoorten.)
</UL>

<P>
Enschede, 19 maart 2025; update 31 januari 2026

</UL>

</BODY>
</HTML>

img,
    .responsive-img {
      width: auto;
      height: auto;
    }

table,
    form,
    p {
      font-size: 1rem;
    }

table {
      width: 100%;
      border-collapse: collapse;
    }

table th,
    table td {
      border: 1px solid #ccc;
      padding: 0.5rem;
      text-align: left;
      font-size: 1rem; /* Zorgt dat tekst even groot is als body */
    }
</STYLE>
</HEAD>

<BODY>

<CENTER>
<H1>Opdrachten</H1>
</CENTER>

<CENTER>
<H2>Er zijn vijf verschillende manieren om om te gaan met een vijver.</H2>
</CENTER>

Je kunt op vijf verschillende manieren leren hoe een viskweekvijver en de groei van vissen (en de biologische vervuiling) in elkaar zit.

<P>
<UL>
<LI>Vijver 1: de algenvijver 
<LI>Vijver 2: de zilverkarpervijver 
<LI>Vijver 3: de watervlooien- en bodemdierenvijver 
<LI>Vijver 4: de karpervijver 
<LI>Vijver 5: de viskweekvijver met karpers en zilverkarpers
</UL>

<P>
<CENTER>
<I>DE INSTRUCTIES EN DE OPDRACHTEN ZIJN NOG NIET AANGEPAST AAN DE HUIDIGE SIMULATOR<BR>
(Maar wel illustratief om even te kijken.)</I>
</CENTER>

<BR>
<CENTER>
<H2>Probeer eerst even wat uit</H2>
</CENTER>

<P>
Als je de simulatie aanzet zie je het dag-nacht ritme.
De temperatuur schommelt met de seizoenen.
De zon komt elke dag op en gaat elke dag weer onder. 's Nachts is het koud. 
Er zijn 8 variabelen die je in de gaten moet houden: zuurstof (O), nitraat (N), fosfaat (P), bodemdieren (B), watervlooien (), dexxxx (D), algen (F), karpers (C) en zilverkarpers (S).
Er zijn ook 4 parameters die je in kunt stellen: visvoer (AU), fosfaat (PU), nitraat (NU) en wat meer zuurstof (OU).

<P>
Laat de tijd van de algenvijver (zonder de vissen) eens lopen.

<P>
<FORM NAME='xxx'>
1. Hoe xxx is het xxx in het zzzz? Noteer de waarden in de onderstaande velden:

<P>
<CENTER>
Nitraatgehalte (norm: xx): <INPUT TYPE='text' NAME='veld1' VALUE='00' SIZE='10'><BR>
Fosfaatgehalte (norm: xx): <INPUT TYPE='text' NAME='veld2' VALUE='00' SIZE='10'><BR>
Zuurstofgehalte (norm: xx): <INPUT TYPE='text' NAME='veld3' VALUE='00' SIZE='10'><BR>
</CENTER>

<P>En stop wanneer je wilt.

<P><CENTER>
<I>Jullie antwoorden worden opgeslagen en ook doorgemaild naar jullie docent. Daarvan akte.</I>
</CENTER>

<P>
2. Wat zal er in de lente met xxxx en xxxx gebeuren? Typ hier je voorspelling:

<P>
3. Is je voorspelling uitgekomen? Typ hier ja of nee.

<P>
4. Noteer nu de xxx in de onderstaande velden:

<P>
In xxx (xxx):<BR>
<CENTER>
Nitraatgehalte (norm: xxx): <INPUT TYPE='text' NAME='veld10' VALUE='0' SIZE='10'><BR>
Fosfaatgehalte (norm: xxx): <INPUT TYPE='text' NAME='veld20' VALUE='1' SIZE='10'><BR>
Zuurstofgehalte (norm: xxx): <INPUT TYPE='text' NAME='veld30' VALUE='25' SIZE='10'><BR>
</CENTER>

<P>
5. Zit er verschil in en zo ja, hoe denk je dat dat komt?

<P>
6. Wat denk je als je xxxx nog door zou laten lopen?

<P>
7. Wat denk je dat er gebeurt met de xxxx van het xxx  als je de xxxxx?

<P>
De xxx zal stijgen. <BR>
Typ hier ja of nee:
<CENTER>
Ja of nee (norm: xxx): <INPUT TYPE='text' NAME='veld1' VALUE='0' SIZE='10'><BR>
</CENTER>

<P>
8. Probeer het uit door de simulatie te herstarten (via xxxx). Laat de simulator xxxx lopen met de xxxx  op xxx eenheden en eenmaal met de xxxx  op xxx eenheden. Schrijf hieronder de xxxx van xxxx op als xxxx is gegaan en alle segmenten weer ongeveer dezelfde xxxxx  hebben (rond xxxx van de xxx dag).

<P>
De xxx in xxx (in xxxxx ) rond xxxxx:<BR>
<CENTER>
Nitraatgehalte (norm: xxx): <INPUT TYPE='text' NAME='veld15' VALUE='00.0' SIZE='10'><BR>
Fosfaatgehalte (norm: xxx): <INPUT TYPE='text' NAME='veld25' VALUE='1.1' SIZE='10'><BR>
Zuurstofgehalte (norm: xxx): <INPUT TYPE='text' NAME='veld35' VALUE='100' SIZE='10'><BR>
</CENTER>

<P>
9. Klopt je veronderstelling?
</FORM>

<P>
Let in eerste instantie op de mineralen. Hun concentraties gaan xxxx door de xxxxx. De groei van algen - bijvoorbeeld - begint dan ook pas als in de zomer de lichtinval xxxx is. Daarvoor staat alles nog relatief stil vanwege de (te) lage temperatuur. Hebben jullie dat gezien?

</BODY>
</HTML>

<HTML>
<HEAD>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Viskweekvijver compacte versie</title>
<STYLE>
    body {
      font-size: 1rem;
      font-family: Arial, sans-serif;
      margin: 1rem;
    }

img,
    .responsive-img {
      width: auto;
      height: auto;
    }

table,
    form,
    p {
      font-size: 1rem;
    }

table {
      width: 100%;
      border-collapse: collapse;
    }

table th,
    table td {
      border: 1px solid #ccc;
      padding: 0.5rem;
      text-align: left;
      font-size: 1rem; /* Zorgt dat tekst even groot is als body */
    }
</STYLE>
</HEAD>

<STYLE>
#myContainer {
  width: 400px;
  height: 5px;
  position: relative;
  background: white; 
}
#myAnimation1 {
  width: 15px;
  height: 5px;
  position: absolute;
  background-color: blue; // Temperatuur
}
#myAnimation2 {
  width: 15px;
  height: 5px;
  position: absolute;
  background-color: red; // algen (F)
}
#myAnimation3 {
  width: 15px;
  height: 5px;
  position: absolute;
  background-color: orange; // zilverkarpers?
}
#myAnimation4 {
  width: 15px;
  height: 5px;
  position: absolute;
  background-color: orange; // karpers
}
</STYLE>

<BODY>

<P>
<CENTER>
HET INTERACTIEGEDEELTE:
<FORM NAME='AAAA'>
<TABLE style="width: auto;" BORDER=2>
<TR>  
<TD>
F: <INPUT TYPE='text' NAME='veld5' VALUE='2.0' SIZE='2'> 
P: <INPUT TYPE='text' NAME='veld11' VALUE='0.06' SIZE='2'> 
N: <INPUT TYPE='text' NAME='veld9' VALUE='5.60' SIZE='2'>
A: <INPUT TYPE='text' NAME='veld6' VALUE='0.0' SIZE='2'>

<TR>
<TD>
<CENTER>
<FONT SIZE=-1>
Visvoer toevoegen: <INPUT TYPE='text' NAME='veld1' VALUE='0' SIZE='2'> 
[in kg/dag] 
<input type="button" value="+" onclick="verhogenV1(AU);"> 
<input type="button" value="-" onclick="verlagenV1(AU);"><BR>
Zuurstof toevoegen: <INPUT TYPE='text' NAME='veld2' VALUE='0' SIZE='2'>
[in kg/dag]
<input type="button" value="+" onclick="verhogenV2(OU);"> 
<input type="button" value="-" onclick="verlagenV2(OU);"><BR>
Fosfaat toevoegen: <INPUT TYPE='text' NAME='veld3' VALUE='0' SIZE='2'>
[in kg/dag]
<input type="button" value="+" onclick="verhogenV3(PU);"> 
<input type="button" value="-" onclick="verlagenV3(PU);"><BR>
Nitraat toevoegen: <INPUT TYPE='text' NAME='veld4' VALUE='0' SIZE='2'>
[in kg/dag]
<input type="button" value="+" onclick="verhogenV4(NU);"> 
<input type="button" value="-" onclick="verlagenV4(NU);">.
</FONT>
</CENTER>
</TD></TR>
</TABLE>

<P>
Wil je op een gegeven moment doorgaan met twee vismassa's (voor karpers zowel als zilverkarpers) klik dan <input type="button" value="hier" onclick="casus();"> (2 x 50 kg). Ga daarna gewoon door.

<P>
HET SIMULATIE/ANIMATIEGEDEELTE:<BR>

<CANVAS id="mySimCanvas" width="400" height="300" style="border:3px solid grey"></CANVAS>
<div id ="myContainer"> 
<div id ="myAnimation1"><FONT SIZE=-1> Tempe- ratuur [blauw]</FONT></div>
<div id ="myAnimation2"><FONT SIZE=-1> Algen [rood]</div>
<div id ="myAnimation3"><FONT SIZE=-1>  Zilverkarpers 
<INPUT TYPE="text" NAME="Y11" VALUE="0" SIZE=1></div>
<div id ="myAnimation4"><FONT SIZE=-1>  Karpers 
<INPUT TYPE="text" NAME="Y14" VALUE="0" SIZE=1></div>
</div>

<FONT SIZE=-1>
Tijd (t): <INPUT TYPE="text" NAME="ttt" VALUE="0" SIZE=1>. De tijdschaal  loopt van 0 tot 365 dagen.
</FONT>

<P>
<CENTER>
HET NUMERIEKE GEDEELTE:<BR>
<TABLE style="width: auto;" BORDER=2>
<TR><TD><FONT SIZE=-1>

Temperatuur <INPUT TYPE="text" NAME="Y10" VALUE="0" SIZE=2>
<FONT COLOR="blue">Blauw</FONT><BR>

Algen F <INPUT TYPE="text" NAME="black" VALUE="0" SIZE=2>
<FONT COLOR="red">Rood</FONT><BR>

Fosfaat P <INPUT TYPE="text" NAME="archid" VALUE="0" SIZE=2><BR>

Nitraat N <INPUT TYPE="text" NAME="rood" VALUE="0" SIZE=2>
<FONT COLOR="red">Rood</FONT><BR>

Visvoer A <INPUT TYPE="text" NAME="Y19" VALUE="0" SIZE=2>
<FONT COLOR="brown">Bruin</FONT><BR>

Karpers C <INPUT TYPE="text" NAME="Y14a" VALUE="0" SIZE=1> <FONT COLOR="orange">Orange</FONT>

</FONT>
</TD>
<TD><FONT SIZE=-1>

Tijd (t): <INPUT TYPE="text" NAME="tttt" VALUE="0" SIZE=2><BR>

Zuurstof O <INPUT TYPE="text" NAME="orange" VALUE="0" SIZE=2>
<FONT COLOR="black">Zwart</FONT><BR>

Watervlooien Z <INPUT TYPE="text" NAME="Y12" VALUE="0" SIZE=2>
<FONT COLOR="green">Groen</FONT><BR>

Bodemdieren B <INPUT TYPE="text" NAME="Y13" VALUE="0" SIZE=2>
<FONT COLOR="black">Zwart</FONT><BR>

Detritus D <INPUT TYPE="text" NAME="brown" VALUE="0" SIZE=2>
<FONT COLOR="#FFB300">Geel</FONT><BR>

Zilverkarpers S <INPUT TYPE="text" NAME="Y11a" VALUE="0" SIZE=1> <FONT COLOR="orange">Orange</FONT>

</FONT>
</TD>
</TABLE>

<FONT SIZE=-1>Controle: 
<FONT COLOR="brown">A</FONT>+: <INPUT TYPE="text" NAME="Y20" VALUE="0" SIZE=1>
<FONT COLOR="black">O</FONT>+: <INPUT TYPE="text" NAME="Y18" VALUE="0" SIZE=1>
P+: <INPUT TYPE="text" NAME="Y15" VALUE="0" SIZE=1>
<FONT COLOR="red">N</FONT>+: <INPUT TYPE="text" NAME="Y16" VALUE="0" SIZE=1> [in kg/dag]
</FONT>

<P>
Herstarten doe je met het 'reloaden/vernieuwen' van de gehele web-pagina.

<P>
Rik Min, april 2025, Enschede. Speciale compacte versie voor project X: 30 januari 2026; update 8 juni 2026.
</CENTER>

<SCRIPT>
const form = document.forms["AAAA"];

var elem1;
var elem2;
var elem3;
var elem4;

elem1 = document.getElementById("myAnimation1");   
elem2 = document.getElementById("myAnimation2");  
elem3 = document.getElementById("myAnimation3");   
elem4 = document.getElementById("myAnimation4");

const Topt = [null, 24.0, 24.0, 24.0, 26.0, 26.0, 26.0];
const Q1 = [null, 15.0, 15.0, 15.0, 14.0, 12.5, 11.0];
const Q2 = [null, 10.0, 10.0, 10.0, 11.0, 11.0, 11.0];
const M = [null, 3.0, 3.0, 3.0, 3.0, 3.0, 3.0];
const LABDA = [null, 1.0, 1.0, 1.0, 1.0, 1.0, 1.0];

let intervalId = null;
let counter = 1;

let TEMP_JAARMAX = 20.0; 
let TEMP_SEIZOEN = 0.0; 
let TEMP_TIJD = 0.0; 
let TEMP=0.0;
let TEMPTEMP = TEMP*TEMP;
let TEMPTEMPTEMP = TEMPTEMP * TEMP;

let L_JAARMAX = 365.0; // of 3000.0; ?
let L_NU = 0.0; 
let L_SEIZOEN = 0.0; 
let L_TIJD = 0.0;

let Testsinus = 0.0; // is een dummy om sinus(t) te testen en te displayen
let Tmax = 30.1;
let Tmin = 0.0;

let t = 0.0; // soms t = 0.0, soms 100!
let dt = 0.01;  // of 0.1 of 0.04?

let TT = 400.0/365; // was 1.0 (voor 400) of 10 of 100

let A = 0.0; 
let B = 0.0; // 16.77; // was 0.0;
let C = 0.0; // 50.0; // 20.0; // nu op 20! (of 100?); Set elders!!
let D = 0.0; // 12.11; // was 7.2;   
let F = 0.0; // 9.4; // was 20.0;  
let N = 0.0; // 3.29; // was 0.15;  
let O = 0.0; // 10. // 6.66; // was 9.8;   
let P = 0.0; // 0.06; // was 0.003; // 0.03?
let S = 0.0; // 50.0; // 20.0 // nu op 20! (100? of  50?). Set elders!!
let Z = 0.0; // 0.117; // was 0.0;

let AU = 0.0; // set elders
let OU = 0.0; 
let PU = 0.0; 
let NU = 0.0;

let L = 0.0;
let R = 0.0;
//let M = 0.1; // Iets verzinnen voor M !!

let AAA=0.0;
let ALPHA = 0.2;
let BKR = 20.0;
let COP = 0.4;

let DELTAAU = 0.0;
let DELTANU = 0.0;
let DELTAOU = 0.0;
let DELTAPU = 0.0;

let DADT = 0.1;
let DBDT = 0.1;
let DCDT = 0.1;
let DDDT = 0.1;
let DFDT = 0.1; 
let DNDT = 0.1;
let DODT = 0.1; 
let DPDT = 0.1;
let DSDT = 0.1;
let DZDT = 0.1;

let ZCR = 5.0;

let DNU = 0.03;
let DPU = 0.01;

let F0 = 2.0; // F0 is constante!

let FCR = 30.0;
let FFF=1.0;
let HK = 0.1;
let KA = 2.0; // of 1.0?
let KF = 0.05; // of 0.0
let KD = 0.8; // of 0?
let KW = 0.2; // of 0?

let KAC = 0.2;
let KBC = 5.0;
let KDS = 60.0;
let KDZ = 60.0;
let KFB = 15.0;
let KFS = 20.0;
let KFZ = 15.0;
let KNF = 0.1;
let KPD = 0.5; // of 0?
let KPF = 0.1;
let KZB = 1.0;
let KZC = 1.0;
let KDB = 60.0;

let MB = 0.05;
let MZ = 0.005;
let MF = 0.025;
let MG = 1.0;  // of 7.0?
let MK = 5.0;

let MB2 = 10.0;
let MF2 = 15.0;
let MZ2 = 3.0;
let MBB = 0.3;
let MBS = 0.3;
let MBZ = 0.3;
let MBC = 0.3;
let MBF = 0.3;

let MBBC = 0.4;
let MBBS = 0.4;
let MBOB = 0.001;
let MBOC = 0.001;
let MBOF = 0.001;
let MBOS = 0.001;
let MBOZ = 0.001;

let MUACMAX = 0.03;
let MUBCMAX = 0.06;
let MUDBMAX = 0.2;
let MUDSMAX = 0.07;
let MUDZMAX = 0.5;
let MUFSMAX = 0.1;
let MUFZMAX = 1.4;
let MUZBMAX = 0.4;
let MUZCMAX = 0.02;

let MUFMAX = 4.5;
let MUFBMAX = 0.2; // ????? 4.5????

let NKWAD = 5.0; // einde van de startwaarden/ begin van de functies herstart, etc 
let NTOEG = 0.01;
let O2=10.0;
let OKT = 0.085;
let COD = 2.0;

let OP = 30.0;

let PKWAD = 10.0; // einde van de startwaarden/ begin van de functies herstart, etc 
let PTOEG = 0.01; // 0.0?
let OTOEG = 0.01;
let VTOEG = 0.01;

let RCMAX = 13.0;
let RE = 0.4;

let RESPB = 0.01;
let RESPC = 0.01;
let RESPF = 0.001; // ??
let RESPS = 0.01;
let RESPZ = 0.01;
let RSMAX = 10.0;

let SED = 0.05;
let SEDP = 0.1;

let UDN = 0.002;
let UDP = 0.00004;

let LABDAB = 1.0;
let LABDAF = 1.0;
let LABDAZ = 1.0;

let PHOT = 1.0;
let LOPT = 3000.0; // of 0.0;

let HLP1 = 0.0; // MBBC / RCMAX;
let HLP2 = 0.0; // MBBS / RSMAX;
let HLP3 = 0.0; // XKWAD (KPF);
let HLP4 = 0.0; // XKWAD (KNF);
let HLP5 = 0.0; // XKWAD (KFZ);
let HLP6 = 0.0; // XKWAD (KFB);
let HLP7 = 0.0; // XKWAD (KFS);
let HLP8 = 0.0; // XKWAD (KDZ);
let HLP9 = 0.0; // XKWAD (KZB);
let HLP10 = 0.0; // XKWAD (KBC);
let HLP11 = 0.0; // W(MUBCMAX, HLP10, BKR);
let HLP12 = 0.0; // XKWAD (KZC);
let HLP13 = 0.0; // XKWAD (KDB);
let HLP14 = 0.0; // XKWAD (KAC);
let HLP15 = 0.0; // XKWAD (KDS);

let QGF = 0.0; //FT(1)*FF(L,F,D)*MUFMAX*MIN(PKWAD/(HLP3+PKWAD),NKWAD/(5*(HLP4 +NKWAD)))*F;
let QFZ = 0.0; //FT(2)*FO(2) * W(MUFZMAX,HLP5,F)*Z;
let QFB = 0.0; //FT(3)*W(MUFBMAX,HLP6,F)*B;
let QFS = 0.0; //FT(5)*FO(5) * S*W(MUFSMAX,HLP7,F);
let QFD = 0.0; //MBF*QGF;
let QFE = 0.0; //MBOF*F;

let QDZ = 0.0; //FT(2)*FO(2) * Z*W(MUDZMAX,HLP8,D); 
let QZB = 0.0; //FT(3) * W(MUZBMAX,HLP9,Z)*B;
let HLP16 = 0.0; // W(MUBCMAX,HLP10,B);

let QZC = 0.0; //FT(4)*FO(4)*MIN((HLP11-HLP16),(W(MUZCMAX,HLP12,Z)*JOTA(B,LABDAB,MB2)))*C;
let QZD = 0.0; //MBZ*(QFZ + QDZ) + FOX(O)*MZ*Z;
let QZE = 0.0; //MBOZ*Z;
let QDB = 0.0; //FT(3)*B*W(MUDBMAX,HLP13,D);
let QBC = 0.0; //FT(4)*FO(4)*HLP16*C;   // probleem??
let QBD = 0.0; //MBB * (QFB + QZB + QDB);
let QBE = 0.0; //MBOB*B;
let QAC = 0.0; //FT(4) * FO(4) * C*W(MUACMAX,HLP14,A);    // in orde !!
let QDS = 0.0; //FT(5) * FO(5) * S*W(MUDSMAX,HLP15,D);

let RS = 0.0; //QFS + QDS;        /// check 2x?
let QCD = 0.0; //(MBC + HLP1 * RC) * RC;   
let QCE = 0.0; //MBOC * C;
let QSD = 0.0; //(MBS + HLP2 * RS) * RS;
let QSE = 0.0; //MBOS * S;

let QDP = 0.0; //UDP * E1(TEMP) * E2(O) * D;// Hij doet het; haakje vergeten...
let QPF = 0.0; //QGF / 106.0;
let QPD = 0.0; //SEDP * E3(O) * P;
let QDN = 0.0; //UDN * E1(TEMP) * E2(O) * D;

let QNF = 0.0; //QGF * 0.0472;
let QFO = 0.0; //PHOT * QGF;

let QOF = 0.0; //RESPF * F;
let QOZ = 0.0; //RESPZ * Z;
let QOB = 0.0; //RESPB * B;
let QOC = 0.0; //RESPC * C;
let QOS = 0.0; //RESPS * S;
let QOD = 0.0; //OKT * D;
let QAD = 0.0; //ALPHA * A;

let RC = 0.0; //QAC * QBC + QZC;       // check 2x?

let pos1 = 0;let pos2 = 0;
let pos3 = 0;let pos4 = 0;
let pos5 = 0;let pos6 = 0;
let pos7 = 0;let pos8 = 0;

let neg1 = 0;let neg2 = 0;
let neg3 = 0;let neg4 = 0;
let neg5 = 0;let neg6 = 0;
let neg7 = 0;let neg8 = 0;

let oudt1=0; // oud t1 bewaren
let oudY1=0; // oud neg1 bewaren 
let oudt2=0; // oud t2 bewaren
let oudY2=0; // oud neg2 bewaren
let oudt3=0; // oud xx bewaren
let oudY3=0; // oud neg3 bewaren
let oudt4=0; // oud xx bewaren
let oudY4=0; // oud neg4 bewaren
let oudt5=0; // oud t1 bewaren
let oudY5=0; // oud neg5 bewaren 
let oudt6=0; // oud t2 bewaren
let oudY6=0; // oud neg6 bewaren
let oudt7=0; // oud xx bewaren
let oudY7=0; // oud neg7 bewaren
let oudt8=0; // oud xx bewaren
let oudY8=0; // oud neg8 bewaren

let newt1=pos1; // new t bewaren 
let newY1=neg1; // new Y1 bewaren
let newt2=pos2; // new t bewaren 
let newY2=neg2; // new Y2 bewaren
let newt3=pos3; // new t bewaren 
let newY3=neg3; // new Y3 bewaren
let newt4=pos4; // new t bewaren 
let newY4=neg4; // new Y4 bewaren
let newt5=pos5; // new t bewaren 
let newY5=neg5; // new Y5 bewaren
let newt6=pos6; // new t bewaren 
let newY6=neg6; // new Y6 bewaren
let newt7=pos7; // new t bewaren 
let newY7=neg7; // new Y7 bewaren
let newt8=pos8; // new t bewaren 
let newY8=neg8; // new Y8 bewaren

Tmin = 0.0;
Tmax = 365.0; // was in de SLO-vijver 30.0
t = 0.0; // was T, neem voorlopig t. Neem 0, 200 of 400?
dt = 0.04; // was 0.03, 0.4, 0.1 of 0.04

L = 0.0; // ??????????

HLP1 = MBBC / RCMAX;
HLP2 = MBBS / RSMAX;
HLP3 = XKWAD (KPF);
HLP4 = XKWAD (KNF);
HLP5 = XKWAD (KFZ);
HLP6 = XKWAD (KFB);
HLP7 = XKWAD (KFS);
HLP8 = XKWAD (KDZ);
HLP9 = XKWAD (KZB);
HLP10 = XKWAD (KBC);
HLP11 = W(MUBCMAX, HLP10, BKR);
HLP12 = XKWAD (KZC);
HLP13 = XKWAD (KDB);
HLP14 = XKWAD (KAC);
HLP15 = XKWAD (KDS);

AAA=0.0;
ALPHA = 0.2;
BKR = 20.0;
COP = 0.4; // 0.5 of 2.0 ???

DADT = 0.1;	DBDT = 0.1;
DCDT = 0.1;	DDDT = 0.1;
DFDT = 0.1; 	DNDT = 0.1;
DODT = 0.1; 	DPDT = 0.1;
DSDT = 0.1;	DZDT = 0.1;

bewaar = 0.0;
grens = 100.0; // van Testsinus(t) (de test) 
teller = 0.0; // de test-teller
Testsinusoud = 0.0; // de test waarde is Testsinus

L_JAARMAX = 3000.0;
TEMP_JAARMAX = 20.0;

L_TIJD    = - Math.cos( 6.283185 * (t - Math.floor(t)));
L_SEIZOEN = - Math.cos(t * 0.0172142) * 0.5;
L_NU      = (L_TIJD + L_SEIZOEN) * L_JAARMAX / 1.5;

if (L_NU < 0.0) {L_NU = 0.0;}
else L = L_NU;

TEMP_TIJD = -Math.cos(6.283185 * (t - Math.floor(t)));
TEMP_SEIZOEN = 6+((1-Math.cos(t*0.0172142))*(TEMP_JAARMAX-7)*0.5);
TEMP = TEMP_SEIZOEN + TEMP_TIJD;

TEMPTEMP = XKWAD(TEMP);
TEMPTEMPTEMP = TEMPTEMP * TEMP;
REA = 14.61996 -0.40420 * TEMP + 0.00842 * TEMPTEMP - 0.00009 * TEMPTEMPTEMP;
 
	 elem1.style.top =  -110;  //  animatie 1  =blue
	 elem1.style.left = -30;  
	 elem2.style.top =  -190; // animatie 2 =rood 
	 elem2.style.left = -30; 
	 elem3.style.top =  -20; //  animatie 3  =orange
	 elem3.style.left = 393; 
	 elem4.style.top =  -20; // animatie 4  =orange
	 elem4.style.left = 430; // plek 3 van het 4e object op de t-as

const c1 = document.getElementById("mySimCanvas");
  const ctx1 = c1.getContext("2d"); // 2d means one or two dimensional (or 3)
	 ctx1.beginPath(); // simulatie 1 (grafisch) (rood)
	  //ctx1.strokeStyle = "red"; 
	  ctx1.lineTo(0, 0); 
	  newt1=pos1; // new t bewaren 
	  newY1=neg1; // new Y1 bewaren
	  ctx1.lineTo(newt1, newY1); //  1
	 ctx1.stroke();

const c2 = document.getElementById("mySimCanvas");
   const ctx2 = c2.getContext("2d"); 
	 ctx2.beginPath(); // simulatie 2 (grafisch) (blauw)
	  //ctx2.strokeStyle = "blue"; 
	  ctx2.lineTo(0, 0); 
	  newt2=pos2; // new t bewaren
	  newY2=neg2; // new Y2 bewaren
	  ctx2.lineTo(newt2, newY2); //  2
	 ctx2.stroke();

const c3 = document.getElementById("mySimCanvas");
  const ctx3 = c3.getContext("2d");
	 ctx3.beginPath(); // simulatie 3 (grafisch) (geel)
	  //ctx3.strokeStyle = "yellow"; 
	  ctx3.lineTo(0, 0); 
	  newt3=pos3; // new t bewaren 
	  newY3=neg3; // new Y3 bewaren
	  ctx3.lineTo(newt3, newY3); //  3
	 ctx3.stroke();

const c4 = document.getElementById("mySimCanvas");
  const ctx4 = c4.getContext("2d");
	 ctx4.beginPath(); // simulatie 4 (grafisch) (groen)
	  //ctx4.strokeStyle = "green"; 
	  ctx4.lineTo(0, 0); 
	  newt4=pos4; // new t bewaren 
	  newY4=neg4; // new Y4 bewaren
	  ctx4.lineTo(newt4, newY4); //  4
	 ctx4.stroke();

const c5 = document.getElementById("mySimCanvas");
  const ctx5 = c5.getContext("2d"); // 2d means one or two dimensional (or 3)
	 ctx5.beginPath(); // simulatie 5 (grafisch) (orange)
	  //ctx5.strokeStyle = "black"; 
	  ctx5.lineTo(0, 0); 
	  newt5=pos5; // new t bewaren 
	  newY5=neg5; // new Y5 bewaren
	  ctx5.lineTo(newt5, newY5); //  5
	 ctx5.stroke();

const c6 = document.getElementById("mySimCanvas");
   const ctx6 = c6.getContext("2d"); 
	 ctx6.beginPath(); // simulatie 6 (grafisch) (xxx)
	  //ctx6.strokeStyle = "red"; // 2 x Rood !! Let op.
	  ctx6.lineTo(0, 0); 
	  newt6=pos6; // new t bewaren
	  newY6=neg6; // new Y6 bewaren
	  ctx6.lineTo(newt6, newY6); //  6
	 ctx6.stroke();

const c7 = document.getElementById("mySimCanvas");
  const ctx7 = c7.getContext("2d");
	 ctx7.beginPath(); // simulatie 7 (grafisch) (black)
	  //ctx7.strokeStyle = "black";  // 2 x zwart !! Let op.
	  ctx7.lineTo(0, 0); 
	  newt7=pos7; // new t bewaren 
	  newY7=neg7; // new Y7 bewaren
	  ctx7.lineTo(newt7, newY7); //  7
	 ctx7.stroke();

const c8 = document.getElementById("mySimCanvas");
  const ctx8 = c8.getContext("2d");
	 ctx8.beginPath(); // simulatie 8 (grafisch) (brown)
	  //ctx8.strokeStyle = "brown"; 
	  ctx8.lineTo(0, 0); 
	  newt8=pos8; // new t bewaren 
	  newY8=neg8; // new Y8 bewaren
	  ctx8.lineTo(newt8, newY8); // 8
	 ctx8.stroke();

//------- hierboven staan alle startwaardes ------------------

//--------- hieronder staan alle functies ------------------

function casus() {

C = 50.0;  // Karpers = 0 !!! (was 10? 0, 100 of 200?)
	S = 50.0;  // Zilverkarpers = 0 !!! (was 10? 0, 100 of 200?)

form["veld13"].value = C.toFixed(12); 
       form["veld14"].value = S.toFixed(12); 
       logControlAction("scenario", "casus_balanced_pond");
}

function verhogenVC(xxxx) {xxxx = 50.0; 
       form["veld13"].value = xxxx.toFixed(12); }

function verhogenVS(xxxx) {xxxx = 50.0; 
       form["veld14"].value = xxxx.toFixed(12); }

function verhogenV1(xxxx) {xxxx = xxxx + 0.1; 
       form["veld1"].value = xxxx.toFixed(12); }

function verlagenV1(xxxx) {xxxx = xxxx - 0.1; 
       form["veld1"].value = xxxx.toFixed(12); }

function verhogenV2(xxxx) {xxxx = xxxx + 0.1; 
       form["veld2"].value = xxxx.toFixed(12); }

function verlagenV2(xxxx) {xxxx = xxxx - 0.1; 
       form["veld2"].value = xxxx.toFixed(12); }

function verhogenV3(xxxx) {xxxx = xxxx + 0.1; 
       form["veld3"].value = xxxx.toFixed(12); }

function verlagenV3(xxxx) {xxxx = xxxx - 0.1; 
       form["veld3"].value = xxxx.toFixed(12); }

function verhogenV4(xxxx) {xxxx = xxxx + 0.1; 
       form["veld4"].value = xxxx.toFixed(12); }

function verlagenV4(xxxx) {xxxx = xxxx - 0.1; 
       form["veld4"].value = xxxx.toFixed(12); }

function MIN(eerste, tweede) {
   return Math.min(eerste, tweede);
}

function XKWAD(x) {
  return x * x;
}

function FF(L, F, D) 
{
   var K,Rel_licht,extinctie,hulp1,resultaat;

Rel_licht = L/LOPT;
   K = KW + KF*F + KD*D*KPD;
   hulp1 = -K * HK;
   if (hulp1>32) {resultaat = 0;}
   else
     { if (hulp1<-32) {resultaat = 1;}
       else { extinctie = Rel_licht * Math.exp(hulp1);
              if (extinctie>32) {resultaat = 0;}
              else {
                    if (extinctie<-32) {resultaat = 1;} 
                    else {resultaat = extinctie * Math.exp(1-extinctie);}
                   }
            }
     }
 return resultaat; 
}

function JOTA(X, LABDAaa, mmm)
{
   var hulp1,hulp2,resultaat;

hulp1 = LABDAaa * (X-mmm);
   if (hulp1>32) {resultaat = 0;}
   else { if (hulp1<-32) {resultaat = 1;}
          else {hulp2 = Math.exp(-hulp1); resultaat = hulp2/(1+hulp2);}
        }
   return resultaat;
}

function FOX(Ooo) {
  if (typeof KA === 'undefined') {
    throw new Error('KA is niet gedefinieerd');
  }
  return Ooo === 0 ? 1.0 : 1 + (KA / Ooo);
}

function W(mumax, k, x) {
    return (mumax * x * x) / (k + x * x);
}

function E1(Tmp) {
  return Math.exp(Tmp - 20) * 0.06931472;
}

function E2(O2)
{
 var hulp1,hulp2,resultaat;

hulp1 = COP * (MG - O2);
 if (hulp1>32) {resultaat = 1.0;}
 else {
  if (hulp1<-32)  {resultaat = 0.0;}
  else
   {
     hulp2 = Math.exp(hulp1);
     resultaat = hulp2/(1 + hulp2);
   }
 }
 return resultaat;
}

function E3(O2)
{
 var resultaat;
 if (O < MG) {resultaat = 0;}
 else { if (O2 == COD) {resultaat = 1.0E30;} // 1.0E30 (was 1!)
 else { resultaat = (O2 - MG) / (O2 - COD);}  }
  
 return resultaat;
}

function draw() 
{
  const cccc = document.getElementById("mySimCanvas");
  const ctx = cccc.getContext("2d");
  const img = document.getElementById("scream");

ctx.beginPath();
	ctx.strokeStyle = "black"; 
	ctx.font = "12px Arial";
	//ctx.fillText("0", 490, 298);
	ctx.fillText("0 dagen", 14, 30);
	ctx.fillText("365 dagen", 330, 30);

ctx.fillRect(95, 20, 1, 28); // 1e lijntje is 28 pixels hoog
	ctx.moveTo(95, 48); // klein lijntje naar 95
	ctx.lineTo(90, 43);// klein lijntje naar 43
	ctx.moveTo(95, 48); // klein lijntje naar 95
	ctx.lineTo(100, 43);// klein lijntje naar 43

ctx.fillRect(225, 20, 1, 28); // 2e lijntje is 28 pixels hoog
	ctx.moveTo(225, 48); // klein lijntje 
	ctx.lineTo(220, 43);// klein lijntje 
	ctx.moveTo(225, 48); // klein lijntje 
	ctx.lineTo(230, 43);// klein lijntje

ctx.fillText("Begin lente", 88, 15); 
	ctx.fillText("Begin herst", 220, 15);

ctx.fillText("Jan.", 10, 297);
	ctx.fillText("April", 95, 297);
	ctx.fillText("Juli", 180, 297);
	ctx.fillText("Okt.", 265, 297);
	ctx.fillText("Dec.", 355, 297);

ctx.fillText("Zuurstof (zwart)", 82,  34+3*25);
	ctx.fillText("Nitraat (rood)", 82,    34+2*25);  
	ctx.fillText("Detritus (geel)",152,      34+6*25);
	ctx.fillText("Bodemdieren (zwart)",152,  34+8*25);
	ctx.fillText("Watervlooien (groen)",152, 34+9*25);
	ctx.fillText("Visvoer (bruin)", 290,  34+4*25);

ctx.fillRect(394, 1, 1, 300); // 3e lijntje is xx pixels hoog
  	ctx.fillRect(398, 1, 1, 300); // 4e lijntje is xx pixels hoog
  	ctx.fillRect(430, 1, 1, 300); // 4e lijntje is xx pixels hoog
	ctx.stroke();
}

function myMoveX()
{
//TT = parseFloat(document.A8.veld1.value);
//AU = parseFloat(document.A8.veld2.value);
//OU = parseFloat(document.A8.veld3.value);
//PU = parseFloat(document.A8.veld4.value);
//NU = parseFloat(document.A8.veld5.value);
}

function presenteerIntroVijver (video)
{
Instructie = window.open ("VijverIntro.html", "Intro",
"width=340,height=700,top=0,left=620,scrollbars=yes,resizable=no")
}

function presenteerPI1Vijver (video)
{
Instructie = window.open ("Bewerkt VijverIntroductie plus opdrachten.html", "Instr. 1",
"width=340,height=700,top=0,left=620,scrollbars=yes,resizable=no")
}

function presenteerPI2Vijver (video)
{
Instructie = window.open ("VijverInstructie.html", "Instr. 2",
"width=340,height=700,top=0,left=620,scrollbars=yes,resizable=no")
}

function presenteerInstructieVijver (video)
{
Instructie = window.open ("VijverOpdrachten.html", "Instr. 3",
"width=340,height=700,top=0,left=620,scrollbars=yes,resizable=no")
}

function presenteerOpdrachtenVijver (video)
{
Instructie = window.open ("Bewerkt Vijverachtergronden plus leraarinformatie.html", "Instr. 4",
"width=340,height=700,top=0,left=620,scrollbars=yes,resizable=no")
}

//---------- step is de loop ----------

// === Sunflower integratie: messaging v0.1 ===
var currentRunId = "run-" + (new Date().getTime());
var tickIndex = 0;
var lastPostedDay = -1;
var oxygenLowFlag = false;

function logControlAction(control, value) {
  if (!window.parent) return;
  var msg = {
    type: "action",
    source: "viskweekvijver",
    version: "0.1",
    runId: currentRunId,
    t: t,
    control: control,
    value: (typeof value === "undefined" ? null : value)
  };
  window.parent.postMessage(msg, "*");
}

// === Einde Sunflower integratie helpers ===

function step() 
    {
	oudt1=pos1; oudY1=neg1; // oud neg1 bewaren 
	oudt2=pos2; oudY2=neg2; // oud neg2 bewaren
	oudt3=pos3; oudY3=neg3; // oud neg3 bewaren
	oudt4=pos4; oudY4=neg4; // oud neg4 bewaren
	oudt5=pos5; oudY5=neg5; // oud neg5 bewaren 
	oudt6=pos6; oudY6=neg6; // oud neg6 bewaren
	oudt7=pos7; oudY7=neg7; // oud neg7 bewaren
	oudt8=pos8; oudY8=neg8; // oud neg8 bewaren

//dt = parseFloat(document.AAAA.veld1.value);
	//p1 = parseFloat(document.AAAA.veld3.value);
	//p2 = parseFloat(document.AAAA.veld4.value);
	//p3 = parseFloat(document.AAAA.veld5.value);

AU = parseFloat(document.AAAA.veld1.value);
	OU = parseFloat(document.AAAA.veld2.value);
	PU = parseFloat(document.AAAA.veld3.value);
	NU = parseFloat(document.AAAA.veld4.value);

F = parseFloat(document.AAAA.veld5.value);
	A = parseFloat(document.AAAA.veld6.value);
	B = parseFloat(document.AAAA.veld7.value);
	D = parseFloat(document.AAAA.veld8.value);
	N = parseFloat(document.AAAA.veld9.value);
	O = parseFloat(document.AAAA.veld10.value);
   	P = parseFloat(document.AAAA.veld11.value);
   	Z = parseFloat(document.AAAA.veld12.value);
   	C = parseFloat(document.AAAA.veld13.value);
   	S = parseFloat(document.AAAA.veld14.value);
        
 	counter = counter + 1;

L_TIJD    = - Math.cos( 6.283185 * (t - Math.floor(t)));
   	L_SEIZOEN = - Math.cos(t * 0.0172142) * 0.5;
   	L_NU      = (L_TIJD + L_SEIZOEN) * L_JAARMAX / 1.5;

if (L_NU < 0.0) {L = 0.0;}
   	else L = L_NU;

TEMP_TIJD = -Math.cos(6.283185 * (t - Math.floor(t)));
  	TEMP_SEIZOEN = 6+((1-Math.cos(t*0.0172142))*(TEMP_JAARMAX-7)*0.5);
  	TEMP = TEMP_SEIZOEN + TEMP_TIJD;

TEMPTEMP = XKWAD(TEMP);
	TEMPTEMPTEMP = TEMPTEMP * TEMP;
	REA = 14.61996 -0.40420 * TEMP + 0.00842 * TEMPTEMP - 0.00009 * TEMPTEMPTEMP;

PKWAD = XKWAD(P);      
	NKWAD = XKWAD(N);

//AAA  = 30.0 * Math.sin(6.28*100.0*t); 
     //xxx  = 30.0 * Math.sin(6.28*33.0*t);

if (t >= Tmax) return;

//if (t > 100) {AU = 0.0;};  // visvoer (norm = 0?) 5, 10 of 20? 
	//if (t > 100) {PU = 0.3;};  // phosfaat (norm = 0.01?) 0.35, 5, 10 of 20?
	//if (t > 100) {NU = 0.3;};  // nitraat vermeerderen. 0.01, 1.3, 10 of 50?
	//if (t > 100) {OU = 0.3;};  // zuurstof vermeerderen. 4, 10 of 50?
	//if (t > 100) {C = C + 50.0;};  // karpers (waren 100) vermeerderen. 0, 10, 50 of 100?
	//if (t > 100) {S = C + 50.0;};  // zilverkarpers (waren 50) vermeerderen. 0, 20 of 50?

QGF = FT(1)*FF(L,F,D)*MUFMAX*MIN(PKWAD/(HLP3+PKWAD),NKWAD/(5*(HLP4 +NKWAD)))*F;
	QFZ = FT(2)*FO(2) * W(MUFZMAX,HLP5,F)*Z;
	QFB = FT(3)*W(MUFBMAX,HLP6,F)*B;
	QFS = FT(5)*FO(5) * S*W(MUFSMAX,HLP7,F);
	QFD = MBF*QGF;
	if (F > F0) {QFD = QFD + MF*F;}
	QFE = MBOF*F;

QDZ = FT(2)*FO(2) * Z*W(MUDZMAX,HLP8,D); 
	QZB = FT(3) * W(MUZBMAX,HLP9,Z)*B;
	HLP16 = W(MUBCMAX,HLP10,B);

QZC = FT(4)*FO(4)*MIN((HLP11-HLP16),(W(MUZCMAX,HLP12,Z)*JOTA(B,LABDAB,MB2)))*C;
	QZD = MBZ*(QFZ + QDZ) + FOX(O)*MZ*Z;
	QZE = MBOZ*Z;
	QDB = FT(3)*B*W(MUDBMAX,HLP13,D);
	QBC = FT(4)*FO(4)*HLP16*C;   // probleem??
	QBD = MBB * (QFB + QZB + QDB);
	QBE = MBOB*B;

QAC = FT(4) * FO(4) * C*W(MUACMAX,HLP14,A);    // in orde !!
	QDS = FT(5) * FO(5) * S*W(MUDSMAX,HLP15,D);

RC = QAC * QBC + QZC;
	RS = QFS + QDS;
	QCD = (MBC + HLP1 * RC) * RC;   
	QCE = MBOC * C;
	QSD = (MBS + HLP2 * RS) * RS;
	QSE = MBOS * S;

QDP = UDP * E1(TEMP) * E2(O) * D;// Hij doet het; haakje vergeten...
	QPF = QGF / 106.0;
	QPD = SEDP * E3(O) * P;
	QDN = UDN * E1(TEMP) * E2(O) * D;

QNF = QGF * 0.0472;
	QFO = PHOT * QGF;

QOF = RESPF * F;
	QOZ = RESPZ * Z;
	QOB = RESPB * B;
	QOC = RESPC * C;
	QOS = RESPS * S;
	QOD = OKT * D;
	QAD = ALPHA * A;

DELTAPU = PU * dt;
	DELTANU = NU * dt;
	DELTAOU = OU * dt;
	DELTAAU = AU * dt;

DFDT = (QGF - QFZ - QFB - QFS - QFD - QFE)*dt;
	DZDT = (QFZ + QDZ - QZB - QZC - QZD - QZE)*dt;
	DBDT = (QFB + QZB + QDB - QBC - QBD - QBE)*dt;
	DCDT = (QAC + QBC + QZC - QCD - QCE)*dt;
	DSDT = (QFS + QDS - QSD - QSE)*dt;

DPDT = DELTAPU + (QDP - QPF - QPD + DPU)*dt; 
	DNDT = DELTANU + (QDN - QNF + DNU)*dt;
	DODT = DELTAOU + (QFO + RE * (REA - O) - QOF - QOZ - QOB - QOC - QOS - QOD)*dt;
	DADT = DELTAAU + (AU - QAC - QAD)*dt; 
	DDDT = (QFD +QZD +QBD +QCD +QSD +QAD -QPD -QDN -QDZ -QDB -QDS -SED*D)*dt;

F = F + DFDT;  F = Math.max(F, 0.0);
     	Z = Z + DZDT;  Z = Math.max(Z, 0.0);
     	B = B + DBDT;  B = Math.max(B, 0.0);
     	C = C + DCDT;  C = Math.max(C, 0.0);
     	S = S + DSDT;  S = Math.max(S, 0.0);
     	P = P + DPDT;  P = Math.max(P, 0.0);
     	N = N + DNDT;  N = Math.max(N, 0.0);
     	O = O + DODT;  O = Math.max(O, 0.0);
     	A = A + DADT;  A = Math.max(A, 0.0);
     	D = D + DDDT;  D = Math.max(D, 0.0);

PTOEG = PTOEG + DELTAPU;
	NTOEG = NTOEG * DELTANU;
	OTOEG = OTOEG + DELTAOU;
	VTOEG = VTOEG + DELTAAU;

// plek 1, om grafische output in te stellen
	pos1 = Math.round(TT*t); // grafiek Black Nitraat N // onderin: 250/270; bovenin: 50
	neg1 = Math.round(-0.99*N + 80);  
	pos2 = Math.round(TT*t); //  grafiek Blue (TEMP):
	neg2 = Math.round (-5.0*TEMP +280 + 20);    
	pos3 = Math.round(TT*t); //  grafiek Yellow (D)
	neg3 = Math.round (-7.0*D + 270.0);   
	pos4 = Math.round(TT*t); //  grafiek Green (Z)
	neg4 = Math.round(-60.0*Z + 280); // was 30.0
	pos5 = Math.round(TT*t); // grafiek (O Zuurstof):   
	neg5 = Math.round(-4.0*O + 140);
	pos6 = Math.round(TT*t); // grafiek Red (F Algen):
	neg6 = Math.round(-4.0*F + 190); 
	pos7 = Math.round(TT*t); // grafiek Yellow (B)  
	neg7 = Math.round(-1.0*B + 260.0);   
	pos8 = Math.round(TT*t); // grafiek Bruin (visvoer A)  
	neg8 = Math.round(-1.4*A + 210.0);

form["ttt"].value = t.toFixed(12); // Tijd t
       form["tttt"].value = t.toFixed(12); // Tijd t (idem)

form["veld5"].value = F.toFixed(12); 
       form["veld6"].value = A.toFixed(12); 
       form["veld7"].value = B.toFixed(12); 
       form["veld8"].value = D.toFixed(12);

form["veld9"].value = N.toFixed(12); 
       form["veld10"].value = O.toFixed(12); 
       form["veld11"].value = P.toFixed(12); 
       form["veld12"].value = Z.toFixed(12);

form["veld13"].value = C.toFixed(12); 
       form["veld14"].value = S.toFixed(12);

form["rood"].value = N.toFixed(9);
       form["orange"].value = O.toFixed(9);
       form["black"].value = F.toFixed(9);
       form["archid"].value = P.toFixed(9);
       form["brown"].value = D.toFixed(9);

form["Y19"].value = A.toFixed(9);
       form["Y15"].value = PU.toFixed(4);
       form["Y16"].value = NU.toFixed(4); 
       form["Y18"].value = OU.toFixed(4);
       form["Y20"].value = AU.toFixed(4); // plek 2 om teller in te stellen
       form["Y11"].value = S.toFixed(4); // S Zilverkarpers
       form["Y11a"].value = S.toFixed(4); // S Zilverkarpers
       form["Y12"].value = Z.toFixed(12); // Z Watervlooien
       form["Y13"].value = B.toFixed(12); // B Bodemdieren
       form["Y14"].value = C.toFixed(4); // C Karpers
       form["Y14a"].value = C.toFixed(4); // C Karpers
       form["Y10"].value = TEMP.toFixed(12); //

// demo plek 3 om animaties in te stellen:
	 elem1.style.top =  -4.0*TEMP - 35;  // -0.01*L_NU - 90; // animatie 1  =blue
	 elem1.style.left = -50 + t; // was 15.0; 
	 elem2.style.top = -4.10*F - 130; // animatie 2 =rood algen
	 elem2.style.left = 20 + t; 
	 elem3.style.top = -1.23*S - 20; // 122; // animatie 3  =orange
	 elem3.style.left = 393; 
	 elem4.style.top = -1.23*C - 20; // 281; // animatie 4  =orange
	 elem4.style.left = 430;

ctx1.beginPath(); // simulatie 1 (grafisch) (rood)
	  ctx1.strokeStyle = "red"; 
	  ctx1.lineTo(oudt1, oudY1); 
	  newt1=pos1; // new t bewaren 
	  newY1=neg1; // new Y1 bewaren
	  ctx1.lineTo(newt1, newY1); //  
	 ctx1.stroke();

ctx2.beginPath(); // simulatie 2 (grafisch) (blauw)
	  ctx2.strokeStyle = "blue"; 
	  ctx2.lineTo(oudt2, oudY2); 
	  newt2=pos2; // new t bewaren
	  newY2=neg2; // new Y2 bewaren
	  ctx2.lineTo(newt2, newY2); //  
	 ctx2.stroke();

ctx3.beginPath(); // simulatie 3 (grafisch) (geel)
	  ctx3.strokeStyle = "#FFB300"; 
	  ctx3.lineTo(oudt3, oudY3); 
	  newt3=pos3; // new t bewaren 
	  newY3=neg3; // new Y3 bewaren
	  ctx3.lineTo(newt3, newY3); //  
	 ctx3.stroke();

ctx4.beginPath(); // simulatie 4 (grafisch) (groen)
	  ctx4.strokeStyle = "green"; 
	  ctx4.lineTo(oudt4, oudY4); 
	  newt4=pos4; // new t bewaren 
	  newY4=neg4; // new Y4 bewaren
	  ctx4.lineTo(newt4, newY4); //  
	 ctx4.stroke();

ctx5.beginPath(); // simulatie 5 (grafisch) (xxx)
	  ctx5.strokeStyle = "black"; 
	  ctx5.lineTo(oudt5, oudY5); 
	  newt5=pos5; // new t bewaren 
	  newY5=neg5; // new Y5 bewaren
	  ctx5.lineTo(newt5, newY5); //  
	 ctx1.stroke();

ctx6.beginPath(); // simulatie 6 (grafisch) (blauw)
	  ctx6.strokeStyle = "red"; 
	  ctx6.lineTo(oudt6, oudY6); 
	  newt6=pos6; // new t bewaren
	  newY6=neg6; // new Y6 bewaren
	  ctx6.lineTo(newt6, newY6); //  
	 ctx6.stroke();

ctx7.beginPath(); // simulatie 7 (grafisch) (geel)
	  ctx7.strokeStyle = "black"; 
	  ctx7.lineTo(oudt7, oudY7); 
	  newt7=pos7; // new t bewaren 
	  newY7=neg7; // new Y7 bewaren
	  ctx7.lineTo(newt7, newY7); //  
	 ctx7.stroke();

ctx8.beginPath(); // simulatie 8 (grafisch) (groen)
	  ctx8.strokeStyle = "brown"; 
	  ctx8.lineTo(oudt8, oudY8); 
	  newt8=pos8; // new t bewaren 
	  newY8=neg8; // new Y8 bewaren
	  ctx8.lineTo(newt8, newY8); //  
	 ctx8.stroke();
// --- Sunflower telemetry & event triggers ---
  tickIndex = tickIndex + 1;
  var currentDay = Math.floor(t);
  if (currentDay != lastPostedDay) {
    postStateToParent();
    lastPostedDay = currentDay;
  }
  if (O < 4.5 && !oxygenLowFlag) {
    oxygenLowFlag = true;
    emitEvent("oxygen_low", { O: O, threshold: 4.5 });
  }
  if (O >= 4.5 && oxygenLowFlag) {
    oxygenLowFlag = false;
  }
// --- einde Sunflower telemetry ---

t = t + dt;
  	//setTimeout(step, 10);
  	}

function startLoop() {
        if (intervalId === null) {
            intervalId = setInterval(step, 0); // 0 mili-seconden
        }
        tickIndex = 0;
        lastPostedDay = -1;
        oxygenLowFlag = false;
        logControlAction("start", null);
	}

function stopLoop() {
        clearInterval(intervalId);
        intervalId = null;
        logControlAction("stop", null);
	}

// === Sunflower integratie: inkomende berichten ===
window.addEventListener("message", function(event){
  var msg = event.data;
  if (!msg || msg.target !== "viskweekvijver") return;

if (msg.type === "setScenario") {
    // optioneel: gebruik msg.initial als override van startwaarden
    if (msg.initial) {
      if (typeof msg.initial.F === "number") F = msg.initial.F;
      if (typeof msg.initial.A === "number") A = msg.initial.A;
      if (typeof msg.initial.B === "number") B = msg.initial.B;
      if (typeof msg.initial.D === "number") D = msg.initial.D;
      if (typeof msg.initial.N === "number") N = msg.initial.N;
      if (typeof msg.initial.O === "number") O = msg.initial.O;
      if (typeof msg.initial.P === "number") P = msg.initial.P;
      if (typeof msg.initial.Z === "number") Z = msg.initial.Z;
      if (typeof msg.initial.C === "number") C = msg.initial.C;
      if (typeof msg.initial.S === "number") S = msg.initial.S;
      form["veld5"].value  = F.toFixed(12);
      form["veld6"].value  = A.toFixed(12);
      form["veld7"].value  = B.toFixed(12);
      form["veld8"].value  = D.toFixed(12);
      form["veld9"].value  = N.toFixed(12);
      form["veld10"].value = O.toFixed(12);
      form["veld11"].value = P.toFixed(12);
      form["veld12"].value = Z.toFixed(12);
      form["veld13"].value = C.toFixed(12);
      form["veld14"].value = S.toFixed(12);
    } else {
      // fallback: gebruik bestaande casus()
      if (typeof casus === "function") {
        casus();
      }
    }
  } else if (msg.type === "setParams" && msg.params) {
    if (typeof msg.params.AU === "number") {
      document.AAAA.veld1.value = msg.params.AU;
    }
    if (typeof msg.params.OU === "number") {
      document.AAAA.veld2.value = msg.params.OU;
    }
    if (typeof msg.params.PU === "number") {
      document.AAAA.veld3.value = msg.params.PU;
    }
    if (typeof msg.params.NU === "number") {
      document.AAAA.veld4.value = msg.params.NU;
    }
  } else if (msg.type === "control" && msg.command) {
    if (msg.command === "pause") {
      stopLoop();
    } else if (msg.command === "resume") {
      startLoop();
    } else if (msg.command === "reset") {
      // eenvoudige reset: reload pagina
      window.location.reload();
    }
  }
}, false);
// === Einde inkomende berichten ===

draw();

</SCRIPT>

</FORM>

</BODY>
</HTML>