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

document.writeln('#outer {width:99%;margin-top:0px;padding:0;}');
document.writeln('#images {padding:0px 0px 20px 0px;float:left;mirn-width:9.9%;wirdth:9.9%;teuxt-align:center;backgroujnd:pink}');
document.writeln('#images img {text-align:center;height:20px ;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 tooltip = new Array()
document.writeln('<div id="env">');
document.writeln('<div id="outer">');

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

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

document.writeln('<div id=\"images\" style="width:'+grad[num][3]+'">');

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

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

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