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: // receive metronome tick from server and execute
rc-web@5: // css animation locally
rc-web@5: 
rc-web@5: /////////////////////////////////////////////////
rc-web@5: 
rc-web@5: socket.on("metroPulse", pulseInClient);
rc-web@5: function pulseInClient(pulse,groupID,metrobeat){
rc-web@5: 
rc-web@5:     var groupPage=document.getElementById('group').value
rc-web@5: //    console.log(pulse+"........"+ groupID+ "==" +groupPage+".........."+metrobeat)
rc-web@5:     if (groupID == groupPage) {
rc-web@5: //	var metrobeat=metrobeat
rc-web@5: //	console.log(pulse+" .................. "+metrobeat)
rc-web@5: 	metronomeTick(1000, groupID, metrobeat);
rc-web@5:     }
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: // countdown to change
rc-web@5: 
rc-web@5: socket.on("countinFromServer", countinClient);
rc-web@5: function countinClient(groupID, currentseconds,mm,text,colour,background){
rc-web@5:     var groupPage=document.getElementById('group').value
rc-web@5:     if (groupID == groupPage) {
rc-web@5: 	console.log(currentseconds);
rc-web@5: 	document.getElementById("countinnumber").style.visibility="visible";
rc-web@5: 	document.getElementById("countinnumber").style.visibility="visible";
rc-web@5: 	//$("#countin").text(text);
rc-web@5: 	$("#countinnumber").text(currentseconds);
rc-web@5: 	$("#countinnumber").css('background-color', background);
rc-web@5: 	
rc-web@5: 	document.getElementById("countinnumber").style.color=colour;
rc-web@5: 
rc-web@5: 	if ( currentseconds == 0) {
rc-web@5: 	    document.getElementById("countinnumber").style.visibility='hidden';
rc-web@5: //	    document.getElementById("countin").style.visibility='hidden';
rc-web@5: 	}
rc-web@5:     }}
rc-web@5: 
rc-web@5: /////////////////////////////////////////////////
rc-web@5: 
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: /////////////////////////////////////////////////