diff www/martin/index.html @ 90:f214909fb108

load seqence fixes

--- a/www/martin/index.html	Tue Jul 29 09:27:03 2014 +0100
+++ b/www/martin/index.html	Wed Jul 30 10:44:14 2014 +0100
@@ -79,7 +79,7 @@
 	      <div class="count" id="count1"></div>
 	    </div>
 	    <div class="timeleft" style=" border: 1px solid purple;" >
-	      <div id="timeleft1"></div>
+	      <div class="tleftgroup" id="timeleft1"></div>
 	    </div>
  	    <div class="unitseq" id="unitseq0"></div>
 	    <div class="pviewmusic" id="previewbox-1"></div>   
@@ -91,7 +91,7 @@
 	      <div class="count" id="count2"></div>
 	    </div>
 	    <div class="timeleft" style="border: 1px solid green;" >
-	      <div id="timeleft2"></div>
+	      <div class="tleftgroup" id="timeleft2"></div>
 	    </div>
 	    <div class="unitseq" id="unitseq1"></div>
 	    <div class="pviewmusic" id="previewbox-2"> </div>
@@ -103,7 +103,7 @@
 	      <div class="count" id="count3"></div>
 	    </div>
 	    <div class="timeleft" style="border: 1px solid aqua;" >
-	      <div id="timeleft3" style="font-size:1em;"></div>
+	      <div class="tleftgroup" id="timeleft3" style="font-size:1em;"></div>
 	    </div>
 	    <div class="unitseq" id="unitseq2"></div>
 	    <div class="pviewmusic" id="previewbox-3"> </div>
@@ -115,7 +115,7 @@
 	      <div class="count" id="count4"></div>
 	    </div>
 	    <div class="timeleft" style=" border: 1px solid red;" >
-	      <div id="timeleft4"></div>
+	      <div class="tleftgroup" id="timeleft4"></div>
 	    </div>
 	    <div class="unitseq" id="unitseq3"></div>
 	    <div class="pviewmusic" id="previewbox-4"> </div>
@@ -123,15 +123,14 @@
 	</div>      
 		
 
-	<div class="soloscore">
-	  
+	<div class="soloscore" id="soloscore">
 	  <div class="pviewsolo" id="preview-solo">
 	    <div class="musicianprog" style=" border: 1px solid red;">
 	      <div id="counttitle" ></div>
 	      <div class="count" id="count"></div>
 	    </div>
 	    <div class="timeleft" style=" border: 1px solid red;" >
-	      <div id="totalcountdown"></div>
+	      <div class="tleftgroup" id="totalcountdown"></div>
 	    </div>
 	    <div class="unitseq" id="unitseqsolo"></div>
 	    <div class="pviewmusic" id="previewbox-solo"> </div>
@@ -141,8 +140,7 @@
 	    <div id="nexttitle">NEXT:</div>
 	  </div>
 	</div>
-	
-
+		
 	<div id="info">
 	  <div id="comms"> 
 	    <div id="chat" title="type here to chat with others connected to network" >
@@ -158,61 +156,47 @@
 	      </div>
 	      <div id="messages">
 		<div id="nicknames"></div>
-		  <div id="lines"></div>
-		</div>
-		<form id="send-message">
-		  <input id="message">
-		  <button>Send</button>
-		</form>
+		<div id="lines"></div>
 	      </div>
-	    </div>    
-	    
-	  	    
+	      <form id="send-message">
+		<input id="message">
+		<button>Send</button>
+	      </form>
+	    </div>
+	  </div>
+	  <div id="current">
+	    <script type="text/javascript">
+	      function setPart(sel) {
+	      //var testSound = new buzz.sound( 'audio/testfile', { formats: [ 'ogg', 'mp3' ] } );
+	      //testSound.play();
 	      
-	      
-	      <div id="current">
-		<script type="text/javascript">
-		  function setPart(sel) {
-		  //var testSound = new buzz.sound( 'audio/testfile', { formats: [ 'ogg', 'mp3' ] } );
-		  //testSound.play();
-		  
-		  var value = sel.options[sel.selectedIndex].value;  
-		  document.getElementById('group').value=value; 
-		  //$('div#current').text('GROUP ' +value).text='value';
-		  }
+	      var value = sel.options[sel.selectedIndex].value;  
+	      document.getElementById('group').value=value; 
+	      //$('div#current').text('GROUP ' +value).text='value';
+	      }
 		</script>
-		
-		
-	      </div>      
-	      
-	    </div>
-	    
-	    
-	    
-	  </div>    
-	  
-    
+	  </div>      
+	</div>
+    </div>    
+</div>
 
-
-
+<div class="head">
+  <div id="datetime"></div>	   
+  <div class="metrocase" id="metro">
+    <div id="metronome0"></div>
   </div>
   
+  <div id="indexpagetitle">
+    pathways - for guitars, percussion & electronics
+  </div>
   
-
   
+  <div id="transport" > 
+    <input class="transpbtn" style="background:green;" type="button" value="start" onclick="startSeq();" />
+    <input class="transpbtn" style="background:red;" type="button" value="stop" onclick="stopSeq();" />
+    <input class="transpbtn" style="background:orange;" type="button" value="reset" onclick="resetSeq();" />
+  </div>
   
-  
-  <div class="head">
-    <div id="datetime"></div>	   
-    <div class="metrocase" id="metro">
-      <div id="metronome0"></div>
-    </div>
-
-    <div id="transport" > 
-      <input type="button" value="start" onclick="startSeq();" />
-      <input type="button" value="stop" onclick="stopSeq();" />
-      <input type="button" value="reset" onclick="resetSeq();" />
-    </div>
 
     <div id="client_latency">Latency: 0ms</div>    
     <div id="client_chronometer" >00:00:00.0</div>      
@@ -221,10 +205,19 @@
   <div class="footx">
     <div id="transect">.. </div>	
 
-    <div id="indexpagetitle">
-      pathways - for guitar, percussion & electronics
+
+
+
+
+
+
+    <div id="views" > 
+      <div class="formrow"><form  action="#map"><input class="btn" type="submit" value="OverView"></form></div>
+      <div class="formrow"><form  action="#outerpreview"><input class="btn" type="submit" value="QuartetView"></form></div>
+      <div class="formrow"><form  action="#soloscore"><input class="btn" type="submit" value="SoloView"></form></div>
     </div>
-    
+
+
     <div>
       <select id="setPart" onchange="setPart(this)">
 	<option value="1">Stream 01</option>
@@ -232,7 +225,8 @@
 	<option value="3">Stream 03</option>
 	<option value="4">Stream 04</option>
       </select>
-    </div>
+    </div>    
+