Combines Screen Size Detector and Style Sheet

This page contains sample JavaScript code to detect screen resolution size, and generate a style sheet dynamically.
LeftMar = 0
Txta = 620
F10 = 9
H10 = 9.5
F14 = 13
H14 = 13.5
F20 = 16
H20 = 16.5
F30 = 18
H30 = 18.5
function ScreenSizes(p1) {
  switch (p1) {
     case 640:
          size = 614
          Txta = 612
     break
     case 800:
          size = 800
          F10  = 10.5
          H10  = F10 + 0.5
          F14  = F14 * 1.25
          H14  = F14 + 0.5
          F20  = F20 * 1.25
          H20  = F20 + 0.5
          F30  = F30 * 1.25
          H30  = F30 + 0.5
     break
     case 1024:
          size = 1024
          F10  = F10 * 1.60
          H10  = F10 + 0.5
          F14  = F14 * 1.60
          H14  = F14 + 0.5
          F20  = F20 * 1.60
          H20  = F20 + 0.5
          F30  = F30 * 1.60
          H30  = F30 + 0.5
          Txta = screen.width * 0.8875
     break
     case 1152:
          size = 1152
          F10  = F10 * 1.80
          H10  = F10 + 0.5
          F14  = F14 * 1.80
          H14  = F14 + 0.5
          F20  = F20 * 1.80
          H20  = F20 + 0.5
          F30  = F30 * 1.80
          H30  = F30 + 0.5
          Txta = screen.width * 0.8875
     break
     case 1280:
          size = 1280
          F10  = F10 * 2
          H10  = F10 + 0.5
          F14  = F14 * 2
          H14  = F14 + 0.5
          F20  = F20 * 2
          H20  = F20 + 0.5
          F30  = F30 * 2
          H30  = F30 + 0.5
          Txta = screen.width * 0.8875
     break
     case 1600:
          size = 1600
          F10  = F10 * 2.5
          H10  = F10 + 0.5
          F14  = F14 * 2.5
          H14  = F14 + 0.5
          F20  = F20 * 2.5
          H20  = F20 + 0.5
          F30  = F30 * 2.5
          H30  = F30 + 0.5
          Txta = screen.width * 0.8875
      }
    }
ScreenSizes(screen.width)
LeftMar = (size-Txta)/2
with(document) {
     write('<STYLE type="text/css">')
     write('<!--')
     write('H1 {        font-family:Arial, sans-serif; font-weight:700; font-size:'+F30+'pt;')
     write('            line-height:'+H30+'pt; text-align:center; color:0000ff; }')
     write('H2 {        font-family:Arial, sans-serif; font-weight:700; font-size:'+F20+'pt;')
     write('            line-height:'+H20+'pt; text-align:center; color:0000ff; }')
     write('H3 {        font-family:Arial, sans-serif; font-weight:700; font-size:'+F14+'pt;')
     write('            line-height:'+H14+'pt; text-align:center; color:000000; }')
     write('H4 {        font-family:Arial, sans-serif; font-weight:700; font-size:'+F14+'pt;')
     write('            line-height:'+H14+'pt; text-align:left; color:000000; }')
     write('#Body-Pos {')
     write('            position:absolute; left:'+LeftMar+'px; top:20px; width:'+Txta+'px; z-index:1; }')
     write('#Text-Right {')
     write('            position:relative; left:0px, top:12px; width:'+Txta+'px; z-index:3;')
     write('            text-align:right; }')
     write('Body {      background:53c3ff; vlink:000099; text:000000; }')
     write('P {         font: '+F10+'pt Arial; line-height:'+H10+'pt; text-align:justify; }')
     write('A {         color:ffffff; text-decoration:none; }')
     write('UL {        font: '+F10+'pt Arial; line-height:'+H10+'pt; text-align:left; }')
     write('-->')
     write('</STYLE>')
     }