&lt;!DOCTYPE html&gt;<br>&lt;html xmlns = "http://www.w3.org/1999/xhtml"&gt;<br>&lt;head&gt;<br>&lt;title&gt;Music Note or Scale Player and Composer - RJM Programming - May, 2015&lt;/title&gt;<br>	&lt;meta http-equiv="content-type" content="text/html; charset=utf-8" /&gt;<br><br>&lt;style&gt;<br><br>.crotchet {<br>  opacity: 0.5;<br>}<br><br>.singleright {<br>  text-decoration: underline;<br>  cursor: crosshair;<br>}<br> <br>.cmeter {<br>    -ms-transform: rotate(0deg); /* IE 9 */<br>    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */<br>    transform: rotate(0deg);<br>} <br><br><br>#myxtbody {<br>    position: absolute;<br>    left: 0px;<br>    top: 0px;<br>    z-index: 2;<br>    align: top;<br>    -ms-transform: rotate(-90deg); /* IE 9 */<br>    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */<br>    transform: rotate(-90deg);<br>    margin-top: -800px;<br>    margin-left: 850px;<br>    opacity: 1.0;<br>    background-color: white;<br>}<br><br>#myxtd2 {<br>    float: right;<br>} <br><br>#myxh1right {<br>    margin-top: 200px;<br>} <br><br>&lt;/style&gt;<br>&lt;script type='text/javascript'&gt;<br>  var hit=1;<br>  var azzgoon=true;<br>  try {<br>    if (parent.document.title != document.title) {<br>      azzgoon=false;<br>      hit=0;<br>    }<br>  } catch (awzerrr) {<br>  }<br><br>    var songmode=0;<br>    var askmode=0;<br>    var nonred=-1;<br>    var composingform=''; <br>    var lastsong='';   <br>    var globvar=0;<br>    var startnote;<br>    var stuff="";<br>    var allhis="";<br>    var thism=1;<br>    var prevtr=-1;<br>    var pinnote=-1;<br>    var delay=0;<br>    var lastn=-1;<br>    var sm="";<br>    var maxfactor=1.0;<br>    var nextc=[];<br>    var inextc=0;<br>    var lastpar3=0;<br>      <br>    var barr=['piano/A0.mp3','piano/Bb0.mp3','piano/B0.mp3',<br>'piano/C1.mp3','piano/Db1.mp3','piano/D1.mp3','piano/Eb1.mp3','piano/E1.mp3','piano/F1.mp3','piano/Gb1.mp3','piano/G1.mp3','piano/Ab1.mp3','piano/A1.mp3','piano/Bb1.mp3','piano/B1.mp3',<br>'piano/C2.mp3','piano/Db2.mp3','piano/D2.mp3','piano/Eb2.mp3','piano/E2.mp3','piano/F2.mp3','piano/Gb2.mp3','piano/G2.mp3','piano/Ab2.mp3','piano/A2.mp3','piano/Bb2.mp3','piano/B2.mp3',<br>'piano/C3.mp3','piano/Db3.mp3','piano/D3.mp3','piano/Eb3.mp3','piano/E3.mp3','piano/F3.mp3','piano/Gb3.mp3','piano/G3.mp3','piano/Ab3.mp3','piano/A3.mp3','piano/Bb3.mp3','piano/B3.mp3',<br>'piano/C4.mp3','piano/Db4.mp3','piano/D4.mp3','piano/Eb4.mp3','piano/E4.mp3','piano/F4.mp3','piano/Gb4.mp3','piano/G4.mp3','piano/Ab4.mp3','piano/A4.mp3','piano/Bb4.mp3','piano/B4.mp3',<br>'piano/C5.mp3','piano/Db5.mp3','piano/D5.mp3','piano/Eb5.mp3','piano/E5.mp3','piano/F5.mp3','piano/Gb5.mp3','piano/G5.mp3','piano/Ab5.mp3','piano/A5.mp3','piano/Bb5.mp3','piano/B5.mp3',<br>'piano/C6.mp3','piano/Db6.mp3','piano/D6.mp3','piano/Eb6.mp3','piano/E6.mp3','piano/F6.mp3','piano/Gb6.mp3','piano/G6.mp3','piano/Ab6.mp3','piano/A6.mp3','piano/Bb6.mp3','piano/B6.mp3',<br>'piano/C7.mp3','piano/Db7.mp3','piano/D7.mp3','piano/Eb7.mp3','piano/E7.mp3','piano/F7.mp3','piano/Gb7.mp3','piano/G7.mp3','piano/Ab7.mp3','piano/A7.mp3','piano/Bb7.mp3','piano/B7.mp3',<br>'piano/C8.mp3','piano/Db8.mp3'];<br>    <br>    var nsuffix='';<br>    var pchosen='';<br>    <br>    var fifty="50";<br>    var one_twenty_seven="127";<br>    var nlength="0.75";<br>    var tasimh='';<br>    <br>    function noteworth(notenum) {<br>      factor = eval((document.getElementById('speed').value * Math.abs(notenum)) / maxfactor);<br>      return factor;<br>    }<br>    <br>    function insong(sheetmusic) { // assumes comma separators<br>      if (sheetmusic != "") {<br>            // add a suffix of + if two hands are playing together<br>            // normal word is a speed descriptor<br>            // normal number is a note<br>            // -1 is crotchet, -2 is minum, -0.5 is quaver, -0.25 is semi-quaver etcetera<br>			// 0 (alone) is for a rest of the duration above<br>            // 0127 is normal loudness, etcetera<br>            var done="", offset=0.0, offset2=0.0, planbit="", isrest=false, delaydelim='', notedelim='', curnote=-1, curvelocity=127, curdelay=-1, jk, ijk, prevvelocity=-1, prefix="", curval=1, kji=0, allhhh, bitshhbefore, notes, curnotes="", delays, curdelays="";<br>            var plan="	   MIDI.loadPlugin({ \n";<br>		plan += "soundfontUrl: './soundfont/', \n";<br>		plan += "instrument: document.getElementById('instrument').value.toLowerCase(), \n";<br>		plan += "onprogress: function(state, progress) { \n";<br>		plan += "	console.log(state, progress); \n";<br>		plan += "}, \n";<br>		plan += "onsuccess: function() { \n";<br>		plan += " 	delay = 0.0;  \n";<br>		plan += "	var note = 21;  \n";<br>		plan += "	var velocity = 127;  \n";<br>		plan += "	thism=1; \n";<br>	    plan += "    setTimeout(cleartd, 1000); \n";<br>		plan += "}}); \n\n";<br>            <br>            var mididata=sheetmusic.split(',');<br>            if (mididata[0].substring(0,1) &gt;= 'A') {<br>              kji = 1;<br>              if (mididata[0].toLowerCase().indexOf("slowx") != -1) maxfactor=eval(mididata[0].toLowerCase().replace("slowx", ""));<br>              if (mididata[0].toLowerCase().indexOf("fastx") != -1) maxfactor=eval(mididata[0].toLowerCase().replace("fastx", ""));<br>              if (mididata[0].toLowerCase().indexOf("slowby") != -1) maxfactor=eval(1.0 / mididata[0].toLowerCase().replace("slowby", ""));<br>              if (mididata[0].toLowerCase().indexOf("fastby") != -1) maxfactor=eval(1.0 / mididata[0].toLowerCase().replace("fastby", ""));<br>              if (mididata[0].toLowerCase() == "largo") document.getElementById('speed').value='0.30';<br>              if (mididata[0].toLowerCase() == "larghetto") document.getElementById('speed').value='0.25';<br>              if (mididata[0].toLowerCase() == "adagio") document.getElementById('speed').value='0.20';<br>              if (mididata[0].toLowerCase() == "andante") document.getElementById('speed').value='0.15';<br>              if (mididata[0].toLowerCase() == "moderato") document.getElementById('speed').value='0.10';<br>              if (mididata[0].toLowerCase() == "allegro") document.getElementById('speed').value='0.05';<br>              if (mididata[0].toLowerCase() == "presto") document.getElementById('speed').value='0.025';<br>            }<br>            if (mididata[1].substring(0,1) &gt;= 'A') {<br>              kji = 2;<br>              if (mididata[1].toLowerCase().indexOf("slowx") != -1) maxfactor=eval(mididata[1].toLowerCase().replace("slowx", ""));<br>              if (mididata[1].toLowerCase().indexOf("fastx") != -1) maxfactor=eval(mididata[1].toLowerCase().replace("fastx", ""));<br>              if (mididata[1].toLowerCase().indexOf("slowby") != -1) maxfactor=eval(1.0 / mididata[1].toLowerCase().replace("slowby", ""));<br>              if (mididata[1].toLowerCase().indexOf("fastby") != -1) maxfactor=eval(1.0 / mididata[1].toLowerCase().replace("fastby", ""));<br>              if (mididata[1].toLowerCase() == "largo") document.getElementById('speed').value='0.30';<br>              if (mididata[1].toLowerCase() == "larghetto") document.getElementById('speed').value='0.25';<br>              if (mididata[1].toLowerCase() == "adagio") document.getElementById('speed').value='0.20';<br>              if (mididata[1].toLowerCase() == "andante") document.getElementById('speed').value='0.15';<br>              if (mididata[1].toLowerCase() == "moderato") document.getElementById('speed').value='0.10';<br>              if (mididata[1].toLowerCase() == "allegro") document.getElementById('speed').value='0.05';<br>              if (mididata[1].toLowerCase() == "presto") document.getElementById('speed').value='0.025';<br>            }<br>            for (ijk=kji; ijk&lt;mididata.length; ijk++) {<br>            <br>             if (mididata[ijk].indexOf("+") == -1 && curnotes.indexOf(",") != -1) {<br>             <br>             if (curnote &gt;= 0 && curvelocity &gt;= 0 && curdelay &gt;= 0) {  // is valid data here<br>              if (prevvelocity == curvelocity) {<br>                prefix=""; <br>              } else {<br>                prefix=" MIDI.setVolume(0, " + eval(hit * curvelocity) + "); "; <br>                hit=1;<br>                prevvelocity = curvelocity;<br>              }<br>              <br>              if (curnote == 0) {  // rest<br>               plan=plan.replace("}});", prefix + "delay+=" + curdelay + "; \n }}); \n");<br>			   prefix = "";<br>              } else if (curnotes.indexOf(",") != -1) {<br>               notes=curnotes.split(',');<br>               delays=curdelays.split(',');<br>               //alert(notes.length);<br>               offset=0.0;<br>               offset2=0.0;<br>               done="";<br>               for (jk=0; jk&lt;notes.length; jk++) {<br>                planbit=prefix + "\n";<br>                planbit += " MIDI.noteOn(0, " + notes[jk] + ", " + curvelocity + ", delay + " + offset + "); \n";<br>                if (jk != 0) {<br>                  offset2=0.0;<br>                  offset2+=eval(offset);<br>                  offset2+=eval(delays[jk]);<br>                  planbit += " MIDI.noteOff(0, " + notes[jk] + ", delay + " + offset2 + "); \n";<br>                  offset+=eval(delays[jk]);<br>                  if (offset &gt;= delays[0]) {<br>                     planbit += done;<br>                     done="";<br>                     delays[0]=-1.0;<br>                  }<br>                } else {<br>                  done = " MIDI.noteOff(0, " + notes[0] + ", delay + " + delays[0] + "); \n";<br>                }<br>                planbit += " }}); \n";<br>                plan=plan.replace("}});", planbit);<br>			    prefix = "";<br>               }<br>               planbit += done;<br>               //alert("0:" + notes[0]);<br>               planbit = "setmeter(" + notes[0] + "); \n";<br>               planbit += "thism++; lastn=" + notes[0] + "; \n";<br>               planbit += "delay+=" + Math.max(delays[0], offset2) + "; \n";<br>               planbit += " }}); \n";<br>               plan=plan.replace("}});", planbit);<br>              } else if (isrest) {  // rest<br>               plan=plan.replace("}});", prefix + "delay+=" + curdelay + "; \n }}); \n");<br>			   prefix = "";<br>              } else {<br>               planbit=prefix + "\n";<br>               planbit += " MIDI.noteOn(0, " + curnote + ", " + curvelocity + ", delay); \n";<br>               planbit += " MIDI.noteOff(0, " + curnote + ", delay + " + curdelay + "); \n";<br>               //alert("curnote=" + curnote);<br>               planbit += "setmeter(" + curnote + "); \n";<br>               planbit += "thism++; lastn=" + curnote + "; \n";<br>               planbit += "delay+=" + curdelay + "; \n";<br>               planbit += " }}); \n";<br>               plan=plan.replace("}});", planbit);<br>			   prefix = "";<br>			  }<br>			  curnote = -1;<br>			  curnotes = "";<br>			  curdelays = "";<br>			  curdelay = -1;<br>			  prefix = "";<br>			  delaydelim='';<br>			  notedelim='';<br>			  isrest = false;<br>             }<br>            }<br>             //}<br>            <br>            <br>             if (mididata[ijk].substring(0,1) == "-") {<br>               curval=mididata[ijk].replace("+","");<br>               curdelay = noteworth(curval);<br>               curdelays = curdelays + delaydelim + curdelay;<br>               delaydelim = ',';<br>             } else if (mididata[ijk].replace("+","") == "0") {<br>               isrest = true;<br>               if (curnote &lt; 0) curnote=0;<br>             } else if (mididata[ijk].substring(0,1) == "0") {<br>               curvelocity = mididata[ijk].substring(1).replace("+","");<br>             } else if (mididata[ijk].indexOf(".") != -1) {<br>		       if (allhis == "") allhis = document.body.innerHTML;<br>		       allhhh=allhis.split("&gt;" + mididata[ijk].replace("+","")); // + "&lt;");<br>		       bitshhbefore=allhhh[0].split("&gt;");<br>		       curnote = bitshhbefore[bitshhbefore.length - 4].replace("&lt;/td", "");<br>               curnotes = curnotes + notedelim + curnote;<br>               notedelim = ',';<br>             } else {<br>               curnote = mididata[ijk].replace("+","");<br>               curnotes = curnotes + notedelim + curnote;<br>               notedelim = ',';<br>             }<br>             <br>             if (curnote &gt;= 0 && curvelocity &gt;= 0 && curdelay &gt;= 0 && mididata[ijk].indexOf("+") == -1) {  // is valid data here<br>              if (prevvelocity == curvelocity) {<br>                prefix=""; <br>              } else {<br>                prefix=" MIDI.setVolume(0, " + eval(hit * curvelocity) + "); "; <br>                hit=1;<br>                prevvelocity = curvelocity;<br>              }<br>              <br>              if (curnote == 0) {  // rest<br>               plan=plan.replace("}});", prefix + "delay+=" + curdelay + "; \n }}); \n");<br>			   prefix = "";<br>              } else if (curnotes.indexOf(",") != -1) {<br>               notes=curnotes.split(',');<br>               delays=curdelays.split(',');<br>               done="";<br>               offset=0.0;<br>               offset2=0.0;<br>               for (jk=0; jk&lt;notes.length; jk++) {<br>                planbit=prefix + "\n";<br>                planbit += " MIDI.noteOn(0, " + notes[jk] + ", " + curvelocity + ", delay + " + offset + "); \n";<br>                if (jk != 0) {<br>                  offset2=0.0;<br>                  offset2+=eval(offset);<br>                  offset2+=eval(delays[jk]);<br>                  planbit += " MIDI.noteOff(0, " + notes[jk] + ", delay + " + offset2 + "); \n";<br>                  offset+=eval(delays[jk]);<br>                  if (offset &gt;= delays[0]) {<br>                     planbit += done;<br>                     done="";<br>                     delays[0]=-1.0;<br>                  }<br>                } else {<br>                  done = " MIDI.noteOff(0, " + notes[0] + ", delay + " + delays[0] + "); \n";<br>                }<br>                planbit += " }}); \n";<br>                plan=plan.replace("}});", planbit);<br>			    prefix = "";<br>               }<br>               planbit += done;<br>               //alert("2:" + notes[0]);<br>               planbit = "setmeter(" + notes[0] + "); \n";<br>               planbit += "thism++; lastn=" + notes[0] + "; \n";<br>               planbit += "delay+=" + Math.max(delays[0], offset2) + "; \n";<br>               planbit += " }}); \n";<br>               plan=plan.replace("}});", planbit);<br>              } else if (isrest) {  // rest<br>               plan=plan.replace("}});", prefix + "delay+=" + curdelay + "; \n }}); \n");<br>			   prefix = "";<br>              } else {<br>               planbit=prefix + "\n";<br>               planbit += " MIDI.noteOn(0, " + curnote + ", " + curvelocity + ", delay); \n";<br>               planbit += " MIDI.noteOff(0, " + curnote + ", delay + " + curdelay + "); \n";<br>               //alert("2:" + curnote);<br>               planbit += "setmeter(" + curnote + "); \n";<br>               planbit += "thism++; lastn=" + curnote + "; \n";<br>               planbit += "delay+=" + curdelay + "; \n";<br>               planbit += " }}); \n";<br>               plan=plan.replace("}});", planbit);<br>			   prefix = "";<br>			  }<br>			  curnote = -1;<br>			  curnotes = "";<br>			  curdelays = "";<br>			  curdelay = -1;<br>			  prefix = "";<br>			  delaydelim='';<br>			  notedelim='';<br>			  isrest = false;<br>             }<br>            }<br>            <br>            if (document.getElementById('conduit').value != '') {  // if (document.URL.indexOf('webaudio=') != -1) {<br>	    //alert(plan.split('onsuccess: function() {')[1].split('}')[0].replace(/MIDI\./g, 'MIDI'));<br>            //alert(plan.split('onsuccess: function() {')[1].split('}')[0].replace(/ MIDI\.noteO/g, ' preMIDInoteO').replace(/ MIDI\./g, ' MIDI')); // play music<br>            if (azzgoon) { eval(plan.split('onsuccess: function() {')[1].split('}')[0].replace(/ MIDI\.noteO/g, ' preMIDInoteO').replace(/ MIDI\./g, ' MIDI')); }  // play music<br>	        } else {<br>            //alert('' + thism + ' ... ' + plan.split('onsuccess: function() {')[1].split('}')[0].replace(/MIDI\./g, 'MIDI')); // play music<br>  azzgoon=true;<br>  hit=1;<br>  try {<br>    if (parent.document.title != document.title) {<br>      azzgoon=false;<br>      hit=0;<br>    }<br>  } catch (sawzerrr) {<br>  }<br> <br>            if (azzgoon) { eval(plan); }  // play music<br>            }<br>      }<br>    }<br>    <br>    function MIDIsetVolume(par1, par2) {<br>      //alert('' + par1 + ',' + par2);<br>    }<br>    <br>    function playnext() {<br>      if (eval(-1 + inextc) &lt; nextc.length) {<br>      if (inextc == 1) { delay=0; }<br>      eval(nextc[eval(-1 + inextc)]);<br>      setTimeout(playnext, Math.round(eval(eval('' + nextc[eval(-1 + inextc)].split('delay+=')[1].split(';')[0]) * 1000)));<br>      inextc++;<br>      } else {<br>      nextc=[];<br>      inextc=0;<br>      lastpar3=0;<br>      }<br>    }<br>    <br>    function preMIDInoteOn(par1, par2, par3, par4) {<br>      //if (('' + par2) == '49') { alert('' + par2); }<br>      par2=eval(-2 + eval('' + par2));<br>      if (inextc == 0 && nextc.length &gt; 0) {<br>         inextc=1;<br>         setTimeout(playnext, 300);<br>      }<br>      nextc.push(" MIDInoteOn(" + par1 + "," + par2 + "," + par3 + "," + par4 + ");   setmeter(" + par2 + ");   thism++; lastn=" + par2 + ";  "); //MIDInoteOff(" + par1 + "," + par2 + "," + par3 + " + 0.3);  setmeter(" + par2 + ");   thism++; lastn=" + par2 + ";  delay+=0.3; ");<br>    }<br>    <br>    function preMIDInoteOff(par1, par2, par3) {<br>      par2=eval(-2 + eval('' + par2));<br>      var dlastp=eval(eval('' + par3) - eval('' + lastpar3));<br>      nextc[eval(-1 + nextc.length)]=nextc[eval(-1 + nextc.length)].replace(" setmeter(", "   MIDInoteOff(" + par1 + "," + par2 + "," + par3 + ");  setmeter(") + " delay+=" + ('' + dlastp).split(' ')[eval(-1 + ('' + dlastp).split(' ').length)];<br>      lastpar3=eval('' + par3);<br>      //alert('dlastp=' + dlastp);<br>    }<br>    <br>    function MIDInoteOn(par1, par2, par3, par4) {<br>      //alert('' + par1 + ',' + par2 + ',' + par3 + ',' + par4);<br>      //alert(barr[eval(eval('' + par2) - 21)]);<br>      //var i=0;<br>      //while (document.getElementById('cmdconduit').value.indexOf(' parent.setmeter(-1);') != -1) {<br>      //  i=document.getElementById('cmdconduit').value.length;<br>      //  document.title='waiting';<br>      //}<br>      //document.title='playing';<br>      //alert('note is ' + eval(eval('' + par2) - 23) + ' and par2=' + par2);<br>      //document.title+=' ' + barr[eval(eval('' + par2) - 21)].replace('/','').replace('.','');<br>      document.getElementById('conduit').value+=barr[eval(eval('' + par2) - 21)].replace('/','').replace('.',''); // + '#' + par4 + ' ';<br>      document.getElementById('cmdconduit').value+='parent.setmeter(' + par2 + ');' + ' ';<br>    }<br>    <br>    function MIDInoteOff(par1, par2, par3) {<br>      //alert('' + par1 + ',' + par2 + ',' + par3);<br>    }<br>    <br>    function rotatemaybe(isel) {<br>     var jj=21;<br>     <br>     if (isel.id == 'instrument') {<br>      var iv=document.getElementById('instrument').value;<br>      if (iv == document.getElementById('instrument').value.toLowerCase()) {<br>       if (1 == 2) location.href='./MyScale.html?instrument=' + document.getElementById('instrument').value + "&myselpos=left&mode=" + document.getElementById('mode').value + "&speed=" + document.getElementById('speed').value;<br>      } else {<br>      //alert(99);<br>       document.body.innerHTML = document.body.innerHTML.replace('"mytbody"', '"myxtbody"').replace('"mytd2"', '"myxtd2"').replace('"myh1right"', '"myxh1right"');<br>       document.getElementById('myselpos').value='top';<br>       while (jj &lt; 109) {<br>         document.getElementById('tr' + jj).style.backgroundColor='white';<br>         jj = eval(1 + jj);<br>       }<br>      }<br>     } else if (isel.value.toLowerCase() == "top") {<br>      document.body.innerHTML = document.body.innerHTML.replace('"mytbody"', '"myxtbody"').replace('"mytd2"', '"myxtd2"').replace('"myh1right"', '"myxh1right"');<br>      document.getElementById('myselpos').value=isel.value;<br>      document.getElementById('vspacer').innerHTML='&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;';<br>      while (jj &lt; 109) {<br>         document.getElementById('tr' + jj).style.backgroundColor='white';<br>         jj = eval(1 + jj);<br>      }<br>      if (isel.value == 'Top') {<br>         rejig(isel.value,'');<br>         document.getElementById('mode').innerHTML='&lt;option value="Composing"&gt;Composing&lt;/option&gt;';<br>         //location.href='./MyScale.html?instrument=' + document.getElementById('instrument').value + "&myselpos=Top&mode=" + document.getElementById('mode').value + "&speed=" + document.getElementById('speed').value + '#tabr';<br>         //location.href='#sheetmusic'; // tabr<br>         //alert(1);<br>         //if (window.scrollY) {<br>            window.scrollTo(0, 240);  // reset the scroll position to the top left of the document.<br>         //alert(11);<br>         //}<br>      } else if (isel.value == 'top') {<br>         //if (window.scrollY) {<br>            window.scrollTo(0, 240);  // reset the scroll position to the top left of the document.<br>         //alert(11);<br>         //}<br>      }<br>     } else if (isel.value.toLowerCase() == "left") {<br>      location.href='./MyScale.html?instrument=' + document.getElementById('instrument').value + "&myselpos=" + isel.value + "&mode=" + document.getElementById('mode').value + "&speed=" + document.getElementById('speed').value;<br>     } else if (isel.value != '') {<br>      location.href='./MyScale.html?instrument=' + document.getElementById('instrument').value + "&myselpos=Left&mode=" + document.getElementById('mode').value + "&speed=" + document.getElementById('speed').value + "&playthis=" + encodeURIComponent(isel.value);<br>     }<br>    }<br>    <br>    function cleartd() {<br>      var jj=0;<br>      var ourinnerHTML="";<br>      var oi = document.getElementById('mytbody');<br>      if (oi == null) jj=21;<br>      if (oi == null) oi = document.getElementById('myxtbody');<br>      ourinnerHTML=oi.innerHTML.replace(/style="background-color: rgb(255, 192, 203);"/g, '').replace(/style="background-color: pink;"/g, '').replace(/style="background-color:pink;"/g, '').replace(/style="background-color: yellow;"/g, '').replace(/style="background-color:yellow;"/g, '').replace(/style=.background-color:/g, '');<br>      while (ourinnerHTML.indexOf("rgb(255") != -1) {<br>        ourinnerHTML = ourinnerHTML.replace("rgb(255,","");<br>        ourinnerHTML = ourinnerHTML.replace("192,","");<br>        ourinnerHTML = ourinnerHTML.replace('203);"','');<br>      }<br>      oi.innerHTML = ourinnerHTML;<br>      if (jj &gt; 0) {<br>       while (jj &lt; 109) {<br>         document.getElementById('tr' + jj).style.backgroundColor='white';<br>         jj = eval(1 + jj);<br>       }<br>      }<br>    }<br>    <br>    function settd() {<br>        if (prevtr &gt;= 0 && 1 == 2) {<br>          //alert(prevtr);<br>          document.getElementById('tr' + prevtr).innerHTML = document.getElementById('tr' + prevtr).innerHTML.replace('style="background-color:pink;"', "");<br>        }<br>        prevtr = pinnote;<br>        document.getElementById('tr' + prevtr).innerHTML = document.getElementById('tr' + prevtr).innerHTML.replace('class="singleright"', ' style="background-color:pink;" class="singleright"');<br>    }<br><br>    function sett() {<br>      analyzerequest("-1");<br>      globvar=eval(1 + globvar);<br>    }<br>    <br>    function setmeter(innote) {<br>        //pinnote=innote;<br>        //setTimeout(settd, eval(delay * 1000));<br>        //alert(' ... ' + innote);<br>        document.getElementById('tr' + innote).style.backgroundColor='pink';<br>    	if (allhis == "") allhis = document.body.innerHTML;<br>		var alln=allhis.split("&gt;" + innote); // + "&lt;");<br>		var allns=alln[1].split("&gt;");<br>        if (allns.length &gt; 4) {<br>          var freqs=allns[4].split("&lt;");<br>          //alert(freqs[0]);<br>          var mism=document.getElementById('mymeter' + thism);<br>          if (mism == null) {<br>            //document.getElementById('dmeter').innerHTML = document.getElementById('dmeter').innerHTML.replace("&lt;/tr&gt;", "&lt;td&gt;&lt;meter class='cmeter' id='mymeter" + thism + "' min='0.0' max='5000.0' value='0.0' style='width:180px;'&gt;&lt;/meter&gt;&lt;/td&gt;&lt;/tr&gt;");<br>            document.getElementById('dmeter').innerHTML = document.getElementById('dmeter').innerHTML.replace("&lt;/tbody&gt;", "&lt;tr&gt;&lt;td&gt;&lt;meter class='cmeter' id='mymeter" + thism + "' min='0.0' max='5000.0' value='0.0' style='width:480px;'&gt;&lt;/meter&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;");<br>            mism=document.getElementById('mymeter' + thism);<br>          }<br>          mism.value = freqs[0];<br>        }<br>    }<br>    <br>    function ask() {<br>       askmode=0;<br>       var maxis=0, def='', delim='', thisblurb='', thiscontent='', thismidi, thisansi, jg, cells, incells, rds=document.body.innerHTML.split('r' + 'ed;');<br>       if (rds.length == 1) {<br>       var restlength=prompt("Enter (negative) length of rest ... (loosely, -1.0 = crotchet)?", "-1.0");<br>       delim=',';<br>       if (document.getElementById('sheetmusic').value == "") delim = '';<br>       document.getElementById('sheetmusic').value+=(delim + "0," + restlength);<br>       delim=',';<br>       } else {<br>       for (jg=1; jg&lt;rds.length; jg++) {<br>         cells=rds[jg].split("&gt;");<br>         incells=cells[1].split("&lt;");<br>         thismidi=incells[0];<br>         incells=cells[3].split("&lt;");<br>         thisansi=incells[0];<br>         thisblurb=thisblurb + delim + thisansi.split('&')[0];<br>         thiscontent=thiscontent + delim + thismidi.split('&')[0];<br>         def=def + delim + "-1.0";<br>         delim=',';<br>       }<br>       var notelength=prompt("Enter (negative) length(s) of note(s) ... " + thisblurb + " ... (loosely, -1.0 = crotchet ... please comma separate)?", def);<br>       var midibits=thiscontent.split(',');<br>       if (notelength != null) {<br>        var notebits=notelength.split(',');<br>        delim=',';<br>        if (document.getElementById('sheetmusic').value == "") delim = '';<br>        if (notebits.length == 1) {<br>          document.getElementById('sheetmusic').value+=(delim + thiscontent + "," + notelength);<br>          delim=',';<br>        } else {<br>          maxis=0;<br>          for (jg=1; jg&lt;notebits.length; jg++) {<br>            if (eval((notebits[jg]) - (notebits[maxis])) &lt; 0.0) {<br>              maxis=jg;<br>            }<br>          }<br>          document.getElementById('sheetmusic').value+=(delim + "+" + midibits[maxis] + "," + notebits[maxis] + "+");<br>          delim=',';<br>          for (jg=0; jg&lt;notebits.length; jg++) {<br>            if (jg != maxis) {<br>              document.getElementById('sheetmusic').value+=(delim + "+" + midibits[jg] + "," + notebits[jg] + "+");<br>            }<br>          }<br>        }<br>       }<br>       for (jg=0; jg&lt;midibits.length; jg++) {<br>         document.getElementById('tr' + midibits[jg]).style.backgroundColor='white';<br>       }<br>       }<br>       document.getElementById('savemusic').value=document.getElementById('sheetmusic').value;<br>       if (document.getElementById('savemusic').value != "") {<br>         document.getElementById('myform').style.display='inline';<br>       } else {<br>         document.getElementById('myform').style.display='none';<br>       }<br>    }<br><br>	function analyzerequest(whatis,inwhatyouaskedfor) {<br>	  var crval="-1.0";<br>	  var whatyouaskedfor=(inwhatyouaskedfor.split('&')[0]) + nsuffix;<br>	  nsuffix='';<br>	  if (whatyouaskedfor.indexOf('!') != -1) { crval= whatyouaskedfor.split('!')[1];  whatyouaskedfor=whatyouaskedfor.split('!')[0];   } <br>	  if (songmode == 1) {<br>	  if (whatyouaskedfor.indexOf(".") == -1 && whatyouaskedfor.substring(0,1) &gt;= "0" && whatyouaskedfor.substring(0,1) &lt;= "9") {<br>	        whatis.style.backgroundColor='r' + 'ed';<br>	  if (askmode == 0) {<br>	    askmode=1;<br>	    setTimeout(ask, 5000);<br>	  }<br>	  } else if (whatyouaskedfor.indexOf(".") != -1) {<br>		    if (allhis == "") allhis = document.body.innerHTML;<br>		    var xallhh=allhis.split("&gt;" + whatyouaskedfor); // + "&lt;");<br>		    var xbitshbefore=xallhh[0].split("&gt;");<br>		    var m5=6;<br>		    if (xbitshbefore[xbitshbefore.length - m5].indexOf('&lt;/span') != -1) {  m5+=2;  }<br>		    if (xbitshbefore[xbitshbefore.length - m5].indexOf('&lt;img ') != -1 || xbitshbefore[xbitshbefore.length - m5].indexOf('&lt;td ') != -1) {  m5++; }<br>		    if (xbitshbefore[xbitshbefore.length - m5].indexOf('&lt;/span') != -1) {  m5+=2;  }<br>		    if (xbitshbefore[xbitshbefore.length - m5].indexOf('&lt;img ') != -1 || xbitshbefore[xbitshbefore.length - m5].indexOf('&lt;td ') != -1) {  m5++; }<br>            //alert('startnote=' + xbitshbefore[xbitshbefore.length - m5]);<br>		    startnote=xbitshbefore[xbitshbefore.length - m5].replace("&lt;/td", "").split('&')[0];<br>		    document.getElementById('tr' + startnote).style.backgroundColor='r' + 'ed';<br>		    if (document.getElementById('sheetmusic').value == "") {<br>		      document.getElementById('sheetmusic').value=startnote + "," + crval;<br>		      askmode=0;<br>		      nonred=startnote;<br>		    } else {<br>		      document.getElementById('sheetmusic').value+=("," + startnote + "," + crval);<br>		      askmode=0;<br>		      nonred=startnote;<br>		    }<br>		    if (nonred &lt; 0) document.getElementById('tr' + startnote).style.backgroundColor='white';<br>            document.getElementById('savemusic').value=document.getElementById('sheetmusic').value;<br>            if (document.getElementById('savemusic').value != "") {<br>             document.getElementById('myform').style.display='inline';<br>            } else {<br>             document.getElementById('myform').style.display='none';<br>            }<br>	  } else { <br>		    if (allhis == "") allhis = document.body.innerHTML;<br>		    var xxallhh=allhis.split("&gt;" + whatyouaskedfor); // + "&lt;");<br>		    var xxbitshbefore=xxallhh[0].split("&gt;");<br>		    var zm5=2;<br>		    if (xxbitshbefore[xxbitshbefore.length - zm5].indexOf('&lt;/span') != -1) {  zm5+=2;  }<br>		    if (xxbitshbefore[xxbitshbefore.length - zm5].indexOf('&lt;img ') != -1 || xxbitshbefore[xxbitshbefore.length - zm5].indexOf('&lt;td ') != -1) {  zm5++; }<br>		    if (xxbitshbefore[xxbitshbefore.length - zm5].indexOf('&lt;/span') != -1) {  zm5+=2;  }<br>		    if (xxbitshbefore[xxbitshbefore.length - zm5].indexOf('&lt;img ') != -1 || xxbitshbefore[xxbitshbefore.length - zm5].indexOf('&lt;td ') != -1) {  zm5++; }<br>            //alert('Startnote=' + xbitshbefore[xbitshbefore.length - zm5]);<br>		    startnote=xxbitshbefore[xxbitshbefore.length - zm5].replace("&lt;/td", "").split('&')[0];<br>		    document.getElementById('tr' + startnote).style.backgroundColor='r' + 'ed';<br>	  if (askmode == 0) {<br>	    askmode=1;<br>	    setTimeout(ask, 5000);<br>	  }<br>	  }<br>	  } else {<br>	  whatis.style.backgroundColor='yellow';<br>	  if (whatyouaskedfor != "") {<br>	  //alert(whatyouaskedfor);<br>	  if (whatyouaskedfor.substring(0,1) == "-") whatyouaskedfor=globvar; <br>	  if (whatyouaskedfor.indexOf(".") == -1 && whatyouaskedfor.substring(0,1) &gt;= "0" && whatyouaskedfor.substring(0,1) &lt;= "9") {<br>            if (document.getElementById('conduit').value != '') {  // if (document.URL.indexOf('webaudio=') != -1) {<br>			plan="delay = 0.0; // play one note every quarter second " + String.fromCharCode(10);<br>			plan+="var note = " + whatyouaskedfor + "; // the MIDI note " + String.fromCharCode(10);<br>			plan+="var velocity = 127; // how hard the note hits " + String.fromCharCode(10);<br>			plan+="var huh = document.URL.split('?'); " + String.fromCharCode(10);<br>			plan+="thism=1; " + String.fromCharCode(10);<br>	        plan+="setTimeout(cleartd, 1000); " + String.fromCharCode(10);<br>			plan+="// play the note " + String.fromCharCode(10);<br>			plan+="MIDIsetVolume(0, 127); " + String.fromCharCode(10);<br>			plan+="MIDInoteOn(0,note,velocity,delay); " + String.fromCharCode(10);<br>			plan+="MIDInoteOff(0,note,delay + 0.75); " + String.fromCharCode(10);<br>			plan+="setmeter(note); " + String.fromCharCode(10);<br>			plan+="lastn=note; " + String.fromCharCode(10);<br>	    //alert(plan.replace(/MIDI\./g, 'MIDI'));<br>            eval(plan.replace(/ MIDI\.noteO/g, ' preMIDInoteO').replace(/ MIDI\./g, ' MIDI')); // play music<br>	        } else {<br>	   MIDI.loadPlugin({<br>		soundfontUrl: "./soundfont/",<br>		instrument: document.getElementById('instrument').value.toLowerCase(),<br>		onprogress: function(state, progress) {<br>			console.log(state, progress);<br>		},<br>		onsuccess: function() {<br>		 		delay = 0.0; // play one note every quarter second<br>			var note = whatyouaskedfor; // the MIDI note<br>			var velocity = 127; // how hard the note hits<br>			var huh = document.URL.split("?");<br>			thism=1;<br>	        setTimeout(cleartd, 1000);<br>			// play the note<br>			MIDI.setVolume(0, eval(hit * 127));<br>			hit=1;<br>			MIDI.noteOn(0, note, velocity, delay);<br>			MIDI.noteOff(0, note, delay + 0.75);<br>			//alert("a:" + note);<br>			setmeter(note);<br>			lastn=note;<br>		}<br>	   });<br>	        }<br>		} else if (whatyouaskedfor.indexOf(".") != -1) {<br>		    //alert(99);<br>	        setTimeout(cleartd, 1000);<br>		    document.getElementById('mymeter1').value = whatyouaskedfor.replace(/ /g, "");<br>		    if (allhis == "") allhis = document.body.innerHTML;<br>		    var allhh=allhis.split("&gt;" + whatyouaskedfor); // + "&lt;");<br>		    //alert(allhh.length);<br>		    var bitshbefore=allhh[0].split("&gt;");<br>		    var xm5=4;<br>            //alert('pre startNote=' + bitshbefore[bitshbefore.length - xm5]);<br>		    if (bitshbefore[bitshbefore.length - xm5].indexOf('&lt;/span') != -1) {  xm5+=2;  }<br>		    if (bitshbefore[bitshbefore.length - xm5].indexOf('&lt;sup') != -1) {  xm5+=2;  }<br>		    if (bitshbefore[bitshbefore.length - xm5].indexOf('&lt;br') != -1) {  xm5+=1;  xm5+=1;  }<br>            //alert('pre2 startNote=' + bitshbefore[bitshbefore.length - xm5]);<br>		    if (bitshbefore[bitshbefore.length - xm5].indexOf('#') != -1 || bitshbefore[bitshbefore.length - xm5].indexOf('&lt;img ') != -1 || bitshbefore[bitshbefore.length - xm5].indexOf('&lt;td ') != -1 || bitshbefore[bitshbefore.length - xm5].indexOf('&lt;sup') != -1) {  xm5++; }<br>            //alert('pre002 startNote=' + bitshbefore[bitshbefore.length - xm5]);<br>		    if (bitshbefore[bitshbefore.length - xm5].indexOf('&lt;span') != -1 || bitshbefore[bitshbefore.length - xm5].indexOf('&lt;/span') != -1) {  xm5+=2;  }<br>            //alert('pre0002 startNote=' + bitshbefore[bitshbefore.length - xm5]);<br>		    if (bitshbefore[bitshbefore.length - xm5].indexOf('&lt;img ') != -1 || bitshbefore[bitshbefore.length - xm5].indexOf('&lt;td ') != -1 || bitshbefore[bitshbefore.length - xm5].indexOf('&lt;sup') != -1) {  xm5++; }<br>            //alert('pre00002 startNote=' + bitshbefore[bitshbefore.length - xm5]);<br>		    if (bitshbefore[bitshbefore.length - xm5].indexOf('&lt;span') != -1 || bitshbefore[bitshbefore.length - xm5].indexOf('&lt;/span') != -1) {  xm5+=1;  }<br>		    if (bitshbefore[bitshbefore.length - xm5].indexOf('#') != -1 || bitshbefore[bitshbefore.length - xm5].indexOf('&lt;img ') != -1 || bitshbefore[bitshbefore.length - xm5].indexOf('&lt;td ') != -1 || bitshbefore[bitshbefore.length - xm5].indexOf('&lt;sup') != -1) {  xm5++; }<br>            //alert('pre002 startNote=' + bitshbefore[bitshbefore.length - xm5]);<br>		    if (bitshbefore[bitshbefore.length - xm5].indexOf('&lt;span') != -1 || bitshbefore[bitshbefore.length - xm5].indexOf('&lt;/span') != -1) {  xm5+=2;  }<br>            //alert('pre0002 startNote=' + bitshbefore[bitshbefore.length - xm5]);<br>		    if (bitshbefore[bitshbefore.length - xm5].indexOf('&lt;img ') != -1 || bitshbefore[bitshbefore.length - xm5].indexOf('&lt;td ') != -1 || bitshbefore[bitshbefore.length - xm5].indexOf('&lt;sup') != -1) {  xm5++; }<br>            //alert('pre00002 startNote=' + bitshbefore[bitshbefore.length - xm5]);<br>		    if (bitshbefore[bitshbefore.length - xm5].indexOf('&lt;span') != -1 || bitshbefore[bitshbefore.length - xm5].indexOf('&lt;/span') != -1) {  xm5+=1;  }<br>            //alert('startNote=' + bitshbefore[bitshbefore.length - xm5]);<br>		    startnote=bitshbefore[bitshbefore.length - xm5].replace("&lt;/td", "").split('&')[0];<br>		    lastn=startnote;<br>            if (document.getElementById('conduit').value != '') {  // if (document.URL.indexOf('webaudio=') != -1) {<br>			plan="delay = 0.0; // play one note every quarter second " + String.fromCharCode(10);<br>			plan+="var note = " + startnote + "; // the MIDI note " + String.fromCharCode(10);<br>			plan+="var velocity = 127; // how hard the note hits " + String.fromCharCode(10);<br>			plan+="var huh = document.URL.split('?'); " + String.fromCharCode(10);<br>			plan+="thism=1; " + String.fromCharCode(10);<br>	        plan+="setTimeout(cleartd, 1000); " + String.fromCharCode(10);<br>			plan+="// play the note " + String.fromCharCode(10);<br>			plan+="MIDIsetVolume(0, 127); " + String.fromCharCode(10);<br>			plan+="MIDInoteOn(0,note,velocity,delay); " + String.fromCharCode(10);<br>			plan+="MIDInoteOff(0,note,delay + 0.75); " + String.fromCharCode(10);<br>			plan+="setmeter(note); " + String.fromCharCode(10);<br>	    //alert(plan.replace(/MIDI\./g, 'MIDI'));<br>            eval(plan.replace(/ MIDI\.noteO/g, ' preMIDInoteO').replace(/ MIDI\./g, ' MIDI')); // play music<br>	        } else {<br>	   MIDI.loadPlugin({<br>		soundfontUrl: "./soundfont/",<br>		instrument: document.getElementById('instrument').value.toLowerCase(),<br>		onprogress: function(state, progress) {<br>			console.log(state, progress);<br>		},<br>		onsuccess: function() {<br>            delay = 0.0; // play one note every quarter second<br>			var note = startnote; // the MIDI note<br>			var velocity = 127; // how hard the note hits<br>			var huh = document.URL.split("?");<br>			thism=1;<br>			// play the note<br>			MIDI.setVolume(0, eval(hit * 127));<br>			hit=1;<br>			MIDI.noteOn(0, note, velocity, delay);<br>			MIDI.noteOff(0, note, delay + 0.75);<br>			//alert("b:" + note);<br>			setmeter(note);<br>		}<br>	   });<br>	        }<br>		} else {   // try scale<br>	        setTimeout(cleartd, 8000);<br>		    if (allhis == "") allhis = document.body.innerHTML;<br>		    var allh=allhis.split("&gt;" + whatyouaskedfor); // + "&lt;");<br>		    var bitsbefore=allh[0].split("&gt;");<br>		    var ym5=2;<br>            //alert(whatyouaskedfor + 'pre pre startNotE=' + bitsbefore[bitsbefore.length - ym5]);<br>		    if (bitsbefore[bitsbefore.length - ym5].indexOf('&lt;/span') != -1) {  ym5+=2;  }<br>		    if (bitsbefore[bitsbefore.length - ym5].indexOf('&lt;sup') != -1) {  ym5+=2;  }<br>            //alert('pre startNotE=' + bitsbefore[bitsbefore.length - ym5]);<br>		    if (bitsbefore[bitsbefore.length - ym5].indexOf('&lt;br') != -1) {  ym5+=1; alert('pre02 startNotE=' + bitsbefore[bitsbefore.length - ym5]); ym5+=1;  }<br>		    if (bitsbefore[bitsbefore.length - ym5].indexOf('&lt;img ') != -1 || bitsbefore[bitsbefore.length - ym5].indexOf('&lt;td ') != -1) {  ym5++; }<br>		    if (bitsbefore[bitsbefore.length - ym5].indexOf('&lt;/span') != -1) {  ym5+=2;  }<br>		    if (bitsbefore[bitsbefore.length - ym5].indexOf('&lt;img ') != -1 || bitsbefore[bitsbefore.length - ym5].indexOf('&lt;td ') != -1) {  ym5++; }<br>            //alert('startNotE=' + bitsbefore[bitsbefore.length - ym5]);<br>		    startnote=bitsbefore[bitsbefore.length - ym5].replace("&lt;/td", "").split('&')[0];<br>		    lastn=startnote;<br>            if (document.getElementById('conduit').value != '') {  // if (document.URL.indexOf('webaudio=') != -1) {			<br>			<br>		    plan="var ournumo=document.getElementById('mode').value.length; " + String.fromCharCode(10);<br>		    plan+="var mode=document.getElementById('mode').value; " + String.fromCharCode(10);<br>		    plan+="var i, numo; " + String.fromCharCode(10);<br>			plan+="delay = 0.0; // play one note every quarter second " + String.fromCharCode(10);<br>			plan+="var note = " + startnote + "; // the MIDI note " + String.fromCharCode(10);<br>			plan+="var velocity = 127; // how hard the note hits " + String.fromCharCode(10);<br>			plan+="var factor = eval(document.getElementById('speed').value); //0.15; //0.75; " + String.fromCharCode(10);<br>			plan+="var huh = document.URL.split('?'); " + String.fromCharCode(10);<br>			plan+=" // play the major scale " + String.fromCharCode(10);<br>			plan+=" globvar = " + startnote + "; " + String.fromCharCode(10);<br>			plan+=" thism=1; " + String.fromCharCode(10);<br>			plan+=" MIDI.setVolume(0, eval(hit * 127)); " + String.fromCharCode(10);<br>			plan+=" hit=1; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOn(0, note, velocity, delay); " + String.fromCharCode(10);<br>			plan+=" setmeter(note); " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOff(0, note, delay); // + factor); " + String.fromCharCode(10);<br>			plan+=" for (numo=1; numo&lt;=ournumo; numo++) { " + String.fromCharCode(10);<br>			plan+=" note++; " + String.fromCharCode(10);<br>			plan+=" note++;  // tone major and minor " + String.fromCharCode(10);<br>			plan+=" if (mode &lt; 2) { " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOn(0, note, velocity, delay); // + factor * 2); " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOff(0, note, delay); // + factor * 3); " + String.fromCharCode(10);<br>			plan+=" thism++; " + String.fromCharCode(10);<br>			plan+=" setmeter(note); " + String.fromCharCode(10);<br>			plan+=" } " + String.fromCharCode(10);<br>			plan+=" note++; " + String.fromCharCode(10);<br>			plan+=" if (eval(mode % 2) != 1) note++;  // tone " + String.fromCharCode(10);<br>			plan+=" if (mode &gt;= 0) { " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOn(0, note, velocity, delay); // + 3.0); " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOff(0, note, delay); // + 3.75); " + String.fromCharCode(10);<br>			plan+=" thism++; " + String.fromCharCode(10);<br>			plan+=" setmeter(note); " + String.fromCharCode(10);<br>			plan+=" } " + String.fromCharCode(10);<br>			plan+=" note++; // semitone " + String.fromCharCode(10);<br>			plan+=" if (eval(mode % 2) == 1) note++;  // tone " + String.fromCharCode(10);<br>			plan+=" if (mode &lt; 2) { " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOn(0, note, velocity, delay); // + 4.5); " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOff(0, note, delay); // + 5.25); " + String.fromCharCode(10);<br>			plan+=" thism++; " + String.fromCharCode(10);<br>			plan+=" setmeter(note); " + String.fromCharCode(10);<br>			plan+=" } " + String.fromCharCode(10);<br>			plan+=" note++; " + String.fromCharCode(10);<br>			plan+=" note++;  // tone major and minor " + String.fromCharCode(10);<br>			plan+=" if (mode &gt;= 0) { " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOn(0, note, velocity, delay); // + 6.0); " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOff(0, note, delay); // + 6.75); " + String.fromCharCode(10);<br>			plan+=" thism++; " + String.fromCharCode(10);<br>			plan+=" setmeter(note); " + String.fromCharCode(10);<br>			plan+=" } " + String.fromCharCode(10);<br>			plan+=" note++; " + String.fromCharCode(10);<br>			plan+=" if (eval(mode % 2) != 1) note++;  // tone " + String.fromCharCode(10);<br>			plan+=" if (mode &lt; 2) { " + String.fromCharCode(10);<br> 			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOn(0, note, velocity, delay); // + 7.5); " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOff(0, note, delay); // + 8.25); " + String.fromCharCode(10);<br>			plan+=" thism++; " + String.fromCharCode(10);<br>			plan+=" setmeter(note); " + String.fromCharCode(10);<br>			plan+="} " + String.fromCharCode(10);<br>			plan+="note++; " + String.fromCharCode(10);<br>			plan+="note++;  // tone " + String.fromCharCode(10);<br>			plan+="if (eval(mode % 2) == 1) note++;  // minor raised " + String.fromCharCode(10);<br>			plan+="if (mode &lt; 2) { " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOn(0, note, velocity, delay); // + 9.0); " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOff(0, note, delay); // + 9.75); " + String.fromCharCode(10);<br>			plan+=" thism++; " + String.fromCharCode(10);<br>			plan+=" setmeter(note); " + String.fromCharCode(10);<br>			plan+="} " + String.fromCharCode(10);<br>			plan+="note++; // semitone " + String.fromCharCode(10);<br>			plan+="if (mode &gt;= 0) { " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOn(0, note, velocity, delay); // + 10.5); " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOff(0, note, delay); // + 11.25); " + String.fromCharCode(10);<br>			plan+=" thism++; " + String.fromCharCode(10);<br>			plan+=" setmeter(note); " + String.fromCharCode(10);<br>			plan+="} " + String.fromCharCode(10);			<br>			plan+="} " + String.fromCharCode(10);<br>			plan+=" " + String.fromCharCode(10);<br>			plan+="for (numo=1; numo&lt;=ournumo; numo++) { " + String.fromCharCode(10);<br>			plan+="note--; // semitone " + String.fromCharCode(10);<br>			plan+="if (mode &lt; 2) { " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOn(0, note, velocity, delay); // + 12.0); " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOff(0, note, delay); // + 12.75); " + String.fromCharCode(10);<br>			plan+=" thism--; " + String.fromCharCode(10);<br>			plan+=" setmeter(note); " + String.fromCharCode(10);<br>			plan+="} " + String.fromCharCode(10);<br>			plan+="note--; " + String.fromCharCode(10);<br>			plan+="note--;  // tone " + String.fromCharCode(10);<br>			plan+="if (eval(mode % 2) == 1) note--;  // minor raised " + String.fromCharCode(10);<br>			plan+="if (mode &lt; 2) { " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOn(0, note, velocity, delay); // + 13.5); " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOff(0, note, delay); // + 14.25); " + String.fromCharCode(10);<br>			plan+=" thism--; " + String.fromCharCode(10);<br>			plan+=" setmeter(note); " + String.fromCharCode(10);<br>			plan+="} " + String.fromCharCode(10);<br>			plan+="note--; " + String.fromCharCode(10);<br>			plan+="if (eval(mode % 2) != 1) note--;  // tone " + String.fromCharCode(10);<br>			plan+="if (mode &gt;= 0) { " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOn(0, note, velocity, delay); // + 15.0); " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOff(0, note, delay); // + 15.75); " + String.fromCharCode(10);<br>			plan+=" thism--; " + String.fromCharCode(10);<br>			plan+=" setmeter(note); " + String.fromCharCode(10);<br>			plan+="} " + String.fromCharCode(10);<br>			plan+="note--; " + String.fromCharCode(10);<br>			plan+="note--;  // tone major and minor " + String.fromCharCode(10);<br>			plan+="if (mode &lt; 2) { " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOn(0, note, velocity, delay); // + 16.5); " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOff(0, note, delay); // + 17.25); " + String.fromCharCode(10);<br>			plan+=" thism--; " + String.fromCharCode(10);<br>			plan+=" setmeter(note); " + String.fromCharCode(10);<br>			plan+="} " + String.fromCharCode(10);<br>			plan+="note--; // semitone " + String.fromCharCode(10);<br>			plan+="if (eval(mode % 2) == 1) note--;  // tone " + String.fromCharCode(10);<br>			plan+="if (mode &gt;= 0) { " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOn(0, note, velocity, delay); // + 18.0); " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOff(0, note, delay); // + 18.75); " + String.fromCharCode(10);<br>			plan+=" thism--; " + String.fromCharCode(10);<br>			plan+=" setmeter(note); " + String.fromCharCode(10);<br>			plan+="} " + String.fromCharCode(10);<br>			plan+="note--; " + String.fromCharCode(10);<br>			plan+="if (eval(mode % 2) != 1) note--;  // tone " + String.fromCharCode(10);<br>			plan+="if (mode &lt; 2) { " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOn(0, note, velocity, delay); // + 19.5); " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOff(0, note, delay); // + 20.25); " + String.fromCharCode(10);<br>			plan+=" thism--; " + String.fromCharCode(10);<br>			plan+=" setmeter(note); " + String.fromCharCode(10);<br>			plan+="} " + String.fromCharCode(10);<br>			plan+="note--; " + String.fromCharCode(10);<br>			plan+="note--;  // tone major and minor " + String.fromCharCode(10);<br>			plan+="if (mode &gt;= 0) { " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOn(0, note, velocity, delay); // + 21.0); " + String.fromCharCode(10);<br>			plan+=" delay += factor; " + String.fromCharCode(10);<br>			plan+=" MIDI.noteOff(0, note, delay); // + 21.75); " + String.fromCharCode(10);<br>			plan+=" thism--; " + String.fromCharCode(10);<br>			plan+=" setmeter(note); " + String.fromCharCode(10);<br>			plan+="} " + String.fromCharCode(10);<br>			plan+="} " + String.fromCharCode(10);<br>					<br>	    //alert(plan.replace(/MIDI\./g, 'MIDI'));<br>            if (azzgoon) { eval(plan.replace(/ MIDI\.noteO/g, ' preMIDInoteO').replace(/ MIDI\./g, ' MIDI')); } // play music<br>	        } else if (azzgoon) {<br>	   MIDI.loadPlugin({<br>		soundfontUrl: "./soundfont/",<br>		instrument: document.getElementById('instrument').value.toLowerCase(),<br>		onprogress: function(state, progress) {<br>			console.log(state, progress);<br>		},<br>		onsuccess: function() {<br>		    var ournumo=document.getElementById('mode').value.length;<br>		    var mode=document.getElementById('mode').value;<br>		    var i, numo;<br>			delay = 0.0; // play one note every quarter second<br>			var note = startnote; // the MIDI note<br>			var velocity = 127; // how hard the note hits<br>			var factor = eval(document.getElementById('speed').value); //0.15; //0.75;<br>			var huh = document.URL.split("?");<br>			// play the major scale<br>			globvar = startnote;<br>			//for (i=startnote; i=(startnote + 12); i++) {<br>			  //setTimeout(sett, delay);<br>			  //delay = eval(250 + delay);<br>			//}<br>			//alert(note);<br>			thism=1;<br>			MIDI.setVolume(0, eval(hit * 127));<br>			hit=1;<br>			MIDI.noteOn(0, note, velocity, delay);<br>			//alert("c:" + note);<br>			setmeter(note);<br>			delay += factor;<br>			MIDI.noteOff(0, note, delay); // + factor);<br>			for (numo=1; numo&lt;=ournumo; numo++) {<br>			note++;<br>			note++;  // tone major and minor<br>			if (mode &lt; 2) {<br>			 delay += factor;<br>			 MIDI.noteOn(0, note, velocity, delay); // + factor * 2);<br>			 delay += factor;<br>			 MIDI.noteOff(0, note, delay); // + factor * 3);<br>			 thism++;<br>			 //alert("d:" + note);<br>			 setmeter(note);<br>			}<br>			note++;<br>			if (eval(mode % 2) != 1) note++;  // tone<br>			if (mode &gt;= 0) {<br>			 delay += factor;<br>			 MIDI.noteOn(0, note, velocity, delay); // + 3.0);<br>			 delay += factor;<br>			 MIDI.noteOff(0, note, delay); // + 3.75);<br>			 thism++;<br>			 //alert("e:" + note);<br>			 setmeter(note);<br>			}<br>			note++; // semitone<br>			if (eval(mode % 2) == 1) note++;  // tone<br>			if (mode &lt; 2) {<br>			 delay += factor;<br>			 MIDI.noteOn(0, note, velocity, delay); // + 4.5);<br>			 delay += factor;<br>			 MIDI.noteOff(0, note, delay); // + 5.25);<br>			 thism++;<br>			 //alert("f:" + note);<br>			 setmeter(note);<br>			}<br>			note++;<br>			note++;  // tone major and minor<br>			if (mode &gt;= 0) {<br>			 delay += factor;<br>			 MIDI.noteOn(0, note, velocity, delay); // + 6.0);<br>			 delay += factor;<br>			 MIDI.noteOff(0, note, delay); // + 6.75);<br>			 thism++;<br>			 //alert("g:" + note);<br>			 setmeter(note);<br>			}<br>			note++;<br>			if (eval(mode % 2) != 1) note++;  // tone<br>			if (mode &lt; 2) {<br> 			 delay += factor;<br>			 MIDI.noteOn(0, note, velocity, delay); // + 7.5);<br>			 delay += factor;<br>			 MIDI.noteOff(0, note, delay); // + 8.25);<br>			 thism++;<br>			 //alert("h:" + note);<br>			 setmeter(note);<br>			}<br>			note++;<br>			note++;  // tone<br>			if (eval(mode % 2) == 1) note++;  // minor raised<br>			if (mode &lt; 2) {<br>			 delay += factor;<br>			 MIDI.noteOn(0, note, velocity, delay); // + 9.0);<br>			 delay += factor;<br>			 MIDI.noteOff(0, note, delay); // + 9.75);<br>			 thism++;<br>			 //alert("i:" + note);<br>			 setmeter(note);<br>			}<br>			note++; // semitone<br>			if (mode &gt;= 0) {<br>			 delay += factor;<br>			 MIDI.noteOn(0, note, velocity, delay); // + 10.5);<br>			 delay += factor;<br>			 MIDI.noteOff(0, note, delay); // + 11.25);<br>			 thism++;<br>			 //alert("j:" + note);<br>			 setmeter(note);<br>			}			<br>			}<br>			<br>			for (numo=1; numo&lt;=ournumo; numo++) {<br>			// Going back<br>			note--; // semitone<br>			if (mode &lt; 2) {<br>			 delay += factor;<br>			 MIDI.noteOn(0, note, velocity, delay); // + 12.0);<br>			 delay += factor;<br>			 MIDI.noteOff(0, note, delay); // + 12.75);<br>			 thism--;<br>			 //alert("k:" + note);<br>			 setmeter(note);<br>			}<br>			note--;<br>			note--;  // tone<br>			if (eval(mode % 2) == 1) note--;  // minor raised<br>			if (mode &lt; 2) {<br>			 delay += factor;<br>			 MIDI.noteOn(0, note, velocity, delay); // + 13.5);<br>			 delay += factor;<br>			 MIDI.noteOff(0, note, delay); // + 14.25);<br>			 thism--;<br>			 //alert("l:" + note);<br>			 setmeter(note);<br>			}<br>			note--;<br>			if (eval(mode % 2) != 1) note--;  // tone<br>			if (mode &gt;= 0) {<br>			 delay += factor;<br>			 MIDI.noteOn(0, note, velocity, delay); // + 15.0);<br>			 delay += factor;<br>			 MIDI.noteOff(0, note, delay); // + 15.75);<br>			 thism--;<br>			 //alert("m:" + note);<br>			 setmeter(note);<br>			}<br>			note--;<br>			note--;  // tone major and minor<br>			if (mode &lt; 2) {<br>			 delay += factor;<br>			 MIDI.noteOn(0, note, velocity, delay); // + 16.5);<br>			 delay += factor;<br>			 MIDI.noteOff(0, note, delay); // + 17.25);<br>			 thism--;<br>			 //alert("n:" + note);<br>			 setmeter(note);<br>			}<br>			note--; // semitone<br>			if (eval(mode % 2) == 1) note--;  // tone<br>			if (mode &gt;= 0) {<br>			 delay += factor;<br>			 MIDI.noteOn(0, note, velocity, delay); // + 18.0);<br>			 delay += factor;<br>			 MIDI.noteOff(0, note, delay); // + 18.75);<br>			 thism--;<br>			 //alert("o:" + note);<br>			 setmeter(note);<br>			}<br>			note--;<br>			if (eval(mode % 2) != 1) note--;  // tone<br>			if (mode &lt; 2) {<br>			 delay += factor;<br>			 MIDI.noteOn(0, note, velocity, delay); // + 19.5);<br>			 delay += factor;<br>			 MIDI.noteOff(0, note, delay); // + 20.25);<br>			 thism--;<br>			 //alert("p:" + note);<br>			 setmeter(note);<br>			}<br>			note--;<br>			note--;  // tone major and minor<br>			if (mode &gt;= 0) {<br>			 delay += factor;<br>			 MIDI.noteOn(0, note, velocity, delay); // + 21.0);<br>			 delay += factor;<br>			 MIDI.noteOff(0, note, delay); // + 21.75);<br>			 thism--;<br>			 //alert("q:" + note);<br>			 setmeter(note);<br>			}<br>			}<br><br>		}<br>	   });<br>	       }<br>	       //setTimeout(cleartd, 8000);<br>	   }<br>	  }<br>	  }<br>	}<br>	<br>	function populatesel() {<br>	  document.getElementById('instrument').value=location.search.split('instrument=')[1] ? location.search.split('instrument=')[1].split('&')[0] : 'acoustic_grand_piano'; <br>	  document.getElementById('mode').value=location.search.split('mode=')[1] ? location.search.split('mode=')[1].split('&')[0] : '0'; <br>	  document.getElementById('speed').value=(location.search.split('speed=')[1] ? location.search.split('speed=')[1].split('&')[0] : 'Andante').replace('Andante','0.15'); <br>	  document.getElementById('myselpos').value=location.search.split('myselpos=')[1] ? location.search.split('myselpos=')[1].split('&')[0] : 'left'; <br>      if (document.getElementById('myselpos').value.substring(0,1) == document.getElementById('myselpos').value.substring(0,1).toUpperCase()) { // in composer mode<br>	    pchosen=location.search.split('playthis=')[1] ? decodeURIComponent(location.search.split('playthis=')[1].split('&')[0]) : '';<br>	    if (pchosen != '') { setTimeout(playthisone, 3000); } <br>      }<br>	  sm=location.search.split('sheetmusic=')[1] ? location.search.split('sheetmusic=')[1].split('&')[0] : '';<br>	  if (sm != '') {<br>	    insong(sm);<br>	  } <br>	  if (document.getElementById('myselpos').value.substring(0,1) == 'L') {<br>	     if (sm == "") sm=" ";<br>         rejig(document.getElementById('myselpos').value,'');<br>         document.getElementById('mode').innerHTML='&lt;option value="Composing"&gt;Composing&lt;/option&gt;';<br>	  } else if (document.getElementById('myselpos').value.substring(0,1) == 'T') {<br>	     if (sm == "") sm=" ";<br>         rejig(document.getElementById('myselpos').value,'');<br>         rotatemaybe('Top');<br>         document.getElementById('mode').innerHTML='&lt;option value="Composing"&gt;Composing&lt;/option&gt;';<br>	  }<br>	  <br>	  // Name those Notes game<br>	  nlength=location.search.split('nlength=')[1] ? location.search.split('nlength=')[1].split('&')[0] : '0.75';<br>	  one_twenty_seven=location.search.split('volume=')[1] ? location.search.split('volume=')[1].split('&')[0] : '127';<br>	  fifty=location.search.split('note=')[1] ? location.search.split('note=')[1].split('&')[0] : '50';<br>	  tasimh=location.search.split('song=')[1] ? location.search.split('song=')[1].split('&')[0] : '';<br><br>	}<br>	<br>	function playthisone() {<br>	  document.getElementById('playlist').value=pchosen;<br>	  document.getElementById('myciframe').src='./MyScale.php?retrieve=' + encodeURIComponent(pchosen);<br>	}<br>	<br>	function rejig(topvsleft, csong) {<br>	  songmode=1;<br>	  document.getElementById('ac').style.textDecoration='none';<br>	  //composingform='&lt;iframe style="display:none;" id="myciframe" src="./MyScale.php"&gt;&lt;/iframe&gt;&lt;input type="hidden" name="hsheetmusic" id="hsheetmusic" value="" /&gt;&lt;form target="myciframe" id="myform" action="./MyScale.php" method="POST"&gt;&lt;br&gt;&lt;select id='playlist' onchange="document.getElementById('myciframe').src='./MyScale.php?retrieve=' + this.value;"&gt;&lt;option value=""&gt;MIDI code&lt;/option&gt;&lt;/select&gt;: &lt;input type="text" name="sheetmusic" id="sheetmusic" value="' + csong + '" /&gt;&lt;br&lt;br&gt;&lt;input onclick="thism=1;" type="submit" value="Play" /&gt;&lt;/form&gt;';<br>	  //document.getElementById('eqd').innerHTML = composingform;<br>	  document.getElementById('scales').style.display='none';<br>	  document.getElementById('composition').style.display='block';<br>	  document.getElementById('th1').title='Click to add this note to composition ... will wait for 5 seconds before asking about length of note(s)';<br>	  document.getElementById('th2').title='Click to add this note to composition ... will wait for 5 seconds before asking about length of note(s)';<br>	  document.getElementById('th3').title='Click to add this note to composition as a crotchet (which you can change manually as you require)';<br>	  setInterval(lookoutforit, 1000);<br>	}<br>	<br>	function badnews() {<br>	  alert(stuff);<br>	}<br>	<br>	function lookoutforit() {<br>	  if (document.title.indexOf("Illegal MIDI") != -1) {<br>	    stuff=document.title;<br>	    document.title="Music Note/Scale Player and Composer - RJM Programming - May, 2015";<br>	    setTimeout(badnews, 700);<br>	  }<br>	  if (nonred &gt;= 0) document.getElementById('tr' + nonred).style.backgroundColor='white';<br>	  nonred=-1;<br>	  var thissong=document.getElementById('hsheetmusic').value.replace(/~/g, '+');<br>	  if (thissong != '') {<br>	    //alert(thissong);<br>	    lastsong=thissong;<br>	    document.getElementById('hsheetmusic').value='';<br>	    //alert(98);<br>	    insong(thissong);<br>	    //alert(99);<br>	  } <br>	}<br>	<br>	function preask(tval) {<br>	 if (tval != "") {<br>	  var things=document.getElementById('sheetmusic').value.split(",");<br>	  if (tval == 'rest') {<br>	    ask();<br>	  } else if (tval == 'clear') {<br>	    document.getElementById('sheetmusic').value='';<br>	  } else if (tval == '0') {<br>	    var vhowmuch=prompt("What volume level?", "127");<br>	    if (vhowmuch != null) {<br>	        if (vhowmuch != "") {<br>	         if (document.getElementById('sheetmusic').value != "") document.getElementById('sheetmusic').value+=',';<br>	         document.getElementById('sheetmusic').value+=(tval + vhowmuch);<br>	        }<br>	    }<br>	  } else if (tval != '') {<br>	    if (" largo larghetto adagio andante moderato allegro presto ".indexOf(" " + tval + " ") != -1 && things.length &gt; 1) {<br>	      if (document.getElementById('sheetmusic').value != "") {<br>	       if (things[1].substring(0,1) &gt;= 'A') {<br>	        document.getElementById('sheetmusic').value=document.getElementById('sheetmusic').value.replace("," + things[1], "," + tval);<br>	       } else if (things[0].substring(0,1) &gt;= 'A') {<br>	        document.getElementById('sheetmusic').value=document.getElementById('sheetmusic').value.replace(things[0] + ",", tval + ",");<br>	       } else {<br>	        document.getElementById('sheetmusic').value=tval + ',' + document.getElementById('sheetmusic').value;<br>	       }<br>	      } else {<br>	       document.getElementById('sheetmusic').value=tval;<br>	      }<br>	    } else if (" largo larghetto adagio andante moderato allegro presto ".indexOf(" " + tval + " ") != -1) {<br>	      if (document.getElementById('sheetmusic').value != "") {<br>           if (things[0].substring(0,1) &gt;= 'A') {<br>	        document.getElementById('sheetmusic').value=document.getElementById('sheetmusic').value.replace(things[0] + ",", tval + ",");<br>	       } else {	       <br>	        document.getElementById('sheetmusic').value=tval + ',' + document.getElementById('sheetmusic').value;<br>	       }<br>	      } else {<br>	       document.getElementById('sheetmusic').value=tval;<br>	      }<br>	    } else if (things.length &gt; 1) {<br>	      var zhowmuch=prompt("By how much to " + tval + "?", "1");<br>	      if (zhowmuch != null) {<br>	        if (zhowmuch != "") {<br>	         if (document.getElementById('sheetmusic').value != "") {<br>	       if (things[1].substring(0,1) &gt;= 'A') {<br>	        document.getElementById('sheetmusic').value=document.getElementById('sheetmusic').value.replace("," + things[1], "," + tval + zhowmuch);<br>	       } else if (things[0].substring(0,1) &gt;= 'A') {<br>	        document.getElementById('sheetmusic').value=document.getElementById('sheetmusic').value.replace(things[0] + ",", tval + zhowmuch + ",");<br>	       } else {<br>	        document.getElementById('sheetmusic').value=tval + zhowmuch + ',' + document.getElementById('sheetmusic').value;<br>	       }<br>	         } else {<br>	          document.getElementById('sheetmusic').value+=(tval + zhowmuch);<br>	         }<br>	        }<br>	      }<br>	    } else {<br>	      var howmuch=prompt("By how much to " + tval + "?", "1");<br>	      if (howmuch != null) {<br>	        if (howmuch != "") {<br>	         if (document.getElementById('sheetmusic').value != "") {<br>           if (things[0].substring(0,1) &gt;= 'A') {<br>	        document.getElementById('sheetmusic').value=document.getElementById('sheetmusic').value.replace(things[0] + ",", tval + howmuch + ",");<br>	       } else {	 <br>	       	document.getElementById('sheetmusic').value=tval + howmuch + ',' + document.getElementById('sheetmusic').value;<br>	       }<br>	         } else {<br>	          document.getElementById('sheetmusic').value+=(tval + howmuch);<br>	         }<br>	        }<br>	      }<br>	    }<br>	  }<br>       if (document.getElementById('sheetmusic').value != "") {<br>         document.getElementById('myform').style.display='inline';<br>         document.getElementById('savemusic').value=document.getElementById('sheetmusic').value;<br>         document.getElementById('hsheetmusic').value=document.getElementById('sheetmusic').value;<br>       } else {<br>         document.getElementById('myform').style.display='none';<br>         document.getElementById('savemusic').value=document.getElementById('sheetmusic').value;<br>         document.getElementById('hsheetmusic').value=document.getElementById('sheetmusic').value;<br>         document.getElementById('playlist').value = '';<br>       }<br>       document.getElementById('oselt').value = '';<br>     }<br>	}<br>	<br>	function andthenmode() {<br>	  var phuhis=document.getElementById('playlist').innerHTML.replace(document.getElementById('playlist').innerHTML.split('&lt;/option&gt;')[0] + '&lt;/option&gt;','');<br>      if (phuhis != '') {<br>        document.getElementById('myselpos').innerHTML+=phuhis;<br>      }<br><br>	}<br><br>    function onck() {	<br>    if (1 == 2) {<br>if('webkitAudioContext' in window) {<br>    alert(9);<br>//var xctx;<br>	ctx = new(window.AudioContext || window.webkitAudioContext || false);<br>    alert(189);<br>	if(ctx.state === 'suspended') {<br>    alert(19);<br>    ctx.resume().then(function() {<br>      //susresBtn.textContent = 'Suspend context';<br>            if (document.getElementById('conduit').value != '') {  // if (document.URL.indexOf('webaudio=') != -1) {<br>			plan="var delay = 0; // play one note every quarter second " + String.fromCharCode(10);<br>			plan+="var note = 50; // the MIDI note " + String.fromCharCode(10);<br>			plan+="var velocity = 127; // how hard the note hits " + String.fromCharCode(10);<br>			plan+="MIDIsetVolume(0, 127); " + String.fromCharCode(10);<br>			plan+="MIDInoteOn(0,note,velocity,delay); " + String.fromCharCode(10);<br>			plan+="MIDInoteOff(0,note,delay + 0.75); " + String.fromCharCode(10);<br>	    //alert(plan.replace(/MIDI\./g, 'MIDI'));<br>            eval(plan.replace(/ MIDI\.noteO/g, ' preMIDInoteO').replace(/ MIDI\./g, ' MIDI')); // play music<br>	        } else {<br>	   MIDI.loadPlugin({<br>		soundfontUrl: "./soundfont/",<br>		instrument: "acoustic_grand_piano",<br>		onprogress: function(state, progress) {<br>			console.log(state, progress);<br>		},<br>		onsuccess: function() {<br>			var delay = 0; // play one note every quarter second<br>			var note = 50; //fifty; // the MIDI note<br>			var velocity = 127; //one_twenty_seven; // how hard the note hits<br>			// play the note<br>			MIDI.setVolume(0, eval(hit * 127));<br>			hit=1;<br>			MIDI.noteOn(0, note, velocity, delay);<br>			MIDI.noteOff(0, note, delay + 0.75);<br>			<br>		}<br>	});<br>            }<br>    });  <br>    } else if(ctx.state === 'running') {<br>            if (document.getElementById('conduit').value != '') {  // if (document.URL.indexOf('webaudio=') != -1) {<br>			plan="var delay = 0; // play one note every quarter second " + String.fromCharCode(10);<br>			plan+="var note = 50; // the MIDI note " + String.fromCharCode(10);<br>			plan+="var velocity = 127; // how hard the note hits " + String.fromCharCode(10);<br>			plan+="MIDIsetVolume(0, 127); " + String.fromCharCode(10);<br>			plan+="MIDInoteOn(0,note,velocity,delay); " + String.fromCharCode(10);<br>			plan+="MIDInoteOff(0,note,delay + 0.75); " + String.fromCharCode(10);<br>	    //alert(plan.replace(/MIDI\./g, 'MIDI'));<br>            eval(plan.replace(/ MIDI\.noteO/g, ' preMIDInoteO').replace(/ MIDI\./g, ' MIDI')); // play music<br>	        } else {<br>	   MIDI.loadPlugin({<br>		soundfontUrl: "./soundfont/",<br>		instrument: "acoustic_grand_piano",<br>		onprogress: function(state, progress) {<br>			console.log(state, progress);<br>		},<br>		onsuccess: function() {<br>			var delay = 0; // play one note every quarter second<br>			var note = 50; //fifty; // the MIDI note<br>			var velocity = 127; //one_twenty_seven; // how hard the note hits<br>			// play the note<br>			MIDI.setVolume(0, eval(hit * 127));<br>			hit=1;<br>			MIDI.noteOn(0, note, velocity, delay);<br>			MIDI.noteOff(0, note, delay + 0.75);<br>			<br>		}<br>	});<br>	    }<br>    }<br>} else {<br>    alert(39);<br><br>(function(root) { 'use strict';<br><br>	var plugin = null;<br>	var output = null;<br>	var channels = [];<br>	var midi = root.WebMIDI = {api: 'webmidi'};<br>	midi.send = function(data, delay) { // set channel volume<br>		output.send(data, delay * 1000);<br>	};<br><br>	midi.setController = function(channel, type, value, delay) {<br>		output.send([channel, type, value], delay * 1000);<br>	};<br><br>	midi.setVolume = function(channel, volume, delay) { // set channel volume<br>		output.send([0xB0 + channel, 0x07, volume], delay * 1000);<br>	};<br><br>	midi.programChange = function(channel, program, delay) { // change patch (instrument)<br>		output.send([0xC0 + channel, program], delay * 1000);<br>	};<br><br>	midi.pitchBend = function(channel, program, delay) { // pitch bend<br>		output.send([0xE0 + channel, program], delay * 1000);<br>	};<br><br>	midi.noteOn = function(channel, note, velocity, delay) {<br>		output.send([0x90 + channel, note, velocity], delay * 1000);<br>	};<br><br>	midi.noteOff = function(channel, note, delay) {<br>		output.send([0x80 + channel, note, 0], delay * 1000);<br>	};<br><br>	midi.chordOn = function(channel, chord, velocity, delay) {<br>		for (var n = 0; n &lt; chord.length; n ++) {<br>			var note = chord[n];<br>			output.send([0x90 + channel, note, velocity], delay * 1000);<br>		}<br>	};<br><br>	midi.chordOff = function(channel, chord, delay) {<br>		for (var n = 0; n &lt; chord.length; n ++) {<br>			var note = chord[n];<br>			output.send([0x80 + channel, note, 0], delay * 1000);<br>		}<br>	};<br><br>	midi.stopAllNotes = function() {<br>		output.cancel();<br>		for (var channel = 0; channel &lt; 16; channel ++) {<br>			output.send([0xB0 + channel, 0x7B, 0]);<br>		}<br>	};<br><br>	midi.connect = function(opts) {<br>		root.setDefaultPlugin(midi);<br>		///<br>		navigator.requestMIDIAccess().then(function(access) {<br>			plugin = access;<br>			output = plugin.outputs()[0];<br>			opts.onsuccess && opts.onsuccess();<br>		}, function(err) { // well at least we tried!<br>			if (window.AudioContext) { // Chrome<br>				opts.api = 'webaudio';<br>			} else if (window.Audio) { // Firefox<br>				opts.api = 'audiotag';<br>			} else { // no support<br>				return;<br>			}<br>			root.loadPlugin(opts);<br>		});<br>	};<br><br>})(MIDI);<br>            if (document.getElementById('conduit').value != '') {  // if (document.URL.indexOf('webaudio=') != -1) {<br>			plan="var delay = 0; // play one note every quarter second " + String.fromCharCode(10);<br>			plan+="var note = 50; // the MIDI note " + String.fromCharCode(10);<br>			plan+="var velocity = 127; // how hard the note hits " + String.fromCharCode(10);<br>			plan+="MIDIsetVolume(0, 127); " + String.fromCharCode(10);<br>			plan+="MIDInoteOn(0,note,velocity,delay); " + String.fromCharCode(10);<br>			plan+="MIDInoteOff(0,note,delay + 0.75); " + String.fromCharCode(10);<br>	    //alert(plan.replace(/MIDI\./g, 'MIDI'));<br>            eval(plan.replace(/ MIDI\.noteO/g, ' preMIDInoteO').replace(/ MIDI\./g, ' MIDI')); // play music<br>	        } else {<br>	   MIDI.loadPlugin({<br>		soundfontUrl: "./soundfont/",<br>		instrument: "acoustic_grand_piano",<br>		onprogress: function(state, progress) {<br>			console.log(state, progress);<br>		},<br>		onsuccess: function() {<br>			var delay = 0; // play one note every quarter second<br>			var note = 50; //fifty; // the MIDI note<br>			var velocity = 127; //one_twenty_seven; // how hard the note hits<br>			// play the note<br>			MIDI.setVolume(0, eval(hit * 127));<br>			hit=1;<br>			MIDI.noteOn(0, note, velocity, delay);<br>			MIDI.noteOff(0, note, delay + 0.75);<br>			<br>		}<br>	});<br>	     }<br>    if (7 == 7) {<br>	if('AudioContext' in window) {<br>	ctx = new(window.AudioContext || window.webkitAudioContext || false);<br>	if(ctx.state === 'suspended') {<br>    alert(19);<br>    ctx.resume().then(function() {<br>      //susresBtn.textContent = 'Suspend context';<br>            if (document.getElementById('conduit').value != '') {  // if (document.URL.indexOf('webaudio=') != -1) {<br>			plan="var delay = 0; // play one note every quarter second " + String.fromCharCode(10);<br>			plan+="var note = 50; // the MIDI note " + String.fromCharCode(10);<br>			plan+="var velocity = 127; // how hard the note hits " + String.fromCharCode(10);<br>			plan+="MIDIsetVolume(0, 127); " + String.fromCharCode(10);<br>			plan+="MIDInoteOn(0,note,velocity,delay); " + String.fromCharCode(10);<br>			plan+="MIDInoteOff(0,note,delay + 0.75); " + String.fromCharCode(10);<br>	    //alert(plan.replace(/MIDI\./g, 'MIDI'));<br>            eval(plan.replace(/ MIDI\.noteO/g, ' preMIDInoteO').replace(/ MIDI\./g, ' MIDI')); // play music<br>	        } else {<br>	   MIDI.loadPlugin({<br>		soundfontUrl: "./soundfont/",<br>		instrument: "acoustic_grand_piano",<br>		onprogress: function(state, progress) {<br>			console.log(state, progress);<br>		},<br>		onsuccess: function() {<br>			var delay = 0; // play one note every quarter second<br>			var note = 50; //fifty; // the MIDI note<br>			var velocity = 127; //one_twenty_seven; // how hard the note hits<br>			// play the note<br>			MIDI.setVolume(0, eval(hit * 127));<br>			hit=1;<br>			MIDI.noteOn(0, note, velocity, delay);<br>			MIDI.noteOff(0, note, delay + 0.75);<br>			<br>		}<br>	});<br>	    }<br>    });  <br>    } else if(ctx.state === 'running') {<br>    <br>            if (document.getElementById('conduit').value != '') {  // if (document.URL.indexOf('webaudio=') != -1) {<br>			plan="var delay = 0; // play one note every quarter second " + String.fromCharCode(10);<br>			plan+="var note = 50; // the MIDI note " + String.fromCharCode(10);<br>			plan+="var velocity = 127; // how hard the note hits " + String.fromCharCode(10);<br>			plan+="MIDIsetVolume(0, 127); " + String.fromCharCode(10);<br>			plan+="MIDInoteOn(0,note,velocity,delay); " + String.fromCharCode(10);<br>			plan+="MIDInoteOff(0,note,delay + 0.75); " + String.fromCharCode(10);<br>	    //alert(plan.replace(/MIDI\./g, 'MIDI'));<br>            eval(plan.replace(/ MIDI\.noteO/g, ' preMIDInoteO').replace(/ MIDI\./g, ' MIDI')); // play music<br>	        } else {<br>	   MIDI.loadPlugin({<br>		soundfontUrl: "./soundfont/",<br>		instrument: "acoustic_grand_piano",<br>		onprogress: function(state, progress) {<br>			console.log(state, progress);<br>		},<br>		onsuccess: function() {<br>			var delay = 0; // play one note every quarter second<br>			var note = 50; //fifty; // the MIDI note<br>			var velocity = 127; //one_twenty_seven; // how hard the note hits<br>			// play the note<br>			MIDI.setVolume(0, eval(hit * 127));<br>			hit=1;<br>			MIDI.noteOn(0, note, velocity, delay);<br>			MIDI.noteOff(0, note, delay + 0.75);<br>			<br>		}<br>	});<br>	    }<br>    }<br>    }<br>    }<br>}<br>}<br>  }<br>	<br>	setTimeout(andthenmode, 2000);<br>&lt;/script&gt;	<br>&lt;/head&gt;<br>&lt;body style='background-color: yellow;'&gt;<br>&lt;!--h1 align='center'&gt;Music Note or Scale Player and Composer&lt;/h1&gt;<br>&lt;h2 align='center'&gt;Thanks to &lt;a target=_blank href='https://github.com/mudcube/MIDI.js' title='wow!'&gt;mudcube&lt;/a&gt; and &lt;a target=_blank href='http://www.glassarmonica.com/science/frequency_midi.php' title='great table!'&gt;The Glass Armonica&lt;/a&gt;&lt;/h2&gt;<br>&lt;h3 align='center'&gt;RJM Programming - May, 2015&lt;/h3&gt;<br>&lt;h4 align='center'&gt;Click on links in table for music&lt;/h4--&gt;<br>&lt;!--div align='center'--&gt;<br>&lt;table align='center'&gt;<br>&lt;tbody&gt;<br>&lt;tr&gt;<br>&lt;td id='mytd1'&gt;<br>&lt;table id='mytable' class="single" style='background-color: white; border: 5px solid brown;'&gt;<br>&lt;thead&gt;<br>&lt;tr&gt;<br>&lt;th id='th1' title='Click to hear this note'&gt;MIDI Note &lt;select onchange'rotatemaybe(this);' id='instrument'&gt;<br>&lt;option value="acoustic_grand_piano"&gt;Acoustic Grand Piano&lt;/option&gt;<br>&lt;option value="synth_drum"&gt;Synthesised Drum&lt;/option&gt;<br>&lt;!--option value="ACOUSTIC_GRAND_PIANO"&gt;Acoustic Grand Piano (rotated -90 degrees)&lt;/option&gt;<br>&lt;option value="SYNCH_DRUM"&gt;Synthesised Drum (rotated -90 degrees)&lt;/option--&gt;<br>&lt;/select&gt;&lt;/th&gt;<br>&lt;th id='th2' title='Click to hear scale or arpeggio for this note'&gt;ANSI Note &lt;select id='mode'&gt;<br>&lt;option value="0"&gt;Major Scale&lt;/option&gt;&lt;option value="1"&gt;Minor Scale&lt;/option&gt;&lt;option value="2"&gt;Major Arpeggio&lt;/option&gt;&lt;option value="3"&gt;Minor Arpeggio&lt;/option&gt;<br>&lt;option value="00"&gt;Major Scale (2 octaves)&lt;/option&gt;&lt;option value="01"&gt;Minor Scale (2 octaves)&lt;/option&gt;&lt;option value="02"&gt;Major Arpeggio (2 octaves)&lt;/option&gt;&lt;option value="03"&gt;Minor Arpeggio (2 octaves)&lt;/option&gt;<br>&lt;option value="000"&gt;Major Scale (3 octaves)&lt;/option&gt;&lt;option value="001"&gt;Minor Scale (3 octaves)&lt;/option&gt;&lt;option value="002"&gt;Major Arpeggio (3 octaves)&lt;/option&gt;&lt;option value="003"&gt;Minor Arpeggio (3 octaves)&lt;/option&gt;<br>&lt;option value="0000"&gt;Major Scale (4 octaves)&lt;/option&gt;&lt;option value="0001"&gt;Minor Scale (4 octaves)&lt;/option&gt;&lt;option value="0002"&gt;Major Arpeggio (4 octaves)&lt;/option&gt;&lt;option value="0003"&gt;Minor Arpeggio (4 octaves)&lt;/option&gt;<br>&lt;/select&gt;&lt;/th&gt;<br>&lt;th id='th3' title='Click to hear this frequency'&gt;Frequency (hz) &lt;select id='speed'&gt;<br>&lt;option value="0.30"&gt;Largo&lt;/option&gt;<br>&lt;option value="0.25"&gt;Larghetto&lt;/option&gt;<br>&lt;option value="0.20"&gt;Adagio&lt;/option&gt;<br>&lt;option value="0.15" selected&gt;Andante&lt;/option&gt;<br>&lt;option value="0.10"&gt;Moderato&lt;/option&gt;<br>&lt;option value="0.05"&gt;Allegro&lt;/option&gt;<br>&lt;option value="0.025"&gt;Presto&lt;/option&gt;<br>&lt;/select&gt;&lt;/th&gt;&lt;/tr&gt;<br>&lt;/thead&gt;&lt;tbody id='mytbody'&gt;<br>&lt;tr&gt;&lt;td id='tr21' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;21&lt;/td&gt;<br>&lt;td style="border-left:4px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;A0&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt; 27.5&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr22' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;22&lt;/td&gt;<br>&lt;td style="border-left:4px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;A#0&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;sup style='margin-left:-2.5px;margin-top:-3px;border-bottom:3px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;/sup&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt; 29.1&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr23' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;23&lt;/td&gt;<br>&lt;td style="border-left:4px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;B0&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:4.3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt; 30.9&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr24' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;24&lt;/td&gt;<br>&lt;td style="border-left:3px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;C1&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:9px;margin-left:-6px;border-bottom:3.7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt; 32.7&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr25' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;25&lt;/td&gt;<br>&lt;td style="border-left:3px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;C#1&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:9px;margin-left:-6px;border-bottom:3.7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;sup style='margin-left:-2.5px;margin-top:-3px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;br&gt;&lt;/sup&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt; 34.6&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr26' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;26&lt;/td&gt;<br>&lt;td style="border-left:3px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;D1&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:10px;margin-left:-6px;border-bottom:7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt; 36.7&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr27' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;27&lt;/td&gt;<br>&lt;td style="border-left:3px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;D#1&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:10px;margin-left:-6px;border-bottom:7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;sup style='margin-left:-2.5px;margin-top:-3px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;br&gt;&lt;/sup&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt; 38.9&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr28' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;28&lt;/td&gt;<br>&lt;td style="border-left:3px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;E1&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-0.75) scaleY(-0.75);display:inline-block;width:11px;margin-left:-6px;border-bottom:7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt; 41.2&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr29' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;29&lt;/td&gt;<br>&lt;td style="border-left:3px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;F1&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:1.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt; 43.7&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr30' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;30&lt;/td&gt;<br>&lt;td style="border-left:3px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;F#1&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:1.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;span style='margin-left:-2.5px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;/span&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt; 46.2&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr31' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;31&lt;/td&gt;<br>&lt;td style="border-left:3px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;G1&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:2.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt; 49.0&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr32' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;32&lt;/td&gt;<br>&lt;td style="border-left:3px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;G#1&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:2.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;span style='margin-left:-2.5px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;/span&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt; 51.9&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr33' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;33&lt;/td&gt;<br>&lt;td style="border-left:3px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;A1&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt; 55.0&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr34' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;34&lt;/td&gt;<br>&lt;td style="border-left:3px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;A#1&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;sup style='margin-left:-2.5px;margin-top:-3px;border-bottom:3px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;/sup&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt; 58.3&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr35' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;35&lt;/td&gt;<br>&lt;td style="border-left:3px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;B1&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:4.3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt; 61.7&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr36' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;36&lt;/td&gt;<br>&lt;td style="border-left:2px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;C2&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:9px;margin-left:-6px;border-bottom:3.7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt; 65.4&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr37' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;37&lt;/td&gt;<br>&lt;td style="border-left:2px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;C#2&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:9px;margin-left:-6px;border-bottom:3.7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;sup style='margin-left:-2.5px;margin-top:-3px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;br&gt;&lt;/sup&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt; 69.3&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr38' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;38&lt;/td&gt;<br>&lt;td style="border-left:2px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;D2&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:10px;margin-left:-6px;border-bottom:7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt; 73.4&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr39' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;39&lt;/td&gt;<br>&lt;td style="border-left:2px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;D#2&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:10px;margin-left:-6px;border-bottom:7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;sup style='margin-left:-2.5px;margin-top:-3px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;br&gt;&lt;/sup&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt; 77.8&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr40' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;40&lt;/td&gt;<br>&lt;td style="border-left:2px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;E2&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-0.75) scaleY(-0.75);display:inline-block;width:11px;margin-left:-6px;border-bottom:7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt; 82.4&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr41' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;41&lt;/td&gt;<br>&lt;td style="border-left:2px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;F2&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:1.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt; 87.3&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr42' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;42&lt;/td&gt;<br>&lt;td style="border-left:2px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;F#2&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:1.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;span style='margin-left:-2.5px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;/span&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt; 92.5&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr43' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;43&lt;/td&gt;<br>&lt;td style="border-left:2px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;G2&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:2.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt; 98.0&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr44' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;44&lt;/td&gt;<br>&lt;td style="border-left:2px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;G#2&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:2.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;span style='margin-left:-2.5px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;/span&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;103.8&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr45' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;45&lt;/td&gt;<br>&lt;td style="border-left:2px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;A2&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;110.0&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr46' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;46&lt;/td&gt;<br>&lt;td style="border-left:2px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;A#2&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;sup style='margin-left:-2.5px;margin-top:-3px;border-bottom:3px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;/sup&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;116.5&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr47' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;47&lt;/td&gt;<br>&lt;td style="border-left:2px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;B2&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:4.3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;123.5&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr48' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;48&lt;/td&gt;<br>&lt;td style="border-left:1px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;C3&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:9px;margin-left:-6px;border-bottom:3.7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;130.8&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr49' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;49&lt;/td&gt;<br>&lt;td style="border-left:1px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;C#3&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:9px;margin-left:-6px;border-bottom:3.7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;sup style='margin-left:-2.5px;margin-top:-3px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;br&gt;&lt;/sup&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;138.6&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr50' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;50&lt;/td&gt;<br>&lt;td style="border-left:1px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;D3&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:10px;margin-left:-6px;border-bottom:7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;146.8&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr51' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;51&lt;/td&gt;<br>&lt;td style="border-left:1px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;D#3&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:10px;margin-left:-6px;border-bottom:7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;sup style='margin-left:-2.5px;margin-top:-3px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;br&gt;&lt;/sup&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;155.6&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr52' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;52&lt;/td&gt;<br>&lt;td style="border-left:1px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;E3&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-0.75) scaleY(-0.75);display:inline-block;width:11px;margin-left:-6px;border-bottom:7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;164.8&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr53' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;53&lt;/td&gt;<br>&lt;td style="border-left:1px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;F3&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:1.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;174.6&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr54' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;54&lt;/td&gt;<br>&lt;td style="border-left:1px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;F#3&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:1.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;span style='margin-left:-2.5px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;/span&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;185.0&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr55' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;55&lt;/td&gt;<br>&lt;td style="border-left:1px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;G3&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:2.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;196.0&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr56' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;56&lt;/td&gt;<br>&lt;td style="border-left:1px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;G#3&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:2.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;span style='margin-left:-2.5px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;/span&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;207.7&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr57' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;57&lt;/td&gt;<br>&lt;td style="border-left:1px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;A3&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;220.0&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr58' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;58&lt;/td&gt;<br>&lt;td style="border-left:1px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;A#3&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;sup style='margin-left:-2.5px;margin-top:-3px;border-bottom:3px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;/sup&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;233.1&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr59' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;59&lt;/td&gt;<br>&lt;td style="border-left:1px solid purple;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;B3&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:4.3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;246.9&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr60' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;60&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;C4 (middle C)&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:9px;margin-left:-6px;border-bottom:3.7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;261.6&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr61' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;61&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;C#4&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:9px;margin-left:-6px;border-bottom:3.7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;sup style='margin-left:-2.5px;margin-top:-3px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;br&gt;&lt;/sup&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;277.2&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr62' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;62&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;D4&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:10px;margin-left:-6px;border-bottom:7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;293.7&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr63' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;63&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;D#4&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:10px;margin-left:-6px;border-bottom:7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;sup style='margin-left:-2.5px;margin-top:-3px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;br&gt;&lt;/sup&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;311.1&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr64' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;64&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;E4&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-0.75) scaleY(-0.75);display:inline-block;width:11px;margin-left:-6px;border-bottom:7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;329.6&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr65' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;65&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;F4&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:1.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;349.2&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr66' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;66&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;F#4&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:1.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;span style='margin-left:-2.5px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;/span&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;370.0&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr67' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;67&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;G4&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:2.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;392.0&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr68' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;68&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;G#4&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:2.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;span style='margin-left:-2.5px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;/span&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;415.3&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr69' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;69&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;A4&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;440.0&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr70' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;70&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;A#4&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;sup style='margin-left:-2.5px;margin-top:-3px;border-bottom:3px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;/sup&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;466.2&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr71' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;71&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;B4&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:4.3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;493.9&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr72' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;72&lt;/td&gt;<br>&lt;td style="border-right:1px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;C5&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:9px;margin-left:-6px;border-bottom:3.7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;523.3&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr73' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;73&lt;/td&gt;<br>&lt;td style="border-right:1px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;C#5&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:9px;margin-left:-6px;border-bottom:3.7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;sup style='margin-left:-2.5px;margin-top:-3px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;br&gt;&lt;/sup&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;554.4&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr74' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;74&lt;/td&gt;<br>&lt;td style="border-right:1px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;D5&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:10px;margin-left:-6px;border-bottom:7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;587.3&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr75' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;75&lt;/td&gt;<br>&lt;td style="border-right:1px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;D#5&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:10px;margin-left:-6px;border-bottom:7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;sup style='margin-left:-2.5px;margin-top:-3px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;br&gt;&lt;/sup&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;622.3&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr76' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;76&lt;/td&gt;<br>&lt;td style="border-right:1px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;E5&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-0.75) scaleY(-0.75);display:inline-block;width:11px;margin-left:-6px;border-bottom:7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;659.3&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr77' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;77&lt;/td&gt;<br>&lt;td style="border-right:1px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;F5&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:1.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;698.5&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr78' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;78&lt;/td&gt;<br>&lt;td style="border-right:1px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;F#5&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:1.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;span style='margin-left:-2.5px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;/span&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;740.0&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr79' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;79&lt;/td&gt;<br>&lt;td style="border-right:1px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;G5&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:2.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;784.0&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr80' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;80&lt;/td&gt;<br>&lt;td style="border-right:1px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;G#5&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:2.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;span style='margin-left:-2.5px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;/span&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;830.6&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr81' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;81&lt;/td&gt;<br>&lt;td style="border-right:1px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;A5&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;880.0&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr82' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;82&lt;/td&gt;<br>&lt;td style="border-right:1px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;A#5&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;sup style='margin-left:-2.5px;margin-top:-3px;border-bottom:3px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;/sup&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;932.3&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr83' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;83&lt;/td&gt;<br>&lt;td style="border-right:1px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;B5&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:4.3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;987.8&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr84' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;84&lt;/td&gt;<br>&lt;td style="border-right:2px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;C6&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:9px;margin-left:-6px;border-bottom:3.7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;1046.5&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr85' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;85&lt;/td&gt;<br>&lt;td style="border-right:2px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;C#6&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:9px;margin-left:-6px;border-bottom:3.7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;sup style='margin-left:-2.5px;margin-top:-3px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;br&gt;&lt;/sup&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;1108.7&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr86' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;86&lt;/td&gt;<br>&lt;td style="border-right:2px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;D6&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:10px;margin-left:-6px;border-bottom:7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;1174.7&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr87' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;87&lt;/td&gt;<br>&lt;td style="border-right:2px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;D#6&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:10px;margin-left:-6px;border-bottom:7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;sup style='margin-left:-2.5px;margin-top:-3px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;br&gt;&lt;/sup&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;1244.5&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr88' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;88&lt;/td&gt;<br>&lt;td style="border-right:2px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;E6&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-0.75) scaleY(-0.75);display:inline-block;width:11px;margin-left:-6px;border-bottom:7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;1318.5&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr89' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;89&lt;/td&gt;<br>&lt;td style="border-right:2px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;F6&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:1.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;1396.9&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr90' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;90&lt;/td&gt;<br>&lt;td style="border-right:2px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;F#6&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:1.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;span style='margin-left:-2.5px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;/span&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;1480.0&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr91' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;91&lt;/td&gt;<br>&lt;td style="border-right:2px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;G6&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:2.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;1568.0&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr92' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;92&lt;/td&gt;<br>&lt;td style="border-right:2px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;G#6&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:2.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;span style='margin-left:-2.5px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;/span&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;1661.2&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr93' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;93&lt;/td&gt;<br>&lt;td style="border-right:2px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;A6&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;1760.0&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr94' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;94&lt;/td&gt;<br>&lt;td style="border-right:2px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;A#6&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;sup style='margin-left:-2.5px;margin-top:-3px;border-bottom:3px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;/sup&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;1864.7&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr95' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;95&lt;/td&gt;<br>&lt;td style="border-right:2px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;B6&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:4.3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;1975.5&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr96' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;96&lt;/td&gt;<br>&lt;td style="border-right:3px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;C7&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:9px;margin-left:-6px;border-bottom:3.7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;2093.0&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr97' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;97&lt;/td&gt;<br>&lt;td style="border-right:3px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;C#7&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:9px;margin-left:-6px;border-bottom:3.7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;sup style='margin-left:-2.5px;margin-top:-3px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;br&gt;&lt;/sup&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;2217.5&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr98' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;98&lt;/td&gt;<br>&lt;td style="border-right:3px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;D7&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:10px;margin-left:-6px;border-bottom:7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;2349.3&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr99' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;99&lt;/td&gt;<br>&lt;td style="border-right:3px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;D#7&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:10px;margin-left:-6px;border-bottom:7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;sup style='margin-left:-2.5px;margin-top:-3px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;br&gt;&lt;/sup&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;2489.0&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr100' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;100&lt;/td&gt;<br>&lt;td style="border-right:3px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;E7&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-0.75) scaleY(-0.75);display:inline-block;width:11px;margin-left:-6px;border-bottom:7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;2637.0&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr101' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;101&lt;/td&gt;<br>&lt;td style="border-right:3px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;F7&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:1.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;2793.8&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr102' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;102&lt;/td&gt;<br>&lt;td style="border-right:3px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;F#7&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:1.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;span style='margin-left:-2.5px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;/span&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;2960.0&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr103' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;103&lt;/td&gt;<br>&lt;td style="border-right:3px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;G7&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:2.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;3136.0&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr104' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;104&lt;/td&gt;<br>&lt;td style="border-right:3px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;G#7&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:2.2px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;span style='margin-left:-2.5px;border-bottom:6px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;/span&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;3322.4&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr105' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;105&lt;/td&gt;<br>&lt;td style="border-right:3px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;A7&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;3520.0&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr bgcolor="#cccccc"&gt;&lt;td id='tr106' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;106&lt;/td&gt;<br>&lt;td style="border-right:3px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;A#7&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;sup style='margin-left:-2.5px;margin-top:-3px;border-bottom:3px solid transparent;font-size:8px;' class=crotchet&gt;&#9839;&lt;/sup&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;3729.3&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr107' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;107&lt;/td&gt;<br>&lt;td style="border-right:3px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;B7&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='display:inline-block;width:10px;margin-left:-6px;border-bottom:4.3px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;3951.1&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td id='tr108' class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;108&lt;/td&gt;<br>&lt;td style="border-right:4px solid yellow;" class="singleright" onclick="analyzerequest(this, this.innerHTML);"&gt;C8&nbsp;&nbsp; &lt;span class=crotchet&gt;&#127932;&lt;/span&gt;&lt;img style='transform: scaleX(-1) scaleY(-1);display:inline-block;width:9px;margin-left:-6px;border-bottom:3.7px solid transparent;mix-blend-mode:multiply;' src=crotchet.jpg class=crotchet&gt;&lt;/img&gt;&lt;/td&gt;<br>&lt;td class="singleright" onclick="analyzerequest(this, this.innerHTML);" onmouseover="nsuffix='';"&gt;4186.0&nbsp;&lt;input title="Quaver here but crotchet at link to left" style="width:10px;text-decoration:none;" type=button onmouseover="nsuffix='!-0.5';" onclick="nsuffix='!-0.5';" value="&#127926;"&gt;&lt;/input&gt;&lt;/td&gt;<br>&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;<br><br><br><br><br>&lt;/td&gt;<br>&lt;td width="195" id='mytd2'&gt;&nbsp;&lt;/td&gt;<br>&lt;td valign="top"&gt;<br>&lt;div id=vspacer&gt;&lt;/div&gt;<br>&lt;h1 align='center' id='myh1right'&gt;Music &lt;a title='Note/Scale Player' onclick=" document.getElementById('myselpos').value='left'; rotatemaybe(document.getElementById('myselpos'));  this.style.textDecoration='none'; document.getElementById('ac').style.textDecoration='underline'; " href='#' style='text-decoration: none;' id='ans'&gt;Note/Scale&lt;/a&gt; Player &amp; &lt;a title='Composer Mode' onclick=" document.getElementById('myselpos').value='Top'; rotatemaybe(document.getElementById('myselpos')); this.style.textDecoration='none'; document.getElementById('ans').style.textDecoration='underline'; " href='#top' style='text-decoration: underline;' id='ac'&gt;Composer&lt;/a&gt;&lt;/h1&gt;<br>&lt;h2 align='center'&gt;Thanks to &lt;a target=_blank href='https://github.com/mudcube/MIDI.js' title='wow!'&gt;mudcube&lt;/a&gt; and &lt;a target=_blank href='http://www.glassarmonica.com/science/frequency_midi.php' title='great table!'&gt;The Glass Armonica&lt;/a&gt;&lt;/h2&gt;<br>&lt;h3 id=myh3 align='center'&gt;&lt;span id=spanh3&gt;Via &lt;/span&gt;&lt;iframe class=ask title='vs Audio Web' frameborder=0 scrolling='no' style='border-bottom:1px solid yellow;overflow:hidden;background-color:yellow;display:inline-block;width:440px;height:28px;max-height:28px;' width=440 height=28 src='../../../HTMLCSS/web_audio.htm?vsmudcube=YdaS'&gt;&lt;/iframe&gt;&lt;br&gt;RJM Programming - May, 2015&nbsp;&nbsp;&lt;input style='display:none;' id=iready type=button onclick='onck();' value='Ready?'&gt;&lt;/input&gt;&lt;/h3&gt;<br>&lt;h4 align='center'&gt;Click on links in table at &lt;select onchange='rotatemaybe(this);' id='myselpos'&gt;&lt;option value='left'&gt;left&lt;/option&gt;&lt;option value='top'&gt;top&lt;/option&gt;&lt;option value='Left'&gt;Left&lt;/option&gt;&lt;option value='Top'&gt;Top&lt;/option&gt;&lt;/select&gt; for scales/Song Creation&lt;/h4&gt;<br>&lt;div id='eqd'&gt;<br>&lt;div id='scales' style='display:block;'&gt;<br>&lt;h4 align='center'&gt;Equations:&lt;/h4&gt;<br>&lt;p align='center'&gt;<br>f = frequency&lt;br&gt;<br>m = midi note number&lt;/p&gt;<br>&lt;p align='center'&gt;f = 27.5&nbsp;*&nbsp;2&lt;sup&gt;((m&nbsp;-&nbsp;21)/12)&lt;/sup&gt;&lt;/p&gt;<br>&lt;p align='center'&gt;m = (12/ln(2))&nbsp;*&nbsp;ln(f/27.5)&nbsp;+&nbsp;21&lt;/p&gt;<br>&lt;p align='center'&gt;Note: Fractional midi note number will give you 'cents'&lt;br&gt; from standard pitch: e.g. 66.33 would be 33 cents above F#4&lt;/p&gt;&lt;!--/td&gt;&lt;/tr--&gt;<br>&lt;!--tr&gt;&lt;td--&gt;<br>&lt;/div&gt;<br>&lt;div id='composition' style='display:none;'&gt;<br>&lt;iframe style="display:none;" id="myciframe" src="./MyScale.php?pleasecheck=y"&gt;&lt;/iframe&gt;&lt;input type="hidden" name="hsheetmusic" id="hsheetmusic" value="" /&gt;<br>&lt;br&gt;&lt;input onclick="thism=1; azzgoon=true; hit=1; document.getElementById('hsheetmusic').value=document.getElementById('sheetmusic').value;" id="play" type="submit" value="Play" /&gt;&nbsp;&lt;select id='playlist' onchange="document.getElementById('myciframe').src='./MyScale.php?retrieve=' + this.value;"&gt;&lt;option value=""&gt;MIDI code&lt;/option&gt;&lt;/select&gt; (&lt;select id='oselt' onchange='preask(this.value);'&gt;&lt;option value=''&gt;Others ...&lt;/option&gt;&lt;option value='rest'&gt;Rest&lt;/option&gt;&lt;option value='clear'&gt;Clear&lt;/option&gt;&lt;option value='0'&gt;Volume&lt;/option&gt;&lt;option value='largo'&gt;Largo&lt;/option&gt;&lt;option value='larghetto'&gt;Larghetto&lt;/option&gt;&lt;option value='adagio'&gt;Adagio&lt;/option&gt;&lt;option value='andante'&gt;Andante&lt;/option&gt;&lt;option value='moderato'&gt;Moderato&lt;/option&gt;&lt;option value='allegro'&gt;Allegro&lt;/option&gt;&lt;option value='presto'&gt;Presto&lt;/option&gt;&lt;option value='slowby'&gt;slowby&lt;/option&gt;&lt;option value='fastx'&gt;fastx&lt;/option&gt;&lt;/select&gt;) as below: <br>&lt;form target="myciframe" style='display:none;' id="myform" action="./MyScale.php" method="POST"&gt;<br>&lt;input type="hidden" name="savemusic" id="savemusic" value="" /&gt;<br>&lt;input onclick=" if (document.getElementById('savename').value != '' && document.getElementById('sheetmusic').value != '' && document.getElementById('playlist').innerHTML.indexOf('&gt;' + document.getElementById('savename').value + '&lt;') == -1) { document.getElementById('playlist').innerHTML+='&lt;option value=' + document.getElementById('savename').value.replace(/ /g, '%20') + '&gt;' + document.getElementById('savename').value + '&lt;/option&gt;'; document.getElementById('savemusic').value=document.getElementById('sheetmusic').value; }  document.getElementById('playlist').value='';  " type="submit" name="save" id="save" value="Save As ... " /&gt;&lt;input size=30 type="text" name="savename" id="savename" value="" /&gt;<br>&lt;/form&gt;<br>&lt;textarea onclick="document.getElementById('mytable').style.opacity=0.2; this.zIndex=50; document.getElementById('savename').zIndex=50;  document.getElementById('save').zIndex=50; " onchange=" document.getElementById('savemusic').value=this.value;  document.getElementById('hsheetmusic').value=this.value;  if (this.value != '') { document.getElementById('myform').style.display='inline'; } else { document.getElementById('myform').style.display='none';  } " rows=10 cols=80 name="sheetmusic" id="sheetmusic" value=""&gt;&lt;/textarea&gt;&lt;br&gt;&lt;div id='tabr'&gt;&lt;/div&gt;&lt;br&gt;<br>&lt;/div&gt;<br>&lt;br&gt;&lt;br&gt;<br>&lt;/div&gt;&lt;div class='cdmeter' id='dmeter' style='margin-top:0px;'&gt;<br>&lt;table align='center'&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;<br>&lt;meter align='center' class='cmeter' id='mymeter1' min="0.0" max="5000.0" value="0.0" style='width:480px;'&gt;&lt;/meter&gt;<br>&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;/tbody&gt;<br>&lt;/table&gt;<br>&lt;!--/div--&gt;<br><br><br>&lt;!--input id=iready type=button onclick='document.body.innerHTML="&lt;iframe src=./MyScale.htm style=width:100%;height:100vh;position:absolute;top:0px;left:0px;&gt;&lt;/iframe&gt;";' style='position:absolute;top:0px;left:0px;' value='Ready?'&gt;&lt;/input--&gt;<br><br><br>&lt;script type="text/javascript"&gt;<br><br>window.onload = function () {<br>    var doit=1, offset=0;<br>    populatesel();<br>    var afifty=fifty.split(",");<br>    var anlength=nlength.split(",");<br>    var aone_twenty_seven=one_twenty_seven.split(",");<br>	var igh, lastv=aone_twenty_seven[0], chg=false;<br>    if (document.URL.indexOf("#") != -1) document.getElementById('mode').innerHTML='&lt;option value="Composing"&gt;Composing&lt;/option&gt;';<br>    if (document.URL.indexOf("#top") != -1) {<br>     document.getElementById('ac').style.textDecoration='none';<br>    }<br>    if (sm == "" && document.URL.indexOf("#") == -1) {<br>	// Name those Notes game<br>	  if ((location.search.split('note=')[1] ? location.search.split('note=')[1].split('&')[0] : '') != '' || <br>		  (location.search.split('song=')[1] ? location.search.split('song=')[1].split('&')[0] : '') != '') {<br>		offset=eval((location.search.split('note=')[1] ? location.search.split('note=')[1].split('&')[0] : '0'));<br>		var pih=null, additionals="", found=0;<br>		var tdsare=document.getElementsByTagName('td');<br>		var pselans=parent.document.getElementById('selans');<br>		if (eval(afifty[0]) == 0) {<br>		  if ((location.search.split('nlength=')[1] ? location.search.split('nlength=')[1].split('&')[0] : '') == '') {<br>		    nlength = (Math.floor(Math.random() * (6000 - 250) + 250) / 1000);<br>		  }<br>		}<br>		if (pselans != null) {<br>	     if (eval(afifty[0]) == 0) {<br>		  fifty = Math.floor(Math.random() * (108 - offset - 21) + 21);<br>		  afifty[0] = fifty;<br>		  pih=parent.document.getElementById('apih');<br>		  if (pih != null) {<br>		   if (pih.value == '' || pih.value == '0') pih.value=fifty;<br>          }<br>		  pih=parent.document.getElementById('pih');<br>		  if (pih != null) {<br>		   chg = (pih.value == '' || pih.value == '0');<br>		   if (pih.value == '' || pih.value == '0') pih.value=fifty;<br>          }<br>	     }<br>		 if (pselans.innerHTML.indexOf(".") == -1) { // || 11 == 11) {<br>		   var itd=0, ih="";<br>		   for (itd=0; itd&lt;tdsare.length; itd++) {<br>		     if (tdsare[itd].innerHTML.indexOf("&lt;") == -1) {<br>		       if (tdsare[itd].innerHTML.indexOf(".") == -1 && tdsare[itd].innerHTML.substring(0,1) &gt;= '1' && tdsare[itd].innerHTML.substring(0,1) &lt;= '9') {<br>                 additionals+='&lt;option value="' + tdsare[itd].innerHTML + ',';<br>                 if (eval(tdsare[itd].innerHTML) == afifty[0]) {<br>                  found=1; //Math.floor(Math.random() * (3 - 1) + 1);<br>                  doit=eval(found % 2);<br>                 }<br>		       } else if (tdsare[itd].innerHTML.indexOf(".") == -1) {<br>                 ih=tdsare[itd].innerHTML.replace(" (middle C)", "");<br>                 if (found &gt; 0) {<br>                   found=0;<br>		  		   if (pih != null) {<br>		             if (chg) pih.value=ih;<br>                   }<br>                 }<br>		         additionals+=(tdsare[itd].innerHTML.replace(" (middle C)", "") + ',');<br>		         if (doit == 0) {<br>		           tdsare[itd].click();<br>		         }<br>		       } else {<br>		         additionals+=(tdsare[itd].innerHTML + '"&gt;' + ih + '&lt;/option&gt;');<br>		       }<br>		     }<br>		   }<br>		 } else {<br>		   var getnote=pselans.innerHTML.split('"' + afifty[0] + ',');<br>		   var thenote=getnote[1].split(",");<br>		   if (pih != null) {<br>		      //alert(chg + " " + pih.value + " will get " + thenote[0]);<br>		      if (chg || (pih.value == '' || pih.value == '0')) pih.value=thenote[0];<br>           }<br>		 }<br>		 if (pselans.innerHTML.indexOf(".") == -1) pselans.innerHTML+=additionals;<br>	   }<br>	   if (eval(afifty[0]) == 0) {<br>		 fifty = Math.floor(Math.random() * (108 - offset - 21) + 21);<br>		 afifty[0] = fifty;<br>		 pih=parent.document.getElementById('apih');<br>		 if (pih != null) {<br>		   if (pih.value == '' || pih.value == '0') pih.value=fifty;<br>         }<br>		 pih=parent.document.getElementById('pih');<br>		 if (pih != null) {<br>		  if (pih.value == '' || pih.value == '0') pih.value=fifty;<br>         }<br>	   }<br>	   if (afifty[0] &gt;= 21 && afifty[0] &lt;= 108) {<br>		 var thingtodo=" MIDI.loadPlugin({ \n";<br>		  thingtodo+=" soundfontUrl: './soundfont/', \n";<br>		  thingtodo+=" instrument: 'acoustic_grand_piano', \n";<br>		  thingtodo+=" onprogress: function(state, progress) { \n";<br>		  thingtodo+=" 	console.log(state, progress); \n";<br>		  thingtodo+=" }, \n";<br>		  thingtodo+=" onsuccess: function() { \n";<br>		  //thingtodo+=" MIDI.noteOn(0, 1, 1, 0); \n";<br>		  thingtodo+=" var delay = 0;  \n";<br>		  thingtodo+=" var note = " + afifty[0] + "; \n";<br>		  thingtodo+=" var velocity = " + aone_twenty_seven[0] + "; \n";<br>		  thingtodo+=" MIDI.setVolume(0, " + eval(hit * eval('' + aone_twenty_seven[0])) + "); \n";<br>		  for (igh=0; igh&lt;afifty.length; igh++) {<br>		  if (igh &gt; 0) {<br>		  thingtodo+=" var note" + igh + " = " + afifty[igh] + "; \n";<br>		  thingtodo+=" MIDI.noteOn(0, note" + igh + ", velocity, delay); \n";<br>		  } else {<br>		  thingtodo+=" MIDI.noteOn(0, note, velocity, delay); \n";<br>		  }<br>		  if (aone_twenty_seven.length &gt; eval(igh + 1)) {<br>		  if (aone_twenty_seven[eval(igh + 1)] != aone_twenty_seven[igh]) {<br>		    thingtodo+=" MIDI.setVolume(0, " + eval(hit * eval('' + aone_twenty_seven[eval(igh + 1)])) + "); \n";<br>		    lastv=aone_twenty_seven[eval(igh + 1)];<br>		  }<br>		  } else if (aone_twenty_seven[aone_twenty_seven.length - 1] != lastv) {<br>		  thingtodo+=" MIDI.setVolume(0, " + eval(hit * eval('' + aone_twenty_seven[aone_twenty_seven.length - 1])) + "); \n";<br>		  lastv=aone_twenty_seven[aone_twenty_seven.length - 1];<br>		  }<br>		  }<br>		  for (igh=0; igh&lt;afifty.length; igh++) {<br>		  if (anlength.length &gt; igh) {<br>		  thingtodo+=" MIDI.noteOff(0, " + ("note" + igh).replace("note0", "note") + ", delay + " + anlength[igh] + "); \n\n";<br>		  } else {<br>		  thingtodo+=" MIDI.noteOff(0, " + ("note" + igh).replace("note0", "note") + ", delay + " + anlength[anlength.length - 1] + "); \n\n";<br>		  }<br>		  }<br>		  hit=1;<br>		  thingtodo+=" } \n";<br>		  thingtodo+=" }); \n";<br>		 //if (!chg && document.URL.indexOf(",") != -1) alert(document.URL + " " + thingtodo);<br>		 if (doit == 1) { // if (document.getElementById('conduit').value != '') {<br>            if (document.getElementById('conduit').value != '') {  // if (document.URL.indexOf('webaudio=') != -1) {<br>	    //alert(thingtodo.split('onsuccess: function() {')[1].split('}')[0].replace(/MIDI\./g, 'MIDI'));<br>            if (azzgoon) { eval(thingtodo.split('onsuccess: function() {')[1].split('}')[0].replace(/ MIDI\.noteO/g, ' preMIDInoteO').replace(/ MIDI\./g, ' MIDI')); } // play music<br>	        } else {<br>		    if (azzgoon) { eval(thingtodo); }<br>		   }<br>		 }<br>	   }<br>	} else {<br>	   //MIDI.loader = new widgets.Loader;<br>            if (document.getElementById('conduit').value != '') {  // if (document.URL.indexOf('webaudio=') != -1) {<br>			plan="var delay = 0; // play one note every quarter second " + String.fromCharCode(10);<br>			plan+="var note = 50; // the MIDI note " + String.fromCharCode(10);<br>			plan+="var velocity = 127; // how hard the note hits " + String.fromCharCode(10);<br>			plan+="MIDIsetVolume(0, 127); " + String.fromCharCode(10);<br>			plan+="MIDInoteOn(0,note,velocity,delay); " + String.fromCharCode(10);<br>			plan+="MIDInoteOff(0,note,delay + 0.75); " + String.fromCharCode(10);<br>	    //alert(plan.replace(/MIDI\./g, 'MIDI'));<br>            eval(plan.replace(/ MIDI\.noteO/g, ' preMIDInoteO').replace(/ MIDI\./g, ' MIDI')); // play music<br>	        } else {<br>	   MIDI.loadPlugin({<br>		soundfontUrl: "./soundfont/",<br>		instrument: "acoustic_grand_piano",<br>		onprogress: function(state, progress) {<br>			console.log(state, progress);<br>		},<br>		callback: doItAgain,<br>		onsuccess: function() {<br>			var delay = 0; // play one note every quarter second<br>			var note = 50; //fifty; // the MIDI note<br>			var velocity = 127; //one_twenty_seven; // how hard the note hits<br>			// play the note<br>			MIDI.setVolume(0, eval(hit * 127));<br>			hit=1;<br>			MIDI.noteOn(0, note, velocity, delay);<br>			MIDI.noteOff(0, note, delay + 0.75);<br>			<br>		}<br>	});<br>	    }<br>	}<br>	}<br>};<br><br><br><br>function doItAgain() {<br>            if (document.getElementById('conduit').value != '') {  // if (document.URL.indexOf('webaudio=') != -1) {<br>			startPlay();<br>	        } else {<br>    MIDI.loadPlugin({<br>		soundfontUrl: "./soundfont/",<br>		instrument: "acoustic_grand_piano",<br>        //,targetFormat: "ogg"<br>        onprogress: function (event) {<br>			console.log(state, progress);<br>        }<br>       ,callback: startPlay<br>    });<br>    }<br>};<br><br>function startPlay() {<br>            if (document.getElementById('conduit').value != '') {  // if (document.URL.indexOf('webaudio=') != -1) {<br>			plan="var delay = 0; // play one note every quarter second " + String.fromCharCode(10);<br>			plan+="var note = 50; // the MIDI note " + String.fromCharCode(10);<br>			plan+="var velocity = 127; // how hard the note hits " + String.fromCharCode(10);<br>			plan+="MIDIsetVolume(0, 127); " + String.fromCharCode(10);<br>			plan+="MIDInoteOn(0,note,velocity,delay); " + String.fromCharCode(10);<br>			plan+="MIDInoteOff(0,note,delay + 0.75); " + String.fromCharCode(10);<br>	    //alert(plan.replace(/MIDI\./g, 'MIDI'));<br>            if (azgoon) { eval(plan.replace(/ MIDI\.noteO/g, ' preMIDInoteO').replace(/ MIDI\./g, ' MIDI')); } // play music<br>	        } else if (azgoon) {<br>			var delay = 0; // play one note every quarter second<br>			var note = 50; //fifty; // the MIDI note<br>			var velocity = 127; //one_twenty_seven; // how hard the note hits<br>			// play the note<br>			MIDI.setVolume(0, eval(hit * 127));<br>			hit=1;<br>			MIDI.noteOn(0, note, velocity, delay);<br>			MIDI.noteOff(0, note, delay + 0.75);<br>			}<br>}<br>&lt;/script&gt;<br><br>	&lt;script src="../inc/shim/Base64.js" type="text/javascript"&gt;&lt;/script&gt;<br>	&lt;script src="../inc/shim/Base64binary.js" type="text/javascript"&gt;&lt;/script&gt;<br>	&lt;script src="../inc/shim/WebAudioAPI.js" type="text/javascript"&gt;&lt;/script&gt;<br>	&lt;script src="../js/midi/audioDetect.js" type="text/javascript"&gt;&lt;/script&gt;<br>	&lt;script src="../js/midi/gm.js" type="text/javascript"&gt;&lt;/script&gt;<br>	&lt;script src="../js/midi/loader.js" type="text/javascript"&gt;&lt;/script&gt;<br>	&lt;script src="../js/midi/plugin.audiotag.js" type="text/javascript"&gt;&lt;/script&gt; <br>	&lt;script src="../js/midi/plugin.webaudio.js" type="text/javascript"&gt;&lt;/script&gt;<br>	&lt;script src="../js/midi/plugin.webmidi.js" type="text/javascript"&gt;&lt;/script&gt;<br>	&lt;script src="../js/util/dom_request_xhr.js" type="text/javascript"&gt;&lt;/script&gt;<br>	&lt;script src="../js/util/dom_request_script.js" type="text/javascript"&gt;&lt;/script&gt;<br><br>    &lt;!-- midi.js package --&gt;<br>    &lt;!--script src="../js/MIDI/WebAudioAPI.js" type="text/javascript"&gt;&lt;/script&gt;<br>    &lt;script src="../js/MIDI/AudioDetect.js" type="text/javascript"&gt;&lt;/script&gt;<br>    &lt;script src="../js/MIDI/LoadPlugin.js" type="text/javascript"&gt;&lt;/script&gt;<br>    &lt;script src="../js/MIDI/Plugin.js" type="text/javascript"&gt;&lt;/script&gt;<br>    &lt;script src="../js/MIDI/Player.js" type="text/javascript"&gt;&lt;/script&gt;<br>    &lt;script src="../js/DOM/DOMLoader.XMLHttp.js" type="text/javascript"&gt;&lt;/script&gt;<br>    &lt;script src="../js/base64/Base64.js" type="text/javascript"&gt;&lt;/script&gt;<br>    &lt;script src="../js/base64/base64binary.js" type="text/javascript"&gt;&lt;/script&gt;<br>    &lt;script src="../js/widgets/loader.js" type="text/javascript"&gt;&lt;/script&gt;<br><br>    &lt;script src="../js/debug.js" type="text/javascript"&gt;&lt;/script--&gt;<br><br>&lt;input type=hidden id=conduit value=''&gt;&lt;/input&gt;&lt;input type=hidden id=cmdconduit value=''&gt;&lt;/input&gt;<br>&lt;/body&gt;<br>&lt;/html&gt;