function muda_v(x, d, q){
document.getElementById('acorde_g'+q).innerHTML = guita(d,x, q);
}

function muda_t(x, d, q){
document.getElementById('acorde_t'+q).innerHTML = tecla(d,x, q);
}




function guita(t, r, q){
var topo="<tr><td width='265'><img height='1' src='/mxr/image/bran.gif' width='25'><img height='2' src='/mxr/image/preto.gif' width='56'></td></tr><tr><td width='265'>";
var di="</td></tr><tr><td width='265'><img height='1' src='/mxr/image/bran.gif' width='25'><img height='1' src='/mxr/image/preto.gif' width='56'></b></font></td></tr><tr><td width='265'><img height='10' src='/mxr/image/branco.gif' width='10' border='0'><img height='10' src='/mxr/image/branco.gif' width='10' border='0'>";
var df="</td></tr><tr><td width='265'><img height='1' src='/mxr/image/bran.gif' width='25'><img height='1' src='/mxr/image/preto.gif' width='56'></b></font></td></tr>";
var dedo="<img height='11' src='/mxr/image/dedo.gif' width='11'>";
var linha="<img height='11' src='/mxr/image/linha.gif' width='11'>";
ac="<center><div class=drag style='font-family: Verdana; font-size: 8px; font-weight: bold; border-width: 1px; background-color: #FFFFFF; cursor: move'>DRAG<div id='tc"+q+"' style='background-color: #FFFFFF'><table cellSpacing='0' cellPadding='0' width='106' border='0' style='background-color: #FFFFFF'><tr><td width='265'><center><font face='Verdana' size='1'><b>"+nome[q]+"</b></font></center></td></tr>";
var a=new Array();
num=0;
a[0] = acorde[q][t].charAt(0)
a[1] = acorde[q][t].charAt(1)
a[2] = acorde[q][t].charAt(2)
a[3] = acorde[q][t].charAt(3)
a[4] = acorde[q][t].charAt(4)
a[5] = acorde[q][t].charAt(5)
a[6] = acorde[q][t].substring(6,8)

var b=new Array();
b[0] = dedos[q][t].charAt(0)
b[1] = dedos[q][t].charAt(1)
b[2] = dedos[q][t].charAt(2)
b[3] = dedos[q][t].charAt(3)
b[4] = dedos[q][t].charAt(4)
b[5] = dedos[q][t].charAt(5)
b[6] = dedos[q][t].charAt(6)

var p=new Array();
var pes=new Array();
ac+="<tr><td width='265'><img height='11' src='/mxr/image/branco.gif' width='10'><img height='11' src='/mxr/image/branco.gif' width='10'>";
for(i = 0; i < a.length; i++){
if(b[i]==0){b[i]="dedo";}
if(a[i]=='x'){ ac+="<img height='11' src='/mxr/image/x.gif' width='11'>"; }else if(i=='6'){ ac+="<img height='11' src='/mxr/image/branco.gif' width='11'>"; }else if (a[i]=='0'){ ac+="<img height='11' src='/mxr/image/solta.gif' width='11'>"; } else { ac+="<img height='11' src='/mxr/image/branco.gif' width='11'>"; } }
ac+=topo;
if(a[6]!='0'){ac+="<img height='10' src='/mxr/image/"+a[6]+".gif' width='20' border='0'>"; }else{ ac+="<img height='10' src='/mxr/image/branco.gif' width='10' border='0'><img height='10' src='/mxr/image/branco.gif' width='10' border='0'>"; }
for (d=1; d < 7; d++){

for(i = 0; i < 6; i++){

if(b[6]>0&&b[6]<6&&b[i]!="x"&&b[i]!="0"&&b[i]==b[5]||b[i]==b[4]){ p[i]=b[5]; pes[d]=b[6];}else if (b[i-1]==b[3]&&b[3]=='1'){p[i]=b[2]; pes[d]=b[6];}


if(a[i]==d){

if(p[i]==b[i]){
if(b[i]==1){ac+="<img height='11' src='/mxr/image/p.gif' width='11'>";}else{ac+="<img height='11' src='/mxr/image/d"+b[i]+".gif' width='11'>";}
}else{
if(b[i]==1&&b[6]>0){ac+="<img height='11' src='/mxr/image/p.gif' width='11'>";}else{ac+="<img height='11' src='/mxr/image/d"+b[i]+".gif' width='11'>";}
}

}else{
if(pes[d]==d){ ac+="<img height='11' src='/mxr/image/p.gif' width='11'>"; }else{
ac+="<img height='11' src='/mxr/image/linha.gif' width='11'>";
}

}

}
if(d==7){ ac+=df+"</td>";} else{ ac+=di;}
l=acorde[q].length;
z=t+1;
if(z>=l){z=z-l;}
}
if(l>1){ac+="<tr><td></table></div><table cellSpacing='0' cellPadding='0' width='106' border='0'><tr><td><center><a href='#' onClick='muda_v("+t+","+z+","+q+");return false;'><font size='1' face='Verdana'><b class='lin'>VARIATION</b></font></center></td></tr></table></div><center>";}else {ac+="<tr><td><center><font color='#FFFFFF' size='1' face='Verdana'>&nbsp;</font></td></tr></table></div>";}
return ac;
 }


 function tabela_v(){
 var d="<div id='tx'><table border='0' cellspacing='0' cellpadding='0'><tr>";
 var dx="</tr></table></div>";
for(x=0;x<nome.length;x++){
if(x=='6' || x=='12' || x=='18' || x=='24' || x=='30' || x=='36' || x=='42' || x=='48' || x=='54' || x=='60'){ax=("</tr><tr>");}else{ax="";}
d+=ax+"<td align='center' id=acorde_g"+x+">"+guita(0,0,x)+"</td>";
}
document.write(d+dx);
document.close();
}

 function tecla(t, r, q){
 var meio="<td><img height='16' src='/mxr/teclas/meio.jpg' width='141' border='0'></td></tr>";
var m1="<img height='12' src='/mxr/teclas/m1.jpg' width='2' border='0'>";
var bx="<img height='12' src='/mxr/teclas/bx.jpg' width='2' border='0'>";
var bx2="<img height='12' src='/mxr/teclas/bx2.jpg' width='12' border='0'>";
var fim="</td></tr><tr><td><img height=2 src=/mxr/teclas/fim.jpg width=141 border=0></td></tr></table></div></td></tr></table>";
var tecla1="<img height='12' src='/mxr/teclas/1.jpg' width='8' border='0'>";
var tecla0="<img height='12' src='/mxr/teclas/0.jpg' width='8' border='0'>";
var b1="<img height='12' src='/mxr/teclas/b1.jpg' width='8' border='0'>";
var b0="<img height='12' src='/mxr/teclas/b0.jpg' width='8' border='0'>";
ax="<center><div class=drag style='font-family: Verdana; font-size: 8px; font-weight: bold; border-width: 1px; background-color: #FFFFFF; cursor: move'>DRAG<table border='0'><tr>";
num=0;
var a=new Array();
a[0]= acorde[q][t].charAt(0)
a[1]= acorde[q][t].charAt(1)
a[2]= acorde[q][t].charAt(2)
a[3]= acorde[q][t].charAt(3)
a[4]= acorde[q][t].charAt(4)
a[5]= acorde[q][t].charAt(5)
a[6]= acorde[q][t].charAt(6)
a[7]= acorde[q][t].charAt(7)
a[8]= acorde[q][t].charAt(8)
a[9]= acorde[q][t].charAt(9)
a[10]= acorde[q][t].charAt(10)
a[11]= acorde[q][t].charAt(11)
a[12]= acorde[q][t].charAt(12)
a[13]= acorde[q][t].charAt(13)
a[14]= acorde[q][t].charAt(14)
a[15]= acorde[q][t].charAt(15)
a[16]= acorde[q][t].charAt(16)
a[17]= acorde[q][t].charAt(17)
a[18]= acorde[q][t].charAt(18)
a[19]= acorde[q][t].charAt(19)
a[20]= acorde[q][t].charAt(20)
a[21]= acorde[q][t].charAt(21)
a[22]= acorde[q][t].charAt(22)
a[23]= acorde[q][t].charAt(23)
a[24]= acorde[q][t].charAt(24)
ax+="<td><center><div id='tc"+q+"' style='background-color: #FFFFFF'><table cellSpacing='0' cellPadding='0' width='144' border='0' style='background-color: #FFFFFF'>";
ax+="<tr><td><center><b><font face='Verdana' size='1'>"+nome[q]+"</font></b></center></td></tr>";
ax+="<tr><td><img height='13' src='/mxr/teclas/topo.jpg' width='141' border='0'></td></tr>";
ax+="<tr><td><img height='12' src='/mxr/teclas/b00.jpg' width='6' border='0'>";
if(a[14]!='0'){ ax+=b1; }else{ ax+=b0; }
ax+=bx;
if(a[15]!='0'){ ax+=b1; }else{ ax+=b0; }
ax+=bx2;
if(a[16]!='0'){ ax+=b1; }else{ ax+=b0; }
ax+=bx;
if(a[17]!='0'){ ax+=b1; }else{ ax+=b0; }
ax+=bx;
if(a[18]!='0'){ ax+=b1; }else{ ax+=b0; }
ax+=bx2;
if(a[19]!='0'){ ax+=b1; }else{ ax+=b0; }
ax+=bx;
if(a[20]!='0'){ ax+=b1; }else{ ax+=b0; }
ax+=bx2;
if(a[21]!='0'){ ax+=b1; }else{ ax+=b0; }
ax+=bx;
if(a[22]!='0'){ ax+=b1; }else{ ax+=b0; }
ax+=bx;
if(a[23]!='0'){ ax+=b1; }else{ ax+=b0; }
ax+="<img height='12' src='/mxr/teclas/bx3.jpg' width='7' border='0'></td></tr>";
ax+=meio;
ax+="<td><img height='12' src='/mxr/teclas/m1.jpg' width='2' border='0'>";
if(a[0]!='0'){ax+=tecla1;}else{ax+=tecla0;} ax+=m1;
if(a[1]!='0'){ax+=tecla1;}else{ax+=tecla0;} ax+=m1;
if(a[2]!='0'){ax+=tecla1;}else{ax+=tecla0;} ax+=m1;
if(a[3]!='0'){ax+=tecla1;}else{ax+=tecla0;} ax+=m1;
if(a[4]!='0'){ax+=tecla1;}else{ax+=tecla0;} ax+=m1;
if(a[5]!='0'){ax+=tecla1;}else{ax+=tecla0;} ax+=m1;
if(a[6]!='0'){ax+=tecla1;}else{ax+=tecla0;} ax+=m1;
if(a[7]!='0'){ax+=tecla1;}else{ax+=tecla0;} ax+=m1;
if(a[8]!='0'){ax+=tecla1;}else{ax+=tecla0;} ax+=m1;
if(a[9]!='0'){ax+=tecla1;}else{ax+=tecla0;} ax+=m1;
if(a[10]!='0'){ax+=tecla1;}else{ax+=tecla0;} ax+=m1;
if(a[11]!='0'){ax+=tecla1;}else{ax+=tecla0;} ax+=m1;
if(a[12]!='0'){ax+=tecla1;}else{ax+=tecla0;} ax+=m1;
if(a[13]!='0'){ax+=tecla1;}else{ax+=tecla0;} ax+=m1; ax+=fim;
l=acorde[q].length;
z=t+1;
if(z>=l){z=z-l;}
if(l>1){ax+="<a href='#' onClick='muda_t("+t+","+z+","+q+");return false;'><font size='1' face='Verdana'><b class='lin'>VARIATION</b></font></a></center></div>";}else {ax+="<font color='#FFFFFF' size='1' face='Verdana'>&nbsp;</font></div>";}
return ax;
 }
 
 function tabela_t(){
  var d="<div id='tx'><table border='0'><tr>";
 var dx="</tr></table></div>";
for(x=0;x<nome.length;x++){
if(x=='4' || x=='8' || x=='12' || x=='16' || x=='20' || x=='24' || x=='28' || x=='32' || x=='36' || x=='40'){ax=("</tr><tr>");}else{ax="";}
d+=ax+"<td><div id=acorde_t"+x+"><center>"+tecla(0,0,x)+"</center></div></td>";
}
document.write(d+dx);
document.close();
}


function nomes_aco(){
switch(an){
case 1: nt="Dó";break;
case 2:nt="Dó#";break;
case 3: nt="Ré";break;
case 4: nt="Ré#";break;
case 5: nt="Mi";break;
case 6: nt="Fá";break;
case 7: nt="Fá#";break;
case 8: nt="Sol";break;
case 9: nt="Sol#";break;
case 10: nt="Lá";break;
case 11: nt="Lá#";break;
case 12: nt="Si";break;
case 0: nt="Si";break;
default:
nt=tex;
break;
}
}
function nomes_ac(){
switch(an){
case 1: nt="C";break;
case 2:nt="C#";break;
case 3: nt="D";break;
case 4: nt="D#";break;
case 5: nt="E";break;
case 6: nt="F";break;
case 7: nt="F#";break;
case 8: nt="G";break;
case 9: nt="G#";break;
case 10: nt="A";break;
case 11: nt="A#";break;
case 12: nt="B";break;
case 0: nt="B";break;
default:
nt=tex;
break;
}
}
function valor (){
switch(tex){
case "B#": ac=1;  tip=0; break;
case "C": ac=1;  tip=0; break;
case "C#":ac=2;  tip=0; break;
case "D": ac=3;  tip=0; break;
case "D#": ac=4;  tip=0; break;
case "E": ac=5;  tip=0; break;
case "F": ac=6;  tip=0; break;
case "F#": ac=7;  tip=0; break;
case "G": ac=8;  tip=0; break;
case "G#": ac=9;  tip=0; break;
case "A": ac=10;  tip=0; break;
case "A#": ac=11;  tip=0; break;
case "B": ac=12;  tip=0; break;
case "Bb": ac=11;  tip=0; break;
case "Ab": ac=9;  tip=0; break;
case "Gb": ac=7;  tip=0; break;
case "Eb": ac=4;  tip=0; break;
case "Db": ac=2;  tip=0; break;
case "Si#": ac=1; tip=1; break;
case "Dó": ac=1; tip=1; break;
case "Dó#":ac=2; tip=1; break;
case "Ré": ac=3;tip=1; break;
case "Ré#": ac=4; tip=1; break;
case "Mi": ac=5; tip=1; break;
case "Fá": ac=6; tip=1; break;
case "Fá#": ac=7; tip=1; break;
case "Sol": ac=8; tip=1; break;
case "Sol#": ac=9;tip=1; break;
case "Lá": ac=10;tip=1; break;
case "Lá#": ac=11;tip=1; break;
case "Si": ac=12;tip=1; break;
case "Sib": ac=11;tip=1; break;
case "Láb": ac=9;tip=1; break;
case "Solb": ac=7;tip=1; break;
case "Mib": ac=4;tip=1; break;
case "Réb": ac=2;tip=1; break;
default:
ac=tex;
break;
}
}
function nomes_acn(){
switch(an){
case 1: nt="Dó";break;
case 2: nt="Dó#";break;
case 3: nt="Ré";break;
case 4: nt="Ré#";break;
case 5: nt="Mi";break;
case 6: nt="Fá";break;
case 7: nt="Fá#";break;
case 8: nt="Sol";break;
case 9: nt="Sol#";break;
case 10: nt="Lá";break;
case 11: nt="Lá#";break;
case 12: nt="Si";break;
default:
nt=tex;
break;
}
}


function troca(trans)
{
acor = document.getElementsByTagName("s");
if(trans>12){
tra=trans-12;
}else if (trans<0){
tra=trans+12;
}else{
tra=trans;
}
for (var i = 0; i < acor.length; i++)
{
  tex = acor[i].innerHTML;
valor()
an=tra+ac;

if(an>12){an=an-12;}
if(tip=='1'){
nomes_acn()
}else { nomes_ac(); }
 acor[i].innerHTML = nt;

}
}
function muda()
{
acor = document.getElementsByTagName("s");
for (var i = 0; i < acor.length; i++)
{
tex = acor[i].innerHTML;
switch(tex){
case 'C': nt="Dó";break;
case 'C#':nt="Dó#";break;
case 'D': nt="Ré";break;
case 'D#': nt="Ré#";break;
case 'E': nt="Mi";break;
case 'F': nt="Fá";break;
case 'F#': nt="Fá#";break;
case 'G': nt="Sol";break;
case 'G#': nt="Sol#";break;
case 'A': nt="Lá";break;
case 'A#': nt="Lá#";break;
case 'B': nt="Si";break;
case 'Db': nt="Réb"; break;
case 'Eb': nt="Mib"; break;
case 'Gb': nt="Solb"; break;
case 'Ab': nt="Láb"; break;
case 'Bb': nt="Sib"; break;
case 'Dó': nt="C"; break;
case 'Dó#': nt="C#"; break;
case 'Ré': nt="D"; break;
case 'Ré#': nt="D#"; break;
case 'Mi': nt="E"; break;
case 'Fá': nt="F"; break;
case 'Fá#': nt="F#"; break;
case 'Sol': nt="G"; break;
case 'Sol#': nt="G#"; break;
case 'Lá': nt="A"; break;
case 'Lá#': nt="A#"; break;
case 'Si': nt="B"; break;
case 'Sib': nt="Bb"; break;
case 'Láb': nt="Ab"; break;
case 'Solb': nt="Gb"; break;
case 'Mib': nt="Eb"; break;
case 'Réb': nt="Db"; break;
default:
nt=tex;
break;
}
 acor[i].innerHTML = nt;

}
}
function showDetails(divID)
{
   var strShow
       strShow = divID+"Show";
   var strHide
       strHide = divID+"Hide";

   document.all[divID].style.display = "block";
   document.all[strShow].style.display = "none";
   document.all[strHide].style.display = "block";
}

function hideDetails(divID)
{
   var strShow
       strShow = divID+"Show";
   var strHide
       strHide = divID+"Hide";

   document.all[divID].style.display = "none";
   document.all[strShow].style.display = "block";
   document.all[strHide].style.display = "none";
}
var dragobject={
z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, dragapproved : 0,
initialize:function(){
document.onmousedown=this.drag
document.onmouseup=function(){this.dragapproved=0}
},
drag:function(e){
var evtobj=window.event? window.event : e
this.targetobj=window.event? event.srcElement : e.target
if (this.targetobj.className=="drag"){
this.dragapproved=1
if (isNaN(parseInt(this.targetobj.style.left))){this.targetobj.style.left=0}
if (isNaN(parseInt(this.targetobj.style.top))){this.targetobj.style.top=0}
this.offsetx=parseInt(this.targetobj.style.left)
this.offsety=parseInt(this.targetobj.style.top)
this.x=evtobj.clientX
this.y=evtobj.clientY
if (evtobj.preventDefault)
evtobj.preventDefault()
document.onmousemove=dragobject.moveit
}
},
moveit:function(e){
var evtobj=window.event? window.event : e
if (this.dragapproved==1){
this.targetobj.style.left=this.offsetx+evtobj.clientX-this.x+"px"
this.targetobj.style.top=this.offsety+evtobj.clientY-this.y+"px"
return false
}
}
}
dragobject.initialize()

function Fonte(num)
{
	document.getElementById('fx').className = "ft"+num;
}
function fechar_t(t){
document.getElementById("tab"+t).style.display = 'none';
document.getElementById('nom'+t).innerHTML = '<a href="javascript: abrir_t(\''+t+'\');" class="ltab"><b>Visibility (Tab)</b></a>';
}
function abrir_t(t){
document.getElementById("tab"+t).style.display = 'block';
document.getElementById('nom'+t).innerHTML = '<a href="javascript: fechar_t(\''+t+'\');" class="ltab"><b>Invisible (Tab)</b></a>';
}



function mover(e){
if (document.all) {
 tempX = event.clientX + document.body.scrollLeft;
 tempY = event.clientY + document.body.scrollTop;
} else {
tempX = e.pageX;
tempY = e.pageY;
}
var ver=document.getElementById('ver');
 ver.style.left=(tempX+15)+'px';
 ver.style.top=(tempY-15)+'px';
}
document.onmousemove=function(event){ mover(event); }

function fechar_ac(){
document.getElementById('ver').style.display = 'none';
}

function ver(pos,acord,r){
document.getElementById('ver').style.display = 'block';
var local = document.getElementById('ver').innerHTML;

  for (var i = 0; i < nome.length; i++)
{
if(nome[i]==acord){
if(r==1){ tes=document.getElementById('tc'+pos).innerHTML;

}
else if(r==2){
tes=document.getElementById('tc'+pos).innerHTML;
}else{
tes=document.getElementById('tc'+pos).innerHTML;
}
document.getElementById('ver').innerHTML =tes;
}
}

}





function ver_ac(a,r){
cont=document.getElementById("fx").getElementsByTagName("u")
for (var i = 0; i < cont.length; i++)
{
html=cont[i].innerHTML
original=cont[i].innerHTML
ht=original.replace(/<([^<])*>/,"")
ht=ht.replace(/<\/?s>/gi,"")
ht=ht.replace(/<\/?b>/gi,"")
html=html.replace(/<\/?s>/gi,"")
html=html.replace(/<\/?b>/gi,"")
  for (var z = 0; z < nome.length; z++)
{
if(nome[z]==ht){
html=html.replace(html,"<b onmouseover=\"ver('"+z+"','"+html+"','"+r+"')\" onmouseout=\"fechar_ac()\">"+original+"</b>")
}
}

cont[i].innerHTML=html
}



}