document.writeln('<style type=\"text/css\">');
document.writeln('#outer {width:99%;margin:0px;padding:0px;paddging-left:1%;}');
document.writeln('#images {float:left;text-align:center}');
document.writeln('#images img {border:1px solid black}');
document.write('.comment {margin-bottom:5px;margin-top:5px;padding:0 0px 3px 0px;color:#193763;background:#E9F0FE;background:#F4F7FE }');
document.writeln('</style>');
function send()
{var packed;  packed +="," + escape(image[pickno][0]) + "," + escape(image[pickno][1])+"," + escape(image[pickno][2]); window.location = "showborderpanel.htm?" + packed;}



 document.write('<div class="comment" >The images are shown have been reduced to <b>three-quarters size</b> for display purposes. <b>Left click</b> a border to view it actual-size OR <b>Right click</b> and select "Save picture as ..." to save a full-sized image.</div>'); 

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

for (num=1; num in image; num++){
press[num]="pickno="+num+ " ;javascript:send()";
tooltip[num] = "showtip('"+image[num][1]+"')"
hite[num] =image[num][2] * 0.75;
document.writeln('<div id=\"images\" >');

document.write('<img src="'+image[num][0]+'"  height="'+hite[num]+'"+"px" onclick=\"'+press[num]+'" onMouseover=\"'+(tooltip[num])+'" onMouseout=\"hidetip()\" />');

document.writeln('</div>');
}
document.writeln('</div>');

document.writeln('<div style="position:relative;width:98%;line-height:1.0em;">&nbsp;</div>');