document.writeln('<style type=\"text/css\">');

document.writeln('#images img {width:100% ;heiight:20px ; margin-bottom:0.5em;border:1px solid black}');
document.writeln('</style>');
function send()
{var packed;  packed +="," + escape(header[pickno][0]) + "," + escape(header[pickno][1])+"," + escape(header[pickno][2])+"," + escape(wide); window.location = "showheader.htm?" + packed;}



 document.write('<div style="width:99%;text-align:center" >');

var pickno
var press = new Array()
var tooltip = new Array()

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

document.write('<img src="'+header[num][0]+'"  onclick=\"'+press[num]+'" onMouseover=\"'+(tooltip[num])+'" onMouseout=\"hidetip()\" />');
if (num == 3) {
 document.write('<div class="comment" ><b>Right</b> click and select "Save Image as ..." to save a gradient at its full width. <b>Left</b> click to view a gradient full-size.</div>'); 
}


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