rc-web@5: /////////////////////////////////////////////////
rc-web@5: // connect to websocket
rc-web@5: 
rc-web@5: var socket = io.connect();
rc-web@5: 
rc-web@5: /////////////////////////////////////////////////
rc-web@5: 
rc-web@5: // update the stopwatch value on the client page in line with server
rc-web@5: socket.on("chronFromServer", function(chron) {
rc-web@5:     $("div#client_chronometer").text(chron);
rc-web@5: });
rc-web@5: 
rc-web@5: /////////////////////////////////////////////////
rc-web@5: 
rc-web@5: function pageFlip(unit) {
rc-web@5:     console.log("flipping page:"+ unit);
rc-web@5:     $('#sections').trigger('goto', [parseFloat(unit)]); 
rc-web@5:     //metroStart(1000); 
rc-web@5:     //document.getElementById("countdowncase").style.visibility="hidden";
rc-web@5: }
rc-web@5: 
rc-web@5: /////////////////////////////////////////////////
rc-web@5: // call the fancy jquery functions
rc-web@5: 
rc-web@5: function slideTo (target) { $('#sections').trigger('goto', [target]); }
rc-web@5: function pad2(number) { return (number < 10 ? '0' : '') + number }       
rc-web@5: 
rc-web@5: /////////////////////////////////////////////////
rc-web@5: 
rc-web@5: socket.on("pageFlipfromserver", pageTurn);
rc-web@5: function pageTurn (group,unit,time,mm) {
rc-web@5:     var groupPage=document.getElementById('group').value;
rc-web@5:     console.log("fromservercommand has been executed on client");
rc-web@5:     if (group == groupPage) {
rc-web@5: 	var g= pad2(group); 
rc-web@5: 	var p= pad2(unit);
rc-web@5: 	pageFlip(unit); 
rc-web@5:     }
rc-web@5:     else { 
rc-web@5: 	console.log("not for this group... ignoring... for group:" + group );
rc-web@5:     }
rc-web@5: }
rc-web@5: 
rc-web@5: /////////////////////////////////////////////////