betweendates.htm

<html>
<head>
    <title>Between Dates</title>
</head>
<link rel="stylesheet" type="text/css" href="breaking.css" />
<script src="include.js" type="text/javascript"></script>
<script src="dateinc.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">

   var strStatus = "";

function setDateNoFromXML(node) 
{
     iDateNum = getTextFromNode(node);

     var elemTitle = document.getElementById("idTitle");

     if (iDateNum < 2)
     {
          elemTitle.innerHTML = "Between Dates";
     }
     else
     {
          elemTitle.innerHTML = "After the last date";
     }
}
 
   function getBetweenDateState() 
   {
        var urlGet = "getbetweendatestate.php";
        
        doHttpRequest(httpXMLTimer, handleHttpTimerResponse, urlGet, "GET");
   }

   function handleHttpTimerResponse() 
   {
       parseXMLWithCallback(httpXMLTimer.responseXML, displayNode);

       setTimeout("getBetweenDateState()",5000);
   }

   function handleHttpUserResponse() 
   {
       parseXMLWithCallback(httpXMLUser.responseXML, displayNode);
   }

   function rollPermanenceDice()
   {
        var urlPost = "rollpermanencedice.php";
        
        doHttpRequest(httpXMLUser, handleHttpUserResponse, urlPost, "POST");
   }

   function rerollPermanenceDie()
   {
        var urlPost = "rerollpermanencedie.php";
        
        doHttpRequest(httpXMLUser, handleHttpUserResponse, urlPost, "POST");
   }

   function moveOn()
   {
        var urlPost = "nextdate.php";
        
        doHttpRequest(httpXMLUser, handleHttpUserResponse, urlPost, "POST");
   }

function setBetweenDatesFromXML(node) 
{
     var fBetweenDates= getTextFromNode(node);

     if (fBetweenDates == 0)
     {
         if (iDateNum < 3)
         {
              top.location = "date.htm";
         }
         else
         {
              top.location = "epilogue.htm";
         }
     }
}

function setPermanenceDiceFromXML(node)
{
     iPermanenceDice = getTextFromNode(node);

     var elem = document.getElementById("idPermanenceDice");
     var elemButton = document.getElementById("buttonMoveOn");

     if (elem && elemButton)
     {
         displayDice(elem, "Rerollable", "Unrolled", iPermanenceDice, rollPermanenceDice);

         updateDisplayForPermanenceDiceChange();
     }

     if (iPermanenceDice > 0)
     {
         if (iDateNum < 2)
         {
             document.getElementById("idIntro").style.display = "block";
             document.getElementById("idIntroAfter").style.display = "none";
         }
         else
         {
             document.getElementById("idIntro").style.display = "none";
             document.getElementById("idIntroAfter").style.display = "block";
         }
     }
     else
     {
         document.getElementById("idIntro").style.display = "none";
         document.getElementById("idIntroAfter").style.display = "none";
     }

}

function setPermanenceRerollsFromXML(node)
{
     iPermanenceRerolls = getTextFromNode(node);

     var elem = document.getElementById("idPermanenceRerolls");
     var elemButton = document.getElementById("buttonMoveOn");

     if (elem && elemButton)
     {
         displayDice(elem, "Rerollable", "Reroll", iPermanenceRerolls, rerollPermanenceDie);
 
         updateDisplayForPermanenceDiceChange();
     }

     if (iPermanenceRerolls > 0)
     {
         document.getElementById("paraPermanenceRerolls").style.display = "block";
     }
     else
     {
         document.getElementById("paraPermanenceRerolls").style.display = "none";
     }
}

function updateDisplayForPermanenceDiceChange()
{
     if (iPermanenceRerolls == 0 && iPermanenceDice == 0)
     {
         if (iDateNum < 2)
         {
             document.getElementById("idMoveOn").style.display = "block";
             document.getElementById("idMoveOnAfter").style.display = "none";
         }
         else
         {
             document.getElementById("idMoveOn").style.display = "none";
             document.getElementById("idMoveOnAfter").style.display = "block";
         }

     }
     else
     {
             document.getElementById("idMoveOn").style.display = "none";
             document.getElementById("idMoveOnAfter").style.display = "none";
     }
}

function setPermanenceSuccessesFromXML(node)
{
     var iPermanenceSuccesses = getTextFromNode(node);

     var elem = document.getElementById("idPermanenceSuccesses");

     if (elem)
     {
         displayDice(elem, "Rerollable", "Success", iPermanenceSuccesses, 0);
     }

     if (iPermanenceSuccesses > 0)
     {
         document.getElementById("paraPermanenceSuccesses").style.display = "block";
     }
     else
     {
         document.getElementById("paraPermanenceSuccesses").style.display = "none";
     }

}

function setPermanenceFailuresFromXML(node)
{
     var iPermanenceFailures = getTextFromNode(node);

     var elem = document.getElementById("idPermanenceFailures");

     if (elem)
     {
         displayDice(elem, "Rerollable", "Failure", iPermanenceFailures, 0);
     }

     if (iPermanenceFailures > 0)
     {
         if (iDateNum < 2)
         {
             document.getElementById("paraPermanenceFailures").style.display = "block";
             document.getElementById("paraPermanenceFailuresAfter").style.display = "none";
         }
         else
         {
             document.getElementById("paraPermanenceFailures").style.display = "none";
             document.getElementById("paraPermanenceFailuresAfter").style.display = "block";
         }
     }
     else
     {
         document.getElementById("paraPermanenceFailures").style.display = "none";
         document.getElementById("paraPermanenceFailuresAfter").style.display = "none";
     }
}

</script>
</head>
<body onload="getBetweenDateState()">
<h1>
<span id="idTitle"></span></h1>
<div><span id="idPermanentAttraction"></span><span id="idTemporaryAttraction"></span></div>
<div id="idIntro" style="display:none">
<p class="intro">The attraction from the previous date might not last.</p>
<p>You, or your partner, must roll one die for each level of temporary attraction from your last date.
If the die succeeds, the attraction becomes permanent. If not, the attraction disappears.</p>
</div>
<div id="idIntroAfter" style="display:none">
<p class="intro">Again, the attraction from your last date might not last.</p>
<p>You, or your partner, must roll one die for each level of temporary attraction from your last date, plus one die for every compatibility.
For each die that succeeds, a level of temporary attraction becomes permanent.</p>
</div>
<div id="idPermanenceDice"></div>
<p id="paraPermanenceRerolls" style="display:none">These dice failed. You may reroll a die by narrating something bad that happens in between the dates.</p>
<div id="idPermanenceRerolls"></div>
<p id="paraPermanenceSuccesses" style="display:none">These dice succeeded, so the attraction has become permanent.</p>
<div id="idPermanenceSuccesses"></div>
<p id="paraPermanenceFailures" style="display:none">These dice failed. The attraction has gone.</p>
<p id="paraPermanenceFailuresAfter" style="display:none">These dice failed.</p>
<div id="idPermanenceFailures"></div>
<div id="idMoveOn" style="display:none">
<p>There are no dice to roll. Talk with your partner and decide where your next date will be.</p>
<input type="button" id="buttonMoveOn" value="Take me to my next date" onclick="moveOn()">
</div>
<div id="idMoveOnAfter" style="display:none">
<p>There are no dice to roll. It's time to decide whether you stay together.</p>
<input type="button" id="buttonMoveOnAfter" value="The End" onclick="moveOn()">
</div>

</div>
</body>
</html>