var ButtonImg = new Array(8);
var loadvar = 1;
var instrTimer;

var counter = 0;
for (i=0 ; i<8 ; i++) {
  ButtonImg[i] = new Image();

  if ((i % 2) == 1) {
     counter++;
     ButtonImg[i-1].src = sitefolder + "button0" + (counter) + "off.gif";
     ButtonImg[i].src = sitefolder + "button0" + (counter) + "on.gif";
  }
}

var InstrImg = new Array(8);

for (i=0 ; i<8 ; i++) {
  InstrImg[i] = new Image();
}

InstrImg[0].src = sitefolder + "keyboardoff.jpg";
InstrImg[1].src = sitefolder + "keyboardon.jpg";
InstrImg[2].src = sitefolder + "orgeloff.jpg";
InstrImg[3].src = sitefolder + "orgelon.jpg";
InstrImg[4].src = sitefolder + "saxophonoff.jpg";
InstrImg[5].src = sitefolder + "saxophonon.jpg";
InstrImg[6].src = sitefolder + "klarinetteoff.jpg";
InstrImg[7].src = sitefolder + "klarinetteon.jpg";


function changebuttonimg(navbutton,pic) {

	eval("document." + navbutton).src = ButtonImg[pic].src;

}

function changeinstrimg(instr,pic) {

   if(pic == "on") {
      clearTimeout(instrTimer); 
      rpcchangeinstrimg(glinstr,'off');
   }
   else { instrTimer = setTimeout("rpcchangeinstrimg(glinstr,'on')",100); }
   
   rpcchangeinstrimg(instr,pic);
}

function rpcchangeinstrimg(instr,pic) {

	var mynum;
    if(pic == "on") { mynum = 1; }
	else { mynum = 0; }
	for (i=0 ; i<instr; i++) { mynum = mynum + 2; }
	
    eval("document.instr" + instr).src = InstrImg[mynum].src;
}