<img id="main" class="fade-out" src="img/wildflower2.png">
<<timed 10s>><<goto "butterflies">><</timed>><img id="main" class="fade-out" src="img/butterflies.png">
<<timed 10s>><<goto "kingfisher">><</timed>><img id="main" class="fade-out" src="img/kingfisher.png">
<<timed 10s>><<goto "butterflies2">><</timed>><img id="main" class="fade-out" src="img/butterflies2.png">
<<timed 10s>><<goto "damselfly.orb1">><</timed>><<nobr>>
<div class="row">
<div class="column">
<img src="img/damselfly.png" style="width:110%">
<a data-passage="wildflower1" class="link-internal link-image">
<span id="but"><img src="img/zbut.png" style="width:10%"></span>
</a>
</div>
<div class="column">
<img src="img/orb1.png" style="width:110%">
<a data-passage="REASON" class="link-internal link-image">
<img src="img/zbut.png" style="width:10%">
</a>
</div>
<</nobr>>
<img id="main" src="img/devicereason.png" usemap="#image-map">
<map name="image-map">
<area target="" alt="button" title="button" coords="577,802,695,714" shape="rect" data-passage="ruin3">
</map><img id="main" class="fade-out" src="img/ruin3.png">
<<timed 10s>><<goto "ruin1">><</timed>>
<img id="main" class="fade-out" src="img/ruin1.png">
<<timed 10s>><<goto "greenman">><</timed>>
<img id="main" class="fade-out" src="img/greenman.png">
<<timed 10s>><<goto "newton.songtrush">><</timed>>
<<nobr>>
<div class="row">
<div class="column">
<img src="img/newton.png" style="width:110%">
<a data-passage="net4" class="link-internal link-image">
<span id="but"><img src="img/zbut.png" style="width:10%"></span>
</a>
</div>
<div class="column">
<img src="img/songthrush.png" style="width:110%">
<a data-passage="BODY" class="link-internal link-image">
<span id="but"><img src="img/zbut.png" style="width:10%"></span>
</a>
</div>
<</nobr>>
<img id="main" src="img/devicebody.png" usemap="#image-map">
<map name="image-map">
<area target="" alt="button" title="button" coords="577,802,695,714" shape="rect" data-passage="hand2">
</map>
<<nobr>>
<div class="row">
<div class="column">
<img src="img/fish.png" style="width:110%">
<a data-passage="net4" class="link-internal link-image">
<span id="but"><img src="img/zbut.png" style="width:10%"></span>
</a>
</div>
<div class="column">
<img src="img/orbbuilding.png" style="width:110%">
<a data-passage="orbbuilding2" class="link-internal link-image">
<span id="but"><img src="img/zbut.png" style="width:10%"></span>
</a>
</div>
<</nobr>>
<img id="main" class="fade-out" src="img/net2.png">
<<timed 10s>><<goto "net1">><</timed>><img id="main" class="fade-out" src="img/net4.png">
<<timed 10s>><<goto "net2">><</timed>><img id="main" class="fade-out" src="img/hand2.png">
<<timed 10s>><<goto "hand">><</timed>><img id="main" class="fade-out" src="img/net1.png">
<<timed 10s>><<goto "net3">><</timed>><img id="main" class="fade-out" src="img/net3.png">
<<timed 10s>><<goto "fish.orbbuilding">><</timed>><img id="main" src="img/dragonflies.png">
<<timed 5s>><<goto "kingfisher">><</timed>><img id="main" class="fade-out" src="img/orbbuilding2.png">
<<timed 10s>><<goto "orbprint1">><</timed>>
<img id="main" class="fade-out" src="img/orbbuilding.png">
<<timed 10s>><<goto "orbprint2">><</timed>><img id="main" class="fade-out" src="img/orbprint2.png">
<<timed 10s>><<goto "orbprint3">><</timed>><img id="main" class="fade-out" src="img/orbprint3.png">
<<timed 10s>><<goto "orbprint4">><</timed>><img id="main" class="fade-out" src="img/orbprint4.png">
<<timed 10s>><<goto "city2">><</timed>><img id="main" class="fade-out" src="img/city2.png">
<<timed 10s>><<goto "city3">><</timed>><img id="main" class="fade-out" src="img/city3.png">
<<timed 10s>><<goto "EGO">><</timed>><img id="main" src="img/deviceego.png" usemap="#image-map">
<map name="image-map">
<area target="" alt="button" title="button" coords="577,802,695,714" shape="rect" data-passage="monkey1">
</map>
<img id="main" class="fade-out" src="img/monkey1.png">
<<timed 10s>><<goto "monkey2">><</timed>><img id="main" class="fade-out" src="img/monkey2.png">
<<timed 10s>><<goto "monkey3">><</timed>><img id="main" class="fade-out" src="img/monkey3.png">
<<timed 10s>><<goto "monkey4">><</timed>><img id="main" class="fade-out" src="img/monkey4.png">
<<timed 10s>><<goto "monkey6.monkey5">><</timed>>
<<nobr>>
<div class="row">
<div class="column">
<img src="img/monkey6.png" style="width:110%">
<a data-passage="card.love.cleanse1" class="link-internal link-image">
<span id="but"><img src="img/zbut.png" style="width:10%"></span>
</a>
</div>
<div class="column">
<img src="img/monkey5.png" style="width:110%">
<a data-passage="card.love.cleanse2" class="link-internal link-image">
<span id="but"><img src="img/zbut.png" style="width:10%"></span>
</a>
</div>
<</nobr>><div class='card1'>
<a data-passage="PURELOVE" class="link-internal link-image">
<img src="img/cardpurelove.png" width="450" height="650">
</a>
</div>
<div class='card2'>
<a data-passage="REASON" class="link-internal link-image">
<img src="img/cardcleanse.png" width="450" height="650">
</a>
</div>
<div class='card1'>
<a data-passage="REASON" class="link-internal link-image">
<img src="img/cardpurelove.png" width="450" height="650">
</a>
</div>
<div class='card2'>
<a data-passage="CLEANSE" class="link-internal link-image">
<img src="img/cardcleanse.png" width="450" height="650">
</a>
</div>
<img class="fade-out" src="img/fire3.png" width="1200" height="800">
<<timed 10s>><<goto "fire5">><</timed>>
<img src="img/devicecleanse.png" width="1200" height="800" usemap="#image_map">
<map name="image_map">
<area alt="centrecircle" title="centrecircle" data-passage="fire3" coords="513,259,746,593" shape="rect">
</map>
<img src="img/devicepurelove.png" width="1200" height="800" usemap="#image_map">
<map name="image_map">
<area alt="centrecircle" title="centrecircle" data-passage="door2" coords="513,259,746,593" shape="rect">
</map>
<img class="fade-out" src="img/fire5.png" width="1200" height="800">
<<timed 10s>><<goto "fire4">><</timed>><img class="fade-out" src="img/fire4.png" width="1200" height="800">
<<timed 10s>><<goto "monkey7">><</timed>><img class="fade-out" src="img/monkey7.png" width="1200" height="800">
<<timed 10s>><<goto "gate.purelove">><</timed>><div class='maincardimage'>
<img src="img/gate.png" width="1200" height="800" usemap="#image_map">
<map name="image_map">
<area alt="centrecircle" title="centrecircle" coords="471,413,838,822" data-passage="garden1" shape="rect">
</map>
</div>
<div class='cardsideimage'>
<img src="img/cardpurelove.png" width="450" height="650">
<a data-passage="PURELOVE" class="link-internal link-image">
<span id="but3"><img src="img/zbut.png" width="50" height="50"></span>
</a>
</div><img class="fade-out" src="img/garden1.png" width="1200" height="800">
<<timed 10s>><<goto "dragonflies1">><</timed>><img class="fade-out" src="img/dragonflies.png" width="1200" height="800">
<<timed 10s>><<goto "wings3">><</timed>><img class="fade-out" src="img/wings3.png" width="1200" height="800">
<<timed 10s>><<goto "PURELOVE.DIETY">><</timed>><div class='card1'>
<a data-passage="PURELOVE" class="link-internal link-image">
<img src="img/cardpurelove.png" width="450" height="650">
</a>
</div>
<div class='card2'>
<a data-passage="wings2" class="link-internal link-image">
<img src="img/carddeity.png" width="450" height="650">
</a>
</div>
<img class="fade-out" src="img/wings2.png" width="1200" height="800">
<<timed 10s>><<goto "PRIDE">><</timed>><img src="img/devicepride.png" width="1200" height="800" usemap="#image_map">
<map name="image_map">
<area alt="centrecircle" title="centrecircle" data-passage="dragonflies.wings" coords="513,259,746,593" shape="rect">
</map>
<div class='img1'>
<img src="img/dragonflies.png" width="600" height="400">
</div>
<a data-passage="wildflower1" class="link-internal link-image">
<span id="but"><img src="img/zbut.png" width="50" height="50"></span>
</a>
<div class='img2'>
<img src="img/wings.png" width="600" height="400">
</div>
<a data-passage="flying" class="link-internal link-image">
<span id="but2"><img src="img/zbut.png" width="50" height="50"></span>
</a>
<<timed 5s>><<goto "wildflower2">><</timed>><img class="fade-out" src="img/flying.png" width="1200" height="800">
<<timed 10s>><<goto "mansion">><</timed>><img class="fade-out" src="img/mansion.png" width="1200" height="800">
<<timed 10s>><<goto "monkey9">><</timed>><img class="fade-out" src="img/monkey9.png" width="1200" height="800">
<<timed 10s>><<goto "door.PURELOVE">><</timed>><div class='maincardimage'>
<img src="img/door.png" width="1200" height="800" usemap="#image_map">
<map name="image_map">
<area alt="centrecircle" title="centrecircle" coords="471,413,838,822" data-passage="doorzoom" shape="rect">
</map>
</div>
<div class='cardsideimage'>
<img src="img/cardpurelove.png" width="450" height="650">
<a data-passage="PURELOVE" class="link-internal link-image">
<span id="but3"><img src="img/zbut.png" width="50" height="50"></span>
</a>
</div><div class='maincardimage'>
<a data-passage="WAITING.doorzoom" class="link-internal link-image">
<img src="img/doorzoom.png" width="1200" height="800">
</a>
</div>
<div class='cardsideimage'>
<img src="img/cardpurelove.png" width="450" height="650">
</div><div class='maincardimage'>
<a data-passage="BEHEADING" class="link-internal link-image">
<img src="img/doorzoom.png" width="1200" height="800">
</a>
</div>
<div class='cardsideimage'>
<img src="img/cardwaiting.png" width="450" height="650">
<a data-passage="PURELOVE" class="link-internal link-image">
<span id="but3"><img src="img/zbut.png" width="50" height="50"></span>
</a>
</div><img class="fade-out" src="img/headless3.png" width="1200" height="800">
<<timed 10s>><<goto "headless1">><</timed>><img src="img/devicebehead.png" width="1200" height="800" usemap="#image_map">
<map name="image_map">
<area alt="centrecircle" title="centrecircle" data-passage="headless3" coords="513,259,746,593" shape="rect">
</map>
<img class="fade-out" src="img/headless1.png" width="1200" height="800">
<<timed 10s>><<goto "headless2">><</timed>><img class="fade-out" src="img/headless2.png" width="1200" height="800">
<<timed 10s>><<goto "orb2.body">><</timed>><div class='maincardimage'>
<a data-passage="REASON" class="link-internal link-image">
<img src="img/doorzoom.png" width="1200" height="800">
</div>
<div class='cardsideimage'>
<img src="img/cardbody.png" width="450" height="650">
<a data-passage="hand2" class="link-internal link-image">
<span id="but3"><img src="img/zbut.png" width="50" height="50"></span>
</a>
</div><img class="fade-out" src="img/hand.png" width="1200" height="800">
<<timed 10s>><<goto "monkey8">><</timed>><img class="fade-out" src="img/monkey8.png" width="1200" height="800">
<<timed 10s>><<goto "monkeyhand3">><</timed>><img class="fade-out" src="img/monkeyhand3.png" width="1200" height="800">
<<timed 10s>><<goto "monkeyhand2">><</timed>><img class="fade-out" src="img/monkeyhand2.png" width="1200" height="800">
<<timed 10s>><<goto "monkeyhands">><</timed>><img class="fade-out" src="img/monkeyhands.png" width="1200" height="800">
<<timed 10s>><<goto "doublecardlove">><</timed>><div class='card1'>
<a data-passage="PURELOVE" class="link-internal link-image">
<img src="img/cardpurelove.png" width="450" height="650">
</a>
</div>
<div class='card2'>
<a data-passage="PURELOVE" class="link-internal link-image">
<img src="img/cardpurelove.png" width="450" height="650">
</a>
</div>
<img src="img/door2.png" width="1200" height="800" usemap="#image_map">
<map name="image_map">
<area alt="door 2" title="" coords="468,225,833,794" data-passage="ACTION" shape="rect">
</map>
<div class='cardsingular'>
<a data-passage="Black" class="link-internal link-image">
<img src="img/cardaction.png" width="650" height="850">
</a>
</div><<timed 5s>><<goto "0">><</timed>><img src="img/0.png" width="1200" height="800" usemap="#image_map">
<map name="image_map">
<area alt="" title="" coords="571,431,725,604" data-passage="0zoom" shape="rect">
</map>
<img class="fade-out" src="img/0zoom.png" width="1200" height="800">
<<timed 10s>><<goto "1">><</timed>><img src="img/1.png" width="1200" height="800" usemap="#image_map">
<map name="image_map">
<area alt="" title="" coords="585,155,739,298" data-passage="1card" shape="rect">
</map>
<img class="fade-out" src="img/1card.png" width="1200" height="800">
<<timed 10s>><<goto "1zoom">><</timed>>
<img class="fade-out" src="img/1card.png" width="1200" height="800">
<<timed 10s>><<goto "2">><</timed>><img class="fade-out" src="img/2.png" width="1200" height="800">
<<timed 10s>><<goto "2zooml.2zoomr">><</timed>><div class='img1'>
<a data-passage="3b" class="link-internal link-image">
<img src="img/2zoomleft.png" width="600" height="400">
</a>
</div>
<div class='img2'>
<a data-passage="3a" class="link-internal link-image">
<img src="img/2zoomright.png" width="600" height="400">
</a>
</div>
<img src="img/3b.png" width="1200" height="800" usemap="#image_map">
<map name="image_map">
<area alt="" coords="552,338,673,544" data-passage="3bzoom" shape="rect">
</map>
<img src="img/3a.png" width="1200" height="800">
<<timed 5s>><<goto "3acard">><</timed>><img src="3acard.png" width="1200" height="800" usemap="#image_map">
<map name="image_map">
<area alt="" title="" coords="534,244,759,578" data-passage="2" shape="rect">
</map>
<img class="fade-out" src="img/3bzoom.png" width="1200" height="800">
<<timed 10s>><<goto "4">><</timed>><img class="fade-out" src="img/4.png" width="1200" height="800">
<<timed 10s>><<goto "4zoomlr">><</timed>><div class='img1'>
<a data-passage="5" class="link-internal link-image">
<img src="img/4zoomleft.png" width="600" height="400">
</a>
</div>
<div class='img2'>
<a data-passage="6" class="link-internal link-image">
<img src="img/4zoomright.png" width="600" height="400">
</a>
</div>
<img src="img/5.png" width="1200" height="800">
<<timed 10s>><<goto "5card">><</timed>><img src="img/5card.png" width="1200" height="800" usemap="#image_map">
<map name="image_map">
<area alt="" title="" coords="551,336,762,659" data-passage="4" shape="rect">
</map><img src="img/6.png" width="1200" height="800">
<<timed 5s>><<goto "6card">><</timed>><img src="img/6card.png" width="1200" height="800" usemap="#image_map">
<map name="image_map">
<area alt="" title="" coords="535,264,768,638" data-passage="7" shape="rect">
</map>
<img src="img/7.png" width="1200" height="800">
<<timed 5s>><<goto "7card">><</timed>><img src="img/7card.png" width="1200" height="800" usemap="#image_map">
<map name="image_map">
<area alt="" title="" coords="513,82,772,440" data-passage="8" shape="rect">
</map>
<img class="fade-out" src="img/8.png" width="1200" height="800">
<<timed 10s>><<goto "9">><</timed>><img src="img/9.png" width="1200" height="800">
<<timed 5s>><<goto "9card">><</timed>><img src="img/9card.png" width="1200" height="800" usemap="#image_map">
<map name="image_map">
<area alt="" title="" coords="536,192,760,501" data-passage="10" shape="rect">
</map>
<img src="img/10.png" width="1200" height="800">
<<timed 5s>><<goto "10card">><</timed>><<timed 2s>><<goto "11a.b">><</timed>><div class='img1'>
<a data-passage="11acard" class="link-internal link-image">
<img src="img/11a.png" width="600" height="400">
</a>
</div>
<div class='img2'>
<a data-passage="12" class="link-internal link-image">
<img src="img/11b.png" width="600" height="400">
</a>
</div>
<img src="img/11acard.png" width="1200" height="800" usemap="#image_map">
<map name="image_map">
<area alt="" title="" coords="516,271,779,690" data-passage="2" shape="rect">
</map>
<img class="fade-out" src="img/12.png" width="1200" height="800">
<<timed 10s>><<goto "13">><</timed>><img src="img/13.png" width="1200" height="800">
<<timed 5s>><<goto "13card">><</timed>><img src="img/13card.png" width="1200" height="800" usemap="#image_map">
<map name="image_map">
<area alt="" title="" coords="505,268,789,625" data-passage="14card" shape="rect">
</map>
<img src="img/14card.png" width="1200" height="800" usemap="#image_map">
<map name="image_map">
<area alt="" title="" coords="505,268,789,625" data-passage="orb3.flower" shape="rect">
</map>
<div class='img1'>
<img src="img/orb3.png" width="600" height="400">
</div>
<a data-passage="door2" class="link-internal link-image">
<span id="but"><img src="img/zbut.png" width="50" height="50"></span>
</a>
<div class='img2'>
<img src="img/flower.png" width="600" height="400">
</div>
<a data-passage="PUREEVERYTHING" class="link-internal link-image">
<span id="but2"><img src="img/zbut.png" width="50" height="50"></span>
</a>
<img src="img/deviceeverything.png" width="1200" height="800" usemap="#image_map">
<map name="image_map">
<area alt="centrecircle" title="centrecircle" data-passage="end1" coords="513,259,746,593" shape="rect">
</map>
<img src="img/endseq.gif" width="1200" height="800" usemap="#image_map">
<map name="image_map">
<area alt="" title="button" coords="425,640,853,807" data-passage="endmeadow" shape="rect">
</map>
Double-click this passage to edit it.Double-click this passage to edit it.Double-click this passage to edit it.Double-click this passage to edit it.Double-click this passage to edit it.Double-click this passage to edit it.Double-click this passage to edit it.Double-click this passage to edit it.<img class="fade-out" src="img/endmeadow.png" width="1200" height="800">
<<timed 10s>><<goto "wildflower2">><</timed>>
