// This function displays a horizontal bar of specified width

ImageA= new Image(200,150)
ImageA.src = "./gif/A.gif"
ImageB= new Image(200,150)
ImageB.src = "./gif/B.gif"
ImageC= new Image(200,150)
ImageC.src = "./gif/C.gif"
ImageD= new Image(200,150)
ImageD.src = "./gif/D.gif"
ImageE= new Image(200,150)
ImageE.src = "./gif/E.gif"
ImageF= new Image(200,150)
ImageF.src = "./gif/F.gif"
ImageG= new Image(200,150)
ImageG.src = "./gif/G.gif"
ImageH= new Image(200,150)
ImageH.src = "./gif/H.gif"
ImageI= new Image(200,150)
ImageI.src = "./gif/I.gif"
ImageJ= new Image(200,150)
ImageJ.src = "./gif/J.gif"
ImageK= new Image(200,150)
ImageK.src = "./gif/K.gif"
ImageL= new Image(200,150)
ImageL.src = "./gif/L.gif"
ImageM= new Image(200,150)
ImageM.src = "./gif/M.gif"
ImageN= new Image(200,150)
ImageN.src = "./gif/N.gif"
ImageO= new Image(200,150)
ImageO.src = "./gif/O.gif"

function focusOn(idxNumber,row,value,symbol)
{
document.images[idxNumber*2].src= eval("Image"+value+".src");
document.images[idxNumber*2+1].src= "./gif/" + symbol + ".gif";
}

function focusOff(idxNumber,row,value,symbol)
{
document.images[idxNumber*2].src="./gif/" + row + value + ".gif";
document.images[idxNumber*2+1].src="./gif/clr.gif";
}


function technique(category,row,photo,value,notes,symbol)
{
document.write("<table border=2><tr><td>")
document.write("<a href='", "javascript:;","'OnMouseOver='focusOn(",idx,',"',row,'",','"',value,'",','"',symbol,'"',")'", "OnMouseOut='focusOff(",idx,',"',row,'",','"',value,'",','"',symbol,'"',")' >")

document.write("<img src='./gif/",row,value,".gif'"," width=200 height=150 border=0></a>")
document.write("</td><td width=100>","<img src='./gif/clr.gif'"," width=100 height=100 border=0></td><td width=250><b>",row," </b><br>",notes,"</td></tr></table><br>")

idx=idx+1
if (value=="A") {countA= countA+1}
if (value=="B") {countB= countB+1}
if (value=="C") {countC= countC+1}
if (value=="D") {countD= countD+1}
if (value=="E") {countE= countE+1}
if (value=="F") {countF= countF+1}
if (value=="G") {countG= countG+1}
if (value=="H") {countH= countH+1}
if (value=="I") {countI= countI+1}
if (value=="J") {countJ= countJ+1}
if (value=="K") {countK= countK+1}
if (value=="L") {countL= countL+1}
if (value=="M") {countM= countM+1}
if (value=="N") {countN= countN+1}
if (value=="O") {countO= countO+1}
}