Add hidden speacker notes

Author: seppo0010

deck-remote-client/index.html

@@ -20,6 +20,13 @@
 	float: left;
 }
 
+div#notes {
+	width: 20%;
+	position: absolute;
+	left: 0;
+	top: 300px;
+}
+
 p#cur_frame_label {
 	width: 50%;
 	text-align: center;
@@ -36,14 +43,6 @@
 	left: 25%;
 }
 
-p#prev_frame_label {
-	width: 20%;
-	text-align: center;
-	position: absolute;
-	left: 0;
-	bottom: 300px;
-}
-
 iframe#prev_frame {
 	position: absolute;
 	left: 0;
@@ -55,7 +54,7 @@
 	text-align: center;
 	position: absolute;
 	right: 0;
-	bottom: 300px;
+	top: 270px;
 }
 
 iframe#next_frame {
@@ -82,10 +81,10 @@
 			var data = jQuery.parseJSON(evt.data);
 			if (data.type == 'status') {
 				$('#current-slide').text(data.data.currentSlide + 1);
+				$('#notes').text(data.data.notes);
 			}
 			if (data.type == 'url') {
 				$this.url = data.data;
-				$('#prev_frame').attr('src', $this.url + '#mirror-1');
 				$('#cur_frame').attr('src', $this.url + '#mirror+0');
 				$('#next_frame').attr('src', $this.url + '#mirror+1');
 			}
@@ -148,8 +147,8 @@
 <a href="#" id="next">&gt;&gt;</a><br />
 <span id="clock"></span><br />
 <a href="#" id="start-stop-clock">Start Timer</a><br />
-<p id="prev_frame_label">Previous Slide</p>
-<iframe id="prev_frame"></iframe>
+<div id="notes">
+</div>
 <p id="cur_frame_label">Current Slide</p>
 <iframe id="cur_frame"></iframe>
 <p id="next_frame_label">Next Slide</p>

deck-remote/deck.remote.css

@@ -0,0 +1,3 @@
+.hidden-notes {
+	display: none;
+}

deck-remote/deck.remote.html

@@ -0,0 +1 @@
+<script type="text/javascript" src="json2.js"></script>

deck-remote/deck.remote.js

@@ -69,7 +69,8 @@ the deck container.
 			this.sendStatus = function() {};
 		},
 		sendStatus: function() {
-			this.myWebSocket.send('{"type":"status", "data": { "currentSlide": ' + this.currentSlide + ' } }');
+			var notes = $('.hidden-notes', $[deck]('getSlide', this.currentSlide)).text();
+			this.myWebSocket.send(JSON.stringify({"type":"status", "data": { "currentSlide": this.currentSlide, "notes":  notes } }));
 		}
 	};
 	$[deck]('extend', 'remoteInit', function() {