<?php
  $score = "0";
  $outof = "0";
  $theword = "";
  $theunderline = "";
  if (isset($_POST['word'])) {
    $theword = $_POST['word'];
  } else {
    $theword = strtolower(file_get_contents("http://" . $_SERVER['SERVER_NAME'] . ":" . $_SERVER['SERVER_PORT'] . "/PHP/surprise.php?min=4&max=12"));
  } 
  for ($i=0; $i<strlen($theword); $i++) {
    $theunderline .= "-";
  }
  if (isset($_GET['score'])) {
    $score=$_GET['score'];
  }
  if (isset($_GET['outof'])) {
    $outof=$_GET['outof'];
  }
  if (isset($_POST['score'])) {
    $score=$_POST['score'];
  }
  if (isset($_POST['outof'])) {
    $outof=$_POST['outof'];
  }
?>
<html>
<head>
<title>Hangman - RJM Programming - 2014</title>
<script type="text/javascript">
var overgoes=0;
var score=0;
var outof=0;
var goes=0;
var guess="";
var lettersdone="";

<?php
  echo "\n var versus='" . $theunderline . "'; \n";
  if (isset($_GET['score'])) {
    echo "\n score=" . $_GET['score'] . "; \n";
  }
  if (isset($_GET['outof'])) {
    echo "\n outof=" . $_GET['outof'] . "; \n";
  }
?>

function ohoh() {
      overgoes = overgoes + 1;
      goes = goes + 1;
      if (goes > 12) goes = 11;
      document.getElementById('iprogress').src = "hm" + goes + ".jpg";
}

function guessmade(thiso) {
  var i, myh1was=document.getElementById('myh1').innerHTML, one=1;
  var was=document.getElementById('word').value;
  var swas=document.getElementById('sword').value;
  var myh1is="";
  if (thiso.value != "") {
    if (lettersdone.indexOf(thiso.value) != -1) {
<?php
$isiPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');
if ($isiPad === false) {
  $isiPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPhone');
}
if (!$isiPad) {
      echo "\n" . 'alert("Have already guessed " + thiso.value); ' . "\n";
}
?>
      thiso.value = "";
    } else {
      lettersdone = lettersdone + thiso.value;
      if (document.getElementById('lsofar').innerHTML == "") {
        document.getElementById('lsofar').innerHTML = "&nbsp;";
        document.getElementById('gamename').innerHTML = document.getElementById('gamename').innerHTML + " ... Letters guessed so far: ";
      }
      document.getElementById('gamename').innerHTML = document.getElementById('gamename').innerHTML + thiso.value;
    }
  }
  if (thiso.value != "") {
    for (i=0; i<document.getElementById('word').value.length; i++) {
     document.getElementById('word').value = document.getElementById('word').value.replace(thiso.value, '_');
    }
    
    for (i=0; i<document.getElementById('word').value.length; i++) {
     if (document.getElementById('word').value.charAt(i) != was.charAt(i)) {
       myh1is = myh1is + swas.charAt(i);
       one = 0;
     } else {
       myh1is = myh1is + myh1was.charAt(i);
     }
    }
    document.getElementById('myh1').innerHTML = myh1is;
    
    if (document.getElementById('word').value == versus || myh1is.indexOf("-") == -1) {
      
<?php
$isiPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');
if ($isiPad === false) {
  $isiPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPhone');
}
if (!$isiPad) {
      echo "\n" . ' alert("Congratulations!"); ' . "\n";
} else {
      echo "\n" . ' document.getElementById("information").innerHTML = "Congratulations!"; ' . "\n";
}
?>
      score = score + 1;
      outof = outof + 1;
      location.href = "./hangman.php?score=" + score + "&outof=" + outof;
    } else if (goes == 10 && one == 1) {
      goes = goes + one;
      document.getElementById('iprogress').src = "hm" + goes + ".jpg";
      document.getElementById('guess').value = "";
      guessmade(document.getElementById('guess'));
    } else {
      goes = goes + one;
      document.getElementById('iprogress').src = "hm" + goes + ".jpg";
    }
  } else if (goes >= 11) {
    goes = 12;
    document.getElementById('iprogress').src = "hm" + goes + ".jpg";
<?php
$isiPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');
if ($isiPad === false) {
  $isiPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPhone');
}
if (!$isiPad) {
      echo "\n" . ' var ret=prompt("Oops!  Word needed was " + document.getElementById("sword").value + " ... do not Cancel for a dictionary lookup", document.getElementById("sword").value); ' . "\n";
      echo "\n" . '     if (ret != null) { ' . "\n";
      echo "\n" . '         if (ret == document.getElementById("sword").value) { ' . "\n";
      echo "\n" . '           window.open("http://www.thefreedictionary.com/" + ret, ret, " height=600,width=900,top=30,left=400 "); ' . "\n";
      echo "\n" . '         } ' . "\n";
      echo "\n" . '     } ' . "\n";
} else {
      echo "\n" . ' var ret=document.getElementById("sword").value; ' . "\n";
      echo "\n" . ' document.getElementById("information").innerHTML = "Oops!  Word needed was " + document.getElementById("sword").value; ' . "\n";
}
?>
    
    outof = outof + 1;
    location.href = "./hangman.php?score=" + score + "&outof=" + outof + "&badluck=y";
  }
}
</script>
</head>
<?php
 if (isset($_GET['badluck'])) {
  echo "\n <body style=\"background-color: yellow;\" onload=\" if (score > outof) { alert('Very funny!'); document.getElementById('outof').value = document.getElementById('score').value; outof=score; } \"> \n";
 } else {
  echo "\n <body style=\"background-color: yellow;\" onload=\" if (score > outof) { alert('Very funny!'); document.getElementById('outof').value = document.getElementById('score').value; outof=score; } \"> \n";
 }
?>
<div align="center">
<h1 id="gamename">Hangman</h1>
<?php
  global $score, $outof;
  if ($outof < $score) {
    $outof = $score;
  }
  echo "\n <h2 id='scoreis'>Score: " . $score . " / " . $outof . "</h2> \n";
?>
<form id="gform" method="POST" action="./hangman.php">
<input type="hidden" id="sword" name="sword" value="<?php echo $theword; ?>" />
<input type="hidden" id="word" name="word" value="<?php echo $theword; ?>" />
<input type="hidden" id="score" name="score" value="<?php echo $score; ?>" />
<input type="hidden" id="outof" name="outof" value="<?php echo $outof; ?>" />
<?php
  if (isset($_GET['badluck'])) {
  echo "\n" . '<img id="iprogress" title="State of play" src="hm11.jpg" style=" border: 2px solid lightgreen; "></img>' . "\n";
  } else {
  echo "\n" . '<img id="iprogress" title="State of play" src="hm10.jpg" style=" border: 2px solid lightgreen; "></img>' . "\n";
  }
?>
<select size=27 id="guess" name="guess" onchange=" guessmade(this); " style=" text-align:center; background-color: pink; ">
<option value="">Select a letter below ...</option>
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
<option value="d">d</option>
<option value="e">e</option>
<option value="f">f</option>
<option value="g">g</option>
<option value="h">h</option>
<option value="i">i</option>
<option value="j">j</option>
<option value="k">k</option>
<option value="l">l</option>
<option value="m">m</option>
<option value="n">n</option>
<option value="o">o</option>
<option value="p">p</option>
<option value="q">q</option>
<option value="r">r</option>
<option value="s">s</option>
<option value="t">t</option>
<option value="u">u</option>
<option value="v">v</option>
<option value="w">w</option>
<option value="x">x</option>
<option value="y">y</option>
<option value="z">z</option>
</select>
<h2 id="leng" name="leng">Word to guess below is <?php echo strlen($theword); ?> letters</h2>
<h1 id='myh1' name='myh1' style=" color: red;"><?php echo $theunderline; ?></h1>
<p id='lsofar' name='lsofar'></p>
</form>
<p id="information"></p>
</div>
</body>
</html>

