You see here a suitcase lock. Can you crack the combination?\n\nThe dials read: \n\n<<cyclinglink $dial1 "Two" "Three" "Four">>, <<cyclinglink $dial2 "Mute" "Blind" "Deaf">>, <<cyclinglink $dial3 "Mice" "Goats" "Voles">>\n\n[[Open it!|Open]]\n\nThe CSS used for these cyclinglink elements is:\n{{{\n.cyclingLink { display:inline-block; color:inherit; }\n.cyclingLink:hover { text-decoration:none !important;}\n.cyclingLink * { display:block !important; background-color: #663300; padding: 0 0.5em 0 0.5em; }\n.cyclingLinkDisabled { color:brown; } \n.cyclingLinkEnabled { color:#ffcc66;}\n}}}

Your story will display this passage first. Edit it by double clicking it.

<<if $dial1 eq "Three" and $dial2 eq "Blind" and $dial3 eq "Mice">>\nYou opened the lock! Unfortunately the suitcase lock isn't actually attached to a suitcase, but it's still a decent accomplishment.\n<<else>>\nBlast! That wasn't the combination!\n<<back>>\n<<endif>>

version.extensions["cyclinglinkMacro"]={major:3,minor:0,revision:0};macros.cyclinglink={handler:function(a,b,c){var l=Wikifier.createInternalLink(a,null);\nl.className="internalLink cyclingLink";l.setAttribute("data-cycle",0);var v="";var end=false;\nif(c.length&&c[0][0]=="$"){v=c[0].slice(1);c.shift();}if(c[c.length-1]=="end"){end=true;\nc.pop();}for(var i=0;i<c.length;i++){var d=insertElement(null,"span",null,"cyclingLink"+(!i?"En":"Dis")+"abled");\nif(!i){state.history[0].variables[v]=c[i];}insertText(d,c[i]);l.appendChild(d);}l.onclick=function(){var t=this.childNodes;\nvar c="cyclingLink";var u=this.getAttribute("data-cycle")-0;var m=t.length;if(end&&u==m-2){var n=this.removeChild(t[u+1]);\nn.className=c+"End";this.parentNode.replaceChild(n,this);return;}t[u].classList.toggle(c+"Enabled");\nt[u].classList.toggle(c+"Disabled");u=(u+1)%m;if(v){state.history[0].variables[v]=c[u];\n}t[u].classList.toggle(c+"Enabled");t[u].classList.toggle(c+"Disabled");this.setAttribute("data-cycle",u);\n};},init:function(){addStyle(".cyclingLinkDisabled { display:none; } .cyclingLinkEnabled { display:inline; }");\n}};macros.cyclinglink.init();\n\nsetTimeout(function(){ var next = "Start2";\n\nvar h = state.history; if (h[0].passage.title=="Start") { var n = insertElement(null, 'div');n.style.display="none";n.appendChild($("passages").removeChild($("passageStart")));state.display(next,null);$("passages").appendChild(n);}},1);

.cyclingLink { display:inline-block; color:inherit; }\n.cyclingLink:hover { text-decoration:none !important;}\n.cyclingLink * { display:block !important; background-color: #663300; padding: 0 0.5em 0 0.5em; }\n.cyclingLinkDisabled { color:brown !important; } \n.cyclingLinkEnabled { color:#ffcc66 !important;}