<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>drawing life &#187; Signs</title>
	<atom:link href="http://fredhatt.com/blog/tag/signs/feed/" rel="self" type="application/rss+xml" />
	<link>http://fredhatt.com/blog</link>
	<description>by Fred Hatt</description>
	<lastBuildDate>Wed, 01 Feb 2012 05:59:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>Urban Typography</title>
		<link>http://fredhatt.com/blog/2011/06/13/urban-typography/</link>
		<comments>http://fredhatt.com/blog/2011/06/13/urban-typography/#comments</comments>
		<pubDate>Tue, 14 Jun 2011 04:23:03 +0000</pubDate>
		<dc:creator>fred</dc:creator>
				<category><![CDATA[Older work]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[NYC]]></category>
		<category><![CDATA[Signs]]></category>
		<category><![CDATA[Snapshots]]></category>
		<category><![CDATA[Symbols]]></category>
		<category><![CDATA[Urban Landscape]]></category>

		<guid isPermaLink="false">http://fredhatt.com/blog/?p=2616</guid>
		<description><![CDATA[&#160; Language is meant to flow like water.  It conveys meaning through cadence and syntax, tone and undertone.  It is the river in which our minds swim and spawn and take the bait.  Fragment and blow it up and find the weirdness in it, as you would find the odd creatures in a drop of [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;">&nbsp;</p>
<div id="attachment_2617" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2006-unsh.jpg"><img class="size-full wp-image-2617" title="fredhatt-2006-unsh" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2006-unsh.jpg" alt="" width="600" height="399" /></a><p class="wp-caption-text">Unsh, 2006, photo by Fred Hatt</p></div>
<p style="text-align: left;">Language is meant to flow like water.  It conveys meaning through cadence and syntax, tone and undertone.  It is the river in which our minds swim and spawn and take the bait.  Fragment and blow it up and find the weirdness in it, as you would find the odd creatures in a drop of river water seen under a microscope.</p>
<div id="attachment_2618" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2005-.jpg"><img class="size-full wp-image-2618" title="fredhatt-2005-&amp;" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2005-.jpg" alt="" width="600" height="400" /></a><p class="wp-caption-text">Ampersand, 2005, photo by Fred Hatt</p></div>
<p>The English language is littered with mismatched characters and syllables and ideas, a jumbled rummage sale.</p>
<div id="attachment_2619" class="wp-caption aligncenter" style="width: 510px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2007-hair.jpg"><img class="size-full wp-image-2619" title="fredhatt-2007-hair" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2007-hair.jpg" alt="" width="500" height="500" /></a><p class="wp-caption-text">Hair, 2007, photo by Fred Hatt</p></div>
<p>Words on signs aren&#8217;t just signifiers, they&#8217;re physical objects that poke out, catch the light, rust, run in the rain.</p>
<div id="attachment_2620" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2006-twin-donut.jpg"><img class="size-full wp-image-2620" title="fredhatt-2006-twin-donut" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2006-twin-donut.jpg" alt="" width="600" height="399" /></a><p class="wp-caption-text">Tunod Niwt, 2006, photo by Fred Hatt</p></div>
<p>Alphanumeric characters are wrought of our fundamental elements of form.  They become abstracted by accident, or by design.</p>
<div id="attachment_2621" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2004-peace.jpg"><img class="size-full wp-image-2621" title="fredhatt-2004-peace" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2004-peace.jpg" alt="" width="600" height="338" /></a><p class="wp-caption-text">Peace, 2004, photo by Fred Hatt</p></div>
<p>All these pictures are from New York.  The city&#8217;s characteristic graphic mode is uppercase bold, and as long as a sign communicates no one has time to polish the raggedy edges.</p>
<div id="attachment_2622" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2006-iquo.jpg"><img class="size-full wp-image-2622" title="fredhatt-2006-iquo" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2006-iquo.jpg" alt="" width="600" height="337" /></a><p class="wp-caption-text">Iquo, 2006, photo by Fred Hatt</p></div>
<p>Heavy fonts in all caps speak with chesty syncopation.</p>
<div id="attachment_2623" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2003-clear.jpg"><img class="size-full wp-image-2623" title="fredhatt-2003-clear" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2003-clear.jpg" alt="" width="600" height="360" /></a><p class="wp-caption-text">Clear, 2003, photo by Fred Hatt</p></div>
<p>Script fonts sing.  Big and bold script fonts are Broadway belters, pitching the tune to the cheap seats.</p>
<div id="attachment_2624" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2005-grace.jpg"><img class="size-full wp-image-2624" title="fredhatt-2005-grace" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2005-grace.jpg" alt="" width="600" height="400" /></a><p class="wp-caption-text">Grace, 2005, photo by Fred Hatt</p></div>
<p>&#8220;Mosaic&#8221; is thought to be from the same root as &#8220;museum&#8221; and &#8220;muse&#8221;, but spelled the same way the word also means &#8220;having to do with Moses&#8221;, the Hebrew liberator and lawgiver.  Words in mosaic form look old and authoritative, even when they&#8217;re new.</p>
<div id="attachment_2625" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2006-0thS.jpg"><img class="size-full wp-image-2625" title="fredhatt-2006-0thS" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2006-0thS.jpg" alt="" width="600" height="450" /></a><p class="wp-caption-text">OthS, 2006, photo by Fred Hatt</p></div>
<p>Words as signs cast shadows and coexist with all the manifestations of Nature.</p>
<div id="attachment_2626" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2006-shops.jpg"><img class="size-full wp-image-2626" title="fredhatt-2006-shops" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2006-shops.jpg" alt="" width="600" height="338" /></a><p class="wp-caption-text">Shops, 2006, photo by Fred Hatt</p></div>
<p>Big words are styled to give aesthetic force to what they signify, to convey qualities like whimsy, modernity, or sobriety.</p>
<div id="attachment_2627" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2005-authority.jpg"><img class="size-full wp-image-2627" title="fredhatt-2005-authority" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2005-authority.jpg" alt="" width="600" height="255" /></a><p class="wp-caption-text">Authority, 2005, photo by Fred Hatt</p></div>
<p>Many big signs these days are overly familiar corporate branding and generic marketing, but you still see a lot of high-spirited 20th century design.</p>
<div id="attachment_2628" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2004-s-broiled-s.jpg"><img class="size-full wp-image-2628" title="fredhatt-2004-s-broiled-s" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2004-s-broiled-s.jpg" alt="" width="600" height="400" /></a><p class="wp-caption-text">S Broiled S, 2004, photo by Fred Hatt</p></div>
<p>Like the babble of voices in a crowd, words on display can get lost in the layers and dissolve into multicolored noise.</p>
<div id="attachment_2629" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2010-og-cat-fo.jpg"><img class="size-full wp-image-2629" title="fredhatt-2010-og-&amp;-cat-fo" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2010-og-cat-fo.jpg" alt="" width="600" height="160" /></a><p class="wp-caption-text">Og &amp; Cat Fo, 2010, photo by Fred Hatt</p></div>
<p>Sometimes I see hidden messages in segments of words.</p>
<div id="attachment_2630" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2005-land-rot.jpg"><img class="size-full wp-image-2630" title="fredhatt-2005-land-rot" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2005-land-rot.jpg" alt="" width="600" height="399" /></a><p class="wp-caption-text">Land Rot, 2005, photo by Fred Hatt</p></div>
<p>Some words shake their booties like shameless drunks.</p>
<div id="attachment_2631" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2007-rub-righteous.jpg"><img class="size-full wp-image-2631" title="fredhatt-2007-rub-righteous" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2007-rub-righteous.jpg" alt="" width="600" height="255" /></a><p class="wp-caption-text">Rub Righteous, 2007, photo by Fred Hatt</p></div>
<p>Others proudly proclaim their dullness and conformity.</p>
<div id="attachment_2632" class="wp-caption aligncenter" style="width: 510px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2004-building-mart.jpg"><img class="size-full wp-image-2632" title="fredhatt-2004-building-mart" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2004-building-mart.jpg" alt="" width="500" height="500" /></a><p class="wp-caption-text">Building Mart, 2004, photo by Fred Hatt</p></div>
<p>Basking on glass, a word is projected on the underlying soft fabric.</p>
<div id="attachment_2633" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2006-stones.jpg"><img class="size-full wp-image-2633" title="fredhatt-2006-stones" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2006-stones.jpg" alt="" width="600" height="338" /></a><p class="wp-caption-text">Stones, 2006, photo by Fred Hatt</p></div>
<p>Choose me!  I am exotic in a fun and happy way.</p>
<div id="attachment_2634" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2006-opt.jpg"><img class="size-full wp-image-2634" title="fredhatt-2006-opt" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2006-opt.jpg" alt="" width="600" height="338" /></a><p class="wp-caption-text">Opt, 2006, photo by Fred Hatt</p></div>
<p>I dare to be illegible but dashing, an arabesque in gridland.</p>
<div id="attachment_2635" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2005-villency.jpg"><img class="size-full wp-image-2635" title="fredhatt-2005-villency" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2005-villency.jpg" alt="" width="600" height="255" /></a><p class="wp-caption-text">Villency, 2005, photo by Fred Hatt</p></div>
<p>We have everything you could want, and all of it is all lit up.</p>
<div id="attachment_2636" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2004-neon-menu.jpg"><img class="size-full wp-image-2636" title="fredhatt-2004-neon-menu" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2004-neon-menu.jpg" alt="" width="600" height="338" /></a><p class="wp-caption-text">Neon Menu, 2004, photo by Fred Hatt</p></div>
<p>In all the jumble and agita of the hard world, we offer you light and color and atmosphere.</p>
<div id="attachment_2637" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2010-light.jpg"><img class="size-full wp-image-2637" title="fredhatt-2010-light" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2010-light.jpg" alt="" width="600" height="337" /></a><p class="wp-caption-text">Light, 2010, photo by Fred Hatt</p></div>
<p>Curvy swooping lines that sell a fantasy of elegant luxury contrast or merge with the jagged overlay of winter survivors.</p>
<div id="attachment_2638" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2009-trump-palace.jpg"><img class="size-full wp-image-2638" title="fredhatt-2009-trump-palace" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2009-trump-palace.jpg" alt="" width="600" height="255" /></a><p class="wp-caption-text">Trump Palace, 2009, photo by Fred Hatt</p></div>
<p>Rustic and quirky means wholesome and real.</p>
<div id="attachment_2639" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2010-organic.jpg"><img class="size-full wp-image-2639" title="fredhatt-2010-organic" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2010-organic.jpg" alt="" width="600" height="329" /></a><p class="wp-caption-text">Organic, 2010, photo by Fred Hatt</p></div>
<p>That&#8217;s in contrast to the traditional corporate style, respectable intimidation.</p>
<div id="attachment_2640" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2010-time-war.jpg"><img class="size-full wp-image-2640" title="fredhatt-2010-time-war" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2010-time-war.jpg" alt="" width="600" height="255" /></a><p class="wp-caption-text">Time War, 2010, photo by Fred Hatt</p></div>
<p>Neon words are spelled with bent tubes of glass holding luminous gas, little labyrinths of light.</p>
<div id="attachment_2641" class="wp-caption aligncenter" style="width: 510px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2006-monum.jpg"><img class="size-full wp-image-2641" title="fredhatt-2006-monum" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2006-monum.jpg" alt="" width="500" height="500" /></a><p class="wp-caption-text">Monum, 2006, photo by Fred Hatt</p></div>
<p>Stone words are the traditions that stand through the centuries, defying the ephemeral.</p>
<div id="attachment_2642" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2005-crucified-again.jpg"><img class="size-full wp-image-2642" title="fredhatt-2005-crucified-again" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2005-crucified-again.jpg" alt="" width="600" height="338" /></a><p class="wp-caption-text">Crucified Again, 2005, photo by Fred Hatt</p></div>
<p>Shiny metal is the dazzle of the technological era.</p>
<div id="attachment_2643" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2004-all.jpg"><img class="size-full wp-image-2643" title="fredhatt-2004-all" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2004-all.jpg" alt="" width="600" height="289" /></a><p class="wp-caption-text">All, 2004, photo by Fred Hatt</p></div>
<p>A word can be like a vine, florid and tentacular.</p>
<div id="attachment_2644" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2006-primary.jpg"><img class="size-full wp-image-2644" title="fredhatt-2006-primary" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2006-primary.jpg" alt="" width="600" height="255" /></a><p class="wp-caption-text">Primary, 2006, photo by Fred Hatt</p></div>
<p>Another word embodies the neatness and assertive simplicity of the modern style, even amid a jungle of decor.</p>
<div id="attachment_2645" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2006-optic.jpg"><img class="size-full wp-image-2645" title="fredhatt-2006-optic" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2006-optic.jpg" alt="" width="600" height="480" /></a><p class="wp-caption-text">Optic, 2006, photo by Fred Hatt</p></div>
<p>Fun can be manufactured on an industrial scale.</p>
<div id="attachment_2646" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2009-thrills-whee.jpg"><img class="size-full wp-image-2646" title="fredhatt-2009-thrills-whee" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2009-thrills-whee.jpg" alt="" width="600" height="373" /></a><p class="wp-caption-text">Thrills Whee, 2009, photo by Fred Hatt</p></div>
<p>Silliness and idiosyncracy can be picked up in a shop.</p>
<div id="attachment_2661" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2001-parties.jpg"><img class="size-full wp-image-2661" title="fredhatt-2001-parties" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2001-parties.jpg" alt="" width="600" height="450" /></a><p class="wp-caption-text">Parties, 2001, by Fred Hatt</p></div>
<p>We can make you think of the most intimate sensory experiences while you navigate the canyon of towers.</p>
<div id="attachment_2648" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2001-smell.jpg"><img class="size-full wp-image-2648" title="fredhatt-2001-smell" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2001-smell.jpg" alt="" width="600" height="450" /></a><p class="wp-caption-text">Smell, 2001, photo by Fred Hatt</p></div>
<p>When you come to a corner, hang a 90 and keep on trucking.</p>
<div id="attachment_2649" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2010-groc-ery.jpg"><img class="size-full wp-image-2649" title="fredhatt-2010-groc-ery" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2010-groc-ery.jpg" alt="" width="600" height="400" /></a><p class="wp-caption-text">Groc Ery, 2010, photo by Fred Hatt</p></div>
<p>Pop art is all about abstracting icons and remixing ideas in the field of commerce.</p>
<div id="attachment_2650" class="wp-caption aligncenter" style="width: 510px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2004-vote.jpg"><img class="size-full wp-image-2650" title="fredhatt-2004-vote" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2004-vote.jpg" alt="" width="500" height="500" /></a><p class="wp-caption-text">Vote, 2004, photo by Fred Hatt</p></div>
<p>It takes some patina to fulfill the classical style.</p>
<div id="attachment_2651" class="wp-caption aligncenter" style="width: 510px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2005-hand.jpg"><img class="size-full wp-image-2651" title="fredhatt-2005-hand" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2005-hand.jpg" alt="" width="500" height="500" /></a><p class="wp-caption-text">Hand, 2005, photo by Fred Hatt</p></div>
<p>When the power is turned off, the word means its opposite.</p>
<div id="attachment_2652" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2005-open.jpg"><img class="size-full wp-image-2652" title="fredhatt-2005-open" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2005-open.jpg" alt="" width="600" height="399" /></a><p class="wp-caption-text">Open, 2005, photo by Fred Hatt</p></div>
<p>Letters condensed to be readable from one angle look like broken stairsteps when seen from another angle.</p>
<div id="attachment_2653" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2005-school.jpg"><img class="size-full wp-image-2653" title="fredhatt-2005-school" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2005-school.jpg" alt="" width="600" height="338" /></a><p class="wp-caption-text">School, 2005, photo by Fred Hatt</p></div>
<p>In our time we are not ashamed of our desires.  They are the meaning of our lives!</p>
<div id="attachment_2654" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2007-urge.jpg"><img class="size-full wp-image-2654" title="fredhatt-2007-urge" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2007-urge.jpg" alt="" width="600" height="338" /></a><p class="wp-caption-text">Urge, 2007, photo by Fred Hatt</p></div>
<p>It is all about getting and getting more and more.</p>
<div id="attachment_2655" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2007-receiving.jpg"><img class="size-full wp-image-2655" title="fredhatt-2007-receiving" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2007-receiving.jpg" alt="" width="600" height="255" /></a><p class="wp-caption-text">Receiving, 2007, photo by Fred Hatt</p></div>
<p>Even when it is all eroding out from under us, we shall consume.</p>
<div id="attachment_2656" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2010-fresh-donuts.jpg"><img class="size-full wp-image-2656" title="fredhatt-2010-fresh-donuts" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2010-fresh-donuts.jpg" alt="" width="600" height="400" /></a><p class="wp-caption-text">Fresh Donuts, 2010, photo by Fred Hatt</p></div>
<p>The only alternative to satiating our desires is lashing out in our anger!</p>
<div id="attachment_2657" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2003-rage.jpg"><img class="size-full wp-image-2657" title="fredhatt-2003-rage" src="http://fredhatt.com/blog/wp-content/uploads/2011/06/fredhatt-2003-rage.jpg" alt="" width="600" height="450" /></a><p class="wp-caption-text">Rage, 2003, photo by Fred Hatt</p></div>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://fredhatt.com/blog/2011/06/13/urban-typography/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>12 Months</title>
		<link>http://fredhatt.com/blog/2011/01/05/12-months/</link>
		<comments>http://fredhatt.com/blog/2011/01/05/12-months/#comments</comments>
		<pubDate>Wed, 05 Jan 2011 05:50:51 +0000</pubDate>
		<dc:creator>fred</dc:creator>
				<category><![CDATA[New work]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Nature]]></category>
		<category><![CDATA[NYC]]></category>
		<category><![CDATA[Seasons]]></category>
		<category><![CDATA[Signs]]></category>
		<category><![CDATA[Snapshots]]></category>
		<category><![CDATA[Urban Landscape]]></category>

		<guid isPermaLink="false">http://fredhatt.com/blog/?p=2171</guid>
		<description><![CDATA[Here we take a look back at 2010 in the landscape of New York City, with one photo from each month.  I often keep a camera with me as I walk around the city, and photograph scenes and patterns and effects of the light that catch my eye, like the rainy reflections above, or the [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_2172" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-01-slick-sidewalks.jpg"><img class="size-full wp-image-2172 " title="fredhatt-2010-01-slick-sidewalks" src="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-01-slick-sidewalks.jpg" alt="" width="600" height="450" /></a><p class="wp-caption-text">Slick Sidewalks, January, 2010, photo by Fred Hatt</p></div>
<p>Here we take a look back at 2010 in the landscape of New York City, with one photo from each month.  I often keep a camera with me as I walk around the city, and photograph scenes and patterns and effects of the light that catch my eye, like the rainy reflections above, or the illusion of a face in a mound of plowed snow, below.</p>
<div id="attachment_2173" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-02-god-of-dirty-snow.jpg"><img class="size-full wp-image-2173" title="fredhatt-2010-02-god-of-dirty-snow" src="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-02-god-of-dirty-snow.jpg" alt="" width="600" height="338" /></a><p class="wp-caption-text">God of Dirty Snow, February, 2010, photo by Fred Hatt</p></div>
<div id="attachment_2174" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-03-road-plate.jpg"><img class="size-full wp-image-2174" title="fredhatt-2010-03-road-plate" src="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-03-road-plate.jpg" alt="" width="600" height="600" /></a><p class="wp-caption-text">Road Plate, March, 2010, photo by Fred Hatt</p></div>
<p>Metallic gray is warmed by the brown of rust or the pink of spring blossoms.</p>
<div id="attachment_2175" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-04-petaled-accord.jpg"><img class="size-full wp-image-2175" title="fredhatt-2010-04-petaled-accord" src="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-04-petaled-accord.jpg" alt="" width="600" height="400" /></a><p class="wp-caption-text">Petaled Accord, April, 2010, photo by Fred Hatt</p></div>
<div id="attachment_2176" class="wp-caption aligncenter" style="width: 490px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-05-deepwater-demon.jpg"><img class="size-full wp-image-2176" title="fredhatt-2010-05-deepwater-demon" src="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-05-deepwater-demon.jpg" alt="" width="480" height="600" /></a><p class="wp-caption-text">Deepwater Demon, May, 2010, photo by Fred Hatt</p></div>
<div id="attachment_2177" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-06-sunset-shorts.jpg"><img class="size-full wp-image-2177" title="fredhatt-2010-06-sunset-shorts" src="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-06-sunset-shorts.jpg" alt="" width="600" height="600" /></a><p class="wp-caption-text">Sunset Shorts, June, 2010, photo by Fred Hatt</p></div>
<p>The Summer is about relaxing outdoors.  Streetlights through leaves make an urban park at night an impressionist fantasy.</p>
<div id="attachment_2178" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-07-bryant-park-at-night.jpg"><img class="size-full wp-image-2178" title="fredhatt-2010-07-bryant-park-at-night" src="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-07-bryant-park-at-night.jpg" alt="" width="600" height="470" /></a><p class="wp-caption-text">Bryant Park at Night, July, 2010, photo by Fred Hatt</p></div>
<div id="attachment_2179" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-08-signals.jpg"><img class="size-full wp-image-2179" title="fredhatt-2010-08-signals" src="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-08-signals.jpg" alt="" width="600" height="450" /></a><p class="wp-caption-text">Signals, August, 2010, photo by Fred Hatt</p></div>
<p>The chaos of signs, patterns and colors embodies the energy of the city.</p>
<div id="attachment_2180" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-09-sign-painter.jpg"><img class="size-full wp-image-2180" title="fredhatt-2010-09-sign-painter" src="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-09-sign-painter.jpg" alt="" width="600" height="480" /></a><p class="wp-caption-text">Sign Painter, September, 2010, photo by Fred Hatt</p></div>
<div id="attachment_2181" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-10-shadowscreen.jpg"><img class="size-full wp-image-2181" title="fredhatt-2010-10-shadowscreen" src="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-10-shadowscreen.jpg" alt="" width="600" height="450" /></a><p class="wp-caption-text">Shadowscreen, October, 2010, photo by Fred Hatt</p></div>
<p>Autumn in New York is a long, lingering season of mild weather and gentle brightness.</p>
<div id="attachment_2182" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-11-s-curve.jpg"><img class="size-full wp-image-2182" title="fredhatt-2010-11-s-curve" src="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-11-s-curve.jpg" alt="" width="600" height="338" /></a><p class="wp-caption-text">S Curve, November, 2010, photo by Fred Hatt</p></div>
<div id="attachment_2183" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-12-wall-sheen.jpg"><img class="size-full wp-image-2183" title="fredhatt-2010-12-wall-sheen" src="http://fredhatt.com/blog/wp-content/uploads/2011/01/fredhatt-2010-12-wall-sheen.jpg" alt="" width="600" height="400" /></a><p class="wp-caption-text">Wall Sheen, December, 2010, photo by Fred Hatt</p></div>
<p>All of these pictures were made with a Canon G11, casual shots of scenes glimpsed as I made my quotidian peregrinations of jobs and errands in Manhattan, Brooklyn and Queens.  I have selected one photo out of all those made in each month of 2010.  Happy 2011!</p>
]]></content:encoded>
			<wfw:commentRss>http://fredhatt.com/blog/2011/01/05/12-months/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Old Glory in New York</title>
		<link>http://fredhatt.com/blog/2010/07/03/old-glory-in-new-york/</link>
		<comments>http://fredhatt.com/blog/2010/07/03/old-glory-in-new-york/#comments</comments>
		<pubDate>Sun, 04 Jul 2010 03:20:19 +0000</pubDate>
		<dc:creator>fred</dc:creator>
				<category><![CDATA[Older work]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[NYC]]></category>
		<category><![CDATA[Signs]]></category>
		<category><![CDATA[Snapshots]]></category>
		<category><![CDATA[Urban Landscape]]></category>

		<guid isPermaLink="false">http://fredhatt.com/blog/?p=1576</guid>
		<description><![CDATA[For the Fourth of July, I offer a selection of images of the Stars and Stripes, as displayed in my home city of New York. Many artists have explored the aesthetic possibilities of the U.S. flag, most famously Jasper Johns. It has a strong graphic presence that makes it stand out in nearly any setting.  [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_1577" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2003-fragmented-flag.jpg"><img class="size-full wp-image-1577" title="fredhatt-2003-fragmented-flag" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2003-fragmented-flag.jpg" alt="" width="600" height="450" /></a><p class="wp-caption-text">Fragmented Flag, 2003, photo by Fred Hatt</p></div>
<p>For the Fourth of July, I offer a selection of images of the Stars and Stripes, as displayed in my home city of New York.</p>
<p>Many artists have explored the aesthetic possibilities of the U.S. flag, most famously <a href="http://farm3.static.flickr.com/2167/2244417362_d03090197e_b.jpg" target="_blank">Jasper  Johns</a>. It has a strong graphic presence that makes it stand out in nearly any setting.  The bold colors and stripes assert themselves through distortions that would render most patterns unintelligible, as in the images above and below.</p>
<div id="attachment_1578" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2002-auto-reflection.jpg"><img class="size-full wp-image-1578" title="fredhatt-2002-auto-reflection" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2002-auto-reflection.jpg" alt="" width="600" height="441" /></a><p class="wp-caption-text">Auto Reflection, 2002, photo by Fred Hatt</p></div>
<p>Here a flag in a window is seen through the reflection of another flag hanging from a building across the street.  There are additional small flag stickers in the reflected windows.  Even the stripes of the blinds and the fields of colors made by the reflected building and sky seem to echo the visual elements of the flag.</p>
<div id="attachment_1579" class="wp-caption aligncenter" style="width: 460px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2001-flag-in-flag.jpg"><img class="size-full wp-image-1579" title="fredhatt-2001-flag-in-flag" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2001-flag-in-flag.jpg" alt="" width="450" height="600" /></a><p class="wp-caption-text">Flag in Flag, 2001, photo by Fred Hatt</p></div>
<p>Below, a gentle breeze is enough to make ripples in the water standing in the gutter, but just barely moves the flag hanging from the side of a building.</p>
<div id="attachment_1580" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2004-gutter-reflection.jpg"><img class="size-full wp-image-1580" title="fredhatt-2004-gutter-reflection" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2004-gutter-reflection.jpg" alt="" width="600" height="434" /></a><p class="wp-caption-text">Gutter Reflection, 2004, photo by Fred HattFlag on Rusty Car, 2001, photo by Fred Hatt</p></div>
<p>I had been casually photographing things seen on the street for many years, but in 2001 I got my first digital camera, a Canon G1, and began carrying it with me nearly all the time, dramatically increasing my photographic output.  That was the year of the September 11 attack, of course, and suddenly flags were everywhere in the city, as expressions of solidarity and defiance.  When photographing in the city it became nearly impossible not to photograph flags.  At that time, it was common to see unusually large flags attached to cars:</p>
<div id="attachment_1582" class="wp-caption aligncenter" style="width: 460px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2001-flag-on-rusty-car.jpg"><img class="size-full wp-image-1582" title="fredhatt-2001-flag-on-rusty-car" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2001-flag-on-rusty-car.jpg" alt="" width="450" height="600" /></a><p class="wp-caption-text">Flag on Rusty Car, 2001, photo by Fred Hatt</p></div>
<p>The explosion in the number of flags displayed in New York City lasted for quite a few years.</p>
<div id="attachment_1583" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2003-construction-shed-flag.jpg"><img class="size-full wp-image-1583" title="fredhatt-2003-construction-shed-flag" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2003-construction-shed-flag.jpg" alt="" width="600" height="450" /></a><p class="wp-caption-text">Construction Shed Flag, 2003, photo by Fred Hatt</p></div>
<p>In a way, the proliferation of flags showed that people felt called to respond to a terrible new reality, but didn&#8217;t know how.  This kind of symbolism was all we had.  Often, religious and national symbols are used in response to our sense of powerlessness in the face of death and history.</p>
<div id="attachment_1584" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2003-headstone.jpg"><img class="size-full wp-image-1584" title="fredhatt-2003-headstone" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2003-headstone.jpg" alt="" width="600" height="450" /></a><p class="wp-caption-text">Headstone, 2003, photo by Fred Hatt</p></div>
<p>The Union battle flag below, a veteran of the War Between the States, is on display at <a href="http://www.grantstomb.org/" target="_blank">Grant&#8217;s Tomb</a> in Manhattan:</p>
<div id="attachment_1585" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2005-civil-war-battle-flag.jpg"><img class="size-full wp-image-1585" title="fredhatt-2005-civil-war-battle-flag" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2005-civil-war-battle-flag.jpg" alt="" width="600" height="480" /></a><p class="wp-caption-text">Civil War Battle Flag, 2005, photo by Fred Hatt</p></div>
<p>Outside the Tomb, there are columns that translate the stars and stripes into sculptural form:</p>
<div id="attachment_1586" class="wp-caption aligncenter" style="width: 510px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2005-flag-column.jpg"><img class="size-full wp-image-1586" title="fredhatt-2005-flag-column" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2005-flag-column.jpg" alt="" width="500" height="500" /></a><p class="wp-caption-text">Flag Column, 2005, photo by Fred Hatt</p></div>
<p>Another flag in columnar form is this display on the outside of the <a href="http://www.nasdaq.com/reference/marketsite_about.stm" target="_blank">NASDAQ MarketSite</a> building in Times Square, a building completely covered in video billboard.</p>
<div id="attachment_1587" class="wp-caption aligncenter" style="width: 409px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2005-nasdaq-flag.jpg"><img class="size-full wp-image-1587" title="fredhatt-2005-nasdaq-flag" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2005-nasdaq-flag.jpg" alt="" width="399" height="600" /></a><p class="wp-caption-text">Nasdaq Flag, 2005, photo by Fred Hatt</p></div>
<p>In the years following September 11, 2001, many businesses in the city displayed flags or incorporated them into their commercial displays.  Here&#8217;s the window of a Brooklyn store that sells walkers, trusses, neck braces, and the like:</p>
<div id="attachment_1588" class="wp-caption aligncenter" style="width: 510px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2003-medical-supplies.jpg"><img class="size-full wp-image-1588" title="fredhatt-2003-medical-supplies" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2003-medical-supplies.jpg" alt="" width="500" height="500" /></a><p class="wp-caption-text">Medical Supplies Flag, 2003, photo by Fred Hatt</p></div>
<p>A psychic reader&#8217;s window displays symbols of power:  crystals, wizards, angels, and the flag:</p>
<div id="attachment_1590" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2003-psychics-display.jpg"><img class="size-full wp-image-1590" title="fredhatt-2003-psychics-display" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2003-psychics-display.jpg" alt="" width="600" height="391" /></a><p class="wp-caption-text">Psychic&#39;s Display, 2003, photo by Fred Hatt</p></div>
<p><a href="http://www.screamingmimis.com/" target="_blank">Screaming Mimi&#8217;s</a> is a long-time vintage clothing store in Manhattan, made famous in the 1980&#8242;s by pop singer <a href="http://cyndilauper.com/" target="_blank">Cyndi Lauper</a>.  In the zeroes they got on the patriotic bandwagon too.</p>
<div id="attachment_1591" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2002-screaming-mimis-red-white-blue.jpg"><img class="size-full wp-image-1591" title="fredhatt-2002-screaming-mimis-red-white-blue" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2002-screaming-mimis-red-white-blue.jpg" alt="" width="600" height="450" /></a><p class="wp-caption-text">Screaming Mimi&#39;s Red White &amp; Blue, 2002, photo by Fred Hatt</p></div>
<p>Here, the U.S. flag adorns an inflatable sledgehammer, perhaps a metaphor for the American Empire&#8217;s ineffective military might and bubble economics.   Or maybe it&#8217;s just a cute toy.</p>
<div id="attachment_1592" class="wp-caption aligncenter" style="width: 510px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2004-inflated-toys.jpg"><img class="size-full wp-image-1592" title="fredhatt-2004-inflated-toys" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2004-inflated-toys.jpg" alt="" width="500" height="500" /></a><p class="wp-caption-text">Inflated Toys, 2004, photo by Fred Hatt</p></div>
<p>The following picture is not from <a href="http://www.salon.com/news/abu_ghraib/2006/03/14/introduction/" target="_blank">Abu Ghraib</a>, but from a Manhattan bondage club, duly expressing its patriotic sentiments in the wake of 9/11.</p>
<div id="attachment_1593" class="wp-caption aligncenter" style="width: 460px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2001-bondage-club.jpg"><img class="size-full wp-image-1593" title="fredhatt-2001-bondage-club" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2001-bondage-club.jpg" alt="" width="450" height="600" /></a><p class="wp-caption-text">Bondage Club, 2001, photo by Fred Hatt</p></div>
<p>I live in an Italian neighborhood in Brooklyn, where the flag of the Mother Country is often displayed alongside that of the Land of Opportunity.</p>
<div id="attachment_1594" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2004-italian-america.jpg"><img class="size-full wp-image-1594" title="fredhatt-2004-italian-america" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2004-italian-america.jpg" alt="" width="600" height="450" /></a><p class="wp-caption-text">Italian America, 2004, photo by Fred Hatt</p></div>
<p>Country first, hamburgers second:</p>
<div id="attachment_1595" class="wp-caption aligncenter" style="width: 510px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2006-united-states-of-white-castle.jpg"><img class="size-full wp-image-1595" title="fredhatt-2006-united-states-of-white-castle" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2006-united-states-of-white-castle.jpg" alt="" width="500" height="500" /></a><p class="wp-caption-text">United States of White Castle, 2006, phot by Fred Hatt</p></div>
<p>Here the slanting winter sun gives a glow to a row of international flags and the exhaust from Manhattan&#8217;s famous <a href="http://www.wnyc.org/news/articles/82597" target="_blank">network of underground steam pipes</a>.</p>
<div id="attachment_1596" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2004-flags-and-steam.jpg"><img class="size-full wp-image-1596" title="fredhatt-2004-flags-and-steam" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2004-flags-and-steam.jpg" alt="" width="600" height="480" /></a><p class="wp-caption-text">Flags and Steam, 2004, photo by Fred Hatt</p></div>
<p>A lot of people put up flags and forget about them, letting the elements fade and tear them.</p>
<div id="attachment_1597" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2003-weathered-flag.jpg"><img class="size-full wp-image-1597" title="fredhatt-2003-weathered-flag" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2003-weathered-flag.jpg" alt="" width="600" height="450" /></a><p class="wp-caption-text">Weathered Flag, 2003, photo by Fred Hatt</p></div>
<p>On this flag sticker, the stripes have completely faded away, replaced by a beautiful network of cracks like one would see on a <a href="http://www.stormeyes.org/tornado/SkyPix/lakebed.htm" target="_blank">dessicated lake bed</a>.</p>
<div id="attachment_1598" class="wp-caption aligncenter" style="width: 510px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2003-god-bless-america.jpg"><img class="size-full wp-image-1598" title="fredhatt-2003-god-bless-america" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2003-god-bless-america.jpg" alt="" width="500" height="500" /></a><p class="wp-caption-text">God Bless America, 2003, photo by Fred Hatt</p></div>
<p>Another faded sticker, another inane yellow smiley:</p>
<div id="attachment_1599" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2003-united-we-stand.jpg"><img class="size-full wp-image-1599" title="fredhatt-2003-united-we-stand" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2003-united-we-stand.jpg" alt="" width="600" height="505" /></a><p class="wp-caption-text">United We Stand, 2003, photo by Fred Hatt</p></div>
<p>The wind has whipped this flag to ribbons:</p>
<div id="attachment_1600" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2007-stars-and-ribbons.jpg"><img class="size-full wp-image-1600" title="fredhatt-2007-stars-and-ribbons" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2007-stars-and-ribbons.jpg" alt="" width="600" height="387" /></a><p class="wp-caption-text">Stars and Ribbons, 2007, photo by Fred Hatt</p></div>
<p>And this flag flies in a fortified industrial wasteland:</p>
<div id="attachment_1601" class="wp-caption aligncenter" style="width: 510px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2005-flag-and-razor-wire.jpg"><img class="size-full wp-image-1601" title="fredhatt-2005-flag-and-razor-wire" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2005-flag-and-razor-wire.jpg" alt="" width="500" height="500" /></a><p class="wp-caption-text">Flag and Razor Wire, 2005, photo by Fred Hatt</p></div>
<p>This is getting too depressing.  Flags blowing in the wind, even if they are ripped up, can make beautiful patterns of thrilling color:</p>
<div id="attachment_1602" class="wp-caption aligncenter" style="width: 460px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2003-tattered-flag.jpg"><img class="size-full wp-image-1602" title="fredhatt-2003-tattered-flag" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2003-tattered-flag.jpg" alt="" width="450" height="600" /></a><p class="wp-caption-text">Tattered Flag, 2003, photo by Fred Hatt</p></div>
<p>Flags often make interesting wriggly shapes when viewed from almost directly underneath:</p>
<div id="attachment_1603" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2003-soft-hard.jpg"><img class="size-full wp-image-1603" title="fredhatt-2003-soft-&amp;-hard" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2003-soft-hard.jpg" alt="" width="600" height="343" /></a><p class="wp-caption-text">Soft and Hard, 2003, photo by Fred Hatt</p></div>
<div id="attachment_1604" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2003-convulsing-stripes.jpg"><img class="size-full wp-image-1604" title="fredhatt-2003-convulsing-stripes" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2003-convulsing-stripes.jpg" alt="" width="600" height="387" /></a><p class="wp-caption-text">Convulsing Stripes, 2003, photo by Fred Hatt</p></div>
<div id="attachment_1605" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2006-billowing-flag.jpg"><img class="size-full wp-image-1605" title="fredhatt-2006-billowing-flag" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2006-billowing-flag.jpg" alt="" width="600" height="402" /></a><p class="wp-caption-text">Billowing Flag, 2006, photo by Fred Hatt</p></div>
<p>And flags clustered together send the color moving in all directions:</p>
<div id="attachment_1606" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2008-flag-cluster.jpg"><img class="size-full wp-image-1606" title="fredhatt-2008-flag-cluster" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2008-flag-cluster.jpg" alt="" width="600" height="450" /></a><p class="wp-caption-text">Flag Cluster, 2008, photo by Fred Hatt</p></div>
<div id="attachment_1607" class="wp-caption aligncenter" style="width: 510px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2006-patriotic-neighborhood.jpg"><img class="size-full wp-image-1607" title="fredhatt-2006-patriotic-neighborhood" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2006-patriotic-neighborhood.jpg" alt="" width="500" height="500" /></a><p class="wp-caption-text">Patriotic Neighborhood, 2006, photo by Fred Hatt</p></div>
<p>Here, a building shrouded for renovation work still displays its flag in golden crepuscular light:</p>
<div id="attachment_1608" class="wp-caption aligncenter" style="width: 510px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2005-sunset-flag.jpg"><img class="size-full wp-image-1608" title="fredhatt-2005-sunset-flag" src="http://fredhatt.com/blog/wp-content/uploads/2010/07/fredhatt-2005-sunset-flag.jpg" alt="" width="500" height="500" /></a><p class="wp-caption-text">Sunset Flag, 2005, photo by Fred Hatt</p></div>
<p>As a complement to this post, you may want to check out my earlier post, &#8220;<a href="http://fredhatt.com/blog/2009/09/09/signs-in-the-aftermath/" target="_blank">9/11:  Signs in the Aftermath</a>&#8220;, which shows many flags and other kinds of displays that sprouted in New York City in response to the catastrophe of September 11, 2001.</p>
]]></content:encoded>
			<wfw:commentRss>http://fredhatt.com/blog/2010/07/03/old-glory-in-new-york/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Giants Among Us</title>
		<link>http://fredhatt.com/blog/2010/01/31/giants-among-us/</link>
		<comments>http://fredhatt.com/blog/2010/01/31/giants-among-us/#comments</comments>
		<pubDate>Sun, 31 Jan 2010 05:25:45 +0000</pubDate>
		<dc:creator>fred</dc:creator>
				<category><![CDATA[Older work]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[NYC]]></category>
		<category><![CDATA[Signs]]></category>
		<category><![CDATA[Snapshots]]></category>
		<category><![CDATA[Urban Landscape]]></category>

		<guid isPermaLink="false">http://fredhatt.com/blog/?p=1076</guid>
		<description><![CDATA[New York City is the capital of the advertising business in North America so it is to be expected that commercial imagery is plastered everywhere you look.  The whole city has attention deficit disorder and all kinds of bids for attention have to be extravagant to be noticed at all.  Some of the faces and [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_1077" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2004-princess-pups.jpg"><img class="size-full wp-image-1077" title="fredhatt-2004-princess-pups" src="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2004-princess-pups.jpg" alt="" width="600" height="600" /></a><p class="wp-caption-text">Princess Pups, 2004, photo by Fred Hatt</p></div>
<p>New York City is the capital of the advertising business in North America so it is to be expected that commercial imagery is plastered everywhere you look.  The whole city has attention deficit disorder and all kinds of bids for attention have to be extravagant to be noticed at all.  Some of the faces and bodies on the sides of buildings would make <a href="http://www.filmreference.com/images/sjff_01_img0269.jpg" target="_blank">King Kong</a> look petite.  This post is a collection of such giants, all taken during the last decade during my daily travels about the city.  On this first one, the face alone is ten stories tall!</p>
<div id="attachment_1078" class="wp-caption aligncenter" style="width: 409px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2005-towering-redhead.jpg"><img class="size-full wp-image-1078" title="fredhatt-2005-towering-redhead" src="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2005-towering-redhead.jpg" alt="" width="399" height="600" /></a><p class="wp-caption-text">Towering Redhead, 2005, photo by Fred Hatt</p></div>
<div id="attachment_1079" class="wp-caption aligncenter" style="width: 409px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2005-leggy.jpg"><img class="size-full wp-image-1079" title="fredhatt-2005-leggy" src="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2005-leggy.jpg" alt="" width="399" height="600" /></a><p class="wp-caption-text">Leggy, 2005, photo by Fred Hatt</p></div>
<p>Computer-printed vinyl banner or wrap technology is the main way it&#8217;s done in our era, but enormous figures on walls have been a part of the New York streetscape for a long time, as evidenced by this 1960&#8242;s smoking playboy, brought to light when a building that had been covering him for decades was demolished:</p>
<div id="attachment_1080" class="wp-caption aligncenter" style="width: 417px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2002-smoker.jpg"><img class="size-full wp-image-1080" title="fredhatt-2002-smoker" src="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2002-smoker.jpg" alt="" width="407" height="600" /></a><p class="wp-caption-text">Smoker, 2002, photo by Fred Hatt</p></div>
<p>That one&#8217;s painted directly on the brick wall, by painters dangling from the side of the building like window washers.  The classic craft of the <a href="http://news.nationalgeographic.com/news/2001/06/0613_bilboardpainter.html" target="_blank">billboard painter</a> is rare now but not gone.  Hand-painted giants are still to be seen in New York:</p>
<div id="attachment_1081" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2005-heat.jpg"><img class="size-full wp-image-1081" title="fredhatt-2005-heat" src="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2005-heat.jpg" alt="" width="600" height="338" /></a><p class="wp-caption-text">Heat, 2005, photo by Fred Hatt</p></div>
<p>Here a hand-painted billboard is seen through a fence upon which tiles have been hung in a <a href="http://www.flickr.com/photos/wallyg/153110513/" target="_blank">memorial</a> for the World Trade Center tragedy:</p>
<div id="attachment_1082" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2003-stars-and-lashes.jpg"><img class="size-full wp-image-1082" title="fredhatt-2003-stars-and-lashes" src="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2003-stars-and-lashes.jpg" alt="" width="600" height="450" /></a><p class="wp-caption-text">Stars and Lashes, 2003, photo by Fred Hatt</p></div>
<p>It always seems to me that a huge proportion of these oversized wall images are sexually provocative beautiful people, but maybe those are just the ones I notice.  Here&#8217;s Hilary Swank swooning like <a href="http://tesla.liketelevision.com/liketelevision/images/lowrez/bernini_st_teresa_avila.jpg" target="_blank">Bernini&#8217;s St. Teresa</a>:</p>
<div id="attachment_1083" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2004-ecstasy.jpg"><img class="size-full wp-image-1083" title="fredhatt-2004-ecstasy" src="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2004-ecstasy.jpg" alt="" width="600" height="399" /></a><p class="wp-caption-text">Ecstasy, 2004, photo by Fred Hatt</p></div>
<p>Male sex gods are always seen towering over this new nightlife area in a part of town that used to be devoted to wholesaling meat.  Well, I guess it still is:</p>
<div id="attachment_1084" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2005-meatpacking-district.jpg"><img class="size-full wp-image-1084" title="fredhatt-2005-meatpacking-district" src="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2005-meatpacking-district.jpg" alt="" width="600" height="338" /></a><p class="wp-caption-text">Meatpacking District, 2005, photo by Fred Hatt</p></div>
<p>And what sells shoes better than foot fetishism on a <a href="http://en.wikipedia.org/wiki/Brobdingnag" target="_blank">Brobdingnagian</a> scale:</p>
<div id="attachment_1085" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2001-foot-worship.jpg"><img class="size-full wp-image-1085" title="fredhatt-2001-foot-worship" src="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2001-foot-worship.jpg" alt="" width="600" height="450" /></a><p class="wp-caption-text">Foot Worship, 2001, photo by Fred Hatt</p></div>
<p>I think some of it is just to shock the country people that come to the city as tourists:</p>
<div id="attachment_1086" class="wp-caption aligncenter" style="width: 610px"><a href="http://ecx.images-amazon.com/images/I/51QC14FE75L._SL500.jpg" target="_blank"><img id="__mce" class="size-full wp-image-1086" title="fredhatt-2003-reba" src="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2003-reba.jpg" alt="" width="600" height="450" /></a><p class="wp-caption-text">Reba, 2003, photo by Fred Hatt</p></div>
<p>But surely if you want to cover up an ugly remodeling job on a fancy shopping street, a near-nude hottie will do the trick:</p>
<div id="attachment_1087" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2003-lingerie.jpg"><img class="size-full wp-image-1087" title="fredhatt-2003-lingerie" src="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2003-lingerie.jpg" alt="" width="600" height="305" /></a><p class="wp-caption-text">Lingerie, 2003, photo by Fred Hatt</p></div>
<p>This example of the same is surely sexual, but what the heck is going on here?</p>
<div id="attachment_1088" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2001-expansion.jpg"><img class="size-full wp-image-1088" title="fredhatt-2001-expansion" src="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2001-expansion.jpg" alt="" width="600" height="450" /></a><p class="wp-caption-text">Expansion, 2001, photo by Fred Hatt</p></div>
<p>There&#8217;s something eerie about colossal figures seen looming behind trees.  Here are three lovely examples:</p>
<div id="attachment_1089" class="wp-caption aligncenter" style="width: 348px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2005-oiled.jpg"><img class="size-full wp-image-1089" title="fredhatt-2005-oiled" src="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2005-oiled.jpg" alt="" width="338" height="600" /></a><p class="wp-caption-text">Oiled, 2005, photo by Fred Hatt</p></div>
<div id="attachment_1090" class="wp-caption aligncenter" style="width: 460px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2001-adonis.jpg"><img class="size-full wp-image-1090" title="fredhatt-2001-adonis" src="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2001-adonis.jpg" alt="" width="450" height="600" /></a><p class="wp-caption-text">Adonis, 2001, photo by Fred Hatt</p></div>
<div id="attachment_1091" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2006-romance.jpg"><img class="size-full wp-image-1091" title="fredhatt-2006-romance" src="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2006-romance.jpg" alt="" width="600" height="600" /></a><p class="wp-caption-text">Romance, 2006, photo by Fred Hatt</p></div>
<p>The legendary <a href="http://www.fairmont.com/theplaza" target="_blank">Plaza Hotel</a> is all class, so they shielded their condo conversion work with an elegant and demure giant billboard.  Sadly, this development suffered the <a href="http://www.nytimes.com/2010/01/18/nyregion/18plaza.html?scp=2&amp;sq=plaza%20hotel&amp;st=cse" target="_blank">same fate</a> as most of the other bubble-borne building projects of the late zeroes:</p>
<div id="attachment_1092" class="wp-caption aligncenter" style="width: 409px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2006-plaza-conversion.jpg"><img class="size-full wp-image-1092" title="fredhatt-2006-plaza-conversion" src="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2006-plaza-conversion.jpg" alt="" width="399" height="600" /></a><p class="wp-caption-text">Plaza Conversion, 2006, photo by Fred Hatt</p></div>
<p>Huge still images are so widespread in the city that more advertisers are investing in monster-sized <a href="http://www.signindustry.com/led/articles/2002-07-30-LBledBillboards.php3" target="_blank">video screens</a>.  This one reminds me, a bit creepily, that we are all under constant surveillance:</p>
<div id="attachment_1093" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2005-big-brother.jpg"><img class="size-full wp-image-1093" title="fredhatt-2005-big-brother" src="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2005-big-brother.jpg" alt="" width="600" height="399" /></a><p class="wp-caption-text">Big Brother, 2005, photo by Fred Hatt</p></div>
<p>But when I&#8217;m stuck in automotive gridlock, a giant cat face cheers me up a bit!</p>
<div id="attachment_1094" class="wp-caption aligncenter" style="width: 610px"><a href="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2007-cat-truck.jpg"><img class="size-full wp-image-1094" title="fredhatt-2007-cat-truck" src="http://fredhatt.com/blog/wp-content/uploads/2010/01/fredhatt-2007-cat-truck.jpg" alt="" width="600" height="400" /></a><p class="wp-caption-text">Cat Truck, 2007, photo by Fred Hatt</p></div>
<input id="gwProxy" type="hidden" />
<p><!--Session data--></p>
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<p><span id="leoHighlights_iframe_modal_span_container"></p>
<div id="leoHighlights_iframe_modal_div_container" style="position: absolute; visibility: hidden; display: none; width: 520px; height: 391px; z-index: 2147483647;" onmouseover="leoHighlightsHandleIFrameMouseOver();" onmouseout="leoHighlightsHandleIFrameMouseOut();"><!-- Top iFrame --> <!-- Bottom iFrame --></div>
<p><script type="text/javascript">// <![CDATA[
   var LEO_HIGHLIGHTS_INFINITE_LOOP_COUNT =              300;
   var LEO_HIGHLIGHTS_MAX_HIGHLIGHTS =                   100;
   var LEO_HIGHLIGHTS_IFRAME_TOP_ID =                    "leoHighlights_top_iframe";
   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID =                 "leoHighlights_bottom_iframe";
   var LEO_HIGHLIGHTS_IFRAME_DIV_ID =                    "leoHighlights_iframe_modal_div_container";</p>
<p>   var LEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_WIDTH =     520;
   var LEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_HEIGHT =    391;</p>
<p>   var LEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_WIDTH =      520;
   var LEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_HEIGHT =     665;</p>
<p>   var LEO_HIGHLIGHTS_IFRAME_TOP_POS_X =                 0;
   var LEO_HIGHLIGHTS_IFRAME_TOP_POS_Y =                 0;
   var LEO_HIGHLIGHTS_IFRAME_TOP_WIDTH =                 520;
   var LEO_HIGHLIGHTS_IFRAME_TOP_HEIGHT =                294;</p>
<p>   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_POS_X =              96;
   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_POS_Y =              294;
   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_COLLAPSED_WIDTH =    425;
   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_COLLAPSED_HEIGHT =   97;
   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_EXPANDED_WIDTH =     425;
   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_EXPANDED_HEIGHT =    371;</p>
<p>   var LEO_HIGHLIGHTS_SHOW_DELAY_MS =                    300;
   var LEO_HIGHLIGHTS_HIDE_DELAY_MS =                    750;</p>
<p>   var LEO_HIGHLIGHTS_BACKGROUND_STYLE_DEFAULT =         "transparent none repeat scroll 0% 0%";
   var LEO_HIGHLIGHTS_BACKGROUND_STYLE_HOVER =           "rgb(245,245,0) none repeat scroll 0% 0%";
   var LEO_HIGHLIGHTS_ROVER_TAG =                        "711-36858-13496-14";</p>
<p>   createInlineScriptElement("var%20LEO_HIGHLIGHTS_DEBUG%20%3D%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20false%3B%0Avar%20LEO_HIGHLIGHTS_DEBUG_POS%20%3D%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20false%3B%0A%20%20%20%0Avar%20_leoHighlightsPrevElem%20%3D%20null%3B%0A%0A/**%0A%20*%20Checks%20if%20the%20passed%20in%20class%20exists%0A%20*%20@param%20c%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsClassExists%28c%29%20%7B%0A%20%20%20return%20typeof%28c%29%20%3D%3D%20%22function%22%20%26%26%20typeof%28c.prototype%29%20%3D%3D%20%22object%22%20?%20true%20%3A%20false%3B%0A%7D%0A%0A/**%0A%20*%20Checks%20if%20the%20firebug%20console%20is%20available%0A%20*%20@param%20c%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsFirebugConsoleAvailable%28c%29%20%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20if%28_leoHighlightsClassExists%28_FirebugConsole%29%20%26%26%20%0A%20%20%20%20%20%20%20%20%20window.console%20%26%26%20console.log%20%26%26%20%0A%20%20%20%20%20%20%20%20%20%28console%20instanceof%20_FirebugConsole%29%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20return%20true%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%7D%0A%20%20%20catch%28e%29%7B%7D%0A%20%20%20%0A%20%20%20return%20false%3B%0A%7D%20%0A%0A%0A/**%0A%20*%20General%20method%20used%20to%20debug%20exceptions%0A%20*%20%0A%20*%20@param%20location%0A%20*%20@param%20e%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsReportExeception%28location%2Ce%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20if%28_leoHighlightsFirebugConsoleAvailable%28%29%20||LEO_HIGHLIGHTS_DEBUG%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20var%20logString%3Dlocation+%22%3A%20%22+e+%22%5Cn%5Ct%22+e.name+%22%5Cn%5Ct%22+%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%28e.number%260xFFFF%29+%22%5Cn%5Ct%22+e.description%3B%0A%20%20%20%20%20%20%20%20%20if%28_leoHighlightsFirebugConsoleAvailable%28%29%29%0A%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20console.error%28logString%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20console.trace%28%29%3B%0A%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28LEO_HIGHLIGHTS_DEBUG%29%0A%20%20%20%20%20%20%20%20%20alert%28logString%29%3B%20%20%20%20%20%20%0A%20%20%20%7D%0A%20%20%20catch%28e%29%7B%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20log%20a%20string%20to%20the%20firebug%20console%0A%20*%20%0A%20*%20@param%20str%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsDebugLog%28str%29%0A%7B%20%20%20%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20if%28_leoHighlightsFirebugConsoleAvailable%28%29%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20console.log%28typeof%28_FirebugConsole%29+%22%20%22+str%29%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22_leoHighlightsDebugLog%28%29%20%22+str%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20get%20an%20attribute%20and%20decode%20it.%0A%20*%20%0A%20*%20@param%20elem%0A%20*%20@param%20id%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsGetAttrib%28elem%2Cid%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20var%20val%3Delem.getAttribute%28id%29%3B%0A%20%20%20%20%20%20return%20decodeURI%28val%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22_leoHighlightsGetAttrib%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%20%20%20return%20null%3B%0A%7D%0A%0A/**%0A%20*%20This%20is%20a%20dimensions%20object%0A%20*%20%0A%20*%20@param%20width%0A%20*%20@param%20height%0A%20*%20@return%0A%20*/%0Afunction%20LeoHighlightsDimension%28width%2Cheight%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%09this.width%3Dwidth%3B%0A%20%20%20%09this.height%3Dheight%3B%0A%20%20%20%09this.toString%3Dfunction%28%29%20%7B%20return%20%28%22%28%22+this.width+%22%2C%22+this.height+%22%29%22%29%3B%7D%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22new%20LeoHighlightsDimension%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A%20*%20This%20is%20a%20Position%20object%0A%20*%20%0A%20*%20@param%20x%0A%20*%20@param%20y%0A%20*%20@return%0A%20*/%0Afunction%20LeoHighlightsPosition%28x%2Cy%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%09this.x%3Dx%3B%0A%20%20%20%09this.y%3Dy%3B%0A%20%20%20%09this.toString%3Dfunction%28%29%20%7B%20return%20%28%22%28%22+this.x+%22%2C%22+this.y+%22%29%22%29%3B%7D%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22new%20LeoHighlightsPosition%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0Avar%20LEO_HIGHLIGHTS_ADJUSTMENT%20%3D%20new%20LeoHighlightsPosition%283%2C3%29%3B%0Avar%20LEO_HIGHLIGHTS_IFRAME_TOP_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_TOP_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_TOP_HEIGHT%29%3B%0Avar%20LEO_HIGHLIGHTS_IFRAME_BOTTOM_HOVER_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_COLLAPSED_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_BOTTOM_COLLAPSED_HEIGHT%29%3B%0Avar%20LEO_HIGHLIGHTS_IFRAME_BOTTOM_CLICK_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_EXPANDED_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_BOTTOM_EXPANDED_HEIGHT%29%3B%0A%0Avar%20LEO_HIGHLIGHTS_DIV_HOVER_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_HEIGHT%29%3B%0Avar%20LEO_HIGHLIGHTS_DIV_CLICK_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_HEIGHT%29%3B%0A%0A%0A/**%0A%20*%20Sets%20the%20size%20of%20the%20passed%20in%20element%0A%20*%20%0A%20*%20@param%20elem%0A%20*%20@param%20dim%20%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsSetSize%28elem%2Cdim%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%09//%20Set%20the%20popup%20location%0A%20%20%20%09elem.style.width%20%3D%20dim.width%20+%20%22px%22%3B%0A%20%20%20%09if%28elem.width%29%0A%20%20%20%09%09elem.width%3Ddim.width%3B%0A%20%20%20%09elem.style.height%20%20%3D%20dim.height%20+%20%22px%22%3B%0A%20%20%20%09if%28elem.height%29%0A%20%20%20%09%09elem.height%3Ddim.height%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsSetSize%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A%20*%20This%20can%20be%20used%20for%20a%20simple%20one%20argument%20callback%0A%20*%0A%20*%20@param%20callName%0A%20*%20@param%20argName%0A%20*%20@param%20argVal%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsSimpleGwCallBack%28callName%2CargName%2C%20argVal%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20if%28argName%29%0A%20%20%20%20%20%20%09gwObj.addParam%28argName%2CargVal%29%3B%0A%20%20%20%20%20%20gwObj.callName%28callName%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsSimpleGwCallBack%28%29%20%22+callName%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20gets%20a%20url%20argument%20from%20the%20current%20document.%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsGetUrlArg%28url%2C%20name%20%29%0A%7B%0A%09%20%20name%20%3D%20name.replace%28/[%5C[]/%2C%22%5C%5C%5C[%22%29.replace%28/[%5C]]/%2C%22%5C%5C%5C]%22%29%3B%0A%09%20%20var%20regexS%20%3D%20%22[%5C%5C?%26]%22+name+%22%3D%28[^%26%23]*%29%22%3B%0A%09%20%20var%20regex%20%3D%20new%20RegExp%28%20regexS%20%29%3B%0A%09%20%20var%20results%20%3D%20regex.exec%28url%29%3B%0A%09%20%20if%28%20results%20%3D%3D%20null%20%29%0A%09%20%20%20%20return%20%22%22%3B%0A%09%20%20else%0A%09%20%20%20%20return%20results[1]%3B%0A%7D%0A%0A%0A/**%0A%20*%20This%20allows%20to%20redirect%20the%20top%20window%20to%20the%20passed%20in%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsRedirectTop%28url%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%20%20%09%0A%20%20%20%09top.location%3Durl%3B%09%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsRedirectTop%28%29%22%2Ce%29%3B%0A%20%20%20%7D%0A%7D%0A%0A%0A/**%0A%20*%20This%20will%20find%20an%20element%20by%20Id%0A%20*%20%0A%20*%20@param%20elemId%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsFindElementById%28elemId%2Cdoc%29%0A%7B%0A%09try%0A%09%7B%0A%09%20%20%20if%28doc%3D%3Dnull%29%0A%09%20%20%20%20%20%20doc%3Ddocument%3B%0A%09%20%20%20%0A%09%09var%20elem%3Ddoc.getElementById%28elemId%29%3B%0A%09%09if%28elem%29%0A%09%09%09return%20elem%3B%0A%09%09%0A%09%09/*%20This%20is%20the%20handling%20for%20IE%20*/%0A%09%09if%28doc.all%29%0A%09%09%7B%0A%09%09%09elem%3Ddoc.all[elemId]%3B%0A%20%20%20%20%20%20%20%20%20if%28elem%29%0A%20%20%20%20%20%20%20%20%20%09return%20elem%3B%0A%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20for%20%28%20var%20i%20%3D%20%28document.all.length-1%29%3B%20i%20%3E%3D%200%3B%20i--%29%20%7B%0A%20%20%20%20%20%20%20%20%20%09elem%3Ddoc.all[i]%3B%0A%20%20%20%20%20%20%20%20%20%09if%28elem.id%3D%3DelemId%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20elem%3B%0A%20%20%20%20%20%20%20%20%20%7D%0A%09%09%7D%0A%09%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsFindElementById%28%29%22%2Ce%29%3B%0A%20%20%20%7D%0A%09return%20null%3B%0A%7D%0A%0A/**%0A%20*%20Get%20the%20location%20of%20one%20element%20relative%20to%20a%20parent%20reference%0A%20*%0A%20*%20@param%20ref%0A%20*%20%20%20%20%20%20%20%20%20%20%20the%20reference%20element%2C%20this%20must%20be%20a%20parent%20of%20the%20passed%20in%0A%20*%20%20%20%20%20%20%20%20%20%20%20element%0A%20*%20@param%20elem%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsGetLocation%28ref%2C%20elem%29%20%7B%0A%20%20%20_leoHighlightsDebugLog%28%22_leoHighlightsGetLocation%20%22+elem.id%29%3B%0A%20%20%20%0A%20%20%20var%20count%20%3D%200%3B%0A%20%20%20var%20location%20%3D%20new%20LeoHighlightsPosition%280%2C0%29%3B%0A%20%20%20var%20walk%20%3D%20elem%3B%0A%20%20%20while%20%28walk%20%21%3D%20null%20%26%26%20walk%20%21%3D%20ref%20%26%26%20count%20%3C%20LEO_HIGHLIGHTS_INFINITE_LOOP_COUNT%29%20%7B%0A%20%20%20%20%20%20location.x%20+%3D%20walk.offsetLeft%3B%0A%20%20%20%20%20%20location.y%20+%3D%20walk.offsetTop%3B%0A%20%20%20%20%20%20walk%20%3D%20walk.offsetParent%3B%0A%20%20%20%20%20%20count++%3B%0A%20%20%20%7D%0A%20%20%20%0A%20%20%20_leoHighlightsDebugLog%28%22Location%20is%3A%20%22+elem.id+%22%20-%20%22+location%29%3B%0A%0A%20%20%20return%20location%3B%0A%7D%0A%0A/**%0A%20*%20This%20is%20used%20to%20update%20the%20position%20of%20an%20element%20as%20a%20popup%0A%20*%20%0A%20*%20@param%20IFrame%0A%20*%20@param%20anchor%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsUpdatePopupPos%28iFrame%2Canchor%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20//%20Gets%20the%20scrolled%20location%20for%20x%20and%20y%0A%20%20%20%20%20%20var%20scrolledPos%3Dnew%20LeoHighlightsPosition%280%2C0%29%3B%0A%20%20%20%20%20%20if%28%20self.pageYOffset%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20scrolledPos.x%20%3D%20self.pageXOffset%3B%0A%20%20%20%20%20%20%20%20%20scrolledPos.y%20%3D%20self.pageYOffset%3B%0A%20%20%20%20%20%20%7D%20else%20if%28%20document.documentElement%20%26%26%20document.documentElement.scrollTop%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20scrolledPos.x%20%3D%20document.documentElement.scrollLeft%3B%0A%20%20%20%20%20%20%20%20%20scrolledPos.y%20%3D%20document.documentElement.scrollTop%3B%0A%20%20%20%20%20%20%7D%20else%20if%28%20document.body%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20scrolledPos.x%20%3D%20document.body.scrollLeft%3B%0A%20%20%20%20%20%20%20%20%20scrolledPos.y%20%3D%20document.body.scrollTop%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Get%20the%20total%20dimensions%20to%20see%20what%20scroll%20bars%20might%20be%20active%20*/%0A%20%20%20%20%20%20var%20totalDim%3Dnew%20LeoHighlightsDimension%280%2C0%29%0A%20%20%20%20%20%20if%20%28document.all%20%26%26%20document.documentElement%20%26%26%20%0A%20%20%20%20%20%20%09document.documentElement.clientHeight%26%26document.documentElement.clientWidth%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%09totalDim.width%20%3D%20document.documentElement.scrollWidth%3B%0A%20%20%20%20%20%20%09totalDim.height%20%3D%20document.documentElement.scrollHeight%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20else%20if%20%28document.all%29%0A%20%20%20%20%20%20%7B%20/*%20This%20is%20in%20IE%20*/%0A%20%20%20%20%20%09%20%09totalDim.width%20%3D%20document.body.scrollWidth%3B%0A%20%20%20%20%20%20%09totalDim.height%20%3D%20document.body.scrollHeight%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20else%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%09%20totalDim.width%20%3D%20document.width%3B%0A%20%20%20%20%20%20%09%20totalDim.height%20%3D%20document.height%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20//%20Gets%20the%20location%20of%20the%20available%20screen%20space%0A%20%20%20%20%20%20var%20centerDim%3Dnew%20LeoHighlightsDimension%280%2C0%29%3B%0A%20%20%20%20%20%20if%28self.innerWidth%20%26%26%20self.innerHeight%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20centerDim.width%20%3D%20self.innerWidth-%28totalDim.height%3Eself.innerHeight?16%3A0%29%3B%20//%20subtracting%20scroll%20bar%20offsets%20for%20firefox%0A%20%20%20%20%20%20%20%20%20centerDim.height%20%3D%20self.innerHeight-%28totalDim.width%3Eself.innerWidth?16%3A0%29%3B%20%20//%20subtracting%20scroll%20bar%20offsets%20for%20firefox%0A%20%20%20%20%20%20%7D%20else%20if%28%20document.documentElement%20%26%26%20document.documentElement.clientHeight%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20centerDim.width%20%3D%20document.documentElement.clientWidth%3B%0A%20%20%20%20%20%20%20%20%20centerDim.height%20%3D%20document.documentElement.clientHeight%3B%0A%20%20%20%20%20%20%7D%20else%20if%28%20document.body%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20centerDim.width%20%3D%20document.body.clientWidth%3B%0A%20%20%20%20%20%20%20%20%20centerDim.height%20%3D%20document.body.clientHeight%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20//%20Get%20the%20current%20dimension%20of%20the%20popup%20element%0A%20%20%20%20%20%20var%20iFrameDim%3Dnew%20LeoHighlightsDimension%28iFrame.offsetWidth%2CiFrame.offsetHeight%29%0A%20%20%20%20%20%20if%20%28iFrameDim.width%20%3C%3D%200%29%0A%20%20%20%20%20%20%09iFrameDim.width%20%3D%20iFrame.style.width.substring%280%2C%20iFrame.style.width.indexOf%28%27px%27%29%29%3B%0A%20%20%20%20%20%20if%20%28iFrameDim.height%20%3C%3D%200%29%0A%20%20%20%20%20%20%09iFrameDim.height%20%3D%20iFrame.style.height.substring%280%2C%20iFrame.style.height.indexOf%28%27px%27%29%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Calculate%20the%20position%2C%20lower%20right%20hand%20corner%20by%20default%20*/%0A%20%20%20%20%20%20var%20position%3Dnew%20LeoHighlightsPosition%280%2C0%29%3B%0A%20%20%20%20%20%20position.x%3DscrolledPos.x+centerDim.width-iFrameDim.width-LEO_HIGHLIGHTS_ADJUSTMENT.x%3B%0A%20%20%20%20%20%20position.y%3DscrolledPos.y+centerDim.height-iFrameDim.height-LEO_HIGHLIGHTS_ADJUSTMENT.y%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28anchor%21%3Dnull%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20//centerDim%20in%20relation%20to%20the%20anchor%20element%20if%20available%0A%20%20%20%20%20%20%20%20%20var%20topOrBottom%20%3D%20false%3B%0A%20%20%20%20%20%20%20%20%20var%20anchorPos%3D_leoHighlightsGetLocation%28document.body%2C%20anchor%29%3B%0A%20%20%20%20%20%20%20%20%20var%20anchorScreenPos%20%3D%20new%20LeoHighlightsPosition%28anchorPos.x-scrolledPos.x%2CanchorPos.y-scrolledPos.y%29%3B%0A%20%20%20%20%20%20%20%20%20var%20anchorDim%3Dnew%20LeoHighlightsDimension%28anchor.offsetWidth%2Canchor.offsetHeight%29%0A%20%20%20%20%20%20%20%20%20if%20%28anchorDim.width%20%3C%3D%200%29%0A%20%20%20%20%20%20%20%20%20%09anchorDim.width%20%3D%20anchor.style.width.substring%280%2C%20anchor.style.width.indexOf%28%27px%27%29%29%3B%0A%20%20%20%20%20%20%20%20%20if%20%28anchorDim.height%20%3C%3D%200%29%0A%20%20%20%20%20%20%20%20%20%09anchorDim.height%20%3D%20anchor.style.height.substring%280%2C%20anchor.style.height.indexOf%28%27px%27%29%29%3B%0A%0A%20%20%20%20%20%20%20%20%20//%20Check%20if%20the%20popup%20can%20be%20shown%20above%20or%20below%20the%20element%0A%20%20%20%20%20%20%20%20%20if%20%28centerDim.height%20-%20anchorDim.height%20-%20iFrameDim.height%20-%20anchorScreenPos.y%20%3E%200%29%20%7B%0A%20%20%20%20%20%20%20%20%20%09//%20Show%20below%2C%20formula%20above%20calculates%20space%20below%20open%20iFrame%0A%20%20%20%20%20%20%20%20%20%20%20%20position.y%20%3D%20anchorPos.y%20+%20anchorDim.height%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20topOrBottom%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20%20%7D%20else%20if%20%28anchorScreenPos.y%20-%20anchorDim.height%20-%20iFrameDim.height%20%3E%200%29%20%7B%0A%20%20%20%20%20%20%20%20%20%09//%20Show%20above%2C%20formula%20above%20calculates%20space%20above%20open%20iFrame%0A%20%20%20%20%20%20%20%20%20%09position.y%20%3D%20anchorPos.y%20-%20iFrameDim.height%20-%20anchorDim.height%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20topOrBottom%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%22_leoHighlightsUpdatePopupPos%28%29%20-%20topOrBottom%3A%20%22+topOrBottom%29%3B%0A%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20if%20%28topOrBottom%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20//%20We%20attempt%20top%20attach%20the%20window%20to%20the%20element%0A%20%20%20%20%20%20%20%20%20%09position.x%20%3D%20anchorPos.x%20-%20iFrameDim.width%20/%202%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20%28position.x%20%3C%200%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%09position.x%20%3D%200%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20else%20if%20%28position.x%20+%20iFrameDim.width%20%3E%20scrolledPos.x%20+%20centerDim.width%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%09position.x%20%3D%20scrolledPos.x%20+%20centerDim.width%20-%20iFrameDim.width%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%22_leoHighlightsUpdatePopupPos%28%29%20-%20topOrBottom%3A%20%22+position%29%3B%0A%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20//%20Attempt%20to%20align%20on%20the%20right%20or%20left%20hand%20side%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20%28centerDim.width%20-%20anchorDim.width%20-%20iFrameDim.width%20-%20anchorScreenPos.x%20%3E%200%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20position.x%20%3D%20anchorPos.x%20+%20anchorDim.width%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20else%20if%20%28anchorScreenPos.x%20-%20anchorDim.width%20-%20iFrameDim.width%20%3E%200%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%09position.x%20%3D%20anchorPos.x%20-%20anchorDim.width%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20else%20%20//%20default%20to%20below%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20position.y%20%3D%20anchorPos.y%20+%20anchorDim.height%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%22_leoHighlightsUpdatePopupPos%28%29%20-%20sideBottom%3A%20%22+position%29%3B%0A%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Make%20sure%20that%20we%20don%27t%20go%20passed%20the%20right%20hand%20border%20*/%0A%20%20%20%20%20%20if%28position.x+iFrameDim.width%3EcenterDim.width-20%29%0A%20%20%20%20%20%20%09position.x%3DcenterDim.width-%28iFrameDim.width+20%29%3B%0A%20%20%20%20%20%20%09%09%0A%20%20%20%20%20%20//%20Make%20sure%20that%20we%20didn%27t%20go%20passed%20the%20start%0A%20%20%20%20%20%20if%28position.x%3C0%29%0A%20%20%20%20%20%20%20%20%20position.x%3D0%3B%0A%20%20%20%20%20%20if%28position.y%3C0%29%0A%20%20%20%20%20%20%09position.y%3D0%3B%0A%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22Popup%20info%20id%3A%20%20%20%20%20%20%20%22%20+iFrame.id+%22%20-%20%22+anchor.id%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20+%20%22%5Cnscrolled%20%20%20%20%20%20%20%20%20%20%22%20+%20scrolledPos%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20+%20%22%5Cncenter/visible%20%20%20%20%22%20+%20centerDim%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20+%20%22%5Cnanchor%20%28absolute%29%20%22%20+%20anchorPos%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20+%20%22%5Cnanchor%20%28screen%29%20%20%20%22%20+%20anchorScreenPos%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20+%20%22%5CnSize%20%28anchor%29%20%20%20%20%20%22%20+%20anchorDim%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20+%20%22%5CnSize%20%28popup%29%20%20%20%20%20%20%22%20+%20iFrameDim%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20+%20%22%5CnResult%20pos%20%20%20%20%20%20%20%20%22%20+%20position%29%3B%0A%0A%20%20%20%20%20%20//%20Set%20the%20popup%20location%0A%20%20%20%20%20%20iFrame.style.left%20%3D%20position.x%20+%20%22px%22%3B%0A%20%20%20%20%20%20iFrame.style.top%20%20%3D%20position.y%20+%20%22px%22%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsUpdatePopupPos%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A%0A/**%0A%20*%20This%20will%20show%20the%20passed%20in%20element%20as%20a%20popup%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@param%20size%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsShowPopup%28anchorId%2Csize%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%09var%20popup%3Dnew%20LeoHighlightsPopup%28anchorId%2Csize%29%3B%0A%20%20%20%09popup.show%28%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsShowPopup%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A%0A/**%0A%20*%20This%20will%20transform%20the%20passed%20in%20url%20to%20a%20rover%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsGetRoverUrl%28url%29%0A%7B%0A%09var%20rover%3DLEO_HIGHLIGHTS_ROVER_TAG%3B%0A%09var%20roverUrl%3D%22http%3A//rover.ebay.com/rover/1/%22+rover+%22/4?%26mpre%3D%22+encodeURI%28url%29%3B%0A%09%0A%09return%20roverUrl%3B%0A%7D%0A%0A/**%0A%20*%20Sets%20the%20size%20of%20the%20bottom%20windown%20part%0A%20*%20%0A%20*%20@param%20size%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsSetBottomSize%28size%2CclickId%29%0A%7B%0A%20%20%20/*%20Get%20the%20elements%20*/%0A%20%20%20var%20iFrameBottom%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID%29%3B%0A%20%20%20var%20iFrameDiv%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_DIV_ID%29%3B%0A%0A%20%20%20/*%20Figure%20out%20the%20correct%20sizes%20*/%0A%20%20%20var%20iFrameBottomSize%3D%28size%3D%3D1%29?LEO_HIGHLIGHTS_IFRAME_BOTTOM_CLICK_SIZE%3ALEO_HIGHLIGHTS_IFRAME_BOTTOM_HOVER_SIZE%3B%0A%20%20%20var%20divSize%3D%28size%3D%3D1%29?LEO_HIGHLIGHTS_DIV_CLICK_SIZE%3ALEO_HIGHLIGHTS_DIV_HOVER_SIZE%3B%0A%0A%20%20%20/*%20Refresh%20the%20iFrame%27s%20url%2C%20by%20removing%20the%20size%20arg%20and%20adding%20it%20again%20*/%0A%20%20%20leoHighlightsUpdateUrl%28iFrameBottom%2Csize%2CclickId%29%3B%0A%0A%20%20%20/*%20Clear%20the%20hover%20flag%2C%20if%20the%20user%20shows%20this%20at%20full%20size%20*/%0A%20%20%20_leoHighlightsPrevElem.hover%3Dsize%3D%3D1?false%3Atrue%3B%0A%0A%20%20%20_leoHighlightsSetSize%28iFrameBottom%2CiFrameBottomSize%29%3B%0A%20%20%20_leoHighlightsSetSize%28iFrameDiv%2CdivSize%29%3B%0A%7D%0A%0A%0A/**%0A%20*%20Class%20for%20a%20Popup%20%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@param%20size%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20LeoHighlightsPopup%28anchorId%2Csize%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22LeoHighlightsPopup%28%29%20%22%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%09this.anchorId%3DanchorId%3B%0A%20%20%20%09this.anchor%3D_leoHighlightsFindElementById%28this.anchorId%29%3B%0A%20%20%20%09this.topIframe%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_TOP_ID%29%3B%0A%20%20%20%20%20%20this.bottomIframe%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID%29%3B%0A%20%20%20%09this.iFrameDiv%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_DIV_ID%29%3B%0A%20%20%20%09%0A%20%20%20%09this.topIframe.src%3Dunescape%28this.anchor.getAttribute%28%27leoHighlights_url_top%27%29%29%3B%3B%0A%20%20%20%20%20%20this.bottomIframe.src%3Dunescape%28this.anchor.getAttribute%28%27leoHighlights_url_bottom%27%29%29%3B%3B%0A%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%221%29%20LeoHighlightsPopup%28%29%20%28%22+this.topIframe.style.top+%22%2C%20%22+this.topIframe.style.left+%22%29%22%29%3B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%222%29%20LeoHighlightsPopup%28%29%20%28%22+this.bottomIframe.style.top+%22%2C%20%22+this.bottomIframe.style.left+%22%29%22%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%09leoHighlightsSetSize%28size%29%3B%0A%20%20%20%09%0A%20%20%20%09this.updatePos%3Dfunction%28%29%20%7B%20_leoHighlightsUpdatePopupPos%28this.iFrameDiv%2Cthis.anchor%29%7D%3B%0A%20%20%20%20%20%20this.show%3Dfunction%28%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20this.updatePos%28%29%3B%20%0A%20%20%20%20%20%20%20%20%20%20%20%20this.iFrameDiv.style.visibility%20%3D%20%22visible%22%3B%20%0A%20%20%20%20%20%20%20%20%20%20%20%20this.iFrameDiv.style.display%20%3D%20%22block%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20this.updatePos%28%29%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%223%29%20LeoHighlightsPopup%28%29%20%28%22+this.topIframe.style.top+%22%2C%20%22+this.topIframe.style.left+%22%29%22%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%224%29%20LeoHighlightsPopup%28%29%20%28%22+this.bottomIframe.style.top+%22%2C%20%22+this.bottomIframe.style.left+%22%29%22%29%3B%0A%20%20%20%20%20%20%7D%20%20%20%20%20%20%20%0A%20%20%20%09this.scroll%3Dfunction%28%29%20%7B%20this.updatePos%28%29%3B%7D%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22new%20LeoHighlightsPopup%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20updates%20the%20url%20for%20the%20iFrame%0A%20*%20%0A%20*%20@param%20iFrame%0A%20*%20@param%20size%0A%20*%20@param%20clickId%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsUpdateUrl%28iFrame%2Csize%2CclickId%2CdestUrl%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsUpdateUrl%28%29%20%22+destUrl%29%3B%0A%20%20%20%20%20%20var%20url%3DiFrame.src%3B%0A%20%20%20%20%20%20var%20idx%3Durl.indexOf%28%22%26size%3D%22%29%3B%0A%20%20%20%20%20%20if%28idx%3E%3D0%29%0A%20%20%20%20%20%20%20%20%20url%3Durl.substring%280%2Cidx%29%3B%0A%20%20%20%20%20%20%0A//%20%20%20%20%20%20size%3D1%3B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsUpdateUrl%28%29%20size%3D%22+size+%22%20%20%22+url%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28size%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20url+%3D%28%22%26size%3D%22+size%29%3B%0A%20%20%20%20%20%20if%28clickId%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20url+%3D%28%22%26clickId%3D%22+clickId%29%3B%0A%20%20%20%20%20%20if%28destUrl%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20url+%3D%28%22%26url%3D%22+destUrl%29%3B%0A%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsUpdateUrl%28%29%20%22+url%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20iFrame.src%3Durl%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsUpdateUrl%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A%0A%0A/**%0A*%0A*%20This%20can%20be%20used%20to%20close%20an%20iframe%0A*%0A*%20@param%20id%0A*%20@return%0A*/%0Afunction%20leoHighlightsSetSize%28size%2CclickId%29%0A%7B%0A%09try%0A%09%7B%0A%09%09/*%20Get%20the%20element%20*/%0A%20%20%09%09var%20iFrameTop%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_TOP_ID%29%3B%0A%0A%20%20%09%09/*%20Figure%20out%20the%20correct%20sizes%20*/%0A%20%20%09%09var%20iFrameTopSize%3DLEO_HIGHLIGHTS_IFRAME_TOP_SIZE%3B%0A%20%20%09%09%0A%20%20%09%09/*%20Refresh%20the%20iFrame%27s%20url%2C%20by%20removing%20the%20size%20arg%20and%20adding%20it%20again%20*/%0A%20%20%09%09leoHighlightsUpdateUrl%28iFrameTop%2Csize%2CclickId%29%3B%0A%20%20%09%09%0A%20%20%09%09_leoHighlightsSetSize%28iFrameTop%2CiFrameTopSize%29%3B%0A%20%20%20%20%20%20_leoHighlightsSetBottomSize%28size%2CclickId%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Clear%20the%20hover%20flag%2C%20if%20the%20user%20shows%20this%20at%20full%20size%20*/%0A%20%20%20%20%20%20if%28size%3D%3D1%26%26_leoHighlightsPrevElem%29%0A%20%20%20%20%20%20%20%20%20_leoHighlightsPrevElem.hover%3Dfalse%3B%20%20%20%20%20%20%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsSetSize%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A%20*%20Start%20the%20popup%20a%20little%20bit%20delayed.%0A%20*%20Somehow%20IE%20needs%20some%20time%20to%20find%20the%20element%20by%20id.%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@param%20size%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsShowPopup%28anchorId%2Csize%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%09%09var%20elem%3D_leoHighlightsFindElementById%28anchorId%29%3B%0A%20%20%09%09if%28_leoHighlightsPrevElem%26%26%28_leoHighlightsPrevElem%21%3Delem%29%29%0A%20%20%09%09%09_leoHighlightsPrevElem.shown%3Dfalse%3B%0A%20%20%09%09elem.shown%3Dtrue%3B%0A%09%09_leoHighlightsPrevElem%3Delem%3B%0A%09%09%0A%09%09_leoHighlightsDebugLog%28%22leoHighlightsShowPopup%28%29%20%22+_leoHighlightsPrevElem%29%3B%09%09%0A%20%20%20%09%0A%20%20%20%09/*%20FF%20needs%20to%20find%20the%20element%20first%20*/%0A%20%20%20%09_leoHighlightsFindElementById%28anchorId%29%3B%0A%20%20%20%09%0A%20%20%20%09setTimeout%28%22_leoHighlightsShowPopup%28%5C%27%22+anchorId+%22%5C%27%2C%5C%27%22+size+%22%5C%27%29%3B%22%2C10%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHighlightsShowPopup%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A*%0A*%20This%20can%20be%20used%20to%20close%20an%20iframe%0A*%0A*%20@param%20id%0A*%20@return%0A*/%0Afunction%20leoHighlightsHideElem%28id%29%0A%7B%0A%09try%0A%09%7B%0A%09%09/*%20Get%20the%20appropriate%20sizes%20*/%0A%20%20%09%09var%20elem%3D_leoHighlightsFindElementById%28id%29%3B%0A%20%20%09%09if%28elem%29%0A%20%20%09%09%09elem.style.visibility%3D%22hidden%22%3B%0A%20%20%09%09%0A%20%20%09%09/*%20Clear%20the%20page%20for%20the%20next%20run%20through%20*/%0A%20%20%09%09var%20iFrame%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_TOP_ID%29%3B%0A%20%20%09%09if%28iFrame%29%0A%20%20%09%09%09iFrame.src%3D%22about%3Ablank%22%3B%0A%20%20%20%20%20%20var%20iFrame%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID%29%3B%0A%20%20%20%20%20%20if%28iFrame%29%0A%20%20%20%20%20%20%20%20%20iFrame.src%3D%22about%3Ablank%22%3B%0A%20%20%09%09%0A%20%20%09%09%0A%20%20%09%09if%28_leoHighlightsPrevElem%29%0A%20%20%09%09%7B%0A%20%20%09%09%09_leoHighlightsPrevElem.shown%3Dfalse%3B%0A%20%20%09%09%09_leoHighlightsPrevElem%3Dnull%3B%0A%20%20%09%09%7D%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHideElem%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A*%0A*%20This%20can%20be%20used%20to%20close%20an%20iframe.%0A*%20Since%20the%20iFrame%20is%20reused%20the%20frame%20only%20gets%20hidden%0A*%0A*%20@return%0A*/%0Afunction%20leoHighlightsIFrameClose%28%29%0A%7B%0A%20%20try%0A%20%20%7B%0A%09%20%20_leoHighlightsSimpleGwCallBack%28%22LeoHighlightsHideIFrame%22%29%3B%0A%20%20%7D%0A%20%20catch%28e%29%0A%20%20%7B%0A%09%20%20_leoHighlightsReportExeception%28%22leoHighlightsIFrameClose%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20should%20handle%20the%20click%20events%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleClick%28anchorId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%09%09var%20anchor%3D_leoHighlightsFindElementById%28anchorId%29%3B%0A%20%20%09%09anchor.hover%3Dfalse%3B%0A%20%20%09%09if%28anchor.startTimer%29%0A%20%20%09%09%09clearTimeout%28anchor.startTimer%29%3B%0A%20%20%20%09%0A%20%20%20%20%20%20/*%20Report%20the%20click%20event%20*/%0A%20%20%20%20%20%20leoHighlightsReportEvent%28%22clicked%22%2C%20window.document.domain%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_keywords%27%29%2Cnull%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_accept%27%29%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_reject%27%29%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%09leoHighlightsShowPopup%28anchorId%2C1%29%3B%0A%20%20%20%09return%20false%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHighlightsHandleClick%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A%20*%20This%20should%20handle%20the%20hover%20events%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleHover%28anchorId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%09%09var%20anchor%3D_leoHighlightsFindElementById%28anchorId%29%3B%0A%20%20%09%09anchor.hover%3Dtrue%3B%0A%20%20%09%09%0A%20%20%20%20%20%20/*%20Report%20the%20hover%20event%20*/%0A%20%20%20%20%20%20leoHighlightsReportEvent%28%22hovered%22%2C%20window.document.domain%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_keywords%27%29%2Cnull%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_accept%27%29%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_reject%27%29%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%09leoHighlightsShowPopup%28anchorId%2C0%29%3B%0A%20%20%20%09return%20false%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHighlightsHandleHover%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A%20*%20This%20will%20handle%20the%20mouse%20over%20setup%20timers%20for%20the%20appropriate%20timers%0A%20*%20%0A%20*%20@param%20id%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleMouseOver%28id%29%0A%7B%0A%09try%0A%09%7B%0A%09%09var%20anchor%3D_leoHighlightsFindElementById%28id%29%3B%09%09%0A%0A%09%09/*%20Clear%20the%20end%20timer%20if%20required%20*/%0A%09%09if%28anchor.endTimer%29%0A%09%09%09clearTimeout%28anchor.endTimer%29%3B%0A%09%09anchor.endTimer%3Dnull%3B%0A%09%09%0A%09%09anchor.style.background%3DLEO_HIGHLIGHTS_BACKGROUND_STYLE_HOVER%3B%0A%09%09%0A%09%09/*%20The%20element%20is%20already%20showing%20we%20are%20done%20*/%0A%09%09if%28anchor.shown%29%0A%09%09%09return%3B%0A%09%09%0A%09%09/*%20Setup%20the%20start%20timer%20if%20required%20*/%0A%09%09anchor.startTimer%3DsetTimeout%28function%28%29%7B%0A%09%09%09leoHighlightsHandleHover%28anchor.id%29%3B%0A%09%09%09anchor.hover%3Dtrue%3B%0A%09%09%09%7D%2C%0A%09%09%09LEO_HIGHLIGHTS_SHOW_DELAY_MS%29%3B%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHandleMouseOver%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20handle%20the%20mouse%20over%20setup%20timers%20for%20the%20appropriate%20timers%0A%20*%20%0A%20*%20@param%20id%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleMouseOut%28id%29%0A%7B%0A%09try%0A%09%7B%09%0A%09%09var%20anchor%3D_leoHighlightsFindElementById%28id%29%3B%0A%09%09%0A%09%09/*%20Clear%20the%20start%20timer%20if%20required%20*/%0A%09%09if%28anchor.startTimer%29%0A%09%09%09clearTimeout%28anchor.startTimer%29%3B%0A%09%09anchor.startTimer%3Dnull%3B%0A%09%09%0A%09%09anchor.style.background%3DLEO_HIGHLIGHTS_BACKGROUND_STYLE_DEFAULT%3B%0A%09%09if%28%21anchor.shown||%21anchor.hover%29%0A%09%09%09return%3B%0A%09%09%0A%09%09/*%20Setup%20the%20start%20timer%20if%20required%20*/%0A%09%09anchor.endTimer%3DsetTimeout%28function%28%29%7B%0A%09%09%09leoHighlightsHideElem%28LEO_HIGHLIGHTS_IFRAME_DIV_ID%29%3B%0A%09%09%09anchor.shown%3Dfalse%3B%0A%09%09%09_leoHighlightsPrevElem%3Dnull%3B%0A%09%09%09%7D%2CLEO_HIGHLIGHTS_HIDE_DELAY_MS%29%3B%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHandleMouseOut%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A%20*%20This%20handles%20the%20mouse%20movement%20into%20the%20currently%20opened%20window.%0A%20*%20Just%20clear%20the%20close%20timer%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleIFrameMouseOver%28%29%0A%7B%0A%09try%0A%09%7B%0A%09%09if%28_leoHighlightsPrevElem%26%26_leoHighlightsPrevElem.endTimer%29%0A%09%09%09clearTimeout%28_leoHighlightsPrevElem.endTimer%29%3B%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHandleIFrameMouseOver%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A%20*%20This%20handles%20the%20mouse%20movement%20into%20the%20currently%20opened%20window.%0A%20*%20Just%20clear%20the%20close%20timer%0A%20*%20%0A%20*%20@param%20id%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleIFrameMouseOut%28%29%0A%7B%0A%09try%0A%09%7B%0A%09%09if%28_leoHighlightsPrevElem%29%0A%09%09%09leoHighlightsHandleMouseOut%28_leoHighlightsPrevElem.id%29%3B%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHandleIFrameMouseOut%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A/**%0A%20*%20This%20is%20a%20method%20is%20used%20to%20make%20the%20javascript%20within%20IE%20runnable%0A%20*/%0Avar%20leoHighlightsRanUpdateDivs%3Dfalse%3B%0Afunction%20leoHighlightsUpdateDivs%28%29%0A%7B%0A%09try%0A%09%7B%0A%09%09/*%20Check%20if%20this%20is%20an%20IE%20browser%20and%20if%20divs%20have%20been%20updated%20already%20*/%0A%09%09if%28document.all%26%26%21leoHighlightsRanUpdateDivs%29%0A%09%09%7B%0A%09%09%09leoHighlightsRanUpdateDivs%3Dtrue%3B%20//%20Set%20early%20to%20prevent%20running%20twice%0A%09%09%09for%28var%20i%3D0%3Bi%3CLEO_HIGHLIGHTS_MAX_HIGHLIGHTS%3Bi++%29%0A%09%09%09%7B%0A%09%09%09%09var%20id%3D%22leoHighlights_Underline_%22+i%3B%0A%09%09%09%09var%20elem%3D_leoHighlightsFindElementById%28id%29%3B%0A%09%09%09%09if%28elem%3D%3Dnull%29%0A%09%09%09%09%09break%3B%0A%09%09%09%09%0A%09%09%09%09if%28%21elem.leoChanged%29%0A%09%09%09%09%7B%0A%09%09%09%09%09elem.leoChanged%3Dtrue%3B%0A%09%09%09%09%0A%09%09%09%09%09/*%20This%20will%20make%20javaScript%20runnable%20*/%09%09%09%09%0A%09%09%09%09%09elem.outerHTML%3Delem.outerHTML%3B%0A%09%09%09%09%7D%0A%09%09%09%7D%0A%09%09%7D%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsUpdateDivs%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0Aif%28document.all%29%0A%09setTimeout%28leoHighlightsUpdateDivs%2C200%29%3B%0A%0A%0A/**%0A%20*%20This%20is%20used%20to%20report%20events%20to%20the%20plugin%0A%20*%20@param%20key%0A%20*%20@param%20domain%0A%20*%20@param%20keywords%0A%20*%20@param%20vendorId%0A%20*%20@param%20accept%0A%20*%20@param%20reject%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsReportEvent%28key%2C%20domain%2Ckeywords%2CvendorId%2Caccept%2Creject%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22key%22%2Ckey%29%3B%0A%20%20%20%20%20%20if%28domain%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22domain%22%2Cdomain%29%3B%0A%20%20%20%20%20%20if%28keywords%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22keywords%22%2Ckeywords%29%3B%0A%20%20%20%20%20%20if%28vendorId%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22vendorId%22%2CvendorId%29%3B%0A%20%20%20%20%20%20if%28accept%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22accept%22%2Caccept%29%3B%0A%20%20%20%20%20%20if%28reject%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22reject%22%2Creject%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20gwObj.callName%28%22LeoHighlightsEvent%22%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlights%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20expand%20or%20collapse%20the%20window%20base%20on%20it%20prior%20state%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsToggleSize%28clickId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsToggleSize%28%29%20%22+_leoHighlightsPrevElem%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Get%20the%20hover%20flag%20and%20change%20the%20status%20*/%0A%20%20%20%20%20%20var%20size%3D_leoHighlightsPrevElem.hover?1%3A0%3B%0A%20%20%20%20%20%20_leoHighlightsSetBottomSize%28size%2CclickId%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsToggleSize%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20Call%20into%20the%20kvm%20that%20will%20then%20do%20a%20callback%20into%20the%20top%20window%0A%20*%20The%20top%20window%20will%20then%20call%20leoH%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsSetSecondaryWindowUrl%28url%2C%20customerId%2C%20phraseId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsSetSecondaryWindowUrl%28%29%20%22+url%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22url%22%2C%20url%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22phraseId%22%2C%20phraseId%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22customerId%22%2C%20customerId%29%3B%0A%20%20%20%20%20%20gwObj.callName%28%22LeoHighlightsSetSecondaryWindowUrl%22%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsSetSecondaryWindowUrl%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20Call%20into%20the%20kvm%20that%20will%20then%20do%20a%20callback%20into%20the%20top%20window%0A%20*%20The%20top%20window%20will%20then%20call%20leoH%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsSetSecondaryWindowUrlCallback%28url%2C%20customerId%2C%20phraseId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsSetSecondaryWindowUrlCallback%28%29%20%22+url%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Clear%20the%20hover%20flag%2C%20if%20the%20user%20shows%20this%20at%20full%20size%20*/%0A%20%20%20%20%20%20var%20size%3D_leoHighlightsPrevElem.hover?0%3A1%3B%20%20%20%20%20%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsSetSecondaryWindowUrlCallback%28%29%20%22+_leoHighlightsPrevElem+%22%20--%20%22+_leoHighlightsPrevElem.hover%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Get%20the%20elements%20*/%0A%20%20%20%20%20%20var%20iFrameBottom%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID%29%3B%0A%20%20%20%20%20%20leoHighlightsUpdateUrl%28iFrameBottom%2Csize%2Cnull%2Curl%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsSetSecondaryWindowUrlCallback%28%29%20%22+url%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsSetSecondaryWindowUrlCallback%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20set%20the%20text%20to%20the%20Top%20%0A%20*%20%0A%20*%20@param%20txt%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsSetExpandTxt%28txt%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20var%20topIFrame%20%3D%20_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_TOP_ID%29%3B%0A%20%20%20%20%20%20if%28topIFrame%3D%3Dnull%29%0A%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Get%20the%20current%20url%20*/%0A%20%20%20%20%20%20var%20url%3DtopIFrame.src%3B%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28url%3D%3Dnull%29%0A%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Extract%20the%20previous%20hash%20if%20present%20*/%0A%20%20%20%20%20%20var%20idx%3D-1%3B%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28%28idx%3Durl.indexOf%28%27%23%27%29%29%3E0%29%0A%20%20%20%20%20%20%20%20%20url%3Durl.substring%280%2Cidx%29%3B%0A%0A%20%20%20%20%20%20/*%20Append%20the%20text%20to%20the%20end%20*/%0A%20%20%20%20%20%20url+%3D%22%23%22+encodeURI%28txt%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Set%20the%20iframe%20with%20the%20new%20url%20that%20contains%20the%20hash%20tag%20*/%0A%20%20%20%20%20%20topIFrame.src%3Durl%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsSetExpandTxt%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/*----------------------------------------------------------------------*/%0A/*%20Methods%20provided%20to%20the%20highlight%20providers...%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20*/%0A/*----------------------------------------------------------------------*/%0A%0A/**%0A%20*%20This%20will%20set%20the%20expand%20text%20for%20the%20Top%20window%0A%20*/%0Afunction%20leoHL_SetExpandTxt%28txt%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHL_SetExpandTxt%28%29%20%22+txt%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20_leoHighlightsSimpleGwCallBack%28%22LeoHighlightsSetExpandTxt%22%2C%22expandTxt%22%2Ctxt%29%3B%20%20%20%20%20%20%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHL_SetExpandTxt%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20redirect%20the%20top%20window%20to%20the%20passed%20in%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@param%20parentId%0A%20*%20@return%0A%20*/%0Afunction%20leoHL_RedirectTop%28url%2CparentId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20try%7B%0A%20%20%20%20%20%20%20%20%20var%20domain%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22domain%22%29%0A%20%20%20%20%20%20%20%20%20var%20keywords%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22keywords%22%29%0A%20%20%20%20%20%20%20%20%20var%20vendorId%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22vendorId%22%29%0A%20%20%20%20%20%20leoHighlightsReportEvent%28%22clickthrough%22%2C%20domain%2Ckeywords%2C%20vendorId%29%3B%0A%20%20%20%20%20%20%7Dcatch%28e%29%7B%0A%20%20%20%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHL_RedirectTop%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%20%20%20%7D%0A%20%20%09%09%0A%20%20%20%09_leoHighlightsRedirectTop%28url%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHL_RedirectTop%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20redirect%20the%20top%20window%20to%20the%20passed%20in%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@param%20parentId%0A%20*%20@return%0A%20*/%0Afunction%20LeoHL_RedirectTop%28url%2CparentId%29%0A%7B%0A%20%20%20leoHL_RedirectTop%28url%2CparentId%29%3B%0A%7D%0A%0A/**%0A%20*%20This%20will%20redirect%20the%20top%20window%20to%20the%20passed%20in%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@param%20parentId%0A%20*%20@return%0A%20*/%0Afunction%20leoHL_RedirectTopAd%28url%2CparentId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20try%7B%0A%20%20%20%20%20%20%20%20%20var%20domain%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22domain%22%29%0A%20%20%20%20%20%20%20%20%20var%20keywords%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22keywords%22%29%0A%20%20%20%20%20%20%20%20%20var%20vendorId%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22vendorId%22%29%0A%20%20%20%20%20%20leoHighlightsReportEvent%28%22advertisement.click%22%2C%20domain%2Ckeywords%2C%20vendorId%29%3B%0A%20%20%20%20%20%20%7Dcatch%28e%29%7B%0A%20%20%20%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHL_RedirectTopAd%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20_leoHighlightsRedirectTop%28url%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHL_RedirectTopAd%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A%0A/**%0A%20*%20This%20will%20set%20the%20size%20of%20the%20iframe%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@param%20parentId%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHl_setSize%28size%2Curl%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%09/*%20Get%20the%20clickId%20*/%0A%20%20%20%09var%20clickId%3D_leoHighlightsGetUrlArg%28%20url%2C%22clickId%22%29%0A%20%20%20%09%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22size%22%2Csize%29%3B%0A%20%20%20%20%20%20if%28clickId%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22clickId%22%2CclickId+%22_blah%22%29%3B%0A%20%20%20%20%20%20gwObj.callName%28%22LeoHighlightsSetSize%22%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHl_setSize%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20toggle%20the%20size%20of%20the%20window%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHl_ToggleSize%28%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20gwObj.callName%28%22LeoHighlightsToggleSize%22%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHl_ToggleSize%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A");
]]&gt;</script> </span></p>
]]></content:encoded>
			<wfw:commentRss>http://fredhatt.com/blog/2010/01/31/giants-among-us/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>9/11: Signs in the Aftermath</title>
		<link>http://fredhatt.com/blog/2009/09/09/signs-in-the-aftermath/</link>
		<comments>http://fredhatt.com/blog/2009/09/09/signs-in-the-aftermath/#comments</comments>
		<pubDate>Thu, 10 Sep 2009 03:34:24 +0000</pubDate>
		<dc:creator>fred</dc:creator>
				<category><![CDATA[Older work]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[NYC]]></category>
		<category><![CDATA[Signs]]></category>
		<category><![CDATA[Snapshots]]></category>
		<category><![CDATA[Urban Landscape]]></category>

		<guid isPermaLink="false">http://fredhatt.com/blog/?p=645</guid>
		<description><![CDATA[For those of us who lived in New York City, the 11th of September, 2001 was a day of shock and loss, but the years following that day have been a slow-motion tragedy of squandered opportunities and betrayed values.  Here&#8217;s the story of the first five years following the attacks, told through pictures of signs [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_646" class="wp-caption aligncenter" style="width: 410px"><img class="size-full wp-image-646" title="fredhatt-2001-01-looming-towers" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2001-01-looming-towers.jpg" alt="The Looming Towers, January, 2001, photo by Fred Hatt" width="400" height="888" /><p class="wp-caption-text">WTC: The Looming Towers, January, 2001, photo by Fred Hatt</p></div>
<p>For those of us who lived in New York City, the 11th of September, 2001 was a day of shock and loss, but the years following that day have been a slow-motion tragedy of squandered opportunities and betrayed values.  Here&#8217;s the story of the first five years following the attacks, told through pictures of signs and displays that I saw in my everyday urban peregrinations, in chronological order.</p>
<div id="attachment_647" class="wp-caption aligncenter" style="width: 460px"><img class="size-full wp-image-647" title="fredhatt-2001-09-sip-from-history" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2001-09-sip-from-history.jpg" alt="Sip from History, September, 2001, photo by Fred Hatt" width="450" height="600" /><p class="wp-caption-text">Sip from History Untarnished, September, 2001, photo by Fred Hatt</p></div>
<div id="attachment_648" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-648" title="fredhatt-2001-09-still-standing" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2001-09-still-standing.jpg" alt="Still Standing, September, 2001, photo by Fred Hatt" width="600" height="450" /><p class="wp-caption-text">Still Standing, September, 2001, photo by Fred Hatt</p></div>
<div id="attachment_649" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-649" title="fredhatt-2001-09-bus-shelter" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2001-09-bus-shelter.jpg" alt="Bus Shelter, September, 2001, photo by Fred Hatt" width="600" height="399" /><p class="wp-caption-text">Bus Shelter, September, 2001, photo by Fred Hatt</p></div>
<div id="attachment_650" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-650" title="fredhatt-2001-09-god-is-love" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2001-09-god-is-love.jpg" alt="God Is Love, September, 2009, photo by Fred Hatt" width="600" height="450" /><p class="wp-caption-text">God Is Love, September, 2001, photo by Fred Hatt</p></div>
<div id="attachment_651" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-651" title="fredhatt-2001-12-jules-et-jim" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2001-12-jules-et-jim.jpg" alt="Jules et Jim, December, 2001, photo by Fred Hatt" width="600" height="471" /><p class="wp-caption-text">Jules et Jim, December, 2001, photo by Fred Hatt</p></div>
<div id="attachment_652" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-652" title="fredhatt-2001-12-church-sign" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2001-12-church-sign.jpg" alt="Church Sign, December, 2001, photo by Fred Hatt" width="600" height="450" /><p class="wp-caption-text">Church Sign, December, 2001, photo by Fred Hatt</p></div>
<div id="attachment_653" class="wp-caption aligncenter" style="width: 460px"><img class="size-full wp-image-653" title="fredhatt-2001-12-macy's-window" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2001-12-macys-window.jpg" alt="Macy's Window, December, 2001, photo by Fred Hatt" width="450" height="600" /><p class="wp-caption-text">Bloomingdales Window, December, 2001, photo by Fred Hatt</p></div>
<div id="attachment_654" class="wp-caption aligncenter" style="width: 460px"><img class="size-full wp-image-654" title="fredhatt-2002-01-firefighter-statue" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2002-01-firefighter-statue.jpg" alt="Firefighter Statue, January, 2002, photo by Fred Hatt" width="450" height="600" /><p class="wp-caption-text">Firefighter Statue, January, 2002, photo by Fred Hatt</p></div>
<div id="attachment_655" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-655" title="fredhatt-2002-03-fallen-officers-shrine" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2002-03-fallen-officers-shrine.jpg" alt="Fallen Officers Shrine, March, 2002, photo by Fred Hatt" width="600" height="450" /><p class="wp-caption-text">Fallen Officers Shrine, March, 2002, photo by Fred Hatt</p></div>
<div id="attachment_656" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-656" title="fredhatt-2002-06-god-bless-america-beware-of-dogs" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2002-06-god-bless-america-beware-of-dogs.jpg" alt="God Bless America Beware of Dogs, June, 2002, photo by Fred Hatt" width="600" height="395" /><p class="wp-caption-text">God Bless America Beware of Dogs, June, 2002, photo by Fred Hatt</p></div>
<div id="attachment_657" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-657" title="fredhatt-2002-09-memorial-mural" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2002-09-memorial-mural.jpg" alt="Memorial Mural, September, 2002, photo by Fred Hatt" width="600" height="445" /><p class="wp-caption-text">Memorial Mural, September, 2002, photo by Fred Hatt</p></div>
<div id="attachment_658" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-658" title="fredhatt-2002-09-arrest-warmonger-bush" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2002-09-arrest-warmonger-bush.jpg" alt="Arrest Warmonger Bush, September, 2002, photo by Fred Hatt" width="600" height="450" /><p class="wp-caption-text">Arrest Warmonger Bush, September, 2002, photo by Fred Hatt</p></div>
<p>The flyer on the left reads:  &#8220;Arrest warmonger Bush!  A true genocidal Nuremberg criminal.&#8221;   The one on the right reads: &#8220;I&#8217;m digging my grave now, but SOON it will be YOUR turn.  War: Get used to it.  A message from the Ministry of Homeland Security.&#8221;</p>
<div id="attachment_659" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-659" title="fredhatt-2003-01-wtc-mural" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2003-01-wtc-mural.jpg" alt="Floral WTC Mural, January, 2003, photo by Fred Hatt" width="600" height="450" /><p class="wp-caption-text">Floral WTC Mural, January, 2003, photo by Fred Hatt</p></div>
<div id="attachment_660" class="wp-caption aligncenter" style="width: 460px"><img class="size-full wp-image-660" title="fredhatt-2003-04-yellow-ribbon" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2003-04-yellow-ribbon.jpg" alt="Yellow Ribbon, April, 2003, photo by Fred Hatt" width="450" height="600" /><p class="wp-caption-text">Yellow Ribbon, April, 2003, photo by Fred Hatt</p></div>
<div id="attachment_661" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-661" title="fredhatt-2003-09-tribute-in-light" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2003-09-tribute-in-light.jpg" alt="Tribute in Light, September, 2003, photo by Fred Hatt" width="600" height="450" /><p class="wp-caption-text">Tribute in Light, September, 2003, photo by Fred Hatt</p></div>
<div id="attachment_663" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-663" title="fredhatt-2003-10-tchotchkes" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2003-10-tchotchkes.jpg" alt="Tchotchkes, October, 2003, photo by Fred Hatt" width="600" height="450" /><p class="wp-caption-text">Tchotchkes, October, 2003, photo by Fred Hatt</p></div>
<div id="attachment_664" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-664" title="fredhatt-2003-10-america-will" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2003-10-america-will1.jpg" alt="America Will, October, 2003, photo by Fred Hatt" width="500" height="500" /><p class="wp-caption-text">America Will, October, 2003, photo by Fred Hatt</p></div>
<div id="attachment_665" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-665" title="fredhatt-2003-11-a-day-hasn't-passed" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2003-11-a-day-hasnt-passed.jpg" alt="A Day Hasn't Passed, November, 2003,  photo by Fred Hatt" width="600" height="372" /><p class="wp-caption-text">A Day Hasn&#39;t Passed, November, 2003,  photo by Fred Hatt</p></div>
<div id="attachment_666" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-666" title="fredhatt-2003-11-our-response-to-violence" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2003-11-our-response-to-violence.jpg" alt="Our Response to Violence, November, 2003, photo by Fred Hatt" width="600" height="466" /><p class="wp-caption-text">Our Response to Violence, November, 2003, photo by Fred Hatt</p></div>
<p>The caption on the image on the right says: &#8220;This will be our response to violence: To make music more intensely, more beautifully, more devotedly than ever before.  -Leonard Bernstein&#8221;</p>
<div id="attachment_667" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-667" title="fredhatt-2004-03-check-cashing" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2004-03-check-cashing.jpg" alt="Check Cashing, March, 2004, photo by Fred Hatt" width="600" height="486" /><p class="wp-caption-text">Check Cashing, March, 2004, photo by Fred Hatt</p></div>
<p>The caption on the flag reads: &#8220;To those we lost and their families, our prayers; to those who helped, our love; to those responsible, our wrath.&#8221;</p>
<div id="attachment_668" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-668" title="fredhatt-2004-04-wanted-dead-or-alive" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2004-04-wanted-dead-or-alive.jpg" alt="Wanted Dead or Alive, April, 2004, photo by Fred Hatt" width="600" height="450" /><p class="wp-caption-text">Wanted Dead or Alive, April, 2004, photo by Fred Hatt</p></div>
<p>The poster says: &#8220;Wanted Dead or Alive: Osama bin Laden, for mass murder in New York City.&#8221;</p>
<div id="attachment_669" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-669" title="fredhatt-2004-08-we-live-in-danger" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2004-08-we-live-in-danger.jpg" alt="We Live in Danger, August, 2004, photo by Fred Hatt" width="600" height="399" /><p class="wp-caption-text">We Live in Danger, August, 2004, photo by Fred Hatt</p></div>
<div id="attachment_670" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-670" title="fredhatt-2004-09-ruining-the-world" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2004-09-ruining-the-world.jpg" alt="Ruining the World, September, 2004, photo by Fred Hatt" width="600" height="399" /><p class="wp-caption-text">Ruining the World, September, 2004, photo by Fred Hatt</p></div>
<div id="attachment_671" class="wp-caption aligncenter" style="width: 409px"><img class="size-full wp-image-671" title="fredhatt-2004-11-be-suspicious" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2004-11-be-suspicious.jpg" alt="Be Suspicious, November, 2004, photo by Fred Hatt" width="399" height="600" /><p class="wp-caption-text">Be Suspicious, November, 2004, photo by Fred Hatt</p></div>
<p>The poster on the trash receptacle reads: &#8220;If you see something, say something.  Be suspicious of anything unattended.  Tell a police officer, a Times Square Alliance employee, or call 1-888-NYC-SAFE.&#8221;</p>
<div id="attachment_672" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-672" title="fredhatt-2004-11-defend-the-constitution" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2004-11-defend-the-constitution.jpg" alt="Defend the Constitution, November, 2004, photo by Fred Hatt" width="600" height="480" /><p class="wp-caption-text">Defend the Constitution, November, 2004, photo by Fred Hatt</p></div>
<div id="attachment_673" class="wp-caption aligncenter" style="width: 347px"><img class="size-full wp-image-673" title="fredhatt-2004-11-vote-or-die" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2004-11-vote-or-die.jpg" alt="Vote or Die, November, 2004, photo by Fred Hatt" width="337" height="600" /><p class="wp-caption-text">Vote or Die, November, 2004, photo by Fred Hatt</p></div>
<div id="attachment_675" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-675" title="fredhatt-2004-11-worst-president-ever" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2004-11-worst-president-ever1.jpg" alt="Worst President Ever, November, 2004, photo by Fred Hatt" width="600" height="338" /><p class="wp-caption-text">Worst President Ever, November, 2004, photo by Fred Hatt</p></div>
<div id="attachment_676" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-676" title="fredhatt-2005-01-his-nickname-was-boo" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2005-01-his-nickname-was-boo.jpg" alt="His Nickname Was Boo, January, 2005, photo by Fred Hatt" width="600" height="399" /><p class="wp-caption-text">His Nickname Was Boo, January, 2005, photo by Fred Hatt</p></div>
<p>The poster says &#8220;George Fernandez.  His nickname was Boo.  Not just a statistic.&#8221;</p>
<div id="attachment_677" class="wp-caption aligncenter" style="width: 490px"><img class="size-full wp-image-677" title="fredhatt-2005-01-i-want-you" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2005-01-i-want-you.jpg" alt="I Want You, January, 2005, photo by Fred Hatt" width="480" height="600" /><p class="wp-caption-text">I Want You, January, 2005, photo by Fred Hatt</p></div>
<div id="attachment_678" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-678" title="fredhatt-2005-02-seeking-information-alert" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2005-02-seeking-information-alert.jpg" alt="Seeking Information Alert, February, 2005, photo by Fred Hatt" width="500" height="500" /><p class="wp-caption-text">Seeking Information Alert, February, 2005, photo by Fred Hatt</p></div>
<p>The flyer says: &#8220;Seeking Information Alert.  These individuals are being sought in connection with possible terrorists threats against the United States.  Contact Information:  If you have any information concerning these individuals, please contact the local FBI office or the nearest American Embassy or Consulate.&#8221;</p>
<div id="attachment_679" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-679" title="fredhatt-2006-03-memorial-and-trashbins" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2006-03-memorial-and-trashbins.jpg" alt="Memorial and Trashbins, March, 2006, photo by Fred Hatt" width="600" height="402" /><p class="wp-caption-text">Memorial and Trashbins, March, 2006, photo by Fred Hatt</p></div>
<div id="attachment_680" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-680" title="fredhatt-2006-05-random-search" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2006-05-random-search.jpg" alt="Random Search, May, 2006, photo by Fred Hatt" width="600" height="338" /><p class="wp-caption-text">Random Search, May, 2006, photo by Fred Hatt</p></div>
<div id="attachment_681" class="wp-caption aligncenter" style="width: 409px"><img class="size-full wp-image-681" title="fredhatt-2006--07-these-colors-don't-run" src="http://fredhatt.com/blog/wp-content/uploads/2009/09/fredhatt-2006-07-these-colors-dont-run.jpg" alt="These Colors Don't Run, July, 2006, photo by Fred Hatt" width="399" height="600" /><p class="wp-caption-text">These Colors Don&#39;t Run, July, 2006, photo by Fred Hatt</p></div>
]]></content:encoded>
			<wfw:commentRss>http://fredhatt.com/blog/2009/09/09/signs-in-the-aftermath/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

