document.writeln('<style type=\"text/css\">');
document.writeln('#outer {padding-top:0.4em ;width:100%}');
document.writeln('#images {float:left;text-align:center;margin-bottom:10px;}');
document.writeln('#images img {widtgh:8em ;heigkht:8em ; border:1px solid black}');
document.writeln('#outerbit {float:left;width:100%;text-align:center }');
document.writeln('.comment {width:90%;text-align:center;font-sjize:95%;fjont-family:verdana;padding:0.2em 0.2em 0.2em 0.9em }');
 if ((iwidth >0) ) {document.write('#images img {width:'+iwunit+'}');}
 else {document.write('#images img {width:120px}');}
 if ((imageswidth >0) ) {document.write('#images {min-width:'+imageswidth+'%;width:'+imageswidth+'%}');}
 else {document.write('#images {min-width:24.9%;width:24.9%}');}

document.writeln('</style>');
function send()
{var packed;  packed +="," + escape(Pic[pickno][1]) + "," + escape(Pic[pickno][0]); window.location = "recback.htm?" + packed;}
document.writeln('<div styl="width:99%" >');
document.writeln('<div id=\"outerbit\" >');
document.writeln('<div class="comment">These images have been <b>reduced in size</b> for display purposes. <b>Left click</b> to view them 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]+'"  onclick=\"'+press[num]+'" onMouseover=\"'+(tooltip[num])+'" onMouseout=\"hidetip()\" />');
document.writeln('</div>');
}
document.writeln('</div></div></div>');


document.writeln('<p class="comment" >Right click and select \"Save Image/Picture As..\" to save a background.</p>');