b0 = new Array(new Image(), new Image(), new Image(), new Image(), new Image(), new Image(), new Image(), new Image(), new Image());

b0[8].src="btns/mai0.gif";
b0[7].src="btns/pff0.gif";b0[6].src="btns/mpf0.gif";b0[5].src="btns/hpr0.gif";
b0[4].src="btns/bhp0.gif";b0[3].src="btns/cnz0.gif";b0[2].src="btns/nxt0.gif";
b0[1].src="btns/prt0.gif";b0[0].src="btns/lnk0.gif";

b1 = new Array(new Image(), new Image(), new Image(), new Image(), new Image(), new Image(), new Image(), new Image(), new Image());

b1[8].src="btns/mai1.gif";
b1[7].src="btns/pff1.gif";b1[6].src="btns/mpf1.gif";b1[5].src="btns/hpr1.gif";
b1[4].src="btns/bhp1.gif";b1[3].src="btns/cnz1.gif";b1[2].src="btns/nxt1.gif";
b1[1].src="btns/prt1.gif";b1[0].src="btns/lnk1.gif";


//new Menu section

function ShowMenu()
{
 document.write("<a href=pff.html>");
 document.write("<img class=menu id=pff src=btns/pff0.gif alt='Preludes (fantasies) and fugues' ");
 document.write("OnMouseOver=pff.src='" + b1[7].src + "' onMouseOut=pff.src='" + b0[7].src + "'></a>");

 document.write("<a href=mpf.html>");
 document.write("<img class=menu id=mpf src=btns/mpf0.gif alt='Eight little preludes and fugues' ");
 document.write("OnMouseOver=mpf.src='" + b1[6].src + "' onMouseOut=mpf.src='" + b0[6].src + "'></a>");

 document.write("<a href=hpr.html>");
 document.write("<img class=menu id=hpr src=btns/hpr0.gif alt='Choral preludies' ");
 document.write("OnMouseOver=hpr.src='" + b1[5].src + "' onMouseOut=hpr.src='" + b0[5].src + "'></a>");

 document.write("<a href=bhp.html>");
 document.write("<img class=menu id=bhp src=btns/bhp0.gif alt='Big choral preludies' ");
 document.write("OnMouseOver=bhp.src='" + b1[4].src + "' onMouseOut=bhp.src='" + b0[4].src + "'></a>");

 document.write("<a href=cnz.html>");
 document.write("<img class=menu id=cnz src=btns/cnz0.gif alt='Concerts and Sonatas' ");
 document.write("OnMouseOver=cnz.src='" + b1[3].src + "' onMouseOut=cnz.src='" + b0[3].src + "'></a>");

 document.write("<a href=prt.html>");
 document.write("<img class=menu id=prt src=btns/prt0.gif alt='Partites' ");
 document.write("OnMouseOver=prt.src='" + b1[1].src + "' onMouseOut=prt.src='" + b0[1].src + "'></a>");

 document.write("<a href=nxt.html>");
 document.write("<img class=menu id=nxt src=btns/nxt0.gif alt='Separated pieces' ");
 document.write("OnMouseOver=nxt.src='" + b1[2].src + "' onMouseOut=nxt.src='" + b0[2].src + "'></a>");

 document.write("<a href=lnk.html target=_blank>");
 document.write("<img class=menu id=lnk src=btns/lnk0.gif alt='Links' ");
 document.write("OnMouseOver=lnk.src='" + b1[0].src + "' onMouseOut=lnk.src='" + b0[0].src + "'></a>");
}

function ToMainPage()
{
 document.write("<a href=index.html>");
 document.write("<img class=menu id=mai src=btns/mai0.gif alt='...to main page' ");
 document.write("OnMouseOver=mai.src='" + b1[8].src + "' onMouseOut=mai.src='" + b0[8].src + "'></a>");
}

function MenuPanelBegin()
{
 document.write("<div id=ButtonsPanel style='position:absolute; left:580px; top:70px; width:160px; height:320px; z-index:1'>");
}

function MenuPanelEnd()
{
 document.write("</div>");
}


//-------

function ContentPanelBegin()
{
 document.write("<div id=ContentPanel style='position:absolute; left:102px; top:77px; width:463px; height:400px; z-index:1; overflow: auto; border: 1px none'>");
}

function ContentPanelEnd()
{
 document.write("</div>");
}
//------------------------------

function ShowPicturePanel(path)
{
 document.write("<div id=PicturePanel style='position:absolute; left:0px; top:37px; width:74px; height:440px; z-index:1'>");
 document.write("<img src=" + path + " width=100 height=440>");
 document.write("<a href='http://www.adobe.com/products/acrobat/readstep.html' target=_blank>");
 document.write("<img src='images/getacro.gif' hspace=3 border=0></a>");

 document.write("</div>");

}

//-----------------------------


function BWV(number)
{
 document.write(". <a href=http://www.jsbach.org/bwv"+number+".html target=_blank title='...to jsbach.org site'>");
 document.write("<font color=cccccc size=-2>BWV"+number+"</font>");
 document.write("</a>");
}

function AcrobatLink()
{
 document.write("<a href='http://www.adobe.com/products/acrobat/readstep.html' target=_blank>");
 document.write("<img src='images/getacro.gif' border=0></a>");
}

function ShowPrefacePanel(head, color)
{
 document.write("<div id=PrefacePanel ");
 document.write("style='position:absolute; left:102px; top:38px; width:646px; height:32px; z-index:1; border: 1px none';>");
 document.write("<p class=PlenoHeader><font color='"+color+"'>"+head+"</font></p>");
 document.write("</div>");
}

function BottomLineBegin()
{
 document.write("<div id='ButtonPanel' style='position:absolute; left:19px; top:523px; width:780px; height:33px;'><hr>");
}

function BottomLineEnd()
{

document.write("</div>");
}


function HL_button()
{
 document.write("<img src='http://hit.hotlog.ru/cgi-bin/hotlog/count?s=2246' border=0 width=1 height=1>");
}