<!-- both functions are standalone, any can be deleted and not break the others --><!-- this calls the form inputted background colors and foreground colors (note: they are indexed in the form as bcolor and fcolor, if you change them there you have to change here) --><!-- and yes, the bgcolor for the div is there for a reason- once i get my postcard script written myself the way i want it, it will come in handy.  right now its just there in anticipationfunction showcolors(formObj) {        bgcolorName = formObj.bgcolor.options[formObj.bgcolor.selectedIndex].value;         fontcolorName = formObj.fontcolor.options[formObj.fontcolor.selectedIndex].value;         newwin = window.open('', 'preview' ,'toolbar=no,location=no,directories=no,status=yrd,menubar=no,scrollbars=no,resizable=yes,width=400,height=250');        newwin.document.write('<html><head><title>Text Preview</title></head>\n');        newwin.document.write('<body bgcolor=' + bgcolorName + ' text=' + fontcolorName + ' link=' + fontcolorName + ' vlink=' + fontcolorName + '>\n');        newwin.document.write('<div align=center><table width=300 border=0 bgcolor=' + bgcolorName  + '><tr><td><h2 align=center>Sample postcard text</h2></td></tr></table></div>\n');        newwin.document.write('<div align=center><p><a href=javascript:self.close()>close window</a></p></div>\n');        newwin.document.write('<center>Available Colors:</center>\n');        newwin.document.write('<table align=center><tr><td bgcolor=#ffffff width=25%><font color=#000000 size=-2>WHITE</font></td>\n');        newwin.document.write('<td bgcolor=#000000 width=25%><font color=#ffffff size=-2>BLACK</font></td>\n');        newwin.document.write('<td bgcolor=#333333 width=25%><font color=#ffffff size=-2>DARK GREY</font></td>\n');        newwin.document.write('<td bgcolor=#999999 width=25%><font color=#000000 size=-2>GREY</font></td></tr>\n');        newwin.document.write('<tr><td bgcolor=#cccccc width=25%><font color=#000000 size=-2>LIGHT GREY</font></td>\n');        newwin.document.write('<td bgcolor=#660000 width=25%><font color=#ffffff size=-2>DARK RED</font></td>\n');        newwin.document.write('<td bgcolor=#cc0000 width=25%><font color=#ffffff size=-2>RED</font></td>\n');        newwin.document.write('<td bgcolor=#cc3366 width=25%><font color=#000000 size=-2>ROSE</font></td></tr>\n');        newwin.document.write('<tr><td bgcolor=#ff6699 width=25%><font color=#000000 size=-2>PINK</font></td>\n');        newwin.document.write('<td bgcolor=#ff99cc width=25%><font color=#000000 size=-2>LIGHT PINK</font></td>\n');        newwin.document.write('<td bgcolor=#663300 width=25%><font color=#ffffff size=-2>BROWN</font></td>\n');        newwin.document.write('<td bgcolor=#cc9966 width=25%><font color=#000000 size=-2>TAN</font></td></tr>\n');        newwin.document.write('<tr><td bgcolor=#ffcc99 width=25%><font color=#000000 size=-2>PEACH</font></td>\n');        newwin.document.write('<td bgcolor=#ff6600 width=25%><font color=#000000 size=-2>ORANGE</font></td>\n');        newwin.document.write('<td bgcolor=#ff9933 width=25%><font color=#000000 size=-2>GOLD</font></td>\n');        newwin.document.write('<td bgcolor=#ffff33 width=25%><font color=#000000 size=-2>YELLOW</font></td></tr>\n');        newwin.document.write('<tr><td bgcolor=#336633 width=25%><font color=#ffffff size=-2>DARK GREEN</font></td>\n');        newwin.document.write('<td bgcolor=#669966 width=25%><font color=#000000 size=-2>GREEN</font></td>\n');        newwin.document.write('<td bgcolor=#99cc99 width=25%><font color=#000000 size=-2>LIGHT GREEN</font></td>\n');        newwin.document.write('<td bgcolor=#006666 width=25%><font color=#ffffff size=-2>DARK TEAL</font></td></tr>\n');        newwin.document.write('<tr><td bgcolor=#009999 width=25%><font color=#000000 size=-2>TEAL</font></td>\n');        newwin.document.write('<td bgcolor=#00cccc width=25%><font color=#000000 size=-2>LIGHT TEAL</font></td>\n');        newwin.document.write('<td bgcolor=#000066 width=25%><font color=#ffffff size=-2>DARK BLUE</font></td>\n');        newwin.document.write('<td bgcolor=#333366 width=25%><font color=#ffffff size=-2>GREY BLUE</font></td></tr>\n');        newwin.document.write('<tr><td bgcolor=#99ccff width=25%><font color=#000000 size=-2>LIGHT BLUE</font></td>\n');        newwin.document.write('<td bgcolor=#663366 width=25%><font color=#ffffff size=-2>DARK PURPLE</font></td>\n');        newwin.document.write('<td bgcolor=#853fa8 width=25%><font color=#000000 size=-2>PURPLE</font></td>\n');        newwin.document.write('<td bgcolor=#996699 width=25%><font color=#000000 size=-2>LAVENDAR</font></td></tr></table>\n');        newwin.document.write('</body></html>\n');}//--><!-- this builds the preview popup windows to the specs defined in the call --><!-- i wanted the windows to be 18 larger than the image on height and width.  you can change this to your preference when you define sizew and sizeh --><!-- the new window is named "art"- if this conflicts (or you just feel like changing it), change it when called in newwin --><!-- (at least mac) netscape also appears to have a bug (big surprise) and won't load the images if they are not wide enough.  88 is wide enough, but 78 is not (and i haven't bothered to hunt down any more specific than that)function previewimages(file, title, bgcolor, imgWidth, imgHeight) {        sizew = imgWidth + 18;        sizeh = imgHeight + 18;        newwin = window.open('','art' ,'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=' + sizew + ',height=' + sizeh);        newwin.document.write('<html><head><title>' + title + '</title></head>\n');        newwin.document.write('<body bgcolor=' + bgcolor + '>\n');        newwin.document.write('<center><img src=' + file + ' width=' + imgWidth + ' height=' + imgHeight + '>\n');        newwin.document.write('</body></html>\n');}//-->