ADD swipe for box

public/js/map.js

@@ -460,3 +460,43 @@ function hideBigLogo() {
 		$('#vkBigLogo').remove();
 	});
 }
+
+// ======================= Swipe controll
+
+window.addEventListener('load', function(){
+    var touchsurface = document.getElementById('box'),
+        startX,
+        startY,
+        dist,
+        threshold = 80,
+        allowedTime = 200,
+        elapsedTime,
+        startTime;
+
+    touchsurface.addEventListener('touchstart', function(e){
+        var touchobj = e.changedTouches[0];
+        dist = 0;
+        startX = touchobj.pageX;
+        startY = touchobj.pageY;
+        startTime = new Date().getTime();
+        e.preventDefault();
+    }, false);
+
+    touchsurface.addEventListener('touchmove', function(e){
+        e.preventDefault();
+    }, false);
+
+    touchsurface.addEventListener('touchend', function(e){
+        var touchobj = e.changedTouches[0];
+        dist = touchobj.pageX - startX;
+        elapsedTime = new Date().getTime() - startTime;
+        var swiperightBol = (elapsedTime <= allowedTime && dist >= threshold && Math.abs(touchobj.pageY - startY) < dist);
+
+		if(swiperightBol) {
+			closeBox();
+		}
+
+        e.preventDefault();
+    }, false);
+
+}, false);