rc-web@66: //////////////////////////////////////////////
rc-web@66: var socket = io.connect();
rc-web@66: //////////////////////////////////////////////
rc-web@70: 
rc-web@70: 
rc-web@66: // Sequencer Controls
rc-web@66: function startSeq() { socket.emit("startSeq") }
rc-web@66: function stopSeq() { socket.emit("stopSeq") }
rc-web@66: function resetSeq() { socket.emit("resetSeq") }
rc-web@70: 
rc-web@66: //////////////////////////////////////////////
rc-web@66: // Chron Controls
rc-web@66: function stopWatch(value) { socket.emit("stopWatch", value) }
rc-web@66: //////////////////////////////////////////////
rc-web@66: // Metronome Controls
rc-web@66: //socket.on("metroPulse", metronomeTick);
rc-web@66: function metroStart(pulse) {  socket.emit("metroStart", pulse);}
rc-web@66: function metroStop() {  socket.emit("metroStop");}
rc-web@66: //////////////////////////////////////////////
rc-web@66: // Latency "Pong"
rc-web@66: socket.on("timeFromServer", function(n) { 
rc-web@66:     socket.emit("clientTimeResponse",n);
rc-web@66:     //console.log(n);
rc-web@66: });
rc-web@66: socket.on("latencyFromServer", function(latency) {
rc-web@66:     $("#client_latency").text(latency+"ms.")
rc-web@66: });
rc-web@66: function getLatencies(x) { socket.emit("getLatencies", x); }
rc-web@66: //////////////////////////////////////////////
rc-web@66: // Chronometer Controls
rc-web@66: function startChr() { socket.emit("startChr"); }
rc-web@66: function stopChr() { socket.emit("stopChr"); }
rc-web@66: function resetChr() { socket.emit("resetChr"); 
rc-web@66: 		      $("div#client_chronometer").text("00:00:00.0"); }
rc-web@66: socket.on("chronFromServer", function(chron){ 
rc-web@66:     $("div#c_chronometer").text(chron); 
rc-web@66: });
rc-web@66: 
rc-web@66: //////////////////////////////////////////////
rc-web@66: // SEQUENCER MONITOR
rc-web@66: socket.on("pageFlipfromserver", sequenceMonitor);
rc-web@66: function sequenceMonitor(group, unit,time,mm,seq,unitlast){
rc-web@66:     //    var n=6; var x=seq-1; var off=((x%n)+n)%n // thanks claudiusmaximus
rc-web@66:     if (group == 1) { turnmeoff = "#sqr"+unitlast+".sqa"}
rc-web@66:     if (group == 2) { turnmeoff = "#sqr"+unitlast+".sqb"}
rc-web@66:     if (group == 3) { turnmeoff = "#sqr"+unitlast+".sqc"}
rc-web@66:     if (group == 4) { turnmeoff = "#sqr"+unitlast+".sqd"}
rc-web@66:     $(turnmeoff).css({'color':'black'}) 
rc-web@66: 
rc-web@66: }
rc-web@66: 
rc-web@66: // countdown to change
rc-web@66: socket.on("countinFromServer", countinCtrl);
rc-web@66: function countinCtrl(groupID, currentseconds,mm,text,colour,background,unit){
rc-web@66:     //console.log("#count"+groupID)
rc-web@66: 	// all counts to control page
rc-web@66: 	$("#counttitle"+groupID).css('color','white');
rc-web@66: 	$("#counttitle"+groupID).text(text);
rc-web@66: 	$("#count"+groupID).text(currentseconds).css('color','white');
rc-web@66: 	document.getElementById("count"+groupID).style.color=colour;
rc-web@66: }
rc-web@66: 
rc-web@66: socket.on("counterText", function(group,unit,counter,seq,unitlast,transect){  
rc-web@66: 
rc-web@66:     $("div#transect").text("Transect: " + (transect+1)); 
rc-web@66: 
rc-web@66: 
rc-web@66: 
rc-web@66:     if (group == 1) { $('#inner-'+unit+"-0").text(counter); 
rc-web@66: 		      $("div#unitseq0").text((transect+1)+ " : " + (seq+1)); 
rc-web@66: 		      if (counter == 0 ) { $('#inner-'+unit+"-0").css("visibility","hidden")  
rc-web@66: 					   console.log("------------------------- "+ unit)
rc-web@66: 					 }
rc-web@66: 		      else { $('#inner-'+unit+"-0").css({"color" : "white", "background":"black", "opacity" : "0.7", "border-radius":"20px", "visibility": "visible" })  }
rc-web@66: 		    }
rc-web@66:     
rc-web@66:     if (group == 2) { $('#inner-'+unit+"-1").text(counter);
rc-web@66: 		      $("div#unitseq1").text((transect+1)+ " : " + (seq+1)); 
rc-web@66: 		      if (counter == 0 ) { $('#inner-'+unit+"-1").css("visibility","hidden")  }
rc-web@66: 		      else { $('#inner-'+unit+"-1").css({"color":"white","background":"green", "opacity" : "0.7", "border-radius":"20px", "visibility": "visible"})  }
rc-web@66: 		    } 
rc-web@66:  
rc-web@66:     if (group == 3) { $('#inner-'+unit+"-2").text(counter);
rc-web@66: 		      $("div#unitseq2").text((transect+1)+ " : " + (seq+1));
rc-web@66: 		      if (counter == 0 ) { $('#inner-'+unit+"-2").css("visibility","hidden") } 
rc-web@66: 		      else { $('#inner-'+unit+"-2").css({"color":"white","background":"blue", "opacity" : "0.7", "border-radius":"20px", "visibility": "visible"})  }
rc-web@66: 		    }
rc-web@66:     
rc-web@66:     if (group == 4) { $('#inner-'+unit+"-3").text(counter); 
rc-web@66: 		      $("div#unitseq3").text((transect+1)+ " : " + (seq+1)); 
rc-web@66: 		      if (counter == 0 ) { $('#inner-'+unit+"-3").css("visibility","hidden")} 
rc-web@66: 		      else { $('#inner-'+unit+"-3").css({"color":"white","background":"red", "opacity" : "0.7", "border-radius":"20px", "visibility": "visible"})  }
rc-web@66: 		    } 
rc-web@66: }
rc-web@66: 	 );
rc-web@66: 
rc-web@66: /*
rc-web@66: //////////////////////////////////////////////
rc-web@66: // CLient Popup window code
rc-web@66: 
rc-web@66: function newPopup(url) {
rc-web@66:     popupWindow = window.open(
rc-web@66: 	url,'popUpWindow','height=400,width=800,left=10,top=10,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,titlebar=no,directories=no,status=yes')}
rc-web@66: 
rc-web@66: */
rc-web@66: 
rc-web@70: //function pad2(number) { return (number < 10 ? '0' : '') + number }
rc-web@70: //socket.on("pageFlipfromserver", pageTurn);
rc-web@70: //function pageTurn (group,unit,time,mm) {
rc-web@70: //    var g= pad2(group); 
rc-web@70: //    var groupPage=document.getElementById('group').value;
rc-web@70:    // $("#previewbox-"+group).html("<img src='svg/"+(unit) + ".svg" + "' width='515'>")
rc-web@70: //   }
rc-web@66: