From 8718179db1034917a5933ef6925a453c792ee671 Mon Sep 17 00:00:00 2001
From: Denis <nutiudenis@hotmail.com>
Date: Fri, 9 Jan 2015 20:36:44 +0200
Subject: [PATCH] Translated to English

---
 src/en/index.html | 131 ++++++++++++++++++++++++++++++++++++++++++++++
 src/index.html    |  24 ++++++++-
 src/js/main.js    |  21 +-------
 src/js/main_en.js |  99 +++++++++++++++++++++++++++++++++++
 4 files changed, 253 insertions(+), 22 deletions(-)
 create mode 100644 src/en/index.html
 create mode 100644 src/js/main_en.js
diff --git a/src/en/index.html b/src/en/index.html
new file mode 100644
index 0000000..10f7259
--- /dev/null
+++ b/src/en/index.html
@@ -0,0 +1,131 @@
+<!DOCTYPE HTML>
+<html>
+
+<head>
+  <title>Hagman</title>
+  <meta charset="utf-8">
+  <meta http-equiv="author" content="Niutenisu">
+  <meta name="description" content="Hangman!">
+  <meta name="keywords" content="hangman, game, free, online">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="shortcut icon" href="../favicon.ico">
+  <link rel="stylesheet" type="text/css" href="../styles/normalize.css">
+  <link rel="stylesheet" type="text/css" href="../styles/styles.css">
+  <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
+  <script src="../sound/ion.sound.min.js"></script>
+  <script src="../js/words.js"></script>
+  <script src="../js/hangman.js"></script>
+  <script src="../js/main_en.js"></script>
+</head>
+
+
+<body>
+  <div id="content">
+    <h1>Hangman!</h1>
+    <div id="game" class="game" style="display: none;">
+      <div class="mobile">
+        <h3>Try to guess the word: <span class="word"></span></h3>
+        <h4>Type the letter here:</h4>
+        <input name="mobile" type="text">
+        <h4 class="litera_msg" style="display: none;">You pressed "<span class="litera" style="color: red;"></span>
+				<span class="litera_msg2"></span></h4>
+        <h4 class="litere" style="color: red;"></h4>
+        <select name="lista_cuvinte" class="change_words">
+          <option value="animale_eu">Animals from EU</option>
+          <option value="tari_eu">Country from EU</option>
+          <option value="firme">Companies</option>
+          <option value="ldp">Programming Languages</option>
+        </select>
+        <button class="">Switch</button>
+      </div>
+
+      <div id="left">
+        <h2>Try to guess the word: <span class="word"></span></h2>
+        <h3>Type a key, any key!</h3>
+        <br>
+        <h4 class="litera_msg" style="display: none;">You typed "<span class="litera red" style="color: red;"></span>"
+        <span class="litera_msg2"></span></h4>
+        <br>
+        <br>
+        <br>
+        <h4>Instructions:</h4>
+        <p>Try to guess the word, you have 6 tries before you lose.</p>
+        <br>
+        <br>
+        <h4 class="litere red"></h4>
+        <br>
+        <br>
+        <h4>Cuvinte:</h4>
+        <select name="lista_cuvinte" class="change_words">
+          <option value="animale_eu">Animals from EU</option>
+          <option value="tari_eu">Country from EU</option>
+          <option value="firme">Companies</option>
+          <option value="ldp">Programming Languages</option>
+        </select>
+        <button class="">Switch</button>
+      </div>
+      <div id="gamewon">
+        <p>Click the image to play again!</p>
+        <img src="../img/win.png" alt="Winner!" title="YOU'RE WINNER!">
+      </div>
+      <div id="gameover">
+        <p>Click the image to play again!</p>
+        <p>The word was: <span class="red" id="lose_word"></span>
+        </p>
+        <img src="../img/lose.png" alt="Loser!" title="YOU'RE LOSER!">
+      </div>
+      <div id="right">
+        <img id="hang" src="../img/hang.png">
+        <img id="human" src="../img/6.png">
+        <br>
+        <h3 id="incercari_msg">Life: <span id="incercari">6</span></h3>
+      </div>
+    </div>
+  </div>
+  <footer>
+    <div class="footer-content">
+      <p>
+        <span>Hangman</span>
+        <em>created by</em>
+        <span> @<a href="http://www.twitter.com/niutenisu">Niutenisu</a></span>
+      </p>
+      <p class="right">
+        <span><a href="https://github.com/niutenisu/ro-hangman/" alt="Github" title="Github Project Link">Github</a><span>
+      </p>
+    </div>
+  </footer>
+  <script>
+    // Sound initialization
+    ion.sound({
+        sounds: [{
+            name: "button_tiny",
+            volume: 0.8,
+            preload: true
+        }, {
+            name: "ta_da",
+            volume: 0.8,
+            preload: true
+        }, {
+            name: "sad_trombone",
+            volume: 0.8,
+            preload: true
+        }],
+        volume: 0.5,
+        path: "../sound/sounds/",
+        preload: true
+    });
+  </script>
+  <!--
+		<script type="text/javascript">
+		if (window.jQuery) {
+    		// jQuery is loaded
+    		alert("jQuery is loaded");
+		} else {
+    		// jQuery is not loaded
+    		alert("jQuery is not loaded");
+  </script>
+  }-->
+
+</body>
+
+</html>
diff --git a/src/index.html b/src/index.html
index f805a54..a50790d 100644
--- a/src/index.html
+++ b/src/index.html
@@ -7,7 +7,7 @@
   <meta http-equiv="author" content="Niutenisu">
   <meta name="description" content="Spanzuratoarea in limba romana!">
   <meta name="keywords" content="spanzuratoarea, joc, gratuit, romana">
-  <meta name="viewport" content="width=device-width, initial-scale=0.9">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="shortcut icon" href="favicon.ico">
   <link rel="stylesheet" type="text/css" href="styles/normalize.css">
   <link rel="stylesheet" type="text/css" href="styles/styles.css">
@@ -94,7 +94,27 @@
       </p>
     </div>
   </footer>
-
+  <script>
+    // Sound initialization
+    ion.sound({
+        sounds: [{
+            name: "button_tiny",
+            volume: 0.8,
+            preload: true
+        }, {
+            name: "ta_da",
+            volume: 0.8,
+            preload: true
+        }, {
+            name: "sad_trombone",
+            volume: 0.8,
+            preload: true
+        }],
+        volume: 0.5,
+        path: "sound/sounds/",
+        preload: true
+    });
+  </script>
   <!--
 		<script type="text/javascript">
 		if (window.jQuery) {
diff --git a/src/js/main.js b/src/js/main.js
index 2e7eb75..a95c8ca 100644
--- a/src/js/main.js
+++ b/src/js/main.js
@@ -4,30 +4,11 @@
     var MOBILE_WIDH = 930;
     var WINDOW_W = $(window).width();
     var mobileSiteUrl = "/m"; // relative path
-    var soundsFolder = "sound/sounds/";
     //Redirect to MobileSite
     if (WINDOW_W <= MOBILE_WIDH) {
         window.location.replace(mobileSiteUrl);
     }
-    // Sound initialization
-    ion.sound({
-        sounds: [{
-            name: "button_tiny",
-            volume: 0.8,
-            preload: true
-        }, {
-            name: "ta_da",
-            volume: 0.8,
-            preload: true
-        }, {
-            name: "sad_trombone",
-            volume: 0.8,
-            preload: true
-        }],
-        volume: 0.5,
-        path: soundsFolder,
-        preload: true
-    });
+
     $(document).ready(function() {
         var listaCuvinte = localStorage.getItem("listaCuvinte");
         if (listaCuvinte != null) {
diff --git a/src/js/main_en.js b/src/js/main_en.js
new file mode 100644
index 0000000..688af22
--- /dev/null
+++ b/src/js/main_en.js
@@ -0,0 +1,99 @@
+(function() {
+    //General
+    var h = new Hangman();
+    var MOBILE_WIDH = 930;
+    var WINDOW_W = $(window).width();
+    var mobileSiteUrl = "../m"; // relative path
+    //Redirect to MobileSite
+    if (WINDOW_W <= MOBILE_WIDH) {
+        window.location.replace(mobileSiteUrl);
+    }
+
+    $(document).ready(function() {
+        var listaCuvinte = localStorage.getItem("listaCuvinte");
+        if (listaCuvinte != null) {
+            $("select[name=lista_cuvinte]").val(listaCuvinte);
+            h.newGame(eval(listaCuvinte));
+        } else {
+            h.newGame(animale_eu);
+        }
+        // Update page info
+        $('.word').html(h.getWordArray());
+        $("#human").attr('src', "../img/" + h.getLife() + ".png");
+        $('#incercari').html(h.getLife());
+        $('.litera_msg2').html();
+        $("select[name=lista_cuvinte]").on("change", function() {
+            localStorage.setItem("listaCuvinte", $(this).val());
+        }).next().click(function() {
+            window.location.reload();
+        });
+        $('#game').fadeIn("slow");
+    });
+    $(document).on("keypress", function(e) {
+        var k = e.keyCode || e.which;
+        var key = String.fromCharCode(k).toLowerCase();
+        ion.sound.play("button_tiny");
+        $('.litera_msg').fadeIn('slow');
+        $('.litera').html(key);
+        if (h.check(key)) {
+            $('.litera_msg2').html("this letter is in the word.");
+            h.guessed(key);
+            $('.word').html(h.getWordArray());
+        } else {
+            $('.litera_msg2').html("this letter is not in the word.");
+            h.missed(key);
+            if (h.getLife() > -1) {
+                $("#human").attr('src', "../img/" + h.getLife() + ".png");
+                $('#incercari').html(h.getLife());
+                $('.litere').html(h.getMissedLetters() + "");
+                if (h.getLife() == 0)  					
+                	gameOver();
+            }
+        }
+        if (h.gameIsFinished()) {
+            gameWon();
+        }
+    });
+
+    function gameWon() {
+        if (WINDOW_W <= MOBILE_WIDH) {
+            ion.sound.play("ta_da");
+            alert("Felicita e tenersi per mano")
+            window.location.reload(); // mobile
+            return;
+        }
+        //alert("You're winner!");
+        if (WINDOW_W > MOBILE_WIDH) $('#gamewon').fadeIn('slow');
+        $(document).off(); // Detach keypress handler
+        ion.sound.play("ta_da"); // Play victory sound
+        $('#gamewon img').click(function() {
+            window.location.reload();
+        });
+        $(document).on("keypress", function(e) {
+            var key = e.keyCode || e.which;
+            if (key == 13) window.location.reload(); // Reset handlers :-)
+        });
+    }
+
+    function gameOver() {
+        if (WINDOW_W <= MOBILE_WIDH) {
+            ion.sound.play("sad_trombone");
+            alert("You lost! Word: " + h.getWord());
+            window.location.reload(); // for mobile phones
+            return; // for slower mobile phones
+        }
+        $('#incercari_msg').html("Game Over!");
+        $('#lose_word').html(h.getWord());
+        if (WINDOW_W > MOBILE_WIDH) $('#gameover').fadeIn('slow');
+        $(document).off(); // Detach keypress handler
+        ion.sound.play("sad_trombone");
+        $('#gameover img').click(function() {
+            window.location.reload();
+        });
+        $(document).on("keypress", function(e) {
+            var key = e.keyCode || e.which;
+            if (key == 13) window.location.reload();
+        });
+    }
+})();
+
