//if browser supports window.innerWidth (Safari and Firefox)
 if (window.innerWidth)
 W = window.innerWidth
//else if browser supports document.documentElement.clientWidth (IE 6 and Safari)
 else if (document.documentElement.clientWidth)
 W = document.documentElement.clientWidth
//else if browser supports document.all (IE 4-5.5? I don't have these browsers installed, so I can't test them)
 else if (document.all)
 W = document.body.clientWidth
/*
MacIE5.2 currently shows no magic text :-(
W = document.body.clientWidth;
...should work on MacIE5.2 because this page: http://www.jpartner.com/PageReq?id=148:283 ...returns a value for it.
And an alert window <script type="text/javascript">alert(document.body.clientWidth);</script> returns a value in MacIE5.2.
Maybe MacIE5.2 isn't able to understand some other part of this script. I wonder where the javascript error log is for MacIE5.2
*/
//TODO: figure out hw to re-calculate width and re-load MagicText after user resizes browser window.

small_pixel_dim = 4; //3.5 doesn't work very well, it leaves uneven spaces between text squares
small_pixel_pad = 0.5;
large_pixel_dim = 5;
large_pixel_pad = 1;
baseline = 205; //baseline determines distance (in pixels) from top of browser window to baseline of MagicText.

tBR = new MagicText('BR', [ '#CDD5D6', '#A8C0BB', '#A1A7A5' ], '');
tBR.pixel_xdim = small_pixel_dim;
tBR.pixel_ydim = small_pixel_dim;
tBR.pixel_pad = small_pixel_pad;

tdot1 = new MagicText('.', [ '#FFF' ], '');
tdot1.pixel_xdim = small_pixel_dim;
tdot1.pixel_ydim = small_pixel_dim;
tdot1.pixel_pad = small_pixel_pad;

tLA = new MagicText('LA', [ '#CDD5D6', '#A8C0BB', '#A1A7A5' ], '');
tLA.pixel_xdim = large_pixel_dim;
tLA.pixel_ydim = large_pixel_dim;
tLA.pixel_pad = large_pixel_pad;

t2600 = new MagicText('2600', [ '#CDD5D6', '#A8C0BB', '#A1A7A5' ], '');
t2600.pixel_xdim = large_pixel_dim;
t2600.pixel_ydim = large_pixel_dim;
t2600.pixel_pad = large_pixel_pad;

tdot2 = new MagicText('.', [ '#FFF' ], '');
tdot2.pixel_xdim = small_pixel_dim;
tdot2.pixel_ydim = small_pixel_dim;
tdot2.pixel_pad = small_pixel_pad;

tCOM = new MagicText('COM', [ '#CDD5D6', '#A8C0BB', '#A1A7A5' ], '');
tCOM.pixel_xdim = small_pixel_dim;
tCOM.pixel_ydim = small_pixel_dim;
tCOM.pixel_pad = small_pixel_pad;


total_width = tBR.box_width() - tdot1.xscale() + tdot1.box_width() - tdot1.xscale() + tLA.box_width() + tLA.xscale() + t2600.box_width() - tdot2.xscale() + tdot2.box_width() - tdot2.xscale() + tCOM.box_width();

// centering horizontally code below, placement_fudging moves to right of center if positive, left if negative
placement_fudging = 0;

tBR.xy( placement_fudging + W / 2 - total_width / 2, baseline - tBR.box_height() );
tdot1.xy( placement_fudging + W / 2 - total_width / 2 + tBR.box_width() - tdot1.xscale(), baseline - tdot1.box_height() );
tLA.xy( placement_fudging + W / 2 - total_width / 2 + tBR.box_width() - tdot1.xscale() + tdot1.box_width() - tdot1.xscale(), baseline - tLA.box_height() );
t2600.xy( placement_fudging + W / 2 - total_width / 2 + tBR.box_width() - tdot1.xscale() + tdot1.box_width() - tdot1.xscale() + tLA.box_width() + tLA.xscale(), baseline - t2600.box_height() );
tdot2.xy( placement_fudging + W / 2 - total_width / 2 + tBR.box_width() - tdot1.xscale() + tdot1.box_width() - tdot1.xscale() + tLA.box_width() + tLA.xscale() + t2600.box_width() - tdot2.xscale(), baseline - tdot2.box_height() );
tCOM.xy( placement_fudging + W / 2 - total_width / 2 + tBR.box_width() - tdot1.xscale() + tdot1.box_width() - tdot1.xscale() + tLA.box_width() + tLA.xscale() + t2600.box_width() - tdot2.xscale() + tdot2.box_width() - tdot2.xscale(), baseline - tCOM.box_height() );