document.writeln('<style type=\"text/css\">');
document.writeln('#outer {padding-top:0.4em ;width:100%}');
document.writeln('#images {float:left;text-align:center;min-width:24.9%;width:24.9%;margin-bottom:10px;}');
document.writeln('#imgages img {borjder:1px solid black}');
 if ((Border ==1) ) {document.write('#images img {border:1px solid black}');} 
document.writeln('#outerbit {width:100%;float:left;text-align:center }');
document.writeln('.comment {width:99%;text-align:center;padding:10px 0px 10px 0px }');
document.writeln('</style>');
document.writeln('<div style="width:99%;floajt:left" >');

document.writeln('<div id=\"outerbit\" >');

document.writeln('<div class="comment" >To save a button - Right click and select \"Save Image/Picture As..\" </div>');


document.writeln('<div id=\"outer\" >');
var tooltip = new Array()

for (num=1; num in Pic; num++){
tooltip[num] = "showtip('"+Pic[num][1]+"')"

document.writeln('<div id=\"images\" >');

document.write('<img src="'+Pic[num][0]+'"  onMouseover=\"'+(tooltip[num])+'" onMouseout=\"hidetip()\" />');
document.writeln('</div>');
}
document.writeln('</div></div>');

document.writeln('<div class="comment" style="color:white" > s</div>');
document.writeln('</div>');