document.writeln('<style type=\"text/css\">');
document.writeln('#outer {padding-top:0.4em ;width:100%;_width:95%}');
document.writeln('#images {float:left;text-align:center;min-width:19.9%;width:19.9%;margin-bottom:10px;}');
document.writeln('#images img {border-color:black;bordr-style:solid}');
document.writeln('#outerbit {width:99.0%;text-align:center }');
document.writeln('.padder {width:90%;text-align:center;fongt-size:95%;font-famhily:verdana;pfadding:0.2em 0.2em 0.2em 0.9em }');
document.writeln('</style>');

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

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

for (num=1; num in Pic; num++){
press[num]="pickno="+num+ " ";
tooltip[num] = "showtip('"+Pic[num][1]+"')"
document.writeln('<div id=\"images\" >');

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

document.writeln('<div class="padder">&nbsp;</div>');