From 3f61615bd33937c16a0e2ce9392295e4afc2ae70 Mon Sep 17 00:00:00 2001
From: samuel-p <codes@samuel-philipp.de>
Date: Wed, 3 Oct 2018 22:27:22 +0200
Subject: [PATCH] updated v2 test version

---
 index-v2.html | 44 +++++++++++++++++++++++++++-----------------
 1 file changed, 27 insertions(+), 17 deletions(-)
diff --git a/index-v2.html b/index-v2.html
index ec76278..4785ee8 100644
--- a/index-v2.html
+++ b/index-v2.html
@@ -43,28 +43,38 @@
 
     <script type="application/javascript">
         $(document).ready(function () {
+            document.addEventListener('touchmove', function (event) {
+                event.preventDefault();
+                var e = event.touches[0];
+                move(e);
+            });
+            document.addEventListener('mousemove', function (event) {
+                event.preventDefault();
+                move(event);
+            });
+        });
+
+        function move(event) {
             var mouseX, mouseY;
             var ww = $(window).width();
             var wh = $(window).height();
             var traX, traY, traX2, traY2;
-            $(document).mousemove(function (e) {
-                mouseX = e.pageX;
-                mouseY = e.pageY;
-                traX = (((50 * mouseX) / ww)) - 50;
-                traY = (((50 * mouseY) / wh)) - 50;
-                traX2 = (50 + traX) * -1;
-                traY2 = (50 + traY) * -1;
-                console.log(traX);
-                $('#topper-image').css({
-                    "left": traX + "px",
-                    "top": traY + "px"
-                });
-                $('#top-image').css({
-                    "left": traX2 + "px",
-                    "top": traY2 + "px"
-                });
+            mouseX = event.pageX;
+            mouseY = event.pageY;
+            traX = (((50 * mouseX) / ww)) - 50;
+            traY = (((50 * mouseY) / wh)) - 50;
+            traX2 = (50 + traX) * -1;
+            traY2 = (50 + traY) * -1;
+            console.log(traX);
+            $('#topper-image').css({
+                "left": traX + "px",
+                "top": traY + "px"
             });
-        });
+            $('#top-image').css({
+                "left": traX2 + "px",
+                "top": traY2 + "px"
+            });
+        }
     </script>
 </head>
 <body>
