,<!--
(set: $wand_ohne to '<div><img src="img/room1-1.png" class="room">/div>')
(set: $wand_mit to '<div><img src="img/room1-1a.png" class="room"></div>')
-->
(set: $current_passage ="Startup")
(set: $boden to "boden")
(set: $tasche to "tasche")
(set: $intakt to "intakt")
(set: $kaputt to "kaputt")
(set: $klopfen to (a:))
(set: $klopfcode to (a:"s", "f", "f", "f", "f", "s", "s", "s", "s", "f", "s", "s", "s", "s", "f"))
(set: $zettel_img to "img/zettel.png")
(set: $weinglas_leer to "img/weinglas_leer.png", )
(set: $weinflasche_vorne to "img/weinflasche_vorne.png")
(set: $weinflasche_hinten to "img/weinflasche_hinten.png")
(set: $weinflasche to $weinflasche_vorne)
(set: $weinglas_fuellstatus to (a:$weinglas_leer, "weinglas_0.1.png", "weinglas_0.2.png", "weinglas_0.3.png", "weinglas_0.4.png", "weinglas_0.5.png"))
(set: $zettel_an_wand to "wand")
<!-- raumzustände -->
(set: $zettel to $zettel_an_wand)
(set: $fenster to $intakt)
(set: $wand to $wand_mit)
(set: $use_item to "")
<!-- Inventory -->
(set: $torch to "<div class='inventory'><img class='inventory' src='img/skeleton-key_640.png'></div>")
(set: $door_key to "<div class='inventory'><img class='inventory' src='img/torch_640.png'></div>")
(set: $sheet to "<div class='inventory' onclick='linkit.myEventHandler(\"Zettel anschauen\");'><img class='inventory' src='img/zettel.png'></div>")
<!-- weingläser im schrank -->
(set: $weinglas_im_schrank to (a:$weinglas_leer, $weinglas_leer, $weinglas_leer, $weinglas_leer, $weinglas_leer))
<!-- tatsächliche weingläser mit befüllstatus -->
(set: $weinglas_item to (a:$weinglas_leer, $weinglas_leer, $weinglas_leer, $weinglas_leer, $weinglas_leer))
<!-- befindet sich ein Weinglas schon im Inventar -->
(set: $weinglas_im_inventar to (a: "", "", "", "", ""))
<!-- weinflaschen im schrank -->
(set: $weinflasche_im_schrank to (a:"img/weinflasche_im_schrank.png", "img/weinflasche_im_schrank.png", "img/weinflasche_im_schrank.png"))
<!-- weinflaschen -->
(set: $weinflasche_item to (a:$weinflasche_vorne, $weinflasche_vorne, $weinflasche_vorne))
<!-- befindet sich eine Weinflasche schon im Inventar -->
(set: $weinflasche_im_inventar to (a: "", "", ""))
(set: $inv to (a: ))
<!-- where inventory items are originally stored -->
(set: $map to (datamap: "living room north", (a: $sheet), "living room south", (a: $weinglas_item), "bedroom", (a: ), "kitchen", (a:), "bath room", (a: $box), "cellar", (a: )))
(set: $offstage to (a: $torch, $door_key))
(set: $inv to $offstage)
<!-- sidebar -->
[(goto: "Living room north")]
<div class="room"><img class="room" src="img/room1-1-zettel.png"></div>
(link: "Den Zettel einstecken")[(set: $zettel to "")(set: $inv to $inv +(a: $sheet))(goto: "Living room north")]
[[Den Zettel einfach hängen lassen->Living room north]]
<img src="img/zettel.png" height="308" width="199">'
(link: "zurück")[(goto: $current_passage)]<div style="background-image: url(img/room1-north.jpg);" class="room">
<div class="arrow" id="arrow-top" style="background-image:url(img/arrow_right_640.png);width:6%;height:10%;top:0%;left:47%;">
</div>
<div class="arrow" id="arrow-left" style="background-image:url(img/arrow_right_640.png);width:6%;height:10%;top:45%;left:0%;">
<div style="top:-35px;left:30px;width:30px;height:30px;background:none" onclick="linkit.myEventHandler('Living room south');"></div>
</div>
<div class="arrow" id="arrow-bottom" style="background-image:url(img/arrow_right_640.png);width:6%;height:10%;top:90%;left:47%;"></div>
<div class="arrow" id="arrow-right" style="background-image:url(img/arrow_right_640.png);width:6%;height:10%;top:45%;left:94%;" onclick="linkit.myEventHandler('Living room south');"></div>
<!--zettel -->
(if: $zettel is "")[
<script>document.getElementById('zettel').style.display='none';</script>
]
<div id="zettel" class="detail" style="background-image:url(img/zettel.png);top:35%;left:73%;width:1%;height:3%;" onclick="linkit.myEventHandler('Zettel an der Wand');"></div>
<!-- schachtel -->
<div id="schachtel" class="detail" style="background-image:none;background-color:transparent;left:72%;top:60%;width:8%;height:6%;" onclick="linkit.myEventHandler('Schachtel');"></div>
<!-- clear -->
<div style="clear: left;"></div>
</div>
(set: $current_passage ="Living room north") (print: $inv.join(""))<!--
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
-->Double-click this passage to edit it.<div style="background-image: url(img/room1-south.jpg);" class="room">
<!-- Navigationspfeile -->
<div class="arrow" id="arrow-top" style="background-image:url(img/arrow_right_640.png);width:6%;height:10%;top:0%;left:47%;">
</div>
<div class="arrow" id="arrow-left" style="background-image:url(img/arrow_right_640.png);width:6%;height:10%;top:45%;left:0%;">
<div style="top:-35px;left:30px;width:30px;height:30px;background:none" onclick="linkit.myEventHandler('Living room north');"></div>
</div>
<div class="arrow" id="arrow-bottom" style="background-image:url(img/arrow_right_640.png);width:6%;height:10%;top:90%;left:47%;">
</div>
<div class="arrow" id="arrow-right" style="background-image:url(img/arrow_right_640.png);width:6%;height:10%;top:45%;left:94%;" onclick="linkit.myEventHandler('Living room north');"></div>
<!-- Tür -->
<div id="door" class="detail" style="background-image:none;background-color:transparent;left:88%;top:11%;width:12%;height:86%;" onclick="linkit.myEventHandler('Living room door');"></div>
<!-- Weingläser -->
(if: $weinglas_im_schrank's 1st is "")[
<script>document.getElementById('weinglas_1').style.display='none';</script>
]
<div class="detail" id="weinglas_1" style="background-image:url(img/weinglas_haengend_im_schrank.png);left:64.11%;top:43.08%;width:2.08%;height:6.35%;" onclick="linkit.myEventHandler('Weinglas 1');"></div>
(if: $weinglas_im_schrank's 2nd is "")[
<script>document.getElementById('weinglas_2').style.display='none';</script>
]
<div class="detail" id="weinglas_2" style="background-image:url(img/weinglas_haengend_im_schrank.png);left:67.40%;top:43.08%;width:2.08%;height:6.35%;" onclick="linkit.myEventHandler('Weinglas 2');"></div>
(if: $weinglas_im_schrank's 3rd is "")[
<script>document.getElementById('weinglas_3').style.display='none';</script>
]<div class="detail" id="weinglas_3" style="background-image:url(img/weinglas_haengend_im_schrank.png);left:70.47%;top:43.08%;width:2.08%;height:6.35%;" onclick="linkit.myEventHandler('Weinglas 3');"></div>
(if: $weinglas_im_schrank's 4th is "")[
<script>document.getElementById('weinglas_4').style.display='none';</script>
]<div class="detail" id="weinglas_4" style="background-image:url(img/weinglas_haengend_im_schrank.png);left:73.64%;top:43.08%;width:2.08%;height:6.35%;" onclick="linkit.myEventHandler('Weinglas 4');"></div>
(if: $weinglas_im_schrank's 5th is "")[
<script>document.getElementById('weinglas_5').style.display='none';</script>
]<div class="detail" id="weinglas_5" style="background-image:url(img/weinglas_haengend_im_schrank.png);left:76.91%;top:43.08%;width:2.08%;height:6.35%;" onclick="linkit.myEventHandler('Weinglas 5');"></div>
<!-- Weinflaschen -->
(if: $weinflasche_im_schrank's 1st is "")[
<script>document.getElementById('weinflasche_1').style.display='none';</script>
]
<div class="detail" id="weinflasche_1" style="background-image:url(img/weinflasche_im_schrank.png);left:66.46%;top:72.58%;width:1.51%;height:2.35%;" onclick="linkit.myEventHandler('Weinflasche 1');"></div>
(if: $weinflasche_im_schrank's 2nd is "")[
<script>document.getElementById('weinflasche_2').style.display='none';</script>
]
<div class="detail" id="weinflasche_2" style="background-image:url(img/weinflasche_im_schrank.png);left:70.78%;top:72.58%;width:1.51%;height:2.35%;" onclick="linkit.myEventHandler('Weinflasche 2');"></div>
(if: $weinflasche_im_schrank's 3rd is "")[
<script>document.getElementById('weinflasche_3').style.display='none';</script>
]
<div class="detail" id="weinflasche_3" style="background-image:url(img/weinflasche_im_schrank.png);left:75.16%;top:72.58%;width:1.51%;height:2.35%;" onclick="linkit.myEventHandler('Weinflasche 3');"></div>
<!-- Clear -->
<div style="clear: left;"></div>
</div>
(set: $current_passage ="Living room south")<div style="background-image: url(img/closeup-schachtel.jpg);" class="room">
<div id="rad1" class="detail" style="background-image:url(img/zahlenschloss_2.png);left:35.05%;top:27.50%;width:7.34%;height:42.82%;" onclick="numberlock.myEventHandler('rad1');"></div>
<div id="rad2" class="detail" style="background-image:url(img/zahlenschloss_5.png);left:46.61%;top:27.50%;width:7.34%;height:42.82%;" onclick="numberlock.myEventHandler('rad2');"></div>
<div id="rad3" class="detail" style="background-image:url(img/zahlenschloss_1.png);left:57.97%;top:27.50%;width:7.34%;height:42.82%;" onclick="numberlock.myEventHandler('rad3');"></div>
</div>
<div id="options" style="left:100px;top:800px">(display: "Back")</div>
(link: "zurück")[(goto: $current_passage)]
<div style="background-image: url(img/closeup_door.jpg);" class="room">
(link: "zurück")[(goto: $current_passage)]
.<div style="background-image: url(img/room1-close_up.jpg);" class="room">
<!-- weinglas im schrank anzeigen ode weingas im inventar -->
<script>var iTurn=0.25;</script>
(set: $weinglas_anzeigen to $weinglas_im_schrank's 1st)
(if: $weinglas_anzeigen is "")[(set:$weinglas_anzeigen to $weinglas_item's 1st)]
(set: $img to '<img id="detail" class="item" src="'+$weinglas_anzeigen+'">')
<div class="item">$img</div>
(if: $weinglas_im_inventar's 1st is "")[
(set: $weinglas to "<div class='inventory' onclick='linkit.myEventHandler(\"Weinglas 1\");'><img class='inventory' src='"+$weinglas_anzeigen+"'></div>")
(link: "Einstecken")
[
(set: $inv to $inv +(a: $weinglas))
(set: $weinglas_im_schrank's 1st to "")
(set: $weinglas_im_inventar's 1st to $weinglas)
(goto: "Living room south")
]
]
(link: "Abstellen")
[
(set: $inv to $inv -(a: $weinglas))
(goto: "Living room south")
]
[[Zurück->Living room south]]
(link-repeat: "Rotieren")[<script>document.getElementById('detail').style.transform='rotate('+iTurn+'turn)';iTurn=iTurn+0.25;</script>]
</div><div style="background-image: url(img/room1-close_up.jpg);" class="room">
<!-- weinglas im schrank anzeigen ode weingas im inventar -->
<script>var iTurn=0.25;</script>
(set: $weinglas_anzeigen to $weinglas_im_schrank's 2nd)
(if: $weinglas_anzeigen is "")[(set:$weinglas_anzeigen to $weinglas_item's 2nd)]
(set: $img to '<img id="detail" class="item" src="'+$weinglas_anzeigen+'">')
<div class="item">$img</div>
(if: $weinglas_im_inventar's 2nd is "")[
(set: $weinglas to "<div class='inventory' onclick='linkit.myEventHandler(\"Weinglas 2\");'><img class='inventory' src='"+$weinglas_anzeigen+"'></div>")
(link: "Einstecken")
[
(set: $inv to $inv +(a: $weinglas))
(set: $weinglas_im_schrank's 2nd to "")
(set: $weinglas_im_inventar's 2nd to $weinglas)
(goto: "Living room south")
]
]
(link: "Abstellen")
[
(set: $inv to $inv -(a: $weinglas))
(goto: "Living room south")
]
[[Zurück->Living room south]]
(link-repeat: "Rotieren")[<script>document.getElementById('detail').style.transform='rotate('+iTurn+'turn)';iTurn=iTurn+0.25;</script>]
</div><div style="background-image: url(img/room1-close_up.jpg);" class="room">
<div style="display: none;">
[[Flasche oeffnen->Weinflasche 1 offen]]
</div>
<!-- weinflasche im schrank anzeigen ode weinflasche im inventar -->
<script>var iTurn=0.25;</script>
(set: $anzeigen to $weinflasche)
(if: $anzeigen is "")[(set:$anzeigen to $weinflasche_item's 1st)]
(set: $img to '<img id="weinflasche_1" class="item" src="'+$anzeigen+'" usemap="#thismap">')
(set: $img to $img + '<map name="thismap"><area shape="circle" coords="40%,0,20%" href="javascript:alert(\"nope\");" alt="stoppel");"></map>')
<script>
/* Code to simulate the clicking of a particular link. */
$('area[alt="stoppel"]').on("click", function(e){
e.preventDefault();
//hacks.goto("Weinflasche 1 offen");
$("tw-link[passage-name='Weinflasche 1 offen']").click();
});
</script>
<div class="item">$img</div>
(if: $weinflasche_im_inventar's 1st is "")[
(set: $weinflasche_inv to "<div class='inventory' onclick='linkit.myEventHandler(\"Weinflasche 1\");'><img class='inventory' src='"+$anzeigen+"'></div>")
(link: "Einstecken")[
(set: $inv to $inv +(a: $weinflasche_inv))
(set: $weinflasche_im_schrank's 1st to "")
(set: $weinflasche_im_inventar's 1st to $weinflasche)
(goto: "Living room south")
]]
(link: "Benutzen")
[
(set: $use_item to $weinflasche)
(goto: "Living room south")
]
(link: "Abstellen")
[
(set: $inv to $inv - (a: $weinflasche_inv))
(goto: "Living room south")
]
[[Zurück->Living room south]]
(link-repeat: "Rotieren")[<script>document.getElementById('weinflasche_1').style.transform='rotate('+iTurn+'turn)';iTurn=iTurn+0.25;</script>]
</div><div style="background-image: url(img/room1-close_up.jpg);" class="room">
<!-- weinflasche im schrank anzeigen oder weinflasche im inventar -->
(set: $anzeigen to $weinflasche_offen)
(if: $anzeigen is "")[(set:$anzeigen to $weinflasche_item's 1st)]
(set: $img to '<img id="detail" class="item" src="'+$anzeigen+'" usemap="#thismap">')
<div class="item">$img</div>
(set: $weinflasche_im_inventar's 1st to $weinflasche_offen)
(link: "Benutzen")
[
(set: $use_item to $weinflasche_offen)
(goto: "Living room south")
]
(link: "Abstellen")
[
<!--
(set: $inv to $inv +(a: $weinflasche_offen))
(set: $weinflasche_im_schrank's 1st to "")
(set: $weinflasche_im_inventar's 1st to $weinflasche_offen)
-->
(goto: "Living room south")
]
[[Zurück->Living room south]]
</div>