document.writeln('<style type=\"text/css\">');
document.writeln('#outer {padding-top:0.4em ;width:100%;_wihdth:99%}');
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.5%;text-align:center }');
document.writeln('.comment {text-align:center;font-skize:95%;font-famhily:verdana;padding:0.2em 0.2em 0.2em 0.9em }');
document.writeln('</style>');
function send()
{var packed;  packed +="," + escape(Pic[pickno][1]) + "," + escape(Pic[pickno][0]) + "," + escape(Pic[pickno][2]) +"," + escape(Pic[pickno][3]); window.location = "recbord.htm?" + packed;}

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

document.writeln('<div class="comment">Left click to view borders tiled and actual size.</div>');
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+ " ;javascript:send()";
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="comment">Right click and select \"Save Image/Picture As..\" to save a border.</div>');
document.writeln('<br>');