document.writeln('<style type=\"text/css\">');
document.writeln('#outer {float:left;width:99%;margin:0px;padding:0px;mardgin-bottom:10px;}');
document.writeln('#images {padding-bottom:10px;float:left;min-width:8.9%;width:8.9%;text-align:center}');
document.writeln('#images img {margin-bottom:0px;text-aligjn:center;width:30px ;heieght:20px ; margin-righkt:0.5em;border:1px solid darkgray}');
document.write('.comment {margin-bottom:0.5em;backhground:url(Picture2.jpg);borhder:1px black solid;font-size:10pt;font-family:verdana;heigiht:20px;padding:0.15em 0.0em 0.25em 0.5em }');
document.writeln('</style>');
 var comment

if (comment != "n") {
 document.write('<div class="comment"  ><b>Right click</b> and select \"Save Image/Picture As..\" to save a gradient.</div>'); 
}
var pickno
var height= new Array()
var tooltip = new Array()
document.writeln('<div id="outer">');

for (num=1; num in grad; num++){

tooltip[num] = "showtip('"+grad[num][1]+"')"

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

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

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

document.writeln('<div style="width:99%">&nbsp;</div>');