From af99780ea686229fef821aec3efa3e867395aa57 Mon Sep 17 00:00:00 2001
From: Florian <stayawake@lavabit.com>
Date: Fri, 14 Feb 2014 19:18:18 +0100
Subject: form is displayed as overlay

---
 js/cctv-control.js | 25 +++++++++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

(limited to 'js/cctv-control.js')

diff --git a/js/cctv-control.js b/js/cctv-control.js
index c0c7bbd..c0318a0 100644
--- a/js/cctv-control.js
+++ b/js/cctv-control.js
@@ -30,10 +30,13 @@ function initReady(fn)	{
 
 //change currently displayed camera to the one in cam variable
 function changeCam()	{
+	
+	document.getElementById('form').style.visibility = "hidden";
+	
 	var display = document.getElementById('screen');
 	if (cam <= 7 && cam >= 0)	{
 			camDisplay = cam + 1;
-			display.innerHTML = '<p class="camnumber">' + camDisplay + '</p>';
+			display.innerHTML = '<p class="camNumber">' + camDisplay + '</p>';
 			display.innerHTML += '<img id="camImage" src="http://' + camHost + '/cam/' + cam + '/stream.mjpeg" />';
 	}
 	else	{
@@ -86,12 +89,31 @@ function saveImage()	{
 			};
 			
 			fileReader.readAsDataURL(blob);
+			showImage();
 		}
 	}, false);
 
 	xhr.send();
 }
 
+function showImage()	{
+
+	//load snapshot from localstorage an display in background
+	var display1 = document.getElementById("camImage"),
+	    display2 = document.getElementById("formImage"),
+	    stor = localStorage.getItem("snapShot");
+
+	if (stor)       {
+		display1.setAttribute("src", stor);
+		display2.setAttribute("src", stor);
+	}
+
+	//make form visible
+	document.getElementById("form").style.visibility = 'visible';
+}
+
+
+
 function keyDown(event)	{
 
 	switch(event.keyCode)	{
@@ -141,7 +163,6 @@ function keyDown(event)	{
 			break;
 		case 13: //enter
 			saveImage();
-			window.location = "http://127.0.0.1/form.html";
 			break;
 	}	
 }
-- 
cgit v1.2.1